/* Miscellaneous */

body,
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'roboto', sans-serif;
    font-weight: normal;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.no-margin {
    margin: 0;
}

.shadow {
    box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
}

.shadow-hover {box-shadow: 0 0 4px #000000; -webkit-box-shadow: 0 0 4px #000000;}

.no-right-pad {
    padding-right:0 !important;
}

.no-right-padmar {
    padding-right:0 !important;
    margin-right:0 !important;
}
.clearboth {
    clear:both;
}
.ssav-page-outer {
    
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.ssav-page-inner {

    background-color: white;
    padding: 10px;
    overflow: hidden;
}


/* Icons */
.sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/avensysicons.png);
}

.spritepad {
    padding-left: 3px;
}

.freedelivery {
    width: 139px;
    height: 27px;
    background-position: -261px -2px;
}

.freenextday {
    width: 257px;
    height: 28px;
    background-position: -2px -2px;
}

.delivery24 {
    width: 42px;
    height: 24px;
    background-position: -557px -2px;
}

.delivery48 {
    width: 32px;
    height: 24px;
    background-position: -601px -2px;
}

.mouse {
    width: 24px;
    height: 24px;
    background-position: -635px -2px;
}

.reservecollect {
    width: 153px;
    height: 25px;
    background-position: -402px -2px;
}


/* USPs - added Jan 2018 */

#uspbar {
    min-height:42px;
    overflow:hidden;
    padding-top:10px;
    font-family:'Raleway';
    font-weight:600;
    font-size:19px;
    color:#ccc;
}

#uspbar p {
    text-align:center;
    margin:0;
}

#uspbar p.sub {
    font-size:11px;
    font-weight:500;
}

#uspbar a {
    color:#ccc;
    text-decoration:none;
}


#uspbar a:hover {
    color:#fff;
}

/* Order wrapper */

.orderconfirm-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.orderconfirm-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}

.orderconfirm-inner h1 {
    margin:5px 0 10px 0;
}
.orderconfirm-inner h3.headline-header {
    margin-bottom:3px;
}
.orderconfirm-inner h3.headline-header a {
    color:black;
}



/* Sprites */
.payment-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/paymentlogos.png);}

.maestro {width:45px; height:30px; background-position: -143px -2px}
.mastercard {min-width:45px; min-height:30px; background-position: -96px -2px}
.paypal {width:45px; height:30px; background-position: -49px -2px}
.visa {width:45px; height:30px; background-position: -2px -2px}


.social-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/ssavsocial.png);}

.facebook {width:32px; height:32px; background-position: -2px -2px}
.googleplus {width:32px; height:32px; background-position: -36px -2px}
.instagram {width:32px; height:32px; background-position: -70px -2px}
.offer {width:42px; height:13px; background-position: -138px -2px}
.twitter {width:32px; height:32px; background-position: -104px -2px}

.footer-payment-sprite {min-width: 288px; min-height:25px; display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/basepaymentlogos.png);}


/* Page Header */

.header-container {
    background: #fff;
    font-size: 12px;
    padding: 20px 0 10px 0;
}

    .header-container a, .header-container {
        color: black;
    }

#site_search {
    float: right;
    width: 140px;
    height: 28px;
    background: #4d4d4d;
    border-radius: 3px;
    overflow: hidden;
    margin-left:10px;
}


    #site_search span#magnify {
        float: left;
        background: none;
        border: none;
        color: #b2b2b2;
        font-size: 12px;
        cursor: pointer;
        line-height: 1;
        padding: 7px 5px 3px 5px;
    }

#search_input {
    float: left;
    display: block;
    background: transparent;
    color: #cccccc;
    outline: none;
    width: 120px;
    height: 20px;
    margin: 4px 0 0 0;
    border: none;
    font-size: 14px;
}

#site_search.active {
    background: #f2f2f2;
    border-color: #4c4c4c;
}

    #site_search.active input[type="text"] {
        color: #4d4d4d;
    }

.header-links {
    float: right;
    display: inline;
    padding: 5px 0 0 0;
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    left: 0;
    right: 0;
    outline: none;
}

.menubar-container {
    background: url(images/menubar.png) repeat-x;
}

.headbar {
    list-style: none;
    background-color: #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 18px;
    font-weight: bold;
}

    .headbar > ul {
        padding: 0 2rem;
    }

        .headbar > ul > li {
            display: inline-block;
            padding: 5px;
        }

            .headbar > ul > li.right {
                float: right;
            }

        .headbar > ul > .active {
            color: #999999;
        }

.header-cart h3 {
    margin: 0px;
}

.header-sublinks {
    text-align:right;
    margin-top:3px;
}

.header-sublinks a {
    margin-left:15px;
    font-size:11px;
}

.topnav {
    background: transparent;
    border: none;
    color: white;
}



/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 0 0 20px 0;
    overflow: hidden;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    outline: none;
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    left: 0;
    right: 0;
    outline: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #A1D9F3;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    padding: 2px 10px;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default button.navbar-toggle {
    color: #ffffff;
    border-color: #fff;
}

    .navbar-default button.navbar-toggle .icon-bar {
        border-color: #fff;
        background-color: #fff;
    }

    .navbar-brand {
        padding:0;
    }

    .navbar-toggle {
       float:left;
       margin-top:0;
       margin-left:15px;
       padding:5px;
    }

    .navbar-toggle .icon-bar {
        height:1px;
        width:18px;
    }

    a.dropdown-toggle {
       background-color:#000 !important;
        color:#fff !important;
    }
    a.dropdown-toggle:hover {
        background-color:#A1D9F3 !important;
        color:#000 !important;
    }

    .navbar-collapse ul {
        background:#000 !important;
    }
    .navbar-collapse ul a {
        color:#000 !important;
    }

    
    .navbar-collapse ul a:hover {
         background-color:#A1D9F3 !important;
        color:#000 !important;
    }

    .xs-basket {
        float:right;
        font-size:16px;
        margin-right:10px;
    }
.sales-tagline {
    font-size: 1rem;
}

.nav.search-wrap {
    padding-top: 11px;
    padding-right: 5px;
}

button.btn-navbar {
    background:#000;
    border-color:#999;
    color:#fff;
    padding:2px 15px;
}

button.btn-navbar:hover,button.btn-navbar:active, button.btn-navbar:focus  {
    background:#222;
    color:#A1D9F3;
    
}

#SearchButton {
    margin-left: 5px;
    height: 28px;
    padding: 4px 8px;
}

#SearchBox {
    height: 28px;
    float:right;
}


#minisearchbutton {
    background: transparent;
    color: #fff;
    border: solid 1px white;
}

    #minisearchbutton:active {
        color: #ff0;
    }


    .xxdropdown {
        background:#000;
    }

    .navbar-nav {
        margin-top:0;
        color:0;
       
    }

.nav.navbar-nav {
    background-color: #eeebe4;
}

    .navbar-collapse {
        border-top-color:#555 !important ;
    }

.deliveryoptionsbar div.sprite {
}


.deliveryoptionsbar div.text {
    vertical-align: top;
    font-size: 1.2rem;
}

.deliveryoptionsbar .text-right div.sprite {
    float: right;
}

.deliveryoptionsbar .text-right div.text {
    float: right;
}

/*-- Mini cart */
div.cartContents {
    display:inline;
}

div.mini-cart {
    background:#555;
    color:white;
    border:solid 3px white;
    border-radius:10px;

}

div.mini-cart .modal-body {
    background:#FFFFFF;
    color:black;
    border:solid 3px #555;
    

}

div.mini-cart .modal-footer {
    margin-top:0px;
    

}

.mini-cart-line {
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:dotted 1px #ccc;
}

.mini-cart-line:last-child {
    border-bottom:none;
}
.mini-cart-line .promotion-text i, .mini-cart-line .promotion-text span {
    vertical-align:middle;

}

.mini-cart-line div.right {
    text-align:right;
}

.mini-cart-line .promotion-text i {
    margin-right:5px;
}

.mini-cart-line span.wasPriceOuter {
    color:#F55;
    text-decoration:line-through;
}

.mini-cart-line span.wasPrice {
    color:#999;
}
/* Site wide banner */

.site-wide-banner {
    width:100%;
    margin-bottom:10px;
    text-align:center;
}

.site-wide-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
  }
/*------------------------------------------------------------------
[X. Breadcrumbs]
*/
.breadcrumbs {
    list-style: none;
    display: inline;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: transparent;
}

    .breadcrumbs li {
        float: left;
    }

    .breadcrumbs .back {
        width: 10px;
    }

    .breadcrumbs .breadcrumb {
        padding: 0;
        background: transparent;
    }

        .breadcrumbs .breadcrumb a {
            text-decoration: none;
            color: black;
        }

    .breadcrumbs .active {
        color: #686868;
    }

    .breadcrumbs .divider {
        padding: 0 5px;
    }


    /* Store info / store locator */
#txtTownPC {
    width:150px;
}
.store-info-gmap {
    width:100%;
    height:410px;
    border:solid 2px #ccc;
}

.store-info-gmap-large {
    width:100%;
    height:620px;
    border:solid 2px #ccc;
}


.store-page .store-name {
    font-size:24px;
    padding:1%;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    text-align:center;
    
    margin-top:5px;
}


.store-page .store-address {

}

.store-page h2 {
    font-size:24px;
}

.store-page .store-hours p {
    margin:0;
    font-size:16px;
}


.store-page .store-hours .open-hours {
     font-weight:bold;
    margin-bottom:5px;
}

.store-page .store-hours .open-hours.holiday {
    font-style:italic ;
    font-weight:normal;
    color:#555;
    padding-left:10px;
}



.store-page .store-hours .open-hours span {
    min-width:100px;
    display:block;
    float:left;
    
}
.store-manufacturer-image {
    padding:2% 3% 0 3%;
}
.store-page .googleplus2 {
    margin-top:5px;
    width:100%;
    background:url(images/googleplus.png) no-repeat 10px 10px;
   
    padding: 45px 5px 5px 5px;
    
    display:block;
    border-radius:5px;
    border:dashed 1px #aaa;
    font-size:90%;
}

.stores-table {
    width:100%;
}


.stores-table .store-name {
    font-weight:bold;
    font-size:13px;
    padding:5px;
    text-align:left;
    width:100%;
  
}
.stores-table .store-link {
    text-align:right;
}


/* Entity/Product results*/



ul.products-grid li div.list-item-outer {
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
}


    ul.products-grid li div.list-item-outer img-thumbnail {
        float: left;
        margin-right: 20px;
    }

    ul.products-grid li div.list-item-outer .product-shop .product-info {
        width: 71%;
        border-right: solid 1px #ccc;
        padding-right: 10px;
        float: left;
        min-height: 160px;
    }

    ul.products-grid li div.list-item-outer .product-shop .product-pricing {
        width: 15%;
        display: inline;
    }

