/* Base Styles */ /* Clear Elements */ .group:before, .group:after { content: ""; display: table;} .group:after { clear: both;} .group { zoom: 1;} /* Set up REM style */ /* html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; background: #fff;} h1 { font-size: 24px; font-size: 2.4rem; } */ /* Older browsers */ html { font-size: 12px; background: #fff;} @media screen and (min-width: 320px) { html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); } } @media screen and (min-width: 800px) { html { font-size: 16px; } } /* Border Box */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* font-family: 'Chivo', sans-serif; Reg = 400 Bold = 700 */ /* Font Styles */ h1 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 57px; font-size: 3.5625em; line-height: 1.4; margin: 0px; color: #00adef; } h2 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px; color: #00adef; } h3 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #00adef; } h4 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px; color: #00adef; } h5 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #00adef; } h6 { font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #00adef; } p { color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8; font-weight: 400; font-style: normal; } a { color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; text-decoration: none; font-weight: 400; font-style: normal; } ul li, ol li, li { color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8; font-weight: 400; font-style: normal; } em { color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; font-weight: 400; font-style: italic; } /* Buttons */ .blue-btn { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef;} .blue-btn:hover { opacity: 0.8; } .inner-position { display: table-cell; vertical-align: middle;} /* Animations */ .services-wrapper .fadeIn { visibility: hidden; opacity: 0;} .inviewport .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; animation-fill-mode: forwards; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 100% { transform: translateX(0%); opacity: 1; } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50% { -webkit-transform: translateX(8%); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } .inviewport .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; animation-fill-mode: forwards; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 100% { transform: translateX(0%); opacity: 1; } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50% { -webkit-transform: translateX(-8%); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } .inviewport .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; animation-fill-mode: forwards; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .inviewport .fadeInBanner { animation-name: fadeInBanner; -webkit-animation-name: fadeInBanner; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeInBanner { 0% { transform: scale(0); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeInBanner { 0% { -webkit-transform: scale(0); opacity: 0.0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } /* Header Bar */ .inner-position { vertical-align: middle; display: table-cell;}.header-language {padding-top: 10px;} .header-bar { background: #fff; width: 100%;} .header-bar-top { padding: 5px 10px; background: #ebebeb;} #top-nav { margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px; text-align: left; /*display: -ms-flexbox; display: flex; */ } #top-nav >li { /*-ms-flex-positive: 1; flex-grow: 1; */ margin-right: 10px; display: inline-block; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; line-height: initial;} #top-nav >li:hover { transition: all 0.5s ease 0s; } #top-nav >li>a { padding: 0 0 0px 0; line-height: 16px; vertical-align: middle; transition: all 0.5s ease 0s; font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; font-size: 0.75em; color: #303030; /*height: 40px; line-height: 40px; */ position: relative; text-decoration: none; } #top-nav >li>a:hover { color: #00adef; } #top-nav >li:last-of-type>a { border-right: 0px;} #top-nav>li>a.linkActive, #top-nav >li.liLinkActive a { color: #00adef; } /* Dropdown LV1 */ #top-nav>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} .top-price-guarantee { text-align: center; } .top-price-guarantee p { margin: 0px; font-size: 12px; font-size: 0.75em;} .top-login p { margin: 0px; font-size: 12px; font-size: 0.75em; text-align: right;} /* Mobile Nav */ .pushy-content .logo-wrapper { padding: 30px; text-align: center; background: url('../img/home-banner.jpg'); background-size: cover; position: relative;} /*.pushy-content .logo-wrapper a { color: #fff;} .pushy-content .logo-wrapper a:hover { color: #590c0c;}*/ .pushy-content .logo-wrapper img { width: 200px; position: relative;} .close-btn a { position: absolute; top: 0; right: 0; display: block; transition: all 0.5s ease 0s; display: inline-block; font-family: 'Quattrocento Sans', sans-serif; font-weight: 700; font-style: normal; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important; } .close-btn a:hover { opacity: 1; color: #02837e !important; background: #fff; } .pushy-navigation ul { margin: 0px; padding: 0px;} .pushy-navigation ul li { text-align: center; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s;} .pushy-navigation ul li a { font-family: 'Tenor Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s; } .pushy-navigation ul li a:hover { color: #fff; } .pushy-navigation ul li:hover { background: rgba(0, 0, 0, 0.4); } .mobile-btn { display: none;} .menu-btn { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef;} .menu-btn:hover { opacity: 0.8; } #primary { margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px; text-align: center; /*display: -ms-flexbox; display: flex; */ } #primary>li { /*-ms-flex-positive: 1; flex-grow: 1; */ display: inline-block; margin-right: 10px; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; line-height: initial;} #primary>li:hover { transition: all 0.5s ease 0s; } #primary>li>a { padding: 0 0 0px 0; line-height: 16px; vertical-align: middle; transition: all 0.5s ease 0s; font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; font-size: 0.75em; color: #303030; /*height: 40px; line-height: 40px; */ position: relative; text-decoration: none; } #primary>li>a:hover { color: #00adef; } #primary>li:last-of-type>a { border-right: 0px;} .menu>li>a.linkActive, #primary>li.liLinkActive a { color: #00adef; } /* Dropdown LV1 */ #primary>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} #primary>li:hover>ul { display: block; position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; } #primary>li>ul>li { padding: 7px 10px !important; text-align: left; } #primary>li>ul>li:hover { background: #68b32d;} #primary>li>ul>li>a { font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto; display: block; border: none; text-decoration: none; padding: 0px; } #primary>li>ul>li>a:hover { text-decoration: none;} #primary li>ul>li { position: relative;} /* Dropdown LV2 */ #primary>li>ul>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} .header-bar-middle { padding: 25px 0;} .header-middle-top { margin-bottom: 20px !important;} .header-bar-bottom { width: 100%; padding: 10px 0; background: #00adef;} #ecommerceSearchBoxProduct, #ecommerceSearchBoxProduct, #ecommerceSearchLabelDescription, #ecommerceSearchInputDescription, #ecommerceSearchLabelProductDescription, #ecommerceSearchLabelCategory, #ecommerceSearchInputCategory { display: none;} #ecommerceSearchInputProductDescription { width: 80%; float: left;} #ecommerceSearchInputProductDescription input#ecommerceSearchInputProductDescriptionText { width: 100%; padding: 10px; height: 45px; border: 1px solid #222;} .ecommerceSearchSubmitProduct { width: 20%; float: left; } #ecommerceSearchSubmitProductSubmit { width: 100%; text-align: center; color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 12px 0px 11px 0px ; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef; border-top: 1px solid #222; border-bottom: 1px solid #222; border-right: 1px solid #222; height: 45px;} #ecommerceSearchSubmitProductSubmit:hover { opacity: 0.8; } .home-banner-wrapper { width: 100%; background: #fff; padding: 30px 0;} .home-banner-text { width: 45%; float: left; display: table;} .home-banner-text h2 { color: #000000; font-weight: 700; font-size: 36px; font-size: 2.25em; line-height: 1.2;} .home-banner-image { width: 45%; float: left; margin-left: 10%;} .home-banner { margin: 0px; padding: 0;} .home-category-iconwrapper { width: 100%; padding: 20px 0; background: #b3b3b3;} .home-category-icon { width: 12.5%; float: left; text-align: center; color: #fff;} .home-category-icon img { height: 60px; margin-bottom: 10px; } .home-category-icon p { color: #fff; margin: 0px;} .home-product-outputs-wrapper { padding: 20px 0 50px 0px;} .featured-wrapper { margin-bottom: 25px;} .bestsellers-wrapper { /*margin-bottom: 25px;*/} .featured-header h2 { font-size: 30px; font-size: 1.875em; color: #00adef; font-weight: 700;} .featured-header h3 { font-size: 16px; font-size: 1em; color: #010101; text-transform: uppercase;} .bestsellers-header h2 { font-size: 30px; font-size: 1.875em; color: #00adef; font-weight: 700;} .bestsellers-header h3 { font-size: 16px; font-size: 1em; color: #010101; text-transform: uppercase;} .additional-banner-wrapper { margin-bottom: 25px;} .additional-banner-outer { padding: 0px; margin: 0px;} .additional-banner-text { padding: 120px 20px; width: 100%; text-align: center;} .additional-banner-text h2 { color: #fff; margin-bottom: 20px; font-weight: 700;} .link-boxes-wrapper { margin-bottom: 25px;} .link-box { padding: 25px 25px 25% 25px; background-size: 100% 100% !important; transition: all 0.5s ease 0s;} .link-box:hover { background-size: 110% 110% !important; background-position: 50% 100% !important;} .link-box-text { width: 100%; text-align: center;} .link-box-text h2 { color: #252525; margin-bottom: 0px; font-weight: 700;} .link-box-text p { margin-top: 0px;} .pre-footer-outer { width: 100%; padding: 50px 0; background: #00adef;} .pre-footer-box { background: #fff; padding: 25px; text-align: center; } .pre-footer-box h3 { font-size: 25px; font-size: 1.5625em; color: #000; font-weight: 700;}.pre-footer-box a img {width: 30px;} .pre-footer-box .defaultForm .inputset label {display: none;}.pre-footer-box .defaultForm .inputset {width: 70%; float: left;}.pre-footer-box .defaultForm .inputset input {height: 35px;}.pre-footer-box .form_submit {width: 30%; float: left;}.pre-footer-box .form_submit input {height: 35px; width: 100%; text-align: center;} .pre-footer-icons { width: 100%; padding: 20px; background: #00223f;} .pre-footer-icon-box { width: 20%; padding: 0 15px; float: left; } .pre-footer-icon-box p { color: #fff; line-height: 1.2;} .pre-footer-box-img { width: 35%; float: left;} .pre-footer-box-img img { height: 60px; display: block; margin: 0 auto;} .pre-footer-box-text { width: 62%; float: left; margin-left: 3%;} .pre-footer-box-text p { margin: 0px;} .footer { padding: 30px 0; background: #222222; border-bottom: 1px solid #fff;} .footer-info h4 { color: #fff; font-size: 24px; font-size: 1.5em; font-weight: 700; margin-bottom: 15px;} .footer-info ul { margin: 0px; padding: 0px; } .footer-info ul li { list-style-type: none; color: #fff;} .footer-info ul li a { color: #fff;} .footer-info p { color: #fff; margin-top: 0px;} .footer-bottom { padding: 20px; background: #222; text-align: center;} .footer-bottom p { color: #fff;} .footer-bottom p a { color: #fff;} .inner-title { background: ; padding: 50px 0 0 0; } .inner-title h1 { color: #000; font-size: 40px;} .inner-content { padding: 50px 0;} .item-title h1 { font-size: 36px; font-size: 2.25em; font-weight: 700;} .shop-title h1 { font-size: 36px; font-size: 2.25em; font-weight: 700;} .product_tag .product_item { width: 23%; margin-right: 0.5% !important; background: #fff; padding: 10px; float: left; margin-bottom: 20px; border: 1px solid #858585;} .product_item { width: 31.33%; margin-right: 2%; background: #fff; padding: 10px; float: left; margin-bottom: 20px; border: 1px solid #858585;} .product_info { padding: 10px; margin-top: 7px;} .productName { margin-bottom: 7px;} .productName a { margin: 0px; padding: 0px 0px 5px; color: #000000; font-size: 16px; font-size: 1em; font-weight: 400; transition: all 0.5s ease 0s;} .productName a:hover { color: #000;} .productCat { font-family: 'Chivo', sans-serif; margin: 0px; padding: 0px 0px 5px; color: #a3a3a3; font-size: 16px; font-size: 1em; font-weight: 400; transition: all 0.5s ease 0s; display: none;} .product_slide { padding-top: 100%; background-size: contain !important;} .productId { display: none;} .productDesc { display: none;} .productPrice { margin: 0px; padding: 0px; color: #00adef; font-family: 'Work Sans', sans-serif; font-size: 27px; font-size: 1.6875em; font-weight: 700; text-align: center;}.productPriceVat {text-align: center;} .detailProductPrice p { margin: 0px; padding: 0px; color: #000; font-family: 'Work Sans', sans-serif; font-size: 27px; font-size: 1.6875em; font-weight: 700;}.detailProductPrice:nth-of-type(2) p { margin: 0px; padding: 0px; color: #000; font-family: 'Work Sans', sans-serif; font-size: 18px; font-size: 1.125em; font-weight: 500;} .product_view_btn { display: none;} .shop-side { padding: 25px; background: #e8e8e3;} .shop-side h2 { font-size: 20px; text-align: center; padding-bottom: 10px;} .categoryItem { margin-bottom: 10px;} .inner-header-bar .mobile_nav button { margin: 0px; padding: 0px; font-size: 16px; line-height: 30px; display: inline-block; background: none; border: none; font-weight: 400; color: #000; cursor: pointer; text-transform: uppercase; font-family: 'Lexend Deca', sans-serif; position: relative;} /*.product-details-price { font-family: 'Work Sans', sans-serif; font-size: 40px; font-size: 2.5em; font-weight: 700; text-align: center;}*/ .detailProductBtn a.detailProductBuyButton { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; width: 100%; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef; -webkit-appearance: none; border-radius: 0; text-align: center; margin-top: 20px;} .detailProductBtn a.detailProductBuyButton:hover { opacity: 0.8; } .inner-title-text h3 { font-size: 23px; } .detailProductQuantityLabel { font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8; font-weight: 400; font-style: normal;} .detailProductQuantityInput input { width: 100%; padding: 10px;} .product-side h4 { display: none;} .product-description-wrap { padding: 25px; background: #e8e8e3; margin-top: 25px;} .product-description-wrap h2 { color: #333;} .product-description-wrap p { color: #333;} .product-description-wrap p span { color: #333 !important;} .detailProductDesc { color: #333;} .productHide { display: none;} .shop-output .product_item .ecommerceSummaryReviewsItem { display: none;} .detailProductImage { *zoom: 1; } .detailProductImage:before, .detailProductImage:after { content: " "; display: table; } .detailProductImage:after { clear: both; } .detailProductImage #ecom_zoom { width: 100%; display: block; margin: 0 auto; /* Set your desired dimensions */ /* height: 450px; */ overflow: hidden; margin-bottom: 10px; /* important if you want to use image positioning jQuery */ position: relative; border: 3px solid #00adef; } .detailProductImage #ecom_zoom .cycle-slide { width: 70%; /* set your height */ padding-top: 70%; margin: 0 auto; display: block; right: 0; bottom: 0; } .detailProductImage #ecom_zoom .cycle-slide img { width: 100%; /* this cancels out any max-width you might have set on 'img' element */ max-width: initial; height: auto; } .product__detail { *zoom: 1; } .product__detail:before, .product__detail:after { content: " "; display: table; } .product__detail:after { clear: both; } .product__detail .detailProductFeat { margin-bottom: 20px; } .product__detail .ecommerceProductOptions { margin-bottom: 20px; *zoom: 1; display: none; } .product__detail .ecommerceProductOptions:before, .product__detail .ecommerceProductOptions:after { content: " "; display: table; } .product__detail .ecommerceProductOptions:after { clear: both; } .product__detail .ecommerceProductOptions .productOptions { *zoom: 1; } .product__detail .ecommerceProductOptions .productOptions:before, .product__detail .ecommerceProductOptions .productOptions:after { content: " "; display: table; } .product__detail .ecommerceProductOptions .productOptions:after { clear: both; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerTitle { font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerLabel { display: block; float: left; /* you may need to tweak this dependant on length of option label */ width: 30%; margin-bottom: 5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown { display: block; float: left; /* you may need to tweak this dependant on length of option label */ width: 70%; margin-bottom: 5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown select { width: 100%; } .product__detail .detailProductPrice { /* extended from heading 4 styles */ } .product__detail .productHide { /* hide unnecessary output - you will alway want this in place */ display: none; } #carousel { /* clear as a precaution */ *zoom: 1; position: relative; padding: 0 24px; } #carousel:before, #carousel:after { content: " "; display: table; } #carousel:after { clear: both; } #carousel .cycle-slide { /* set your thumbnail dimensions */ width: 200px; height: 175px; /* basics */ display: block; overflow: hidden; position: relative; /* optional - if we set a border the same color as background it looks like margin */ border: 3px solid #cccccc; margin-right: 5px; } #carousel .cycle-slide.cycle-slide-active { /* we can then change the active thumbnail border-color to help highlight which is currently in view */ border-color: #00adef; } #carousel .cycle-slide img { /* if you have max-width: 100%; in your css globally, this can break the resize function. In order to stop this, the follow CSS will cancel out the max-width and prevent breakage */ max-width: initial; } #carousel .cycle-prev { /* hides text */ text-indent: -9999px; /* positions them absolute to the carousel cotainer */ position: absolute; left: 0; top: 50%; /* gets rid of dotted outline on click */ outline: 0; margin-top: -12px; width: 24px; display: block; height: 24px; /* remember, as a background image, svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image: url("/ebuyerfix-com/_img/img/arrow-left.svg"); background-position: center center; background-repeat: no-repeat; /* when you just can't scroll anymore, lets give the user some feedback */ } #carousel .cycle-prev.disabled { opacity: 0.5; } #carousel .cycle-next { /* hides text */ text-indent: -9999px; /* positions them absolute to the carousel cotainer */ position: absolute; right: 0; top: 50%; /* gets rid of dotted outline on click */ outline: 0; margin-top: -12px; width: 24px; display: block; height: 24px; /* remember, as a background image, svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image: url("/ebuyerfix-com/_img/img/arrow-right.svg") ; background-position: center center; background-repeat: no-repeat; /* when you just can't scroll anymore, lets give the user some feedback */ } #carousel .cycle-next.disabled { opacity: 0.5; } #custom-pager { display: none; *zoom: 1; /* usually hidden - if used we add padding to push away from edge to match carousel */ padding: 0 24px; margin-top: 10px; } #custom-pager:before, #custom-pager:after { content: " "; display: table; } #custom-pager:after { clear: both; } #custom-pager span { display: inline-block; vertical-align: top; margin-right: 8px; } #custom-pager span a { text-decoration: none; outline: 0; } #checkoutMessage a#checkoutAddMore { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; margin-right: 2%; width: 49%; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #222; -webkit-appearance: none; border-radius: 0; text-align: center; margin-top: 20px; float: left;} #checkoutMessage a#checkoutAddMore:hover { opacity: 0.8; } #checkoutMessage a#checkoutGo { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; width: 49%; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef; -webkit-appearance: none; border-radius: 0; text-align: center; margin-top: 20px; float: left;} #checkoutMessage a#checkoutGo:hover { opacity: 0.8; } .top-login #displayLogin { display: inline-block;} .top-login #editirMiniBasket { display: inline-block;} .top-login #displayLogin a { font-size: 12px; font-size: 0.75em;} .top-login #editirMiniBasket span { font-size: 12px; font-size: 0.75em;} /*.mini-basket-wrapper { padding: 0px 0; border-bottom: 0px solid #b9b9b9; text-align: center; margin-top: 10px;} #editirMiniBasket span { padding: 0px; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-transform: capitalize; text-decoration: none;} #editirMiniBasket span a { color: #000000;}*/ .basketOutput { background: #fff;} #editirFullBasket table { border: 1px solid #b9b9b9;} #editirFullBasket table.basketOutput tbody tr.basketHead th { padding: 15px 20px; background: #e8e8e3;} #editirFullBasket table.basketOutput tbody tr td { padding: 15px 20px; color: #252525; font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8; } #editirFullBasket table.basketOutput tbody tr { border-bottom: 1px solid #b9b9b9;} #editirFullBasket table.basketOutput tbody tr td a { color: #252525;} .col2pre, .col2, .col2post, .col3, .col7, .col8 { text-align: center;} .basketSummarySub td:nth-of-type(5) { text-align: center;} .basketSummaryDel td:nth-of-type(5) { text-align: center; } .basketSummaryTotal td:nth-of-type(5) { text-align: center; font-weight: bold;} .icon-newspaper { font-size: 30px;} .icon-newspaper:after { content: "⤷"; display: block; font-size: 30px;} .icon-close { font-size: 30px;} .icon-close:after { content: "x"; display: block; font-size: 30px;} .basketSummary form a.btnSage.btnSubmit { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef;} .basketSummary form a.btnSage.btnSubmit:hover { opacity: 0.8; } .basketName { color: #000 !important;} p.checkoutSummary { width: 100%; padding: 15px; text-align: center; color: #fff; background: #ff0000; border-radius: 5px; margin-bottom: 25px;}.errorTitle {text-align: center; margin-bottom: 25px;}.errorItem { width: 100%; padding: 15px; text-align: center; color: #fff; background: #ff0000; border-radius: 5px; margin-bottom: 25px;} #pnlStart tr { padding-bottom: 5px;} #pnlStart tr td:nth-of-type(1) { width: 30%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;} #pnlStart tr td:nth-of-type(2) { width: 70%;} #pnlStart tr td:nth-of-type(2) input { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; width: 100%; padding: 10px; /*border-radius: 5px;*/ border: 1px solid #333;} #pnlStart tr td:nth-of-type(2) select { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; width: 100%; padding: 10px; /* border-radius: 5px;*/ border: 1px solid #333;} #pnlStart tr td:nth-of-type(2) #theCheckbox { width: 100%; padding: 10px;} #pnlStart form p input#button { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out; width: 20%; background: #333; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStart form p input#button:hover { opacity: 0.8;} #pnlStepSuccess { text-align: center; padding: 5% 0;} #pnlStepSuccess form { display: inline-block; margin-top: 30px;} #pnlStepSuccess form a.btnSagePay { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; transition: all .2s ease-in-out; background: #fe6b00; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStepSuccess form a.btnSagePay:hover { opacity: 0.8;} #pnlStepSuccess form a.btnPayPal { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; transition: all .2s ease-in-out; background: #fe6b00; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStepSuccess form a.btnPayPal:hover { opacity: 0.8;} .large-only {} .small-only { display: none;} .small-only .basketHead { display: none;} .st-head-row { padding: 15px; background: #e8e8e3;} .ecommerceLogin { width: 70%; margin: 0 auto;} .ecommerceLogin p.ecommerceLoginIntro { padding: 15px !important; color: #fff; background-color: #00adef; margin-bottom: 20px; text-align: center;} .ecommerceLogin form#ecommercePasswordForm { padding: 20px; background: #e8e8e3; width: 100%; margin: 0 auto; margin-bottom: 20px;} .ecommerceAccountForm.ecommerceForm tbody tr td { width: 100%; display: block; font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8; font-weight: 400; font-style: normal; color: #000;} #ecommercePasswordForm .ecommerceAccountForm.ecommerceForm tbody tr td input { width: 100%; border: 0px; border-radius: 0px; padding: 15px; background: #fff;} .ecommerceLogin p.ecommercePasswordLink { text-align: center;} .ecommerceLogin p.ecommercePasswordLink a { text-decoration: underline;} /*.ecommerceAccountForm.ecommerceForm tbody tr td a.ecommercePasswordFormBtn.formBtn { margin-right: 2%; width : 100%; padding: 12px 40px; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-transform: capitalize; background: #824670; text-decoration: none;} .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommercePasswordFormBtn.formBtn:hover { opacity: 0.8;} */ .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommercePasswordFormBtn.formBtn { width: 100%; text-align: center; float: left; border: 0px solid #df3744; color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 15px 20px; font-size: 16px; font-size: 1em; font-family: 'Work Sans', sans-serif; font-weight: 400; background: #333;} .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommercePasswordFormBtn.formBtn:hover { opacity: 0.8; } .logged-in-side { padding: 25px; background: #e8e8e3; margin-bottom: 20px;} .logged-in-side h3 { font-size: 20px; padding-bottom: 10px; color: #000;} .sidenavL1 { margin-bottom: 10px; color: #e31e26;} .sidenavL1 a { margin-bottom: 10px; color: #e31e26;} .product_tag .product_item .ecommerceSummaryReviewsItem { display: none;} .ecommerceOrderTable { border: 1px solid #b9b9b9;} .ecommerceOrderTable tbody tr.tableheadingR td { padding: 15px 20px; background: #e8e8e3;} .tablerowR td { padding: 15px 20px;} .tablerowR { border-bottom: 1px solid #b9b9b9;} .tablerowQuantity, .tablerowPrice, .tablerowDate, .tablerowNotSent, .tablerowSentDate { text-align: center;} .logged-in-text p { padding: 0px;} .ecommerceAccountForm.ecommerceForm tbody tr td input { width: 100%; border: 1px solid #b9b9b9; background: #e8e8e3; border-radius: 0px; padding: 15px; width: 100%; font-weight: 400; } /*.ecommerceAccountForm.ecommerceForm tbody tr td a.ecommerceAccountFormBtn.formBtn { margin-right: 2%; width : 100%; padding: 12px 40px; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-transform: capitalize; background: #000; text-decoration: none;} .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommerceAccountFormBtn.formBtn:hover { opacity: 0.8;}*/ .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommerceAccountFormBtn.formBtn { width: 100%; text-align: center; float: left; /* border: 2px solid #df3744;*/ color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 15px 20px; font-size: 16px; font-size: 1em; font-family: 'Work Sans', sans-serif; font-weight: 400; background: #333;} .ecommerceAccountForm.ecommerceForm tbody tr td a.ecommerceAccountFormBtn.formBtn:hover { opacity: 0.8; } .error {padding: 10px; background: #ff0000; text-align: center; margin-bottom: 20px; font-family: 'Work Sans', sans-serif; color: #fff;} .ecommerceEditDetailsIntro { padding: 15px !important; color: #fff; background-color: #00adef; margin-bottom: 20px; text-align: center;} .ecommercePasswordIntro { padding: 15px !important; color: #fff; background-color: #00adef; margin-bottom: 20px; text-align: center;} .ecommercePassword { width: 70%; margin: 0 auto;} #ecommercePasswordForm { padding: 20px; background: #e8e8e3; width: 100%; margin: 0 auto; margin-bottom: 20px;} #instafetch article { width: 24%; margin-right: 1%; float: left; padding-top: 17%; margin-bottom: 20px;} #instafetch article a { margin: 0px; } #instafetch article a figure {} #navInsfooter.nav ul li ul { display: none;} #navInsmobile ul li ul li a { font-size: 14px; padding-left: 40px;} .ecommerceProductOptions { margin: 15px 0;} .ecommerceProductOptionsInnerTitle { display: none;} .productOptionsLabel { margin-bottom: 10px;} .productOptions select { width: 100%; padding: 10px; } .categoryItem a { color: #e31e26;} .ecommerceOrders { background: #fff;} #ecommerceCategoryGroups a { width: 31.33%; margin-right: 2%; margin-bottom: 20px; float: left;} #ecommerceCategoryGroups a .ecommerceCategoryGroupItem .ecommerceCategoryGroupItemNameAndDescription .ecommerceCategoryGroupItemName { padding: 0px 0px 5px; color: #00adef; font-size: 20px; font-size: 1.25em; font-weight: 700; text-align: center;} .ecommerceCategoryGroupItemDescription { display: none;} .categoryImageItem { width: 31.33%; margin-right: 2%; margin-bottom: 20px; float: left;} .categoryImageItem .categoryImageItemImage a { padding-top: 85%; display: block;} .categoryImageItemText { margin-top: 15px; text-align: center;} .categoryImageItemText a { padding: 0px 0px 5px; color: #00adef; font-size: 20px; font-size: 1.25em; font-weight: 700; text-align: center;} .group-wrapper a.category-link { width: 31.33%; margin-right: 2%; margin-bottom: 20px; float: left; border: 1px solid #858585; padding: 20px;} .group-wrapper a.category-link span.category-title { padding: 0px 0px 5px; color: #00adef; font-size: 20px; font-size: 1.25em; font-weight: 700; text-align: center; width: 100%; display: block; margin-bottom: 20px;} .group-wrapper a.category-link .category-button { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 10px 25px 10px 25px ; font-size: 14px; font-size: 0.875em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px; background: #00adef; margin: 0 auto; display: block; width: 120px; text-align: center;} .group-wrapper a.category-link .category-button:hover { opacity: 0.8; } .group-wrapper a.category-link .category-icon { width: 100%; padding-top: 100%; display: block; margin-top: 20px;} .header-bar-bottom #ecommerceCategoryGroups a .ecommerceCategoryGroupItem .ecommerceCategoryGroupItemImage { display: none;} .header-bar-bottom #ecommerceCategoryGroups a .ecommerceCategoryGroupItem .ecommerceCategoryGroupItemNameAndDescription .ecommerceCategoryGroupItemDescription { display: none;} /* Categories Nav */ .category-navigation-bar { padding: 15px 0; } .main-nav { width: 100%; } .main-nav .categoriesDesktop { width: 100%; } .main-nav .categoriesDesktop > ul { padding: 0px; margin: 0px; width: 100%; } @media (min-width: 37.5em) { .main-nav { display: block; } } .main-nav .categoriesDesktop { position: relative; width: 100%; line-height: 0; } .main-nav .categoriesDesktop > ul { display: -ms-flexbox; display: flex; } .main-nav .categoriesDesktop > ul > li { -ms-flex-positive: 1; flex-grow: 1; float: left; list-style: none; padding: 20px 0.75em; line-height: 1; border-left: 1px solid rgba(185, 185, 185, 0.35); text-align: center; } .main-nav .categoriesDesktop > ul > li:first-of-type { border-left: 0px; } .main-nav .categoriesDesktop > ul > li > a { text-decoration: none; text-align: center; color: #fff; display: block; padding: 1em 0em; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 16px; position: relative; } @media (min-width: 52.5em) { .main-nav .categoriesDesktop > ul > li > a { padding: 0em 0em; } } .main-nav .categoriesDesktop > ul > li svg { height: 1em; width: auto; fill: #fff; display: block; margin: auto; } .main-nav .categoriesDesktop > ul > li.liLinkActive { background-color: #7fba23; } .main-nav .categoriesDesktop > ul > li.liLinkActive > a { color: #696969; } .main-nav .categoriesDesktop > ul > li.liLinkActive:hover { } .main-nav .categoriesDesktop > ul > li.liLinkActive:hover > a { color: #696969; } .main-nav .categoriesDesktop > ul > li.trade-link { background-color: #222; } .main-nav .categoriesDesktop > ul > li.trade-link div[class*="dropdown-promo"] { width: 100%; } .main-nav .categoriesDesktop > ul > li:hover { } .main-nav .categoriesDesktop > ul > li:hover .ecommMenuItems { opacity: 1; display: block; } .main-nav .categoriesDesktop > ul > li:hover > a { color: #fff; } .no-cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul { display: block; } .cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul { visibility: visible; animation: fade-in-down 300ms ease-out forwards; } .main-nav .categoriesDesktop > ul > li > ul { position: absolute; top: 100%; padding: 1rem 0.5rem; min-width: 10em; background-color: rgba(80, 80, 80, 0.95); box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); left: 0; text-align: left; } .no-cssanimations .main-nav .categoriesDesktop > ul > li > ul { display: none; } .cssanimations .main-nav .categoriesDesktop > ul > li > ul { opacity: 0; visibility: hidden; -ms-transform: translateY(-100%); transform: translateY(-100%); } .main-nav .categoriesDesktop > ul > li > ul > li { display: block; } .main-nav .categoriesDesktop > ul > li > ul > li a { display: block; white-space: nowrap; padding: 0.5em 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; } .main-nav .categoriesDesktop > ul > li > ul > li:hover a { color: #7fba23; } .main-nav .ecommMenuItems { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 200; top: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 8px 30px 0 rgba(0, 0, 0, 0.25); padding: 2em; text-align: left; display: none; opacity: 0; } .main-nav .overview-link { margin-bottom: 1em; } .main-nav .overview-link a { color: #222; font-size: 15px; font-weight: 700; } .main-nav .ecommMenuItem { display: inline-block; vertical-align: top; width: 24%; margin-bottom: 2em; padding-right: 1em; } @media (min-width: 37.5em) { .main-nav .ecommMenuItem { width: 32%; } } @media (min-width: 52.5em) { .main-nav .ecommMenuItem { width: 24%; } } .main-nav .ecommMenuItem h3 { font-size: 15px; font-weight: 700; } .main-nav .ecommMenuItem a { font-size: 14px; color: #333; } .main-nav .ecommMenuItem li:not(:last-child) { margin-bottom: 5px; } .main-nav .ecommMenuItem li a:hover { color: #303a6d; } .main-nav .ecommMenuItem .category-link { width: 100%; margin-bottom: 0.75em; display: inline-block; } .main-nav .ecommMenuItem .category-link:hover .category-title { color: #303a6d; } .main-nav .ecommMenuItem .category-icon { width: 1.5em; height: 1.5em; display: none !important; /*display: none; */ vertical-align: middle; } .main-nav .ecommMenuItem .category-title { font-size: 15px; font-weight: 700; width: calc(100% - 2em); /*padding-left: 0.75em; */ display: inline-block; vertical-align: middle; text-align: left !important; } .main-nav .dropdown-promo { width: 100%; } .main-nav .dropdown-promo:before, .main-nav .dropdown-promo:after { content: ""; display: table; } .main-nav .dropdown-promo:after { clear: both; } .main-nav .dropdown-promo > div[class*="dropdown-promo"] { float: left; display: inline-block; } .main-nav .dropdown-promo .dropdown-promo__main { width: 49%; } .main-nav .dropdown-promo div[class*="promo__sub"] { width: 25%; margin-left: 0.5%; } .main-nav .dropdown-promo img { width: 100% !important; } .main-nav #AccessControl p { display: inline-block; width: 74%; } @media (min-width: 37.5em) { .main-nav #AccessControl p { width: 65%; } } @media (min-width: 52.5em) { .main-nav #AccessControl p { width: 74%; } } .main-nav div.categoriesDesktop ul li a img { width: 20px; } .main-nav .categoriesDesktop ul li .ecommMenuItem ul { margin: 0; padding: 0; } .ecommMenuItems p { margin: 0px; float: right; display: none; } #mobile-nav li .ecommMenuItems { display: none; } .dropdown-trigger.close-icon .ecommMenuItems { } .productId { display: none; } .category__list { background: #222; } .category__list ul { margin: 0; padding: 0; display: block; width: 100%; } .category__list ul li { list-style-type: none; display: block; width: 100%; } #navCategory ul li a { width: 100%; display: block; } #navCategory > ul > li > a { padding: 15px; background: #0074d9; color: #fff; border-bottom: 1px solid #6c060d; } #navCategory > ul > li > ul { padding: 10px 0; display: none; } #navCategory ul li ul li a { transition: all 0.5s ease 0s; padding: 5px 15px; font-size: 14px; font-size: 0.875em; color: #fff; } #navCategory ul li ul li a:hover { color: #0074d9; } .category-nav li p { display: none;} .group-wrapper h1 { font-size: 36px; font-size: 2.25em; color: #222; margin-bottom: 50px; font-weight: 700;} .bestsellers-header, .featured-header { margin-bottom: 25px;} .goog-te-banner-frame.skiptranslate { display: none !important; } #google_translate_element { display: none;} body { top: 0px !important;} .goog-tooltip { display: none !important; } .goog-tooltip:hover { display: none !important; } .goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }.contact .defaultForm { width: 100%; *zoom: 1; padding: 20px; background: #efefef;}.defaultForm { width: 100%; *zoom: 1;}.defaultForm:before, .defaultForm:after { content: " "; display: table;}.defaultForm:after { clear: both;}.defaultForm .inputset { display: block; width: 100%; position: relative; margin-bottom: 0.625em;}.defaultForm .inputset .form_error_specific { position: absolute; top: 0; right: 0; color: Tomato;}.defaultForm .inputset label { display: block; width: 100%;}.defaultForm .inputset label.label { display: inline-block;}.defaultForm .inputset label.label input { width: initial; display: inline-block; margin-left: 0.625em;}.contact .defaultForm .inputset label {font-family: 'Chivo', sans-serif;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select { display: block; width: 100%; padding: 0.625em; width: 100%;}.defaultForm .inputset textarea { height: 10.625em;}.inputset.inputsetcheck label:first-of-type { margin-bottom: 0.3125em; padding-bottom: 0.3125em; border-bottom: 1px solid #cccccc;}.inputset label.form_header { font-weight: bold; font-size: 18px;}.defaultForm .form_submit { text-align: right;}.defaultForm .form_submit .fbElementButton { display: inline-block; padding: 0.5em 1.5625em; background-color: #333; border: 0; color: white;}.defaultForm .form_submit .fbElementButton:hover { background-color: #333;}.side-selling-points {padding: 20px; background: #036d96;}.side-selling-points .pre-footer-icon-box {display: block; width: 100%; float: none; padding: 0px; margin-bottom: 20px;}.side-selling-points .pre-footer-box-img {width: 25%; float: left; }.side-selling-points .pre-footer-box-img img {width: 30px; height: auto;}.side-selling-points .pre-footer-box-text {width: 72%; float: left; margin-left: 3%; }.view-all {color: #00adef !important;}.slick-dots {margin-top: 0px; text-align: center;}.slick-dots li.slick-active {border: 2px solid #00adef !important; background: #00adef !important;}.home-products .product_tag {padding: 0 30px;}.home-products-best .product_tag {padding: 0 30px;}.shop-products form {width: 100%; display: block;}.pagination {display: block; width: 100%;}.pagination ul {padding: 0px;}.pagination ul li {float: left; margin-right: 5px;}.pagination ul li a {padding: 10px; text-align: center; }.pagination:before, .pagination:after { content: ""; display: table;}.pagination:after { clear: both;}.pagination { zoom: 1;}form[name=pageFooter] {display: none;}.bestsellers-wrapper .product_item {width: 100%; margin-right: 10px !important;}.featured-header {text-align: center;}/*.featured-header .blue-btn {position: absolute; right: 0px; top: 0px;}*/.bestsellers-header {text-align: center;}/*.bestsellers-header .blue-btn {position: absolute; right: 0px; top: 0px;}*/.bestsellers-header h2,.featured-header h2 {text-transform: uppercase; color: #333; margin-bottom: 20px;}.pagination {margin-bottom: 25px;}.pagination ul {padding: 0px;}.pagination ul li {display: inline-block; padding: 5px 10px; background: #f6f6f7; border-radius: 5px;}.pagination ul li.active {background: #fe6b00; color: #fff;}.searchWrapTop {display: none;} .ecommerceSearchItem { width: 31.33%; margin-right: 2%; background: #fff; padding: 10px; float: left; margin-bottom: 20px; border: 1px solid #858585;} .ecommerceSearchImage { padding-top: 100%; background-size: contain !important;} .ecommerceSearchUrl { display: none;} .ecommerceSearchDescription { display: none;} .ecommerceSearchPrice { margin: 0px; padding: 0px; color: #00adef; font-family: 'Work Sans', sans-serif; font-size: 27px; font-size: 1.6875em; font-weight: 700;}.EcommerceSortWrap {display: none;}.ecommercePagClear {clear: both;}.ecommercePag a {display: inline-block; padding: 5px 10px; background: #f6f6f7; border-radius: 5px;}.pagItemOn {display: inline-block; padding: 5px 10px; border-radius: 5px; background: #00adef; color: #fff;}.pagination {clear: both;}.search_field{ margin:0px; padding:0px; width:calc(100% - 130px); float:left;}.header-search{ margin:0px; padding:0px 25px; }.header-search input[type="submit"]{ width:100%;}.header-search:after{ content:""; clear:both;}.header-search form input {width: 70%; height: 48px; display: inline-block;}.header-search form a.ecommerceSearchBtn {line-height: 48px; height: 48px; width: 30%; margin:0px; text-align: center; color:#fff; font-size:14px; font-weight:700; font-family: 'Chivo', sans-serif; border:none; text-transform:uppercase; background:#333333; border-radius:0px; box-shadow:none; cursor:pointer; transition:all .3s ease-out; display: inline-block; }.header-search form a.ecommerceSearchBtn:hover{ background:#000;}.login-side {padding: 20px; background: #333; margin-bottom: 20px;}.sidenavL1 {width: 100%; border-bottom: 1px solid #fff; color: #fff;}.sidenavL1 a {width: 100%; display: inline-block; padding: 8px 0; color: #fff; transition: all 0.5s ease 0s;}.sidenavL1 a:hover {color: #fe6b00;}.videos-wrapper {display: flex; flex-wrap: wrap;}.video-item {width: 49%; margin-right: 1%; margin-bottom: 20px;}.video-item iframe {width: 100% !important; }.video-item-title {font-family: 'Chivo', sans-serif;font-weight: 400;font-style: normal;font-size: 18px;font-size: 1.125em;line-height: 1.4;margin: 0px;color: #000000; margin-top: 5px;}.brand-logos-banner {padding: 45px 0px; background: #b3b3b3;}.brand-logo-inner {display: flex; align-items: center; height: 100%;}.brands-slider li img {display: block; margin: 0 auto; }/* New Stripe Styling */#stripePaymentFormIntro p { padding: 15px; background-color: #d9edf7; border: 1px solid #31708f; color: #31708f;}#pnlStepSuccess #stripeWrap #stripePaymentForm #stripePaymentFormWrap input#cardholder-name { border: 1px solid #929292 !important;}#cardholder-name { border-radius: 0px !important; border: 1px solid #929292 !important; padding: 15px; width: 100%; background: #fff !important; border: 0px !important; margin-bottom: 10px; color: #333 !important; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important;}#cardholder-name:hover { opacity: 1 !important;}#cardholder-name::-webkit-input-placeholder { color: #646464; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-size: 14px;}#cardholder-name::-moz-placeholder { color: #646464; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-size: 14px;}#cardholder-name::-ms-placeholder { color: #646464; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-size: 14px;}#cardholder-name::placeholder { color: #000; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-size: 14px;}.CardField-number input.InputElement { width: 100% !important; display: block !important; padding: 15px 25px 15px 25px !important; background: #fff !important;}.CardField-expiry input { width: 100%; display: block; padding: 15px 25px 15px 25px; background: #fff;}#card-button { color: #fff; transition: all 0.5s ease 0s; display: inline-block; padding: 15px 25px; font-size: 19px; font-size: 1.1875em; font-family: "Barlow", sans-serif; font-weight: 700; border: 0px; background: rgba(27, 194, 30, 1); border: 2px solid #028f05; text-transform: uppercase;} #card-button:hover { opacity: 0.8;}#card-button { border: 0px; padding: 9px 30px 9px 30px; display: inline-block; transition: all 0.5s ease 0s; font-family: 'Chivo', sans-serif; font-weight: 600; font-style: normal; font-size: 20px; font-size: 1.25em; background: #168dd0; color: #fff;}#card-button:hover { background: #fff; opacity: 0.8; color: #168dd0;}#card-element { width: 100%; display: block; padding: 15px 25px; background: #fff; border: 1px solid #929292;}#card-button { margin-top: 25px;}#stripePaymentFormError { padding: 20px; background-color: #f2dede; border: 1px solid #a94442; color: #a94442;}#stripePaymentFormError h2 { color: #a94442;}#stripePaymentFormError p { color: #a94442;}#stripePaymentFormSuccess { padding: 20px; background-color: #dff0d8; border: 1px solid #3c763d; color: #3c763d;}#stripePaymentFormSuccess h2 { color: #3c763d;}#stripePaymentFormSuccess p { color: #3c763d;}#card-errors.show { padding: 20px; background-color: #f2dede; border: 1px solid #a94442; color: #a94442; margin-bottom: 20px; display: block !important;}#stripeWrap { width: 50%; display: block; margin: 0 auto; border: 1px solid #bdbdbd; background: #f5f5f5; padding: 20px;}#stripeWrap h2 { width: 100%; text-align: center; margin-bottom: 15px; font-size: 25px;}#stripeWrap #pnlStepSuccess form,#stripePaymentForm { width: 100% !important;}#pnlStepSuccess #stripeWrap #stripePaymentFormError p { padding: 0px !important; margin: 0px !important; border: 0px; background: 0px; width: 100% !important;}#payPalWrap { width: 49%; float: left; border: 1px solid #bdbdbd; background: #f5f5f5; padding: 20px; text-align: center;}#payPalWrap h2 { width: 100%; text-align: center; margin-bottom: 15px; font-size: 25px;}#payPalWrap form { width: 100%;}#payPalWrap .btnPayPal { display: inline-block;}#pnlStepSuccess div#stripeWrap div#stripePaymentFormSuccess p { padding: 0px !important; margin: 0px !important; border: 0px; background: 0px; width: 100% !important;} /* END New Stripe Styling */ /* Media Queries */ @media all and (max-width: 1400px) and (min-width: 0px) { .footer-copy ul li { margin: 0 0.5%;} .footer-copy ul li a { font-size: 11px; font-size: 0.6875em; } } @media all and (max-width: 1000px) and (min-width: 0px) { .header-navigation #primary { width: 95%; margin-left: 5%;} .home-banner-text-wrapper { max-width: 100%;} .service-box { width: 100%; } } @media all and (max-width: 950px) and (min-width: 0px) { .header-navigation #primary > li > a { font-size: 16px; font-size: 1em;} .home-category-icon { width: 25%; margin-bottom: 20px;} .home-banner-text { width: 50%; height: initial !important; float: left;} .home-banner-image { width: 50%; margin-left: 0px; height: initial !important;} } @media all and (max-width: 925px) and (min-width: 0px) { .four.columns.top-navigation { width: 100% !important; margin: ; text-align: center; margin-bottom: 10px;} #top-nav { text-align: center;} .four.columns.top-price-guarantee { width: 50%; margin: 0; text-align: center;} .four.columns.top-login { width: 50%; margin: 0; text-align: center;} .four.columns.top-login p { text-align: center;} .home-banner-text.match .inner-position { display: block; } } @media all and (max-width: 900px) and (min-width: 0px) { .header-logo img { width: 200px;} } @media all and (max-width: 850px) and (min-width: 0px) { .why-choose-us-text { width: 100%;} .why-choose-us-image { width: 100%; padding-top: 75%;} .implimentation-text { width: 100%;} .implimentation-image { width: 100%; padding-top: 75%;} } @media all and (max-width: 780px) and (min-width: 0px) { .slider-nav { display: none;} .testimonial-output ul li .eight.columns.push_two { width: 100% !important; margin-left: 0;} } @media all and (max-width: 768px) and (min-width: 0px) { .product_item { width: 48%; margin-right: 2%; } .group-wrapper a.category-link { width: 48%; margin-right: 2%;} .product_tag .product_item { width: 48%; margin-right: 2%;} #ecommerceCategoryGroups a { width: 48%; margin-right: 2%; } .main-nav { display: none;} .mobile-btn { width: 100%; text-align: center;} .mobile-nav-btn { display: block; text-align: center; padding-top: 10px;} .menu-btn { display: inline-block; width: 100%; text-align: center;} .header-middle-top ul { display: none;} .mobile-btn { width: 100%; float: left; text-align: right; padding-top: 2%; display: inline-block;} .menu-btn { border: 0px;} } @media all and (max-width: 650px) and (min-width: 0px) { .inner-position { display: block;} .two.columns.header-logo { width: 100%; text-align: center;} .slides li { padding-top: 170px; padding-bottom: 15%;} .header-search { margin-bottom: 20px;} .follow-us { width: 100%; padding: 0 20px; position: absolute; top: auto; bottom: 10%; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; text-align: center; } .follow-us-title { width: 25%; margin-right: 0; } .follow-us-divide { width: 25%; margin-right: 0;} .follow-us-link { width: 25%; margin-right: 0;} .footer-wrapper { padding: 10% 0;} .footer-logo { text-align: center; margin-bottom: 20px;} .footer-copy { text-align: center;} .pre-footer-box { margin-bottom: 25px;} .pre-footer-icon-box { width: 33.33%; margin-bottom: 20px;} .footer-info { width: 50% !important; float: left !important; margin-bottom: 20px;} .link-box { width: 100%; margin-bottom: 20px;} .product-side { margin-top: 0px !important; margin-bottom: 20px;} .large-only { display: none;} .small-only { display: table;} .ecommerceSearchItem { width: 100%; margin-right: 0%; background: #fff; padding: 10px; float: left; margin-bottom: 20px; border: 1px solid #858585;}.video-item {width: 100%; margin-right: 0%; margin-bottom: 20px;} } @media all and (max-width: 550px) and (min-width: 0px) { .home-category-icon { width: 50%; margin-bottom: 20px;} .home-banner-text { width: 100%; text-align: center;} .home-banner-image { width: 100%; text-align: center;} .pre-footer-icon-box { width: 50%; margin-bottom: 20px;}#pnlStart tr td:nth-of-type(1),#pnlStart tr td:nth-of-type(2),#pnlStart tr td {width: 100%; display: block;}#pnlStart form p input#button {width: 100%;} } @media all and (max-width: 480px) and (min-width: 0px) { .header-logo { width: 100%; padding: 15px; text-align: center;} .slides li { padding-top: 230px;} .follow-us { bottom: 10%;} .home-banner-text-wrapper h1 { font-size: 50px; font-size: 3.125em; color: #fff;} .pre-footer-icon-box { width: 100%; margin-bottom: 20px;} .footer-info { width: 100% !important; float: left !important; margin-bottom: 20px;} .product_item { width: 100%; margin-right: 0%; } .group-wrapper a.category-link { width: 100%; margin-right: 0%;} .product_tag .product_item { width: 100%; margin-right: 0%;} #ecommerceCategoryGroups a { width: 100%; margin-right: 0%; }.featured-header .blue-btn {position: relative; right: initial; top: initial;}.bestsellers-header .blue-btn {position: relative; right: initial; top: initial;} }