ul.products-grid {
    list-style-type: none;
    padding: 0;
    position: relative;
}

    ul.products-grid li {
        position: relative;
    }

        ul.products-grid li div.grid-item-outer {
            border: solid 1px #ccc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            position: relative;
            background: #fff;
            height: 290px;
            overflow: hidden;
        }

        ul.products-grid li div.grid-item-inner {
            padding: 10px;
        }

        ul.products-grid li img.entity-product-image {
            border: none;
            margin-bottom: 10px;
        }

        ul.products-grid li .grid-item-price-wrap {
            font-weight: bold;
            font-size: 2.2rem;
        }

        ul.products-grid li .grid-item-name-wrap {
            min-height: 60px;
            margin: 10px 0;
        }

        ul.products-grid li .grid-item-description-wrap {
            max-height: 85px;
            margin: 10px 0;
            overflow: hidden;
            white-space: normal;
        }

        ul.products-grid li div.list-item-outer .grid-item-name-wrap {
            min-height: 0;
            margin: 0;
        }

.product-shop {
    position: relative;
    display: block;
    overflow: hidden;
}

.thickborder {
    -webkit-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    -moz-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    position: relative;
    z-index: 10;
    height: 520px !important;
}


.product-row .grid-item-image {
    display: inline;
    float: left;
    margin-right: 20px;
}


.product-row ul.products-grid li .grid-item-name-wrap {
    min-height: 0;
}

.product-row .grid-item-name-wrap, .grid-item-description-wrap {
    text-align: left;
}

.wish-compare {
    margin-top: 5px;
    font-size: 85%;
}

    .wish-compare button {
        margin: 5px;
    }




/* PRODUCT PAGE */

.bxslider {
    margin: 10px;
}

    .bxslider li img {
        margin: 0 auto;
        width: 100%;
    }

.product-image-wrap {
    border: solid 1px black;
    padding: 20px;
    background-color: #fff;
}

    .product-image-wrap .actionelement {
        border: solid 1px #999;
    }

.slider-thumbs {
    margin: 5px auto 0 auto;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

    .slider-thumbs ul li a {
        display: block;
    }

        .slider-thumbs ul li a img {
            opacity: 0.6;
        }

        .slider-thumbs ul li a.selected img,
        .slider-thumbs ul li a:hover img {
            opacity: 1;
            cursor: pointer;
        }

.product-box {
    border: solid 1px black;
    background: #e6e6e6;
    margin-bottom: 10px;
    min-height: 550px;
    position:relative;
}

.product-page .promo-text, .kit-promo-text {
  color:#810000;
  font-size:12px;
  font-weight:bold;
  display:block;
    
}

.category-page .product-box {
    min-height:580px;
}

.img-overlay {
    width:50px !important;
    height:50px !important;
    z-index:100;
    position:absolute;
}

.img-overlay.overlay-tl {
    top:10px;
    left:10px;
}

.img-overlay.overlay-tr {
    top:10px;
    right:10px;
}
.img-overlay.overlay-bl {
    bottom:10px;
    left:10px;
}
.img-overlay.overlay-br {
   bottom:10px;
   right:10px;
}

.product-image-wrap .product-carousel-content-wrapper {
   position:relative;
}

img.overlay-large {
    width:250px !important;
    height:250px !important;
    z-index:100;
    position:absolute;
}


img.overlay-large.overlay-tl {
    top:5px;
    left:5px;
}

img.overlay-large.overlay-tr {
    top:5px;
    right:5px;
}
img.overlay-large.overlay-bl {
    bottom:5px;
    left:5px;
}
img.overlay-large.overlay-br {
   bottom:5px;
   right:5px;
}

    .product-box .product-title {
        background:  #e6e6e6;
        padding: 10px;
        font-size: 20px;
        color: white;
        display: block;
    }

#product-options-wrap {
    background:#DDD;
    margin:0;
    padding:10px;
    float:right;
    display:block;
    overflow:hidden;
    width:100%;
    border-bottom:1px solid #b6b6b6;
 text-align:right;
}

.variant-info-wrap {
    clear:both;
    border-top:1px solid #fff;
}
div.product-price {
    clear:both;
    color: #555;
    margin: 0;
    text-align: right;
    background-color: #EEE;
    padding: 10px 10px 5px 10px;
    overflow:hidden;
    
}

select#VariantSelector {
    max-width:100%;
}


div.product-price .saleSaving {
min-width:80px;
text-align:center;
font-size:20px;
line-height:18px;
padding:20px;
font-weight:bold;
float:left;
background-color: #800000;
color: #ffffff;
border-bottom-color: #590000;
border-top-color: #b20000;
box-shadow: 0 1px 1px #333333;
text-shadow: 1px 1px 1px #4d0000;
margin-bottom:5px;
}

div.product-price .overlayImage {
    float:left;
    width:75px;
    height:75px;
    margin-left:5px;
}

div.product-price .overlayImage img{
    
    width:75px;
    height:75px;
    
}

div.product-price .saleNowPrice,div.product-price .standardNowPrice, .kit-customized-price {
    color:#800000;
    font-size:32px;
    font-weight:bold;
}

div.product-price .saleWasPrice {
    text-decoration:line-through;

}

.buttonrow {
    margin: 5px 0;
    text-align: right;
}

.ssav-details-box {
    background: white;
    border: solid 1px black;
    padding: 5px;
}

div.finance-header {
   
    text-align:center;
    font-weight:bold;
    padding:5px 10px 3px 10px;
    min-height:40px;
    background:url(images/paybyfinance.png) no-repeat #eee;
    text-align:right;
    background-position: 10px 7px;
}

table.product-finance-figures {
    width:100%;
    font-size:85%;
    margin-top:3px;
}

table.product-finance-figures td.right {
    text-align:right;
}




.stock-buy-box {
    border-top: solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}



.add-to-cart-group input[type="button"]  {
    border:none;
    border-radius:3px;
    padding:6px 0 6px 0;
    width:148px;
}

.add-to-cart-wrap #disabled-add-to-cart {
    display:none;
}


.product-description {
    padding-top: 10px;
}

.product-tabs-outer {
    background: white;
    padding: 10px;
    border: solid 1px black;
    clear: both;
    margin: 10px 0;
    min-height: 100px;
}

.tab-content {
    padding-top: 10px;
}

.hackspace {
    width: 10px;
    display: inline-block;
}

.product-award {
    overflow: hidden;
    padding-bottom:10px;
}

tabe.product-spec {
    width:100%;
}

table.product-spec td {
    padding:5px 0 ;
    vertical-align:top;
}

table.product-spec td:first-child  {
    font-weight:bold;
}


.product-award .magazine-name {
    font-weight:bold;
    font-size:125%;
}

div.product-filelink {
     font-weight:bold;
    
}

.kit-selected-items {
    margin-top:5px;
}
.kit-group-content {
    display: inline;
}


    .kit-group-content select {
        width: 100%;
    }

#showstockpopup {
    width:148px;
}

.youtube-productvideo-thumb {
    max-height:50px;
}

.youtubevideo-productvideo img {
    margin:0 auto;
}


.youtubevideo-productvideo a.youtubevideo-show {
   position: absolute;
   display: block;
   background: url(images/videoplay.png);
   height: 80px;
   width: 80px;
   top:20px;
    left:20px;
   z-index:200;


}
.youtubeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.YouTubeModal .modal-content {
    background:#666;
    color:#fff;
}


.YouTubeModal .modal-header button {
    background:#666;
    color:#fff;
}


/* kit product */

.product-kit-page .price-wrap {
    background:#DDD;
    padding:10px;
    
}

.product-kit-page .price-wrap h1 {
font-weight:bold;
    font-size:30px;
    text-align:right;
    margin:0;
}
.product-kit-page .kit-add-to-cart .qty-text {
    float:left;
    padding-top:3px;
    padding-right:3px;
}

.product-kit-page .quantity-box {
    width:50px;
    float:left;
    margin-right:5px;
}

.product-kit-page .kit-add-to-cart {
    overflow:hidden;
    float:right;
    
}

#kitshowstockpopup {
    width:150px;
}

/* Product page promotions */

.product-promotions {
    font-size:13px;
    margin-top:10px;
}

.product-promotions div.right {
    text-align:right;
}

.product-promotions div.right span {
    padding-right:5px;
}

.product-promotions h2 {
    text-align:left;
    margin-top:0;
    padding:10px;
    color:#800000;
    font-size:18px;
    font-weight:bold;
    background-color:#eee;
    border-bottom:solid 1px #ddd;
}


.product-promotions h3 {
    text-align:left;
    margin-top:0;
    padding:0;
    color:#800000;
    font-size:13px;
    font-weight:bold;

}

.product-promotions .kit-promo-disclaimer {
    padding:0 0 10px 5px;
    font-size:11px;
}

.product-promotions .promotion-product {
    padding-bottom:5px;
    margin-bottom:5px;
    
}

    .product-promotions .promotion-product:last-child {
        border-bottom: none;
    }

    .product-promotions .wasPriceOuter {
        color:red;
        text-decoration:line-through ;
    }

    .product-promotions .wasPriceOuter span {
        color:#555;
    }

    .product-promotions .btn-xs {
        width:100%;
    }
    .product-promotions .btn-collect {
        margin-bottom:3px;
    }

.product-promotions img.product {


}

.product-promotions .promo-variant {
    padding:0;
    font-size:12px;
    width:100%;
}

.product-promotions a {
    text-decoration:none;
    color:#000;
}

.product-promotions a:hover,
.product-promotions a:active {
    text-decoration:underline;
}

/* category page*/

h2#category-heading {
    margin-top: 0px;
}

.subcats {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.subcatbox {
    width: 100%;
    border: solid 1px #555;
    padding: 5px;
    margin-top: 5px;
    background-color: white;
}

.subcatboxinner {
    background-color: #ddd;
    padding: 5px 10px 5px 10px;
    color: black;
}

a:hover .subcatboxinner {
    background-color: #ddf;
    color: blue;
}

.category-page {
}

.filter-box {
    background: #fff;
    border: solid 1px #999;
    
    overflow:hidden;
    padding:0 10px 10px 10px;
}



#searchcount {
    padding: 5px 0 0 5px;
}

.category-page .search-control-outer {
    background-color: #ffffff;
    margin-bottom: 10px;
    border: solid 1px #333;
    overflow: hidden;
}

.category-page .search-control-outer .search-control {
    padding:5px;
}

    .category-page .search-control .label {
        padding: 0 5px 0 5px;
        color: rgb(0,0,0);
        float: left;
        font-size: 15px;
        font-weight: normal;
        margin-top: 10px;
    }

    .category-page .search-control select {
        margin: 0 2px 0 2px;
    }
    .category-page .search-control select#sort-select {
        float: left;
        
    }

    .category-page .search-control .searchpaging {
        float:right;
    }
    

    .category-page .search-control .btn {
    margin: 0 2px 0 2px;
    }

.category-page .pagination {
    margin: 5px 0 0 0;
    float: right;
}

    .category-page .pagination ul {
        list-style-type: none;
        float: left;
    }

        .category-page .pagination ul li {
            display: inline;
            float: left;
            font-size: 15px;
            font-weight: bold;
            margin: 0 2px;
        }

            .category-page .pagination ul li.active {
                border: solid 1px #555;
                padding: 1px 5px 1px 5px;
                background: #000;
                color: white;
                margin-top: -1px;
            }


            .category-page .pagination ul li.disabled {
                border: solid 1px #aaa;
                padding: 1px 5px 1px 5px;
                color: #aaa;
                margin-top: -1px;
            }

            .category-page .pagination ul li a {
                color: #000;
                border: solid 1px #555;
                padding: 1px 5px 1px 5px;
                background: #ccc;
            }

                .category-page .pagination ul li a:hover {
                    background: #ccf;
                }

.category-page .column.three {
    width: 25%;
    float: left;
    display: block;
}

.category-page .column.nine {
    width: 75%;
    float: left;
    display: block;
}

.side-header h2 {
    font-size: 22px;
}

.side-menu h3 {
    font-size: 18px;
}

.side-menu input[type="text"] {
    padding: 0;
}

.side-menu label {
    font-weight: normal;
   display: block;
   
    padding-left: 15px;
    text-indent: -18px;
    margin:0;
    
}

.side-menu input[type=checkbox] {
   display:inline;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px 0 0 ;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    *overflow: hidden;
}
}

    .side-menu label:hover {
        text-decoration: underline;
    }


.side-menu div.searchslider {
    width: 90%;
    margin: 5% 5% 5% 2%;
}

.side-menu div.slideinputleft {
    display: block;
    float: left;
    width: 45%;
}

.side-menu div.slideinputright {
    display: block;
    float: right;
    width: 45%;
    margin-right: 3%;
}




.side-menu div.slideinputleft input, .side-menu div.slideinputright input {
    width: 100%;
    margin: 5px 0 15px 0;
    text-align: center;
}

.sale_callout_listing {
    background-color: #810000;
    border-top: 1px solid #990000;
    box-shadow: 1px 1px 1px #4c4c4c;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #330000;
    position: absolute;
    top: 5px;
    left: -15px;
    padding: 2px 9px;
    z-index:1000;
    
}

ul.pList {
    overflow: hidden;
    margin-left: -35px;
}

    ul.pList .product {
        overflow: hidden;
        padding: 0 10px 0 10px;
        margin-bottom: 20px;
    }

        ul.pList .product .product-box {
            border: solid 1px #AAA;
            
        }

        ul.pList .product .product-box:hover {
            box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
        }

        ul.pList .product .product-box:hover .title-bar {
    background-color:  #dbe6ea;
    color:#2993cc;
    cursor:pointer ;
    clear:left;
}

@media only screen and (min-width : 992px) {
    .mdlast {
        clear: both;
    }
}

@media only screen and (min-width : 480px) and (max-width:991px) {
    .smlast {
        clear: both;
    }
}


ul.pList .product .title-bar {
    padding: 5px 10px 5px 10px;
    background-color:  #e6e6e6;
    overflow: hidden;
    border-bottom:1px solid rgb(205,205,205);
    border-top:1px solid rgb(205,205,205);
    line-height:15px;   
     font-size: 12px;
    height:65px;
    clear:left;
}



ul.pList .product .title-bar br {
  line-height: 13px;
}

    ul.pList .product .title-bar a {
        color: black;
        width: 100%;
        text-decoration:none;

    }

    ul.pList .product .title-bar-highlight a {
    color:#2993cc;

}
    ul.pList .product .title-bar .product-name {
      
       
        display: block;
        font-weight: bold;
       
    }

    ul.pList .product .title-bar .product-compare {
        float: right;
        color: white;
        font-size: 80%;
    }

ul.pList .product .content-top {
    padding: 10px;
    background: white;
    
    position:relative;
    float: left;
    width: 100%;
}

ul.pList .product .content-main {
    padding: 10px;
    background: #f2f2f2;
    overflow: hidden;
    float: left;
   
    width: 100%;
     height:135px;
      border-top:1px solid #FFF;
       border-bottom:1px solid rgb(205,205,205);
}

ul.pList .product .content-pricing {
    padding: 10px 10px;
    overflow:hidden;
    
}

ul.pList .product .content-pricing span.promo-text {
  color:#810000;
  font-size:11px;
  font-weight:bold;
  display:block;
    
}
ul.pList .product .content-top span.image {
    float: left;
    width: 100%;
    display: block;
}

ul.pList .product span.image img {
    width: 100%;
}

ul.pList .product .content-main span.product-detail {
    display: block;
    float: left;
    
    
   
}

ul.pList .product .content-main span.description {
    font-size: 12px;
   
}

ul.pList .product .content-main span.long-description {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    color: #555;
}

ul.pList .product .content-main a.read-more {
    font-weight: bold;
    display: block;
    padding-top: 5px;
}


ul.pList .product .content span.pricing {
    display: block;
    clear: both;
    margin-left: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
}

ul.pList .product .content-pricing span.pricing .comparison-prices {
 
 

}

ul.pList .product .content-pricing span.pricing .comparison-prices .wasprice {
    padding-right:10px;
         color:#810000;
    font-weight:bold;
 
    text-decoration: line-through;
}

ul.pList .product .content-pricing span.pricing .product-price {
    font-weight: bold;
  
 
    margin-top: 10px;
}

ul.pList .product .stockmock {
    height: 152px;
    display: block;
    background: url(images/searchstockmock.png);
    float: left;
}

/* Checkout */

.checkout-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.checkout-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
    overflow: hidden;
}

table.cart-items {
    width: 100%;
}


    table.cart-items tr.headrow {
        
        color: black;
    }

        table.cart-items tr.headrow th {
            padding: 3px;
            border-bottom:solid 1px #AAA;
           vertical-align:bottom;
        }

            table.cart-items tr.headrow th:first-child {
                padding-left: 10px;
            }

            table.cart-items tr.headrow th:last-child {
                padding-right: 10px;
            }

    table.cart-items td {
        padding: 6px 5px;
        border-bottom: 1px dotted #CCC;
    }


        table.cart-items td:last-child {
            padding-right: 10px;
        }


        table.cart-items td.right, table.cart-items th.right {
            text-align: right;
        }

    table.cart-items input.checkout-qty {
        width: 50px;
    }

    table.cart-items tr.totalrow td {
        font-weight: bold;
    }

    table.cart-items ul.cart-kit-items {
        padding-left:5px;
         list-style-type: none;
         
    }

    table.cart-items ul.cart-kit-items li {
        padding:0;
        margin:0;
        font-size:13px;
        font-style:italic;
    }

     table.cart-items .promotion-text span {
         vertical-align:middle;
     }
    table.cart-items .promotion-text i.offer {
        margin-right:5px;
        
        vertical-align:middle;
    }

    table.cart-items .wasPriceOuter {
        text-decoration:line-through;
        color:red;
    }

    table.cart-items .wasPrice {
        color:#999;
    }
.checkout-text {
    display: block;
    font-size: 90%;
    padding-bottom: 5px;
}

.checkout-info-title {
    background: #555;
    padding: 3px 5px 3px 5px;
    display: block;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.checkout-info-subtitle {
    display: block;
    font-size: 95%;
    width: 45%;
    float: left;
    padding-bottom: 5px;
}

.checkout-info-subtitle2 {
    display: block;
    font-size: 95%;
    padding: 10px 10px;
    margin: 5px 0px;
    clear: both;
    border-left: 2px solid #999;
}

.checkout-container {
    overflow: hidden;
}

.checkout-info-container {
    display: block;
    font-size: 95%;
    width: 55%;
    float: left;
    padding-bottom: 5px;
}

    .checkout-info-container input {
        margin-bottom: 5px;
    }

.bold {
    font-weight: bold;
}

.checkout-container .input > span {

    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
}


.checkout-container .input input,
.checkout-container .input select {
    margin-bottom: 5px;
}

.txtTitle {
    width: 150px;
    margin-left: 5px;
}


.checkoutcard-outer {

    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.checkoutcard-inner {
   
    background-color: white;
    padding: 10px;
}

.checkoutcard-inner .sagepaylogo {
    width:150px;
    height:82px;
    background-image: url('images/sagepaysecured.png');
    margin:10px 20px 10px 10px;
    float:left;
}

.checkoutcard-inner .sagepaytext {
    float:left;
}


.checkoutcard-inner .sagepaytext h2 {
    margin-top:10px;
}

.checkoutcard-inner .ifSage {
    width: 100%;
    height: 700px; 
    border: solid 10px white;
}
/* Newsletter Signup */

.newsletter-signup .description {
    margin-bottom:20px;
}

.newsletter-signup .input {
    clear:both;
}
.newsletter-signup .input > span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 20%;
    
    float: left;
}
.newsletter-signup input[type="text"] {
    width:75%;
    margin-bottom:10px;
}


#newsletter-loader {
    width:74px;
    height:34px;
    background:url('images/nlspreloader.gif');
}
/* New CEFASOFT One Page Checkout (OPC.aspx)*/


.amzAlert {
    background-color:#FAD87B;
    width:100%;
    border:solid 1px #B78E24;
    color:black;
    padding:5px 10px;
}

.amzLoadx {
   /* background:url(images/amzloading.gif) no-repeat;
    background-position: center; */
   background-color:#FAD87B;
    width:200px;
    border-bottom:solid 2px black;

    min-height:43px;
}


.amzLoadLogin {
   /* background:url(images/amzloading.gif) no-repeat;
    background-position: center; */
   background-color:#FAD87B;
    width:172px;
    border:solid 1px #B78E24;
    border-radius:3px;

    min-height:43px;
}
.opc-outer {
 
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.opc-inner {
  
    background-color: white;
    padding: 10px;
    overflow: hidden;
}
.opc-page h1, .opc-page h2, .opc-page h3, .opc-page h4, .opc-page h5 {
    margin: 5px 0;
    padding-left:0;
}

.opc-page h3 {
    margin: 25px 0 10px 0;
    font-size:120%;
}

 #pnlOPCErrorMsg {
    width:100%;
    margin: 0 0 5px 0;
    background:red;
    color:white;
    border:solid 1px #000;
    padding:10px;
}

#pnlOPCErrorMsg a {
    color:white;
    font-weight:bold;
}

.opc-basket-outer {
    padding-left: 15px;
}

.opc-checkout-outer .seehowonregcust {
    display:none;
}
.opc-checkout-outer {
     
    min-height: 350px;
    border-right:solid 1px #EEE;
    padding-right:20px;
    margin-right:0;
}

    .opc-checkout-outer button {
        margin-top: 5px;
    }

    .opc-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }


.opc-login-left {
    width: 49%;
    float: left;
}

#newpassword2 {
    margin-top: 5px;
}

.opc-login-right {
    border-left: 1px dotted #CCC;
    width: 49%;
    padding-left: 10px;
    float: left;
}

#opc-login-error {
    padding-left: 30px;
    color: red;
    font-weight: bold;
}

.forgotPassword {
    padding-left:10px;
    font-size:12px;
}

.pchide {
    display:none;
}

.opc-pickaddress {
    max-width:250px;
}

.opc-manual-address-input {
    margin-top:5px;
    display:block;
    font-size:90%;
}
#opc-requirePasswordReset {
    border:solid 1px red;
    margin:5px 5px 5px 0;
    padding:5px;
    font-size:95%;
}
.opc-page .input > span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
    margin-left: 10px;
    padding: 5px 0;
}


.opc-page .input input,
.opc-page .input select {
    margin-bottom: 5px;
}

#copyaddress {
    margin: 10px 0;
}

.opc-payment-radio {
    vertical-align:top ;
}


.opc-payment-methods span.payment-sprite {
 
}


.opc-payment-logo
{
    width: 106px;
    margin-right: 10px;
    float: left;
    clear: left;
    background:white;
    padding-bottom: 10px;
    border:solid 3px white;
    
}

.opc-payment-sagepay
{
    min-height: 27px;
    margin-bottom: 5px;
    background-image: url(images/opc-sagepay.png);
    background-repeat: no-repeat;
}

.opc-payment-barclays
{
    min-height: 38px;
    background-image: url(images/opc-barclays.png);
    background-repeat: no-repeat;
}

.opc-payment-hitachi
{
    min-height: 56px;
    background-image: url(images/opc-hitachifinance.png);
    background-repeat: no-repeat;
}

.opc-payment-radio-outer
{
    float: left;
    padding-top: 5px;
}

.opc-payment-instore
{
    min-height: 36px;
    background: url(images/opc-instore.png);
    background-repeat: no-repeat;
}

.opc-payment-paypal
{
    min-height: 32px;
    background: url(images/opc-paypal.png);
    background-repeat: no-repeat;
}
.opc-payment-methods span.payment-method-name {
    vertical-align:top ;
    margin-left:5px;
}
.opc-cardtypes, .opc-payment-methods {
        list-style-type: none;
overflow:hidden;
    padding-left:0;
    padding-top:5px;
    }


.opc-cardtypes input[type="radio"]  {
    vertical-align:top;
}

.opc-cardtypes label {
    vertical-align:top;
    padding-left:5px;
}
.opc-cardtypes li,
 .opc-payment-methods li {
    margin:0;
    
    }

.opc-cardtypes li input ,
 .opc-payment-methods li input {
    margin-right:5px;

    }

.opc-cardtypes li label,
 .opc-payment-methods li label {
    margin:0px;

    }


.opc-existing-addresses {
    margin:10px 0;
}

    .opc-existing-addresses p.customer-name {
        font-weight:bold;
    }

.opc-delivery-conditions {

}
.opc-delivery-condition {
       
    padding:5px;
    border-radius:10px;
    
}

.opc-delivery-condition p,
#opc-address-edit p {
    margin:0;
}

.opc-page button.btn.saveaddr {
    width:240px;
}

.opc-newaddress-outer {
    background-color:#f5f5f5;
    padding:10px;
    border-radius:10px;
    margin:0px 10px;
}

.opc-address-select { 
    min-height:220px;
    
}

/*
.opc-address-select.existing-address {
    border:solid 1px #CCC;
    border-radius:5px;
    padding:5px;
    min-height:150px;
}
.opc-address-select.existing-address.selected-address {
    border:solid 2px #CCC;
    background:#EEF;
}
    */

.row.less-gutter  {
    margin-left:-2px;
    margin-right:-2px;
}
.row.less-gutter .less-gutter-col:not(:first-child),
.row.less-gutter .less-gutter-col:not(:last-child) {
  padding-right:2px;
  padding-left:2px;
}

.opc-addressreview {
    margin-top:10px;
    margin-bottom:10px;
}

.opc-addressreview .title {
    font-weight:bold;
}
.opc-displayaddress p {
    margin:0;
    padding:0;
    line-height:normal;
}

.opc-payment-forms h3 {
    color:#888;
}

.opc-payment-forms .opc-payment-form {
    display:none;
}

.input.proceed-button {
    display:none;
}



label.otouchradio {
  width: 80%;
  border-radius: 3px;
  border: 1px solid #D1D3D4
}

div.otouchradio {
    clear:both;
    margin:0 0;

}
/* hide input */
input.otouchradio:empty {
	margin-left: -999px;
}





/* style label */
input.otouchradio ~ label {
	position: relative;
	float: left;
	line-height: 3em;
	text-indent: 3.5em;
	margin-top: 0.2em;
	cursor: pointer;
    	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.otouchradio ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.otouchradio:hover:not(:checked) ~ label:before {
	content:'X';
	text-indent: .9em;
	color: #C2C2C2;
}

input.otouchradio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.otouchradio:checked ~ label:before {
	content:'X';
	text-indent: .9em;
	color: #9CAEE2;
	background-color: #4D6DCB;
}

input.otouchradio:checked ~ label {
	color: #F00;
    background:#FDD;
}

/* radio focus */
input.otouchradio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}


.stockavailability tr td {
    text-align:left;
}

/* Voucher redemption */

a#havevoucher {
    color:#555;
    font-size:12px;
}

.checkout-voucher-request {
    margin-top:10px;
    background-color:#eee;
    padding:5px 0 10px 10px;
    border-radius:5px;
}

.checkout-voucher-request input#voucher-code {
    margin-right:10px;
}
.checkout-voucher-request .title {
    margin-bottom:5px;
}
.existing-promotions {
    font-size:12px;
}
.existing-promotions .title {
    margin:5px 0;
    padding:5px;
    border-bottom:dotted 1px #999;
}

#voucher-package-outer  .voucher-error {
    color:red;
    margin-top:5px;
    font-weight:bold;
}
/* Cefasoft Collect from store page*/
.collect-outer {
    border: 1px solid #CCC;
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;
}

.collect-page h1, .collect-page h2, .collect-page h3, .collect-page h4, .collect-page h5 {
    margin: 5px 0;
}

table.collect-product {
    width:100%;
    margin-bottom:25px;
}

table.collect-product tr th {
    font-size:24px;
    font-weight:normal;
}

table.collect-product tr td {
    font-size:16px;
    font-weight:normal;
}

table.collect-opening-hours {
    width:100%;
}
.collect-basket-outer {
    padding-left: 15px;
}

.collect-image-outer {
    text-align:center;
    vertical-align:middle ; 

}
.collect-image-outer img {
        max-width:150px;
}

.collect-checkout-outer {
    border: solid 1px white;
    padding-left: 10px;
    box-shadow: -9px 0px 5px -5px #CCC;
    min-height: 350px;
}

    .collect-checkout-outer button {
        margin-top: 5px;
    }

    .collect-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }

.collect-login-left {
    width: 49%;
    float: left;
}


.collect-login-right {
    border-left: 1px dotted #CCC;
    width: 49%;
    padding-left: 10px;
    float: left;
}

#collect-login-error {
    padding-left: 30px;
    color: red;
    font-weight: bold;
}


.collect-page .input span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
    margin-left: 10px;
    padding: 5px 0;
}


.collect-page .input input,
.collect-page .input select {
    margin-bottom: 5px;
}

.collect-cardtypes {
        list-style-type: none;
overflow:hidden;
    padding-left:0;
    padding-top:5px;
    }

.collect-cardtypes li {
    margin:0;
    
    }

.collect-cardtypes li input {
    margin-right:5px;

    }

.collect-cardtypes li label {
    margin:0px;

    }


.collect-outer span.unhappyMessage {
    display:block;
    width:90%;
    color:red;
    padding:0 0 10px 0;
    overflow:hidden;
}

.collect-outer span.unhappyMessage span {
   text-align:right;
   padding-right:5px;
   color:red;
   margin-top:-4px;
}
.collect-outer input.unhappy {
    background-color:#FEE;
}

#opc-newcustomer-outer span.unhappyMessage {
    width:auto;
}

/* Home Page */
.homepagebanner-outer {
    border: 1px solid #CCC;
    margin: 0 auto;
    /*max-width: 960px;*/
}

.homepagebanner-inner {
    background: #fff;
    padding: 5px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}


.carousel-fade .carousel-control {
    z-index: 2;
}


.carousel-indicators {
    left: auto;
    bottom: -6px;
    right: 1%;
    text-align: right;
}

    .carousel-indicators li {
        text-indent: 0;
        height: 12px;
              width: 12px;
        padding: 1px 5px 1px 5px;
        border-radius: 25px;
        background-color: #58585a;
        border-color: rgba(255,255,255, 0.5);
        color: transparent;
    }

        .carousel-indicators li:hover {
            background-color:  #a2daf4;
            border-color: rgba(0, 0, 0, 0.5);
        
             height: 12px;
              width: 12px;
        }

        .carousel-indicators li.active {
           height: 12px;
              width: 12px;
            background-color: #a2daf4;
            border-color: rgba(255, 255,255, 0.5);
            margin: 1px;
        }

.homePageBuckets {
    margin-top: 10px;
    margin-left: -2px;
    margin-right: -2px;
}

    .homePageBuckets div.homePageBucket {
        padding-left: 2px;
        padding-right: 2px;
    
    }


.bucket-inner {
    border: solid 1px #999;
    background-color: #fff;
    padding: 3px;
      
}

.bucket-inner.bucket-middle {
    
}

bucket-inner.bucket-right  {
    
    right:0;
}

#homePageProducts {
    margin-top: 10px;
}

/*
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
    */



/* News Pages ================================================================================ */

.newsbox-outer {

    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.newsbox-inner {
   
    background-color: white;
    padding: 10px;
}

.newsbox-inner h3.headline-header {
    margin-bottom:3px;
}
.newsbox-inner h3.headline-header a {
    color:black;
}

/* Manufacturer page */


.manufacturer-page-image-box {
    border-bottom:solid 1px #000;
    overflow:hidden;
}

.logo-wrapper {
    padding:10px;
}


img.logo {
    opacity:0.6;
    

}

img.logo:hover {
    opacity:1;
}

/*TILT*/
.tilt, .animate, .shadowfilter {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}


    .tilt:hover {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
          
.shadowfilter:hover { -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,120,0.2));
filter: url(shadow.svg#drop-shadow); }


/* Manufacturer category page */
.manufacturer-banner {
    display:block;
    
    border:solid 1px#4d4d4d  ;
    background-color:white;
    overflow:hidden;
}
    .manufacturer-banner img.banner {
        float: left;
    }

    .manufacturer-banner .solo-logo {
        float:right;
        padding-right:30px;
    }
    .manufacturer-banner-text {
        clear:both;
        padding:15px 10px 5px 10px;
        text-align:justify;

    }

   .category-page .cathead {
       background-color:white;
   }

      .category-page .cathead p {
       margin:0;
   }
.category-page .cathead p.headertext {
    display:block;
    padding:10px;
    background-color:white;
    margin-top:0;
    border-left:solid 1px black;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
}
/* Topic Pages ================================================================================ */

.topicbox-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.topicbox-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}


/* Order confirmation */

.ordconf-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.ordconf-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}



/* Hitachi response pages*/


.hpbfbox-outer {
    width: 100%;
    border: solid 1px black;
    padding: 75px 5px 5px 5px;
   background: white url(images/paybyfinancelarge.png) no-repeat ;
   background-position:15px 15px;
    margin-bottom: 20px;
}

.hpbfbox-inner {
    width: 100%;
    
    padding: 10px;
}




/* Stock availability popup*/


table.stockavailability tr {
    border-bottom: dotted 1px grey;
}

table.stockavailability td, table.stockavailability th {
    padding-top: 3px;
    padding-bottom: 5px;
    vertical-align: top;
}

table.stockavailability tr th {
    vertical-align: bottom;
}

table.stockavailability tr td.storename {
    font-size: 120%;
    font-weight: bold;
    width: 20%;
}

table.stockavailability tr td.hours,
table.stockavailability tr td.address {
    font-size: 80%;
    width: 25%;
}

table.stockavailability .collect-holiday {
    font-weight:bold;
}

table.stockavailability tr td.collect {
    min-width:91px;
    min-height:49px;
    
    background:url('images/locate_instock.jpg') no-repeat;
    background-position-y:10px;
    
}

    table.stockavailability tr td.collect.invalid {
        background:url('images/locate_outofstock.jpg') no-repeat;
          background-position-y:10px;
          display:none; /* ES PM 13/03/2015 */
    }


    table.stockavailability td.collect-text {
        font-size:80%;
    }

    table.stockavailability td.collect-text.in-stock {
        font-weight:bold;
    }
.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}




/* Signup box */
.basesignup {
    background:#fff;padding:7px 15px;border-radius:5px;margin-bottom:15px;overflow:hidden;
}

.basesignup .signupleft {
 padding-top:8px;
 margin-left:0;
 padding-left:0;
}

.basesignup .signupright {
    padding-right:0;
    margin-right:0;
}

.basesignup .signupright button {
    margin-left:5px;
    float:right;
}

.basesignup .signupright input {
   width:80%;
   float:right;
}

.basesignup img {
    float:right;
}


/* Footer ================================================================================ */
.footer-container {
    background: #191919;
    font-size: 12px;
    border-top: 4px solid #7cdaf3;
    padding-top:10px;
    color: white;
   
}

    .footer-container p {
        margin-bottom: 2px;
    }

    .footer-container a {
        color: white;
    }

    .footer-container ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding-bottom: 2px;
    }

        .footer-container ul li {
            display: inline;
            padding: 0px 7px 0px 5px;
            border-right: solid 2px #999;
        }

            .footer-container ul li:first-child {
                padding-left: 0px;
            }

            .footer-container ul li:last-child {
                border-right: none;
            }

.footer {
}

    .footer .footer-cols-wrapper {
        overflow: hidden;
        padding: 46px 0 42px;
    }

    .footer h4,
    .footer .block-title strong,
    .footer h3 {
        position: relative;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #fff;
        margin-bottom: 22px;
        text-transform: capitalize;
    }

    .footer footer-col.last {
        float: right;
    }

    .footer .clear {
        clear: both;
    }

    .footer .footer-col.last h3 {
        float: left;
        line-height: 26px;
        margin-right: 10px;
    }

    .footer .footer-col.contacts h3 {
        margin: 5px 0 14px;
    }

    .footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

        .footer ul li {
            display: block;
            padding: 0 0 5px;
            margin: 0;
        }

            .footer ul li a {
                display: inline;
                color: #7cdaf3;
                font-size: 14px;
                text-decoration: none;
            }

                .footer ul li a:hover {
                    color: #b2cb00;
                }

    .footer address {
        float: left;
        margin-top: 10px;
    }

    .footer .list-icon {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .footer .list-icon li a {
        }

            .footer .list-icon li a:hover {
                opacity: 0.5;
            }

        .footer .list-icon li {
            float: left;
            margin-right: 17px;
        }

            .footer .list-icon li:before {
                display: none;
            }

.footer-container .bottom-container {
    text-align: center;
}

.footer .footer-col .fb-like-box,
.footer .footer-col iframe {
    background: #EDEFF4;
}

.footer-col {
    float: left;
    width: 16%;
    margin-right: 1.1%;
}

    .footer-col.last {
        margin-right: 0;
        float: right;
    }

.footer .footer-col p {
    margin-bottom: 10px;
}

.footer .footer-col .tel {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
}

.footer .footer-col .fb-like-box,
.footer .footer-col iframe {
    background: #EDEFF4;
}

.footer-shadow {
    margin: 0 -10000px;
    padding: 4px 10000px 30px;
    position: relative;
    border-top: 1px solid #373737;
}


.opc-outer span.unhappyMessage {
    display:block;
    width:90%;
    color:red;
    padding:0 0 10px 0;
  
}

.opc-outer span.unhappyMessage span {
   text-align:right;
   padding-right:5px;
   color:red;
   margin-top:-4px;
}
.opc-outer input.unhappy {
    background-color:#FEE;
}

/*------ Radio buttons =-----*/

.btn-group-vertical {
    
}
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
    margin-right:5px;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #7AA3CC;    display: inline;
    margin-right:5px;
}
label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
    margin-right:5px;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
    margin-right:5px;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}


div[data-toggle="buttons"] {
    min-width:300px;
}
div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 3px 12px 3px 0;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

/* Finance pages */

div.opc-btn-row {
    text-align:right;
}
div.barclays-logo {
    background:url(images/BarclaysFinance.png);
    width:157px;
    height:26px;
    display:block;
}
table.finance-grid {
    width:90%;
    border:solid 1px #ccc;
    margin:10px;
}

table.finance-grid td {
    padding:5px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

table.finance-grid tr td:nth-child(even) {
    text-align:right;
    padding-right:10px;
}
table.finance-grid tr:nth-of-type(odd)  td {
    background:#eee;
}

/* Bootstrap Dialog */
.bootstrap-dialog {

}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    clear:both;
    overflow:hidden;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-title {
    font-size: 16px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-close-button {
    font-size: 20px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px;
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-message {
    font-size: 14px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px;
}
.bootstrap-dialog.type-default .modal-header {
    background-color: #fff;
}
.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
}
.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f;
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px;
}


/* Additional Bootstrap button styles for SSAV*/


.btn-login {
  color: #ffffff;
  background-color: #000000;
  border-color: #4fbed7;
}
.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active,
.open .dropdown-toggle.btn-login {
  color: #ffffff;
  background-color: #333;
  border-color: #4fbed7;
}
.btn-login:active,
.btn-login.active,
.open .dropdown-toggle.btn-login {
  background-image: none;
}
.btn-login.disabled,
.btn-login[disabled],
fieldset[disabled] .btn-login,
.btn-login.disabled:hover,
.btn-login[disabled]:hover,
fieldset[disabled] .btn-login:hover,
.btn-login.disabled:focus,
.btn-login[disabled]:focus,
fieldset[disabled] .btn-login:focus,
.btn-login.disabled:active,
.btn-login[disabled]:active,
fieldset[disabled] .btn-login:active,
.btn-login.disabled.active,
.btn-login[disabled].active,
fieldset[disabled] .btn-login.active {
  background-color: #889988;
  border-color: #779977;
}
.btn-login .badge {
  color: #009900;
  background-color: #fff;
}

.btn-addbasket {
  color: #ffffff;
  background-color: #009900;
  border-color: #009900;
}
.btn-addbasket:hover,
.btn-addbasket:focus,
.btn-addbasket:active,
.btn-addbasket.active,
.open .dropdown-toggle.btn-addbasket {
  color: #ffffff;
  background-color: #007700;
  border-color: #007700;
}
.btn-addbasket:active,
.btn-addbasket.active,
.open .dropdown-toggle.btn-addbasket {
  background-image: none;
}
.btn-addbasket.disabled,
.btn-addbasket[disabled],
fieldset[disabled] .btn-addbasket,
.btn-addbasket.disabled:hover,
.btn-addbasket[disabled]:hover,
fieldset[disabled] .btn-addbasket:hover,
.btn-addbasket.disabled:focus,
.btn-addbasket[disabled]:focus,
fieldset[disabled] .btn-addbasket:focus,
.btn-addbasket.disabled:active,
.btn-addbasket[disabled]:active,
fieldset[disabled] .btn-addbasket:active,
.btn-addbasket.disabled.active,
.btn-addbasket[disabled].active,
fieldset[disabled] .btn-addbasket.active {
  background-color: #889988;
  border-color: #779977;
}
.btn-addbasket .badge {
  color: #009900;
  background-color: #fff;
}

.btn-collect {
  color: #ffffff;
  background-color: #428bca;
  border-color: #327bba;
}

a.btn-collect, a.btn-collect:hover {
    color:#fff;
    text-decoration:none;
}
.btn-collect:hover,
.btn-collect:focus,
.btn-collect:active,
.btn-collect.active,
.open .dropdown-toggle.btn-collect {
  color: #ffffff;
  background-color:#327bba;
  border-color: #226baa;
}
.btn-collect:active,
.btn-collect.active,
.open .dropdown-toggle.btn-collect {
  background-image: none;
}
.btn-collect.disabled,
.btn-collect[disabled],
fieldset[disabled] .btn-collect,
.btn-collect.disabled:hover,
.btn-collect[disabled]:hover,
fieldset[disabled] .btn-collect:hover,
.btn-collect.disabled:focus,
.btn-collect[disabled]:focus,
fieldset[disabled] .btn-collect:focus,
.btn-collect.disabled:active,
.btn-collect[disabled]:active,
fieldset[disabled] .btn-collect:active,
.btn-collect.disabled.active,
.btn-collect[disabled].active,
fieldset[disabled] .btn-collect.active {
  background-color:#c2cbfa;
  border-color: #b2bbea;
  text-decoration:none;
}
.btn-collect .badge {
  color: #428bca;
  background-color: #fff;
}

.account-page table {
    border-top:dotted 1px #555;
     border-bottom:dotted 1px #555;
}

.account-page table thead tr th {
    padding-top:10px;
}

.account-page table tbody tr:last-child td {
    padding-bottom:10px;
}

.account-page table td {
    text-align:left;
}

.account-page .account-details-password {
    border-bottom:dotted 1px #000;
}
.account-page .input span, 
.account-page .input label {
    display:inline-block;
    width:240px;
    margin-bottom:15px;
}

.account-page .valdation-messages {
    display:block;
    clear:both;
}
.account-page span.validationError {
    
    clear:both !important; 
    border-left:solid 2px red;
    
    padding-left:5px;
    margin-bottom:5px;
   
    padding-right:5px;
    margin-top:3px;
    width:100%;
}

.account-page span.validationError[style*="inline"] {
    display:block !important;
}

.account-page label {
    vertical-align:top;
}
div.addressdatalist {
    background-color:#fff;
    padding:10px;
}

div.addressdatalist ul {
    list-style-type: none;
}

.account-page .account-customer-password {
    border-left:dotted 1px black;
    padding-bottom:20px;
}
.account-page .account-customer-password label {
    margin-bottom:5px;
    margin-top:8px;

}

.account-page #chkOKToEmailFromStore {
    vertical-align:top;
    margin-right:5px;
}

.account-customer-details label,
.account-customer-details div {
    padding-top:5px;
}

.account-customer-details .gdpr label {
    font-weight:normal;
}
/* GDPR */




/* CSS CHECKBOX */

input[type=checkbox].css-checkbox
{
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr
    {
        padding-left: 44px;
        height: 31px;
        display: inline-block;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk
        {
            background-position: 0 -32px;
        }

label.css-label
{
    background-image: url(images/csscheckbox_check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


input[type=radio].css-checkbox
{
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.clr
    {
        padding-left: 36px;
        height: 31px;
        display: inline-block;
        line-height: 1.2;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 12px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=radio].css-checkbox:checked + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.chk
        {
            background-position: 0 -31px;
        }

label.css-rdlabel
{
    background-image: url(images/csscheckbox_radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#isiteiframe {
    width:100%;
    height:400px;
}

 div#spinnerouter
{
     width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    display:none;
    font:normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index:22;
    overflow: auto;
}

.spinner {
  width: 80px;
  height: 80px;
  background-image:url(images/ssavk.png);
  opacity:0.9;
  margin:5px;
  -webkit-animation: sk-rotateplane 3s infinite;
  animation: sk-rotateplane 3s infinite;
}

@keyframes sk-rotateplane {
 0% {
      transform: perspective(400px) rotateX(0deg) rotateY(0deg);
     
   }
  
   50% {
      transform: perspective(400px) rotateX(0deg) rotateY(-180deg);
     
   }
   100% {
       transform: perspective(400px) rotateY(-360.9deg);
   }
}

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
/*# sourceMappingURL=easy-autocomplete.min.css.map */


/* Soon v1.11.0 - Soon, Animated Responsive Countdowns
 * Copyright (c) 2017 pqina - http://pqina.nl
 */
.soon-wrapper,.soon{display:block;margin:0;padding:0;line-height:1.5;font-size:40px;font-size:2.5rem;text-align:center;overflow:hidden}.soon-wrapper [class*=soon-],.soon [class*=soon-]{display:inline-block;vertical-align:baseline}.soon-wrapper,.soon-wrapper *,.soon,.soon *{-moz-box-sizing:content-box;box-sizing:content-box}.soon-wrapper>.soon,.soon>.soon{display:block}.soon-wrapper.soon-inline,.soon.soon-inline{display:inline-block;margin:0}.soon-wrapper>.soon-group,.soon>.soon-group{white-space:nowrap}.soon-wrapper .soon-repeater,.soon-wrapper .soon-group,.soon .soon-repeater,.soon .soon-group{position:relative;z-index:1}.soon-wrapper[data-layout*=label-uppercase] .soon-label,.soon[data-layout*=label-uppercase] .soon-label{text-transform:uppercase}.soon-wrapper[data-layout*=label-lowercase] .soon-label,.soon[data-layout*=label-lowercase] .soon-label{text-transform:lowercase}.soon-wrapper[data-visual]>.soon-group>.soon-group-inner,.soon[data-visual]>.soon-group>.soon-group-inner{display:table;border-collapse:separate}.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner,.soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,.soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner{display:block;position:relative;min-width:3.25em}.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner::after,.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner::after,.soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner::after,.soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner::after{padding-bottom:100%!important;content:''!important;display:block!important}.soon-wrapper[data-visual] .soon-group-sub,.soon[data-visual] .soon-group-sub{display:table-cell}.soon-wrapper[data-visual] .soon-value,.soon[data-visual] .soon-value{margin:0;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:1em}.soon-wrapper[data-visual] .soon-label,.soon[data-visual] .soon-label{position:absolute;left:0;right:0;bottom:25%;margin-top:0!important;line-height:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:.325em!important}.soon-wrapper[data-visual][data-layout*=label-above] .soon-label.soon-label,.soon[data-visual][data-layout*=label-above] .soon-label.soon-label{top:25%!important;margin-top:0!important;bottom:auto!important}.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value,.soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value{top:45%}.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label,.soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label{bottom:30%}.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-value,.soon[data-visual*=ring][data-layout*=label-above] .soon-value{top:58%}.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label,.soon[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label{top:30%!important}.soon-wrapper[data-layout*=group] .soon-label,.soon[data-layout*=group] .soon-label{font-size:.5em}.soon-wrapper[data-layout*=label-small] .soon-label,.soon[data-layout*=label-small] .soon-label{font-size:.4em}.soon-wrapper[data-layout*=label-small][data-visual] .soon-label,.soon[data-layout*=label-small][data-visual] .soon-label{font-size:.275em!important}.soon-wrapper[data-layout*=label-small][data-layout*=line] .soon-label,.soon[data-layout*=label-small][data-layout*=line] .soon-label{font-size:.625em}.soon-wrapper[data-layout*=label-big] .soon-label,.soon[data-layout*=label-big] .soon-label{font-size:.65em}.soon-wrapper[data-layout*=label-big][data-visual] .soon-label,.soon[data-layout*=label-big][data-visual] .soon-label{font-size:.4em!important}.soon-wrapper[data-layout*=label-big][data-layout*=line] .soon-label,.soon[data-layout*=label-big][data-layout*=line] .soon-label{font-size:.875em}.soon-wrapper[data-layout*=label-hidden] .soon-label,.soon[data-layout*=label-hidden] .soon-label{display:none!important}.soon-reflection{display:block!important;overflow:hidden;z-index:0!important;opacity:.3;margin-bottom:-.5em;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1)}.soon-reflection~.soon-label{position:relative;z-index:1;margin-top:1em!important}.soon-reflection::after{position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;z-index:5;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);content:'';background-image:inherit}.soon-reflection.soon-separator{position:absolute!important;left:0;top:1.5em}.soon-no-animation .soon-reflection{display:none!important}.soon-text{min-width:.6875em}.soon-slot{position:relative;display:inline-block;text-align:center;vertical-align:top!important;letter-spacing:.125em;text-indent:.125em}.soon-slot:first-child{margin-left:-.125em}.soon-slot:last-child{margin-right:-.125em}.soon-slot+.soon-slot{margin-left:-.25em}.soon-slot .soon-slot-inner{display:block;-webkit-transform:perspective(100px);-ms-transform:perspective(100px);-o-transform:perspective(100px);transform:perspective(100px);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;height:1.5em}.soon-slot-bounding{padding:0 .0625em;visibility:hidden}.soon-slot-new,.soon-slot-old{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.soon-slot-new,.soon-slot-old,.soon-slot-bounding{text-align:center}.soon-slot-animate .soon-slot-new,.soon-slot-animate .soon-slot-old{-webkit-transition:-webkit-transform 800ms,opacity 700ms,color 400ms,-webkit-filter 400ms;-o-transition:-o-transform 800ms,opacity 700ms,color 400ms,filter 400ms;transition:transform 800ms,opacity 700ms,color 400ms,filter 400ms}.soon-milliseconds .soon-slot-animate .soon-slot-new,.soon-milliseconds .soon-slot-animate .soon-slot-old{-webkit-transition:-webkit-transform 100ms,opacity 100ms,color 50ms,-webkit-filter 50ms;-o-transition:-o-transform 100ms,opacity 100ms,color 50ms,filter 50ms;transition:transform 100ms,opacity 100ms,color 50ms,filter 50ms}.soon-slot .soon-slot-new{opacity:0;z-index:2}.soon-slot .soon-slot-old{opacity:1;z-index:1}.soon-slot-animate .soon-slot-new{opacity:1}.soon-slot-animate .soon-slot-old{opacity:0}.soon[data-face*=doctor] .soon-slot .soon-slot-new{opacity:0;z-index:2;-webkit-transform:rotateZ(45deg) scale(0.25);-ms-transform:rotateZ(45deg) scale(0.25);-o-transform:rotateZ(45deg) scale(0.25);transform:rotateZ(45deg) scale(0.25)}.soon[data-face*=doctor] .soon-slot .soon-slot-old{opacity:1;z-index:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.soon[data-face*=doctor] .soon-slot-animate .soon-slot-new{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.soon[data-face*=doctor] .soon-slot-animate .soon-slot-old{opacity:0;-webkit-transform:rotateZ(-45deg) scale(1.5);-ms-transform:rotateZ(-45deg) scale(1.5);-o-transform:rotateZ(-45deg) scale(1.5);transform:rotateZ(-45deg) scale(1.5)}.soon[data-face*=slide] .soon-slot .soon-slot-new{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);z-index:2;opacity:0}.soon[data-face*=slide] .soon-slot .soon-slot-old{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);z-index:1;opacity:1}.soon[data-face*=slide] .soon-slot-animate .soon-slot-new{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.soon[data-face*=slide] .soon-slot-animate .soon-slot-old{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);opacity:0}.soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-new{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-old{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-new{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-old{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-new{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-old{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-new{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-old{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-new{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-old{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-new{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-old{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.soon[data-face*=roll] .soon-slot .soon-slot-new{opacity:0;-webkit-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);-ms-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);-o-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);transform:translateY(-102.5%) rotateX(110deg) scale(0.5);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;z-index:2}.soon[data-face*=roll] .soon-slot .soon-slot-old{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;z-index:1}.soon[data-face*=roll] .soon-slot-animate .soon-slot-new{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.soon[data-face*=roll] .soon-slot-animate .soon-slot-old{opacity:0;-webkit-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);-ms-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);-o-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);transform:translateY(102.5%) rotateX(-110deg) scale(0.5)}.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-new{-webkit-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);-ms-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);-o-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);transform:translateY(102.5%) rotateX(-110deg) scale(0.5);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-old{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-new{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-old{-webkit-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);-ms-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);-o-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);transform:translateY(-102.5%) rotateX(110deg) scale(0.5)}.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-new{-webkit-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);-ms-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);-o-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);transform:translateX(102.5%) rotateY(-110deg) scale(0.5);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-old{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-new{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-old{-webkit-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);-ms-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);-o-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);transform:translateX(-102.5%) rotateY(110deg) scale(0.5)}.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-new{-webkit-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);-ms-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);-o-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);transform:translateX(-102.5%) rotateY(110deg) scale(0.5);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-old{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-new{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-old{-webkit-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);-ms-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);-o-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);transform:translateX(102.5%) rotateY(-110deg) scale(0.5)}.soon[data-face*=rotate] .soon-slot-new,.soon[data-face*=rotate] .soon-slot-old{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.soon[data-face*=rotate] .soon-slot .soon-slot-new{-webkit-transform:rotateZ(-90deg) scale(0.125);-ms-transform:rotateZ(-90deg) scale(0.125);-o-transform:rotateZ(-90deg) scale(0.125);transform:rotateZ(-90deg) scale(0.125);opacity:0;z-index:2}.soon[data-face*=rotate] .soon-slot .soon-slot-old{-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1;z-index:1}.soon[data-face*=rotate] .soon-slot-animate .soon-slot-new{-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1}.soon[data-face*=rotate] .soon-slot-animate .soon-slot-old{-webkit-transform:rotateZ(90deg) scale(0.125);-ms-transform:rotateZ(90deg) scale(0.125);-o-transform:rotateZ(90deg) scale(0.125);transform:rotateZ(90deg) scale(0.125);opacity:0}.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-new{-webkit-transform:rotateZ(90deg) scale(0.125);-ms-transform:rotateZ(90deg) scale(0.125);-o-transform:rotateZ(90deg) scale(0.125);transform:rotateZ(90deg) scale(0.125)}.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-old{-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}.soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-new{-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}.soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-old{-webkit-transform:rotateZ(-90deg) scale(0.125);-ms-transform:rotateZ(-90deg) scale(0.125);-o-transform:rotateZ(-90deg) scale(0.125);transform:rotateZ(-90deg) scale(0.125)}.soon[data-face*=shadow-hard] .soon-separator,.soon[data-face*=shadow-hard] .soon-slot-inner{text-shadow:0 .0625em 0 rgba(0,0,0,.15)}.soon[data-face*=shadow-soft] .soon-separator,.soon[data-face*=shadow-soft] .soon-slot-inner{text-shadow:0 .0625em .125em rgba(0,0,0,.333)}.soon[data-face*=glow] .soon-separator,.soon[data-face*=glow] .soon-slot-inner{text-shadow:0 0 .125em rgba(255,255,255,.75)}.soon[data-face*=fast] .soon-slot-animate .soon-slot-new,.soon[data-face*=fast] .soon-slot-animate .soon-slot-old{-webkit-transition:-webkit-transform 500ms,opacity 400ms,color 200ms,-webkit-filter 200ms;-o-transition:-o-transform 500ms,opacity 400ms,color 200ms,filter 200ms;transition:transform 500ms,opacity 400ms,color 200ms,filter 200ms}.soon[data-face*=faster] .soon-slot-animate .soon-slot-new,.soon[data-face*=faster] .soon-slot-animate .soon-slot-old{-webkit-transition:-webkit-transform 250ms,opacity 175ms,color 100ms,-webkit-filter 100ms;-o-transition:-o-transform 250ms,opacity 175ms,color 100ms,filter 100ms;transition:transform 250ms,opacity 175ms,color 100ms,filter 100ms}.soon-flip{position:relative;text-align:center;vertical-align:top!important;margin:0 -.03125em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.soon-flip:only-child{margin:0}.soon-flip-inner{display:block!important;overflow:hidden;padding:.25em .125em;height:1.5em}.soon-flip-card{display:block!important;position:relative}.soon-flip-bounding{visibility:hidden;padding:0 .25em}.soon-flip-fallback,.soon-flip-face{color:#fff;background-color:#333}.soon-flip-face{-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent}.soon-flip-fallback,.soon-flip-face{position:absolute;left:0;right:0;overflow:hidden}.soon-flip-front{-webkit-transform:perspective(300px) rotateX(0deg);-ms-transform:perspective(300px) rotateX(0deg);-o-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg);top:0;bottom:50%;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;z-index:5}.soon-flip-back{-webkit-transform:perspective(300px) rotateX(180deg);-ms-transform:perspective(300px) rotateX(180deg);-o-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg);top:50%;bottom:0;-webkit-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;z-index:4}.soon-flip-back,.soon-flip-bottom{line-height:0}.soon-flip-top,.soon-flip-bottom{overflow:hidden}.soon-flip-top{top:0;bottom:50%}.soon-flip-bottom{top:50%;bottom:0}.soon-flip-fallback{top:0;bottom:0}.soon-flip-fallback::before,.soon-flip-face::before{position:absolute;left:0;right:0;height:1px;content:''}.soon-flip-top::before,.soon-flip-front::before{bottom:0;background-color:rgba(0,0,0,.25)}.soon-flip-bottom::before,.soon-flip-back::before{top:0;background-color:rgba(0,0,0,.06125)}.soon-flip-fallback::before{top:50%;background-color:rgba(0,0,0,.25)}@-webkit-keyframes flip-front{0%{-webkit-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}100%{-webkit-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}@-o-keyframes flip-front{0%{-o-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}100%{-o-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}@keyframes flip-front{0%{-webkit-transform:perspective(300px) rotateX(0deg);-ms-transform:perspective(300px) rotateX(0deg);-o-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}100%{-webkit-transform:perspective(300px) rotateX(-180deg);-ms-transform:perspective(300px) rotateX(-180deg);-o-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}@-webkit-keyframes flip-back{0%{-webkit-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}100%{-webkit-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}}@-o-keyframes flip-back{0%{-o-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}100%{-o-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}}@keyframes flip-back{0%{-webkit-transform:perspective(300px) rotateX(180deg);-ms-transform:perspective(300px) rotateX(180deg);-o-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}100%{-webkit-transform:perspective(300px) rotateX(0deg);-ms-transform:perspective(300px) rotateX(0deg);-o-transform:perspective(300px) rotateX(0deg);transform:perspective(300px) rotateX(0deg)}}@-webkit-keyframes flip-shadow-in{20%{opacity:0}65%{opacity:1}100%{opacity:1}}@-o-keyframes flip-shadow-in{20%{opacity:0}65%{opacity:1}100%{opacity:1}}@keyframes flip-shadow-in{20%{opacity:0}65%{opacity:1}100%{opacity:1}}@-webkit-keyframes flip-shadow-in-direct{10%{opacity:0}50%{opacity:.25}50.1%{opacity:0}100%{opacity:0}}@-o-keyframes flip-shadow-in-direct{10%{opacity:0}50%{opacity:.25}50.1%{opacity:0}100%{opacity:0}}@keyframes flip-shadow-in-direct{10%{opacity:0}50%{opacity:.25}50.1%{opacity:0}100%{opacity:0}}@-webkit-keyframes flip-shadow-out{15%{opacity:1}70%{opacity:0}100%{opacity:0}}@-o-keyframes flip-shadow-out{15%{opacity:1}70%{opacity:0}100%{opacity:0}}@keyframes flip-shadow-out{15%{opacity:1}70%{opacity:0}100%{opacity:0}}.soon-flip-front::after,.soon-flip-bottom::after,.soon-flip-top::after{position:absolute;left:0;right:0;bottom:0;top:0;content:''}.soon-flip-top::after{background:-webkit-linear-gradient(bottom,#000 0,transparent 100%);background:-o-linear-gradient(bottom,#000 0,transparent 100%);background:linear-gradient(to top,#000 0,transparent 100%)}.soon-flip-bottom::after{opacity:0;background:-webkit-linear-gradient(top,#000 25%,rgba(0,0,0,.4) 100%);background:-o-linear-gradient(top,#000 25%,rgba(0,0,0,.4) 100%);background:linear-gradient(to bottom,#000 25%,rgba(0,0,0,.4) 100%)}.soon-flip-front::after{opacity:0;background:-webkit-linear-gradient(bottom,#000 25%,rgba(0,0,0,.4) 100%);background:-o-linear-gradient(bottom,#000 25%,rgba(0,0,0,.4) 100%);background:linear-gradient(to top,#000 25%,rgba(0,0,0,.4) 100%)}.soon-flip-animate .soon-flip-front{-webkit-animation-name:flip-front;-o-animation-name:flip-front;animation-name:flip-front}.soon-flip-animate .soon-flip-back{-webkit-animation-name:flip-back;-o-animation-name:flip-back;animation-name:flip-back}.soon-flip-animate .soon-flip-top::after{-webkit-animation-name:flip-shadow-out;-o-animation-name:flip-shadow-out;animation-name:flip-shadow-out}.soon-flip-animate .soon-flip-bottom::after{-webkit-animation-name:flip-shadow-in;-o-animation-name:flip-shadow-in;animation-name:flip-shadow-in}.soon-flip-animate .soon-flip-front::after{-webkit-animation-name:flip-shadow-in-direct;-o-animation-name:flip-shadow-in-direct;animation-name:flip-shadow-in-direct}.soon-flip-front,.soon-flip-back,.soon-flip-front::after,.soon-flip-bottom::after,.soon-flip-top::after{-webkit-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:750ms;-o-animation-duration:750ms;animation-duration:750ms;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.soon-milliseconds .soon-flip-front,.soon-milliseconds .soon-flip-back,.soon-milliseconds .soon-flip-front::after,.soon-milliseconds .soon-flip-bottom::after,.soon-milliseconds .soon-flip-top::after{-webkit-animation-duration:100ms;-o-animation-duration:100ms;animation-duration:100ms}.soon[data-face*=fast] .soon-flip-front,.soon[data-face*=fast] .soon-flip-back,.soon[data-face*=fast] .soon-flip-front::after,.soon[data-face*=fast] .soon-flip-bottom::after,.soon[data-face*=fast] .soon-flip-top::after{-webkit-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms}.soon[data-face*=faster] .soon-flip-front,.soon[data-face*=faster] .soon-flip-back,.soon[data-face*=faster] .soon-flip-front::after,.soon[data-face*=faster] .soon-flip-bottom::after,.soon[data-face*=faster] .soon-flip-top::after{-webkit-animation-duration:250ms;-o-animation-duration:250ms;animation-duration:250ms}.soon[data-face*=corners-sharp] .soon-flip-fallback,.soon[data-face*=corners-sharp] .soon-flip-card{border-radius:.0625em}.soon[data-face*=corners-sharp] .soon-flip-top,.soon[data-face*=corners-sharp] .soon-flip-front{border-radius:.0625em .0625em 0 0}.soon[data-face*=corners-sharp] .soon-flip-bottom,.soon[data-face*=corners-sharp] .soon-flip-back{border-radius:0 0 .0625em .0625em}.soon[data-face*=corners-sharp] .soon-flip-bottom::after{border-radius:0 0 .0625em .0625em}.soon[data-face*=corners-sharp] .soon-flip-front::after{border-radius:.0625em .0625em 0 0}.soon[data-face*=corners-round] .soon-flip-fallback,.soon[data-face*=corners-round] .soon-flip-card{border-radius:.175em}.soon[data-face*=corners-round] .soon-flip-top,.soon[data-face*=corners-round] .soon-flip-front{border-radius:.175em .175em 0 0}.soon[data-face*=corners-round] .soon-flip-bottom,.soon[data-face*=corners-round] .soon-flip-back{border-radius:0 0 .175em .175em}.soon[data-face*=corners-round] .soon-flip-bottom::after{border-radius:0 0 .175em .175em}.soon[data-face*=corners-round] .soon-flip-front::after{border-radius:.175em .175em 0 0}.soon[data-face*=color-light] .soon-flip-fallback,.soon[data-face*=color-light] .soon-flip-face{background-color:#f7f7f7;color:#464646}.soon[data-face*=color-light] .soon-flip-top,.soon[data-face*=color-light] .soon-flip-front{box-shadow:inset 0 .0625rem 0 #fff}.soon[data-face*=color-light] .soon-flip-bottom,.soon[data-face*=color-light] .soon-flip-back{box-shadow:inset 0 -.0625rem 0 rgba(0,0,0,.125);background:-webkit-linear-gradient(bottom,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(bottom,#fff 0,#f0f0f0 100%);background:linear-gradient(to top,#fff 0,#f0f0f0 100%)}.soon[data-face*=color-light] .soon-flip-fallback{box-shadow:inset 0 .0625rem 0 #fff,inset 0 -.0625rem 0 rgba(0,0,0,.125)}.soon[data-face*=color-light] .soon-flip-top::before,.soon[data-face*=color-light] .soon-flip-front::before{background-color:rgba(255,255,255,.125);box-shadow:0 -.0625rem 0 rgba(255,255,255,.06125)}.soon[data-face*=color-light] .soon-flip-bottom,.soon[data-face*=color-light] .soon-flip-back{color:rgba(70,70,70,.95)}.soon[data-face*=color-light] .soon-flip-bottom::before,.soon[data-face*=color-light] .soon-flip-back::before{background-color:rgba(0,0,0,.125);box-shadow:0 .0625rem 0 rgba(0,0,0,.06125)}.soon[data-face*=color-light] .soon-flip-fallback::before{background-color:rgba(0,0,0,.125);box-shadow:0 .0625rem 0 rgba(0,0,0,.06125)}.soon[data-face*=color-light] .soon-flip-top::after{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6) 0,transparent 100%);background:-o-linear-gradient(bottom,rgba(0,0,0,.6) 0,transparent 100%);background:linear-gradient(to top,rgba(0,0,0,.6) 0,transparent 100%)}.soon[data-face*=color-light] .soon-flip-bottom::after{background:-webkit-linear-gradient(top,rgba(0,0,0,.6) 25%,rgba(0,0,0,.2) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.6) 25%,rgba(0,0,0,.2) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.6) 25%,rgba(0,0,0,.2) 100%)}.soon[data-face*=color-dark] .soon-flip-face{background-color:#2e2e2e;color:#ededed}.soon[data-face*=color-dark] .soon-flip-top,.soon[data-face*=color-dark] .soon-flip-front{box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.05)}.soon[data-face*=color-dark] .soon-flip-bottom,.soon[data-face*=color-dark] .soon-flip-back{color:rgba(237,237,237,.95);box-shadow:inset 0 -.0625rem 0 rgba(255,255,255,.05)}.soon[data-face*=shadow-soft] .soon-flip-card{box-shadow:0 .0625em .0625em rgba(0,0,0,.1),0 .03125em .125em rgba(0,0,0,.5)}.soon[data-face*=shadow-soft][data-face*=color-light] .soon-flip-card{box-shadow:0 .0625em .0625em rgba(0,0,0,.1),0 .03125em .125em rgba(0,0,0,.25)}.soon[data-face*=shadow-hard] .soon-flip-card{box-shadow:0 .0625em 0 rgba(0,0,0,.2)}.soon[data-face*=shadow-hard][data-face*=color-light] .soon-flip-card{box-shadow:0 .0625em 0 rgba(0,0,0,.15),0 0 .0625em rgba(0,0,0,.2)}.soon .soon-reflection .soon-flip-inner{padding-top:0}.soon .soon-reflection .soon-flip-card{box-shadow:none!important}.soon-matrix{vertical-align:top!important}.soon-matrix .soon-matrix-inner{display:table!important;border-collapse:separate;border-spacing:.125rem;margin:0 .125em}.soon-matrix .soon-matrix-row{display:table-row!important}.soon-matrix .soon-matrix-dot{display:table-cell!important;width:.125em;height:.125em;border-radius:.0625em;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out}.soon-matrix .soon-matrix-dot[data-state='1']{background-color:rgba(0,0,0,.8)}.soon{}.soon[data-face*=dot-round] .soon-matrix-dot{border-radius:50%}.soon[data-face*=dot-square] .soon-matrix-dot{border-radius:0}.soon[data-face*=shadow-soft] .soon-matrix-dot{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);box-shadow:inset 0 .0625rem .0625rem rgba(0,0,0,.05),0 0 0 transparent}.soon[data-face*=shadow-soft] .soon-matrix-dot[data-state='1']{box-shadow:inset 0 0 0 transparent,0 .0625rem .125rem rgba(0,0,0,.5);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}.soon[data-face*=shadow-hard] .soon-matrix-dot{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);box-shadow:inset 0 .0625rem 0 rgba(0,0,0,.05),0 0 0 transparent}.soon[data-face*=shadow-hard] .soon-matrix-dot[data-state='1']{box-shadow:inset 0 0 0 transparent,0 .0625rem 0 rgba(0,0,0,.25);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}.soon[data-face*=glow] .soon-matrix-dot[data-state='1']{box-shadow:0 0 .25rem .125rem rgba(255,255,255,.5)}.soon[data-face*=color-light] .soon-matrix-dot[data-state='1']{background:#fff}.soon[data-face*=color-dark] .soon-matrix-dot[data-state='1']{background:#333}.soon[data-face*=tight] .soon-matrix-char{border-spacing:0}.soon[data-face*=spacey] .soon-matrix-char{border-spacing:.125em}.soon[data-scale=xs] .soon-matrix-char{border-spacing:.0625em}.soon[data-scale=xxs] .soon-matrix-char{border-spacing:.0625em}.soon[data-scale=xxs] .soon-matrix-inner{margin-right:0;margin-left:0}.soon[data-face*=animate-color] .soon-matrix-dot{opacity:1}.soon[data-face*=slide][data-face*=up] .soon-matrix-dot[data-state='0']{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.soon[data-face*=slide][data-face*=down] .soon-matrix-dot[data-state='0']{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.soon[data-face*=slide][data-face*=left] .soon-matrix-dot[data-state='0']{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.soon[data-face*=slide][data-face*=right] .soon-matrix-dot[data-state='0']{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.soon[data-face*=slide] .soon-matrix-dot[data-state='1']{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.soon-ring{position:absolute;left:0;top:0;right:0;bottom:0}.soon-ring canvas{vertical-align:top;position:absolute;left:0;right:0}.soon-ring .soon-ring-progress{color:inherit;border:2px solid transparent;border-radius:0}.soon[data-visual*=color-light] .soon-ring-progress{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}.soon[data-visual*=color-dark] .soon-ring-progress{background-color:rgba(0,0,0,.15);color:rgba(0,0,0,.65)}.soon[data-visual*=cap-round] .soon-ring-progress{border-radius:1px}.soon[data-visual*=shadow-hard-progress] .soon-ring-progress{padding:3px;text-shadow:0 3px 0 rgba(0,0,0,.15)}.soon[data-visual*=shadow-soft-progress] .soon-ring-progress{padding:5px;text-shadow:0 3px 5px rgba(0,0,0,.333)}.soon[data-visual*=glow-progress] .soon-ring-progress{padding:6px;text-shadow:0 0 6px #fff}.soon[data-visual*=shadow-hard-background] .soon-ring-progress{padding:3px;box-shadow:0 3px 0 rgba(0,0,0,.15)}.soon[data-visual*=shadow-soft-background] .soon-ring-progress{padding:5px;box-shadow:0 3px 5px rgba(0,0,0,.333)}.soon[data-visual*=glow-background] .soon-ring-progress{padding:6px;box-shadow:0 0 6px #fff}.soon .soon-ring-progress{border-width:5px}.soon[data-visual*=width-thin] .soon-ring-progress{border-width:2px}.soon[data-visual*=width-thick] .soon-ring-progress{border-width:9px}.soon .soon-ring.soon-reflection{height:1.5em;bottom:-1.5em;top:auto}.soon .soon-ring.soon-reflection canvas{bottom:0}.soon-fill,.soon-fill-inner,.soon-fill-progress{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.soon-fill-inner{overflow:hidden;background-color:rgba(0,0,0,.15)}.soon-fill-progress{-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);-ms-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);-o-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);background:rgba(255,255,255,.6)}.soon[data-format*=ms] .soon-fill-progress{-webkit-transition:none;-o-transition:none;transition:none}.soon[data-visual*=color-light] .soon-fill-inner{background-color:rgba(255,255,255,.15)}.soon[data-visual*=color-light] .soon-fill-progress{background:rgba(255,255,255,.6)}.soon[data-visual*=color-dark] .soon-fill-inner{background-color:rgba(0,0,0,.1)}.soon[data-visual*=color-dark] .soon-fill-progress{background:rgba(0,0,0,.25)}.soon[data-visual*=corners-sharp] .soon-fill-inner{overflow:hidden}.soon[data-visual*=corners-sharp] .soon-fill-progress,.soon[data-visual*=corners-sharp] .soon-fill-inner{border-radius:.125rem}.soon[data-visual*=corners-round] .soon-fill-inner{overflow:hidden}.soon[data-visual*=corners-round] .soon-fill-progress,.soon[data-visual*=corners-round] .soon-fill-inner{border-radius:.5rem}.soon .soon-fill.soon-reflection{margin-top:.5em;-webkit-transform:scaleY(-1) translateY(-100%)!important;-ms-transform:scaleY(-1) translateY(-100%)!important;-o-transform:scaleY(-1) translateY(-100%)!important;transform:scaleY(-1) translateY(-100%)!important}.soon .soon-fill.soon-reflection::after{top:50%}.soon[data-layout*=group]{padding:1em 0;text-align:center}.soon[data-layout*=group][data-visual][data-reflect=true]{padding-bottom:1.5em}.soon[data-layout*=group] .soon-label{display:block;margin:.325rem 0 0;margin-right:-1em;margin-left:-1em}.soon[data-layout*=group] .soon-separator{margin:0;vertical-align:top;min-width:0!important}.soon[data-layout*=group] .soon-separator+.soon-group{margin:0!important}.soon[data-layout*=group] .soon-placeholder{display:block;white-space:nowrap}.soon[data-layout*=group] .soon-group-sub>.soon-group-inner{margin:0 .3125em}.soon[data-layout*=group][data-layout*=overlap]>.soon-group{padding:0 .3125em}.soon[data-layout*=group][data-layout*=overlap] .soon-group-sub>.soon-group-inner{margin:0 -.25em}.soon[data-layout*=group][data-layout*=overlap][data-visual] .soon-group-sub>.soon-group-inner{margin:0 -.3125em}.soon[data-layout*=group][data-layout*=adjacent] .soon-group-sub>.soon-group-inner{margin:0}.soon[data-layout*=group][data-layout*=tight] .soon-group-sub>.soon-group-inner{margin:0 .15em}.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .5em}@media (max-width:40rem){.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .3125em}}@media (max-width:30rem){.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .25em}}.soon[data-layout*=group][data-layout*=label-above] .soon-separator,.soon[data-layout*=group][data-layout*=label-above] .soon-group-sub{padding-top:1em}.soon[data-layout*=group][data-layout*=label-above] .soon-label{position:absolute;margin-top:.25rem!important;top:0;left:0;right:0}.soon[data-layout*=group][data-layout*=label-above] .soon-separator.soon-reflection{top:2.5em}.soon[data-layout*=line]{text-align:center;padding:1em 0}.soon[data-layout*=line][data-initialized=true] .soon-placeholder{margin-left:-.25em}.soon[data-layout*=line] .soon-value,.soon[data-layout*=line] .soon-label{margin-left:.125em;margin-right:.125em}.soon[data-layout*=line] .soon-flip{margin-top:-.1875em}.soon[data-scale=xxl]{font-size:4rem}.soon[data-scale=xl]{font-size:3.5rem}.soon[data-scale='l']{font-size:3rem}.soon[data-scale='m']{font-size:2.5rem}.soon[data-scale='s']{font-size:2rem}.soon[data-scale=xs]{font-size:1.5rem}.soon[data-scale=xxs]{font-size:1.25rem}