/** * Magento * * @category design * @package meigeetheme_default * @copyright Copyright (c) 2010-2014 MeigeeTeam. (http://www.meigeeteam.com) * @template_version 1.9.2 */ /* Reset ================================================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin : 0; padding : 0; border : 0; font-size : 99.5%; vertical-align : top; /*font: inherit;*/ font-family : 'Quicksand', sans-serif; font-family : 'Intro', sans-serif; font-family : 'Inter', sans-serif; font-style : normal; font-weight : 400; /* src: local('Andica Regular'), local('Andica-Regular'), url(https://fonts.gstatic.com/s/andika/v10/mem_Ya6iyW-LwqgwarYQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; */ } @font-face { font-family : "Intro"; src : url("../fonts/Intro_Regular.woff") format("woff"); } @font-face { font-family : "Intro"; src : url("../fonts/Intro_Regular.woff2") format("woff2"); } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block; } .nav-wide#nav-wide .menu-wrapper > ul.level0{ box-shadow: 0px 4px 4px 0px #00000040; } .menu-wrapper .sub-content a { color : black !important; font-weight : 700; } .header-wrapper.moblie-view.sticky-logo.sticky-nav.sticky-cart, .account-custom-wrapper-mobile, .new_header_mobile { display: none;} .ourproducts_2 ul li span, .ourproducts_3 ul li span { font-size: 16px !important; text-transform: capitalize !important;} body { line-height : 1; overflow-x: hidden; } .ourproducts_3 ul li span{ text-transform: capitalize !important; } ol, ul { list-style : none; } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } table { border-collapse : collapse; border-spacing : 0; } .col-one {width : 1px;} img { max-width : 100%; width : auto; } strong, b {font-weight : bold;} /* Lists */ ul, ol { list-style : none; } /* Tools */ .hidden { display : block !important; border : 0 !important; margin : 0 !important; padding : 0 !important; font-size : 0 !important; line-height : 0 !important; width : 0 !important; height : 0 !important; overflow : hidden !important; } .nobr { white-space : nowrap !important; display : inline-block; } .wrap { white-space : normal !important; } .a-left { text-align : left !important; } .a-center { text-align : center !important; } .a-right { text-align : right !important; } .v-top { vertical-align : top; } .v-middle { vertical-align : middle; } .f-left, .left { float : left !important; } .f-right, .right { float : right !important; } .f-none { float : none !important; } .f-fix { float : left; width : 100%; } .no-display { display : none; } .no-margin { margin : 0 !important; } .no-padding { padding : 0 !important; } .no-bg { background : none !important; } .clear, .clear-2 {clear : both;} /* ======================================================================================= */ /* Global Styles ========================================================================= */ body { color : #888888; font-family : Arial, sans-serif; font-size : 1.00em; /* NAL changed from .75 to 1.00 */ line-height : 1.5em; background-color : #111111; -webkit-text-size-adjust : 100%; } body.page-popup {background : #FFFFFF !important; padding : 18px;} body.page-popup a.product-image {width : auto; display : inline-block; margin-bottom : 0.75em; float : none;} body.page-popup .product-name {float : none;} body.page-popup .minimal-price-link {text-align : left;} body.page-popup .ratings {margin-bottom : 0.75em;} body.page-popup .price-box {margin-bottom : 0.75em;} body.page-popup button {margin-bottom : 0.75em;} body.page-popup .backstretch {display : none;} /* Indents */ hr.indent-9, hr.indent-12, hr.indent-18, hr.indent-24, hr.indent-28, hr.indent-32, hr.indent-36, hr.indent-40, hr.indent-46, hr.indent-52, hr.indent-56, hr.indent-60 {padding : 0; border : none; background : none; height : 0;} hr.indent-9 {margin : .75em 0;} hr.indent-12 {margin : 1em 0;} hr.indent-18 {margin : 1.5em 0;} hr.indent-24 {margin : 2em 0;} hr.indent-28 {margin : 2.333em 0;} hr.indent-32 {margin : 2.5em 0;} hr.indent-36 {margin : 3em 0;} hr.indent-40 {margin : 3.333em 0;} hr.indent-46 {margin : 3.883em 0;} hr.indent-52 {margin : 4.333em 0;} hr.indent-56 {margin : 4.667em 0;} hr.indent-60 {margin : 5em 0;} /* invisible indents */ hr.white-space {margin-top : 0;} /* solid indents */ hr.solid {border-bottom : 1px solid #B4B4B4;} /* dotted indents */ hr.dotted {border-bottom : 1px dotted #B4B4B4;} /* dashed indents */ hr.dashed {border-bottom : 1px dashed #B4B4B4;} /* Footer */ /* solid indents */ .footer-second-line hr.solid, .footer-second-line hr.dotted, .footer-second-line hr.dashed, .footer-bottom-wrapper hr.solid, .footer-bottom-wrapper hr.dotted, .footer-bottom-wrapper hr.dashed {border-bottom-color : #444444;} /* Boxed Layout */ body.boxed-layout .container_12 { padding-left : 0px; padding-right : 0px;} body.boxed-layout .container_12 { background-color : #FFFFFF; } body.boxed-layout .topline { background : none; opacity : 1; filter : alpha(opacity=100); box-shadow : none; border : 0px; padding : 0 !important;} body.boxed-layout header#header {margin : 0;} body.boxed-layout #footer {background : none; border : none; background: #F1F8FD;} body.boxed-layout #footer .footer-topline {background : none; padding : 0;} body.boxed-layout #footer .footer-topline .container_12 {padding-top : 2.333em; padding-bottom : 4.5em; border-top : solid 1px #DDDDDD;} body.boxed-layout #footer .footer-second-line {background : none; padding : 0;} body.boxed-layout #footer .footer-second-line > .container_12 {background-color : #222222; padding-top : 4.5em; padding-bottom : 0.75em;} body.boxed-layout #footer > .container_12 {background-color : #111111;} body.boxed-layout .header-slider-holder .container_12 { background-color : #FFFFFF;} body.boxed-layout .header-wrapper, body.boxed-layout .content-wrapper, body.boxed-layout .home-text-blocks, body.boxed-layout .header-slider-wrapper, body.boxed-layout header#header, body.boxed-layout header#header .topline {background : none;} body.boxed-layout header#header.floating .topline {box-shadow : none;} body.boxed-layout header#header.floating .topline .container_12 {box-shadow : 0 1px 9px rgba(0, 0, 0, .1);} body.boxed-layout header#header > .container_12 {background-color : #FFFFFF;} /* Background Paterns */ .pandora {background : url(../images/paterns/pandora.png) center top repeat;} .pandora-2 {background : url(../images/paterns/pandora_2.png) center top repeat;} .degreee-fabric {background : url(../images/paterns/degreee_fabric.png) center top repeat;} .degree-gray {background : url(../images/paterns/degree_gray.png) center top repeat;} .beige-paper {background : url(../images/paterns/beige_paper.png) center top repeat;} .bgnoise-lg {background : url(../images/paterns/bgnoise_lg.png) center top repeat;} .bright-squares {background : url(../images/paterns/bright_squares.png) center top repeat;} .brushed-alu {background : url(../images/paterns/brushed_alu.png) center top repeat;} .cardboard {background : url(../images/paterns/cardboard.png) center top repeat;} .circles {background : url(../images/paterns/circles.png) center top repeat;} .concrete-wall-2 {background : url(../images/paterns/concrete_wall_2.png) center top repeat;} .concrete-wall-3 {background : url(../images/paterns/concrete_wall_3.png) center top repeat;} .cork-1 {background : url(../images/paterns/cork_1.png) center top repeat;} .crosses {background : url(../images/paterns/crosses.png) center top repeat;} .cubes {background : url(../images/paterns/cubes.png) center top repeat;} .diamonds {background : url(../images/paterns/diamonds.png) center top repeat;} .double-lined {background : url(../images/paterns/double_lined.png) center top repeat;} .elastoplast {background : url(../images/paterns/elastoplast.png) center top repeat;} .elegant-grid {background : url(../images/paterns/elegant_grid.png) center top repeat;} .exclusive-paper {background : url(../images/paterns/exclusive_paper.png) center top repeat;} .fabric-1 {background : url(../images/paterns/fabric_1.png) center top repeat;} .fancy-deboss {background : url(../images/paterns/fancy_deboss.png) center top repeat;} .felt {background : url(../images/paterns/felt.png) center top repeat;} .first-aid-kit {background : url(../images/paterns/first_aid_kit.png) center top repeat;} .gold-scale {background : url(../images/paterns/gold_scale.png) center top repeat;} .green-gobbler {background : url(../images/paterns/green_gobbler.png) center top repeat;} .grunge-wall {background : url(../images/paterns/grunge_wall.png) center top repeat;} .handmadepaper {background : url(../images/paterns/handmadepaper.png) center top repeat;} .leather-1 {background : url(../images/paterns/leather_1.png) center top repeat;} .light-alu {background : url(../images/paterns/light_alu.png) center top repeat;} .light-checkered-tiles {background : url(../images/paterns/light_checkered_tiles.png) center top repeat;} .light-honeycomb {background : url(../images/paterns/light_honeycomb.png) center top repeat;} .light-wool {background : url(../images/paterns/light_wool.png) center top repeat;} .littleknobs {background : url(../images/paterns/littleknobs.png) center top repeat;} .micro-carbon {background : url(../images/paterns/micro_carbon.png) center top repeat;} .noise-pattern-with-crosslines {background : url(../images/paterns/noise_pattern_with_crosslines.png) center top repeat;} .noisy {background : url(../images/paterns/noisy.png) center top repeat;} .old-mathematics {background : url(../images/paterns/old_mathematics.png) center top repeat;} .paper-1 {background : url(../images/paterns/paper_1.png) center top repeat;} .paper-2 {background : url(../images/paterns/paper_2.png) center top repeat;} .paper-3 {background : url(../images/paterns/paper_3.png) center top repeat;} .paven {background : url(../images/paterns/paven.png) center top repeat;} .pinstripe {background : url(../images/paterns/pinstripe.png) center top repeat;} .polaroid {background : url(../images/paterns/polaroid.png) center top repeat;} .project-papper {background : url(../images/paterns/project_papper.png) center top repeat;} .rip-jobs {background : url(../images/paterns/rip_jobs.png) center top repeat;} .rockywall {background : url(../images/paterns/rockywall.png) center top repeat;} .roughcloth {background : url(../images/paterns/roughcloth.png) center top repeat;} .silver-scales {background : url(../images/paterns/silver_scales.png) center top repeat;} .small-tiles {background : url(../images/paterns/small_tiles.png) center top repeat;} .smooth-wall {background : url(../images/paterns/smooth_wall.png) center top repeat;} .soft-circle-scales {background : url(../images/paterns/soft_circle_scales.png) center top repeat;} .soft-wallpaper {background : url(../images/paterns/soft_wallpaper.png) center top repeat;} .square-bg {background : url(../images/paterns/square_bg.png) center top repeat;} .stucco {background : url(../images/paterns/stucco.png) center top repeat;} .subtle-freckles {background : url(../images/paterns/subtle_freckles.png) center top repeat;} .subtle-orange-emboss {background : url(../images/paterns/subtle_orange_emboss.png) center top repeat;} .vichy {background : url(../images/paterns/vichy.png) center top repeat;} .washi {background : url(../images/paterns/washi.png) center top repeat;} .wavecut {background : url(../images/paterns/wavecut.png) center top repeat;} .white-carbon {background : url(../images/paterns/white_carbon.png) center top repeat;} .white-sand {background : url(../images/paterns/white_sand.png) center top repeat;} .white-texture {background : url(../images/paterns/white_texture.png) center top repeat;} .whitey {background : url(../images/paterns/whitey.png) center top repeat;} .xv {background : url(../images/paterns/xv.png) center top repeat;} .clear-container {width : 100%; overflow : hidden;} .ie-fix {position : relative; width : 100%;} a { text-decoration : none; -moz-transition : all 300ms ease; -webkit-transition : all 300ms ease; -o-transition : all 300ms ease; transition : all 300ms ease; } a:hover {text-decoration : none;} :focus { outline : 0; } i {transition : all .8s ease; -moz-transition : all .8s ease; -webkit-transition : all .8s ease; -o-transition : all .8s ease;} /* Headings */ h1 { font-size : 1.5em; line-height : normal; font-weight : normal; } h2 { font-size : 1.33em; line-height : normal; font-weight : normal; margin-bottom : 0.57em;} h3 { font-size : 1.09em; line-height : normal; font-weight : bold; margin-bottom : 0.69em;} h4 { font-size : 1em; line-height : normal; font-weight : bold; margin-bottom : 0.75em;} h5 { font-size : 0.91em; line-height : normal; font-weight : bold; margin-bottom : 0.83em;} h6 { font-size : 0.91em; line-height : normal; font-weight : normal; margin-bottom : 0.83em;} body.sidebar-left .col2-left-layout .col-main { float : right !important;} body.sidebar-right .col2-left-layout aside.sidebar { float : right !important;} .content-wrapper .container_12 {background-color : #FFFFFF;} .catalog-product-compare-index .add-to-links .link-compare, .catalog-product-compare-index .add-to-links .link-wishlist { width : auto; height : auto; background : none; -moz-border-radius : 0; border-radius : 0; margin-top : 1em; } .box { border : 1px solid #E5E5E5; padding : 0.75em; margin : 0 0 0.75em 0; } /* toTop Button */ #toTop { z-index : 9991; display : none; text-decoration : none; position : fixed; bottom : 50px; right : 50px; overflow : hidden; font-size : 0; } #toTopHover {opacity : 1 !important; filter : alpha(opacity=100);} #toTopHover i {font-size : 14px; color : #888888; width : 42px; height : 42px; line-height : 42px; text-align : center; background-color : #EEEEEE;} #toTopHover i:hover {background-color : #222222; color : #FFFFFF;} #toTop:active, #toTop:focus { outline : none; } .focus input, .focus textarea {border-color : #5EB9F3 !important;} /* Fancybox */ a.fancybox { display : block; z-index : 999; } .background-wrapper { bottom : 0; overflow : hidden; position : absolute !important; top : 0; } /*Home Slider*/ .slider-container {position : relative;} .slider-container.widget-container {padding : 0; display : block; z-index : 1;} .slider-container.widget-container .products-grid .price-box {margin-bottom : .75em; padding-bottom : 1em; border-bottom : solid 1px #DDDDDD;} .no-widget {padding : 1.5em;} .slider-container .slider-text-box h2 {font-size : 4em; line-height : 1.2em; font-weight : 100; color : #333333;} .slider-container .slider-text-box p {font-size : 1.5em; line-height : 1.44em;} .home-slider {position : relative;} .home-slider-container {position : relative;} .home-slider-container .products-grid li.item .indent {padding-right : 10px; padding-left : 10px;} .home-slider-container .widget-slider {height : 200px; /* width: 100% !important; */} .slider-container .four-products .home-slider li.item {width : 313px;} .slider-container .five-products .home-slider li.item {width : 250px; padding-left : 1px;} .slider-container .six-products .home-slider li.item {width : 208px; padding-left : 1px } .es-carousel-wrapper { padding : 0; position : relative; display : block !important; zoom : 1; height : auto; } .slider_2 .slider-container.widget-container {margin-bottom : 6em;} .slider_2 .widget-slider li.item {width : 305px;} .carousel-ul {width : 100%; display : block !important;} .es-carousel-wrapper .products-grid li.item {position : static; display : block !important;} .es-carousel-wrapper .products-grid li.item {float : left;} .es-carousel { overflow : hidden; } .es-carousel ul li a { display : block; } .es-carousel ul li a img { display : block; border : none; max-height : 100%; max-width : 100%; } .slider_2 .slider-container .prev, .slider_2 .slider-container .next {height : 380px; line-height : 380px;} .slider-container .prev, .slider-container .next { position : absolute; display : block; z-index : 9999; opacity : 1; filter : alpha(opacity=0); cursor : pointer; text-align : center; top : 36%; margin-top : -20px; } .slider-container .prev i, .slider-container .next i { font-size : 1.16em; line-height : 40px; color : #AAAAAA; width : 40px; height : 40px; } .slider-container .prev i:hover, .slider-container .next i:hover {color : #222222; background-color : #EEEEEE;} .slider-container .prev {left : -50px;} .slider-container .next {right : -50px;} .mobile-device .slider-container .prev, .mobile-device .slider-container .next, .slider-container:hover .prev, .slider-container:hover .next {opacity : 1; filter : alpha(opacity=100);} .slider-container.slider-2 .home-slider-container .products-grid li.item { width : 245px; } .slider-container.slider-2 .home-slider-container .products-grid li.item .indent { padding-left : 2px; padding-right : 18px; } .slider-container.slider-2 .home-slider-container .next { right : -3px; } /* widgets */ .widget {margin : 0 !important;} .widget .widget-title {padding : 0 !important; margin : 0 !important;} .widget .widget-title h1, .widget .widget-title h2 {margin : 0;} .widget .products-grid .product-image, .widget .products-list .product-image { width : auto !important; height : auto !important; } .widget .products-list .product-shop { margin : 0 !important; } .widget .widget-products {clear : both;} /*.col-main{margin-bottom:1.5em;}*/ .main-container {width : 100%; padding-bottom : 3.667em; padding-top : 2em;} .cms-home .main-container, .cms-index-index .main-container {padding-top : 0;} /* Form Elements */ input, select, textarea, button {font : 1em/1.5em Arial, Helvetica, sans-serif; vertical-align : middle; color : #444444; border-radius : 0; -moz-border-radius : 0;} input.input-text, select {height : 18px;} input.input-text, select, textarea {background : #FFFFFF; border : 1px solid #DDDDDD; } select, input.input-text, textarea {padding : 5px 11px; color : #636466; font-size : .91em;} select {padding : 8px 11px; height : 33px;} select option { padding-right : 10px; } select.multiselect {height : auto;} select.multiselect option { border-bottom : 1px solid #DDDDDD; padding : 2px 5px; } select.multiselect option:last-child { border-bottom : 0; } textarea { overflow : auto; } input.radio { margin-right : 3px; margin-top : 0;} input.checkbox { margin-right : 3px; } input[type="text"], textarea, input[type="password"] {-webkit-appearance : none;} input.qty { border : solid 1px #DFDFDF; height : 35px; width : 48px; background-color : #FFFFFF; text-align : center; font-size : 1em; color : #888888; line-height : 35px; margin : 0 4px; padding : 0; float : left; } #shopping-cart-table .quantity-box input.qty { margin: 0; } button.button::-moz-focus-inner { padding : 0; border : 0; } /* FF Fix */ button.button { -webkit-border-fit : lines; } /* <- Safari & Google Chrome Fix */ button.button::-moz-focus-inner { padding : 0; border : 0; } /* FF Fix */ button.button { -webkit-border-fit : lines; } /* <- Safari & Google Chrome Fix */ button.button {overflow : visible; width : auto; border : 0; padding : 0; margin : 0; background : #FF1341; cursor : pointer;} button.button span { float : left; height : 29px; text-align : center; white-space : nowrap; border : solid 4px #FFFFFF; -moz-transition : all 0.5s ease; -webkit-transition : all 0.5s ease; -o-transition : all 0.5s ease; } button.button span span { height : auto; background : none; border : none; line-height : 29px; font-size : .75em; text-transform : uppercase; font-weight : bold; color : #FFFFFF; padding : 0 18px; } .buttonsearch {overflow : visible; width : auto; border : 0; padding : 0; margin : 0; background : #FFFFFF; cursor : pointer;} button.button:hover span span {color : #FFFFFF;} button.button.btn-quick-view:hover span span {color : #FFFFFF;} p.control input.checkbox, p.control input.radio { margin-right : 6px; } /* Form Highlight */ /* Form lists */ /* Grouped fields */ .form-list {margin : 0.75em 0;} .form-list li { margin : 0 0 0.75em; } .form-list label {float : left; font-weight : normal; position : relative; z-index : 0; font-size : .91em; padding-bottom : 5px;} .form-list label.required em {float : right; font-style : normal; color : #E85131; position : absolute; top : 0; right : -8px; } .form-list li.control label { float : none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right : 6px; } .form-list li.control .input-box { clear : none; display : inline; width : auto; } .form-list .input-box { display : block; clear : both; width : 260px; } .form-list .input-box.customer-dob {width : 360px;} .form-list .field { float : left; width : 324px; } .form-list input.input-text { width : 303px; } .form-list textarea { width : 254px; height : 10em; } .form-list select { width : 310px; } .form-list li.wide .input-box { width : 535px; } .form-list li.wide input.input-text { width : 626px; } .form-list li.wide textarea { width : 627px; } .form-list li.wide select { width : 677px; } .form-list li.additional-row { border-top : 1px solid #CCCCCC; margin-top : 10px; padding-top : 7px; } .form-list li.additional-row .btn-remove { float : right; margin : 5px 0 0; } .form-list .input-range input.input-text { width : 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width : auto; } .form-list .name-prefix { width : 65px; } .form-list .name-prefix select { width : 55px; } .form-list .name-prefix input.input-text { width : 49px; } .form-list .name-suffix { width : 65px; } .form-list .name-suffix select { width : 55px; } .form-list .name-suffix input.input-text { width : 49px; } .form-list .name-middlename {width : 125px;} .form-list .name-middlename input.input-text {width : 90px;} .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width : 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width : 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width : 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width : 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width : 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width : 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width : 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width : 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width : 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width : 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width : 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width : 199px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width : 164px;} .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float : left; width : 85px; } .form-list .customer-dob input.input-text { display : block; width : 74px; } .form-list .customer-dob label { font-size : 10px; font-weight : normal; color : #888888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {width : 80px;} .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {width : 46px;} .form-list .customer-dob .dob-year { width : 140px; } .form-list .customer-dob .dob-year input.input-text { width : 134px; } .buttons-set { clear : both; margin : 0.42em 0 0; padding : 0; } .buttons-set .back-link { float : left; } .buttons-set button.button { float : right; margin-left : 5px; } .buttons-set p.required { margin : 0 0 0.42em; } .fieldset {border : 1px solid #DDDDDD; padding : 1.5em 20px; margin : 0 0 1.5em; } .fieldset .legend { display : block; text-align : left; border-bottom : solid 4px #EEEEEE; color : #EEEEEE; text-transform : uppercase; color : #444444; font-weight : 700; line-height : 1.583em; padding-bottom : .75em; margin-bottom : 1.5em; } /* Form Validation */ .validation-advice {clear : both; min-height : 13px; margin : 3px 0 0; padding-left : 0; font-size : .83em; line-height : 1.5em; color : #FF0000;} .validation-failed { border : 1px dashed #FF0000 !important; background : #FAEBE7 !important; } p.required {font-size : .91em; text-align : right; color : #F71616;} /* Expiration date and CVV number validation fix */ .v-fix { float : left; } .v-fix .validation-advice { display : block; width : 12em; margin-right : -12em; position : relative; } /* Global Messages */ .success { color : #3D6611; font-weight : bold; } .error { color : #FF0000; font-weight : bold; } .notice { color : #CCCCCC; } .messages, .messages ul { list-style : none !important; margin : 0 !important; padding : 0 !important; } .messages { width : 100%; overflow : hidden; } .messages li { margin : 0 0 10px; position : relative;} .messages li li { margin : 0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { padding : 12px 19px 9px 35px !important; font-size : 1em !important; font-weight : normal !important; } .error-msg { background-color : #EDCBC7; color : #97807E;} .success-msg { background-color : #C5ECC1; color : #7C967A;} .note-msg, .notice-msg { background-color : #E3E3CF; color : #909083;} .error-msg i, .success-msg i, .note-msg i, .notice-msg i { position : absolute; top : 14px; left : 17px; } .messages .messages-close-btn { position : absolute; width : 13px; height : 13px; right : 13px; top : 14px; cursor : pointer; font-size : 0; color : #7C9479; background : url(../images/close.png) no-repeat; } .messages .messages-close-btn i {font-weight : 100; left : 0; top : 0;} ul.i-am-new { list-style : none !important; margin : 0 !important; padding : 0 !important; width : 100%; overflow : hidden; } ul.i-am-new li { text-align : center; border-style : solid; border-width : 1px; border-top : 0px; background : url(../images/messages_bg.png) center top repeat-x; padding : 8px 9px 7px 69px !important; font-size : 1.09em !important; text-transform : uppercase; font-weight : normal !important; } ul.i-am-new li.warning { border-color : #FFC237; background-color : #FFEAA8; color : #A76200; } ul.i-am-new li.error { border-color : #8B0000; background-color : #F70000; color : #FFFFFF; } ul.i-am-new li.success { border-color : #50C24E; background-color : #8BE68B; color : #1A761A; } /* BreadCrumbs */ .breadcrumbs-wrapper {padding : 22px 0; border : 1px solid #000000;} nav.breadcrumbs { text-align : left; float : none; position : relative; margin-bottom : 1em; margin-top : -1em; } nav.breadcrumbs li { display : inline; } nav.breadcrumbs li span { margin : 0 4px; color : #000000; position : relative; transition : color .8s ease; -moz-transition : color .8s ease; -webkit-transition : color .8s ease; -o-transition : color .8s ease; } nav.breadcrumbs li a:hover + span:after {display : inline-block;} nav.breadcrumbs li span:after {content : ''; position : absolute; right : 0; height : 5px; width : 5px; border-radius : 2px; top : 50%; margin-top : -2px; display : none;} nav.breadcrumbs li span i {font-size : .8em;line-height : 2em;color : #BBBBBB;} nav.breadcrumbs li a {font-size : .91em; color : #000000;} nav.breadcrumbs li strong {font-size : .91em; color : #000000;} /* Page Heading */ .page-title {margin-bottom : 1.5em; border-bottom : solid 4px #EEEEEE; padding-bottom : 1em; position : relative;} .widget .widget-title h1, .widget .widget-title h2, .widget-title h1, .widget-title h2, .page-title h1, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {font-size : 3em; color : #222222; margin : 0; line-height : 1.5em; font-weight : 400;} .page-title h2 {font-size : 30px; color : #00AEEF; margin : 0; line-height : 1.5em; font-weight : 700; text-transform : uppercase;} /* NAL added to change font on category page header */ .widget-title {margin-bottom : .75em; width : 100%; overflow : hidden;} header.rating-title {margin-bottom : 2.333em; width : 100%; overflow : hidden;} .widget-title h1, .widget-title h2, .widget .widget-title h1, .widget .widget-title h2, header.rating-title h2 {display : block !important; float : left; vertical-align : middle; margin : 0; padding : 0 20px; font-size : 2.5em !important; color : #222222 !important; line-height : 1.583em; font-weight : 400 !important; text-transform : uppercase;} header.rating-title h2 {margin : 0 -2px 0 -3px; float : left; display : block !important;} .left-divider, .right-divider {display : block; float : left; margin-top : 1.8em; border-bottom : solid 4px #EEEEEE;} .widget-title .left-divider, .widget-title .right-divider {display : block; float : left; margin-top : 2em;} .widget .widget-title .left-divider, .widget .widget-title .right-divider { float : left; margin-top : 2.08em; } .widget .widget-title h1, .widget .widget-title h2 { float : left; } .page-title .separator { margin : 0 3px; } .page-title .link-rss { float : right; } .title-buttons { text-align : right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float : left; } .subtitle, .sub-title { clear : both; } /* Pager */ .toolbar .pager { display : none; } .toolbar .pager > p {float : right;} .page-title .amount { display : block; margin : 0; color : #888888; position : absolute; top : auto; bottom : 1.25em; left : 0; font-style : italic; font-size : 1em; } .toolbar .pager .pager-box, .toolbar .pager label, .toolbar .pager strong span, .toolbar .pager a span {display : none;} .toolbar .view-mode strong {color : #FFFFFF;} .toolbar .view-mode a {color : #AAAAAA;background-color : #EEEEEE;} .toolbar .view-mode a:hover {color : #FFFFFF;} .toolbar .pager .limiter { float : right; } .toolbar .pager .limiter label { margin-right : 0.63em; margin-top : 7px; float : left; } .toolbar .limiter .sbSelector {line-height : 1.6em;} .pager .limiter ul {float : left;} .pager .limiter ul li {float : left;} .pager .limiter ul li.last {background : none;} .pager .limiter ul li a {display : block; padding : 0.63em 12px;} .pager .limiter ul li a:hover, .pager .limiter ul li a.selected {color : #FFFFFF;} .pager .pages { float : left; padding-top : 7px; } .pager .pages li a {text-decoration : none;} .pager .pages li a.i-previous, .pager .pages li a.i-next { display : inline-block; vertical-align : middle; font-size : 1.667em; color : #888888; } .pager .pages li a.i-previous i {position : relative; line-height : 16px;} .pager .pages li a.i-next i {position : relative; left : 1px; line-height : 16px;} .pager .pages strong {font-weight : normal;} .pager .pages .current {text-decoration : underline;} .pager .pages img { position : relative; top : -2px; margin-left : 2px; } /* Sorter */ .sorter .view-mode { display : inline-block; overflow : hidden; padding-bottom : 0; margin : 0; margin-right : 20px; vertical-align : middle; } .sorter .view-mode label {display : none;} .sorter .view-mode .grid, .sorter .view-mode .list {display : inline-block; float : left;} .sorter .view-mode i {width : 34px; height : 34px; text-align : center; line-height : 35px; font-size : 1.16em; color : #FFFFFF;} .sorter .view-mode a i {color : #AAAAAA;} .sorter .view-mode a:hover i {color : #FFFFFF;} .sorter .sort-by {display : inline-block; vertical-align : middle;} .sorter .sort-by label {font-size : 1.16em; display : inline-block; vertical-align : middle; line-height : 1.583em; color : #888888; text-transform : uppercase; font-weight : 400; padding-right : 20px;} .sorter .sort-by select { height : 21px; width : 78px; margin-right : 6px; margin-top : 4px; float : left; } .sorter a.asc, .sorter a.desc {display : inline-block; vertical-align : middle;} .sorter a.asc i, .sorter a.desc i {width : 34px; height : 34px; line-height : 34px; text-align : center; font-size : 1.16em; color : #888888; background-color : #DDDDDD;} .sorter a.desc i:hover, .sorter a.asc i:hover {color : #FFFFFF;} .sorter .pager-box {display : none;} .pages {float : right;} .pages > strong {display : none;} .pages li {border-left : solid 1px #DDDDDD; display : inline-block; height : 20px; width : 42px; text-align : center;} .pages li.i-previous-item, .pages li.i-next-item {width : 30px;} .pages li.i-previous-item, .pages li.i-next-item, .pages li:first-child, .pages li.i-previous-item + li {border : none;} .pages li.current span, .pages li a { font-size : 1em; line-height : 16px; border : solid 2px transparent; height : 16px; width : 16px; border-radius : 50%; -moz-border-radius : 50%; margin : -5px; padding : 5px; display : inline-block; color : #888888; } .pages li.current span {border-color : #222222; background-color : #222222; color : #FFFFFF;} .pages li a:hover {border-color : #DDDDDD; text-decoration : none;} .sorter .limiter {display : inline-block; vertical-align : middle; float : right; margin-top : 2px;} .sorter .limiter label {display : none;} .sorter .limiter ul li {float : left; border-left : solid 1px #DDDDDD; padding : 0 6px;} .sorter .limiter ul li:first-child {border : none;} .sorter .limiter ul li a {display : block; min-width : 14px; border-radius : 25px; -moz-border-radius : 25px; color : #000000; text-align : center; padding : 4px 5px 3px;} .sorter .limiter ul li a:hover {background-color : #EEEEEE;} /* Toolbar */ .toolbar {margin-bottom : 1.5em;} .toolbar a {color : #888888;} .toolbar .sbHolder {display : inline-block; float : none; vertical-align : middle;} .toolbar .sbSelector {border-color : #DFDFDF; min-width : 118px; padding : 5px 12px; height : 22px; line-height : 22px;} .toolbar .sbSelector > span {font-size : 1.16em; color : #222222; text-transform : uppercase; border-top-color : #888888;} .toolbar .sbOptions a {font-size : .91em;} .i-right-previous-item {display : none !important;} .products-grid ~ .toolbar-bottom {border-top : solid 1px #E2E2E2; margin-top : -1.667em; padding-top : 1.5em;} .toolbar .sidebar-button { float : left; border : 1px solid #EEEEEE; padding : 10px 11px 4px; cursor : pointer; -moz-transition : all 300ms ease; -webkit-transition : all 300ms ease; -o-transition : all 300ms ease; transition : all 300ms ease; color : #AAAAAA; background-color : #EEEEEE; margin-right : 10px; } .toolbar .sidebar-button .open, .toolbar .sidebar-button.open .close {display : none;} .toolbar .sidebar-button.open .open {display : inline;} .toolbar .sidebar-button i {margin-right : 5px; transition : none; -webkit-transition : none; -moz-transition : none; -o-transition : none;} .toolbar .sidebar-button span {line-height : 1.15;} .toolbar .sidebar-button:hover {background-color : #EEEEEE;} .col1-layout .toolbar .sidebar-button {display : none;} .col-main { -moz-transition : width 300ms ease; -webkit-transition : width 300ms ease; -o-transition : width 300ms ease; transition : width 300ms ease; } .toolbar-bottom {border-top : solid 1px #E2E2E2; padding-top : 1.5em;} .toolbar-bottom.no-border {border : none;} .toolbar-bottom .amount {display : none;} .toolbar-bottom .toolbar { margin : 0;} .toolbar-bottom .pager {position : relative; top : 0; background : none; border-bottom : none; box-shadow : 0 0; display : block; text-align : center;} .toolbar-bottom .sorter {display : none;} .toolbar-bottom .pager .pager-box {display : none !important;} .toolbar-bottom .pager .pages {display : block; margin-bottom : 0; float : none; padding-top : 6px;} .toolbar-bottom .pager .pages strong {display : none;} .toolbar-bottom .i-right-previous-item {display : inline !important;} .toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous, .toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous span, .toolbar-bottom .pager .pages ol li .i-next span {font-size : 1.34em; font-weight : normal; line-height : 0.9em; padding-left : 5px;} .toolbar-bottom .pager .amount {display : none;} .toolbar-bottom .pager .pager-box {display : block; float : left; padding : 6px 11px; color : #605D5D; background-color : #E8E8E8;} .toolbar-bottom .sorter .sort-by, .toolbar-bottom .sorter .asc, .toolbar-bottom .sorter .desc, .toolbar-bottom .limiter {display : none;} .toolbar-bottom .sorter .pages {float : none;} .blog-index-list .toolbar-bottom { border-top : none; padding-top : 0; } .blog-cat-view .toolbar .sidebar-button, .blog-index-list .toolbar .sidebar-button {margin-right : 24px; display : none;} .toolbar .shop-by {display : none; padding-top : 18px;} .toolbar .shop-by .shop-by-button { width : 100%; box-shadow : none; border-radius : 0; border : none; outline : none; background-color : transparent; position : relative; z-index : 1; text-align : center; overflow : hidden; } .toolbar .shop-by .shop-by-button span { width : 100%; box-sizing : border-box; height : 35px; } .toolbar .shop-by .shop-by-button i {font-size : inherit;} .toolbar .shop-by .shop-by-button:hover, .toolbar .shop-by .shop-by-button:active, .toolbar .shop-by .shop-by-button:focus { background-color : #F0F0F0;} /* Data Table */ .data-table { width : 100%; margin : 0.75em 0;} .data-table th {padding : .75em; border : 1px solid #DDDDDD; font-size : 1em; font-weight : bold; color : #222222; white-space : nowrap; text-align : center;} .cart-table th {border-top : none} .data-table td {padding : 1.5em; border : 1px solid #DDDDDD; vertical-align : middle;} .cart-table td:first-child, .cart-table th {border-left : none; padding-left : 0;} .cart-table td:last-child, .cart-table th {border-right : none;} .data-table tbody.odd td { border-width : 0 1px; } .data-table tbody.even td { border-width : 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width : 1px; } .data-table th .tax-flag { white-space : nowrap; font-weight : normal; } .data-table td.label, .data-table th.label { font-weight : bold; } .data-table a.product-image {display : block; width : 64px; float : left; margin-right : 20px;} .data-table .product-name {font-size : 1em; text-transform : none; font-weight : normal; float : left;} .data-table .product-name a { font-size : 1.5em; line-height : 1.583em; text-transform : none; font-weight : 400; color : #222222; display : inline-block; margin-top : -6px; max-width : 83%; } .data-table .c_actions {float : right;} .data-table .c_actions a {float : right;} .data-table .c_actions a i {font-size : 1.16em; color : #DDDDDD; padding : 5px;} .data-table .cart-label { font-size : 1.09em; font-weight : bold; padding-right : 7px; display : none; } .data-table .cart-price .price {font-size : 1.5em; line-height : 1.5em; font-weight : 300;} .data-table div.quantity-increase {margin-right : 0;} .data-table .qty {background-color : #EEEEEE; border-color : #EEEEEE;} .data-table .remove {background-color : #F5F5F5;} .data-table .remove i { font-size : 1.16em; color : #AAAAAA; height : 38px; width : 38px; text-align : center; line-height : 38px; border : solid 1px #CDCDCD; border-radius : 50%; -moz-border-radius : 50%; } .data-table td.buttons {padding-right : 0;} .data-table .mobile-title {display : none;} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor : pointer; } tr.summary-total .summary-collapse { float : right; text-align : right; padding-left : 20px; background : url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor : pointer; } tr.show-details .summary-collapse { background-position : 0 -53px; } tr.summary-details td { font-size : 11px; background-color : #DAE1E4; color : #626465; } tr.summary-details-first td { border-top : 1px solid #D2D8DB; } tr.summary-details-excluded { font-style : italic; } /* Shopping cart tax info */ .cart-tax-info { display : block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right : 20px; } .cart-tax-total { display : block; padding-right : 20px; background : url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor : pointer; } .cart-tax-info .price, .cart-tax-total .price { display : inline !important; font-weight : normal !important; } .cart-tax-total-expanded { background-position : 100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding : 0; } .std ol.ol { list-style : none; padding-left : 0; } .std ul.disc { list-style : disc outside; padding-left : 18px; margin : 0 0 10px; } .std dl dt { font-weight : bold; } .std dl dd { margin : 0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin : 0 0 1em; padding : 0; } /* .std ul { list-style-type : square; list-style-position : inside; padding-left :16px; } */ .std ol { list-style-type : none; } .std ul ul { list-style-type : none; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin : 0; } .std dt { font-weight : bold; } .std dd { padding : 0 0 0 1.5em; } .std blockquote { font-style : italic; padding : 0 0 0 1.5em; } .std address { font-style : normal; } .std b, .std strong { font-weight : bold; } .std em { font-style : italic; } /* Misc */ .link-cart { font-weight : normal; color : #8A8A8A; } .link-wishlist { font-weight : normal;} .link-compare { font-weight : bold; } .link-print { background : url(../images/i_print.gif) 0 2px no-repeat; padding : 2px 0 2px 25px; } .link-rss { background : url(../images/i_rss.gif) 0 1px no-repeat; padding-left : 18px; white-space : nowrap; } .btn-remove { display : block; line-height : 0; overflow : hidden; } .btn-remove2 {display : block;} .btn-edit {display : block; } .cards-list dt { margin : 5px 0 0; } .cards-list .offset { padding : 2px 0 2px 20px; } .separator { margin : 0 3px; } .divider { clear : both; display : block; font-size : 0; line-height : 0; height : 1px; margin : 10px 0; background : #DDDDDD; text-indent : -999em; overflow : hidden; } /* Noscript Notice */ .noscript { border : 1px solid #DDDDDD; border-width : 0 0 1px; background : #FFFF90; font-size : 12px; line-height : 1.25; text-align : center; color : #2F2F2F; } .noscript .noscript-inner { width : 1000px; margin : 0 auto; padding : 12px 0 12px; background : url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin : 0; } /* Demo Notice */ .demo-notice { margin : 0; padding : 6px 10px; background : #D75F07; font-size : 12px; line-height : 1.15; text-align : center; color : #FFFFFF; } /* Cookie Notice */ .notice-cookie { border-bottom : 1px solid #CFCFCF; background : #FFFF90; font-size : 12px; line-height : 1.25; text-align : center; color : #2F2F2F; } .notice-cookie .notice-inner { width : 870px; margin : 0 auto; padding : 12px 0 12px 80px; background : url(../images/i_notice.gif) 20px 25px no-repeat; text-align : left; } .notice-cookie .notice-inner p { margin : 0 0 10px; border : 1px dotted #CCCC73; padding : 10px; } /* ======================================================================================= */ /* Meigee Widgets ======================================================================== */ /* Widget: Latest Twets */ .tweet_list {padding-top : 0; padding-bottom : 0;} .tweet_list li {padding-bottom : 18px;} .tweet_list li.tweet_last {padding-bottom : 0;} .tweet_list li a.tweet_avatar { background : #FFFFFF; border : 1px solid #DEDEDE; float : left; margin : 0 5px 0 0 } /* Widget: Social Links */ ul.social-links li {float : left; margin : 0 !important} ul.social-links li a i { width : 40px; height : 40px; display : block; text-align : center; color : #ff0000; line-height : 40px; font-size : 14px; border-style : solid; } .social-links li img{ width:20px; height: auto; margin-right: 28px;} ul.social-links li a:hover i {color : #FFFFFF;} /* //Social Links */ .twitter-share-button {min-width : 120px;} /* Widget: Brand Slider */ ul.brands { overflow : hidden;} ul.brands li { list-style : none; float : left; margin-right : 20px; margin-bottom : 10px; position : relative;} ul.brands li a {display : block;} .brands.slider-container {padding : 0;} .brands.slider-container .widget-slider {height : auto;} .brands.slider-container .widget-slider ul.brands {overflow : visible !important;} .brands.slider-container .slider-off .next, .brands.slider-container .slider-off .prev {display : none;} .brands.slider-container .prev, .brands.slider-container .next { top : 50%;} /* Header ================================================================================ */ .header-wrapper {position : relative; z-index : 9998;} header#header {padding : 0; margin : 0; background-color : #FFFFFF; } header#header > .container_12 {padding-bottom : 1.5em;} header#header .home-button {float : left; padding-right : 5px;} header#header .links {display : inline-block; vertical-align : middle; margin-left : 0px;width: 100%;} header#header .links:before {content : ""; display : inline-block; border-left : solid 1px #DFDFDF; height : 22px; float : left; margin-top : 10px; margin-right : 3px; display: none;} header#header .links li {padding : 0; position : relative; display : block; float : left;width:100%;} header#header .links li a { font-size: .91em; color: #222222; padding: .75em 11px; display: block; float: left; width: 89%; text-align: left; } header#header .links li a:hover {background-color : #F5F5F5;} header#header .links li a.top-link-login i {display : none;} header#header .links li a.top-link-wishlist, header#header .links li a.top-link-cart, header#header .links li a.top-link-account, header#header .links li a.top-link-checkout {display : none;} header#header .simple-list .links li a.top-link-account, header#header .simple-list .links li a.top-link-wishlist, header#header .simple-list .links li a.top-link-cart, header#header .simple-list .links li a.top-link-checkout, header#header .simple-list .links li a.top-link-login, header#header .simple-list .links li a.top-link-logout { display : none; } header#header .simple-list.accountlink .links li a.top-link-account, header#header .simple-list.wishlistlink .links li a.top-link-wishlist, header#header .simple-list.cartlink .links li a.top-link-cart, header#header .simple-list.checkoutlink .links li a.top-link-checkout, header#header .simple-list.loginlink .links li a.top-link-login, header#header .simple-list.loginlink .links li a.top-link-logout {display : block;} header#header .simple-list.wishlistlink .links li a.top-link-wishlist {line-height : 1.63em;} header#header .simple-list.wishlistlink .links li a.top-link-wishlist:hover {margin-top : 0; margin-bottom : 0;} header#header .header-top-right .links li a.top-link-wishlist { width : auto; height : auto; line-height : 1.5em; } header#header .header-top-right .links li a.top-link-wishlist i {display : none;} header#header .header-top-right .links li a.top-link-wishlist:hover { padding : 0.75em 11px; } header#header .links header#header .simple .customer-name {display : none;} header#header .customer-name { font-size : .91em; color : #222222; padding : .75em 11px; display : inline-block; cursor : pointer; position : relative; vertical-align : middle; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } header#header .customer-name:hover {background-color : #F5F5F5;} header#header .customer-name .user i {font-size : 1.273em; vertical-align : middle; margin-right : 5px;} header#header .customer-name .arrow i {font-size : .909em; color : #AAAAAA; vertical-align : middle; margin-left : 3px;} header#header .customer-name + .links {background-color : #FFFFFF; box-shadow : 0px 1px 5px rgba(0, 0, 0, .1); padding : 0 5px; display : none; position : absolute; right : 0; z-index : 99999; margin-left : 0 !important;} header#header .customer-name + .links:before {content : none;} header#header .customer-name + .links li {float : none; border-top : solid 1px #EEEEEE; margin : 0;} header#header .customer-name + .links li:first-child {border-top : none;} header#header .customer-name + .links li a {font-size : 1em; color : #666666; float : none; text-align : left; margin : 0;} header#header .customer-name + .links li {display : none;} header#header .customer-name + .links li a.top-link-account, header#header .customer-name + .links li.first, header#header .customer-name + .links li.last {display : block;} header#header .quick-access.simple-list .links { display : inline-block; position : relative; background : none; box-shadow : none; } header#header .quick-access.simple-list .links li {float : left;} header#header .quick-access.simple-list.logged-in .links:before {border : none;} header#header .mobile-links {display : none;} header#header h2.logo, header#header h2.small_logo {display : inline-block; vertical-align : middle; float : left; padding-top : 1.5em;} header#header .header-top-right {display : inline-flex; vertical-align : middle; float : right; text-align : right; position: relative;} .header#header .top-cart header#header .logo strong, header#header .small_logo strong { position : absolute; top : 0; left : -120px; width : 0; height : 0; font-size : 0; line-height : 0; text-indent : -999em; overflow : hidden; } header#header .quick-access {padding : 1.5em 0 0; padding-bottom : 1.5em; position : relative; order : 1;} header#header .welcome-msg {display : inline-block; vertical-align : middle; font-size : .91em; color : #888888; line-height : 1.5em;} header#header #search_mini_form { display : inline-block; width : 848px; padding : 30px 0px; vertical-align : middle; margin-right: 41%; } header#header #search_mini_form .search-open {display : none;} header#header.floating #search_mini_form .search-open { display : inline-block; width : 42px; height : 42px; text-align : center; cursor : pointer; -moz-transition : background-color 300ms ease; -webkit-transition : background-color 300ms ease; -o-transition : background-color 300ms ease; transition : background-color 300ms ease; } header#header.floating #search_mini_form .search-open i.fa { font-size : 1.09em; line-height : 45px; color : #222222; -moz-transition : color 100ms ease; -webkit-transition : color 100ms ease; -o-transition : color 100ms ease; transition : color 100ms ease; } header#header.floating #search_mini_form .search-open:hover, header#header.floating #search_mini_form.show .search-open { background-color : #222222; } header#header.floating #search_mini_form .search-open:hover i.fa, header#header.floating #search_mini_form.show .search-open i.fa { color : #FFFFFF; } header#header.floating #search_mini_form .form-search { position : absolute; width : 212px; top : 42px; background : #FFFFFF; padding : 1em; border : 1px solid #DDDDDD; right : 0; opacity : 0; filter : alpha(opacity=0); -moz-transition : opacity 300ms ease; -webkit-transition : opacity 300ms ease; -o-transition : opacity 300ms ease; transition : opacity 300ms ease; } header#header.floating #search_mini_form.show .form-search { opacity : 1; filter : alpha(opacity=100); } header#header .form-search .indent { position : relative; background: #FFFFFF; border: 1px solid #4FC0FF; box-sizing: border-box; border-radius: 2px; height: 48px; transition : border-color .8s ease; -moz-transition : border-color .8s ease; -webkit-transition : border-color .8s ease; -o-transition : border-color .8s ease; } header#header .form-search .indent.focus {border-color : #5EB9F3;} header#header .form-search label {display : none;} header#header .form-search input { width : 92%; border : none; border-bottom : solid 1px #EFEFEF; background : none; float : left; font-size : .83em; color : #AAAAAA; height : 46px; padding : 2px; transition : border-color .8s ease; -moz-transition : border-color .8s ease; -webkit-transition : border-color .8s ease; -o-transition : border-color .8s ease; } header#header .form-search button {float : right; overflow : hidden;padding: 8px;} header#header .form-search button span {height : auto; border : none; background : none; padding-left : 1px;} header#header .form-search button span span {display : none;} header#header .form-search button span i {font-size : 23px; color : #000; vertical-align : middle;} header#header .form-search .search-autocomplete { z-index : 9999; } header#header .form-search .search-autocomplete ul { border : 1px solid #DDDDDD; background-color : #FFFFFF; } header#header .form-search .search-autocomplete li { padding : 3px; border-bottom : 1px solid #DDDDDD; cursor : pointer; color : #AAAAAA; font-size : 0.83em; } header#header .form-search .search-autocomplete li .amount { float : right; font-weight : bold; padding-left : 12px; } header#header .form-language {margin-left : 11px;} header#header .form-language, header#header .form-currency {display : inline-block; vertical-align : middle;} header#header .form-language label, header#header .form-currency label {display : inline-block; vertical-align : middle; font-size : .91em; color : #AAAAAA; margin-right : 5px;} header#header .form-language .sbHolder, header#header .form-currency .sbHolder {display : inline-block; vertical-align : middle;} header#header .select .sbHolder a {line-height : 1.683em;} header#header .select .sbHolder .sbSelector > span:not(.text) {margin : 8px 0px 6px 5px;} header#header .form-language:before, header#header .form-currency + .form-language.select:before {content : ""; display : inline-block; vertical-align : middle; height : 17px; border-left : solid 1px #DDDDDD; margin-right : 10px;} header#header .form-language a {line-height : 1; display : inline-block; vertical-align : middle; padding : 5px; border-radius : 0; -moz-border-radius : 0; background-repeat : no-repeat; background-position : 5px 5px;} header#header .form-language:not(.select) a {width : 16px; height : 11px;} header#header .form-language a:hover {background-color : #EEEEEE;} header#header .form-language:not(.select) a.english { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAB6ElEQVQoz2OYNHPfjqtvqqcfS2kGosOJjQdu3n27NrlxTUIdkOGZvc0jbYdtzIaoxp1zAvOr5x5lWLLi1P+Nq/79+3/74ZdFG27PX38HyP4/ped/XyuQMWnh5d65F06eePyvq+bf358TNl1gSGo5uOfku/9Ll/8/uPf///9t064Cyf+pmf8TEoF0Sd+lL4vWfO/uBrLnrbokaTIDpGHhhrt1E68+3Hf/T1P9fwiIifkfHgFi5Gb+f/Hiwp23jp7Li5qOCOpOZAA6FOQGNBAa+t/PD00MqOzMtZcMaxJr/0/u+J+S8j8+/n9k5P+QEJBSH59/rq6/7O1/Wlp+NzH5qqf3VVv7Z7Bbq7wVDhtsbf+YWUDMBeK/f//++fvn958/J6++YLCP29Qz53xU2o4rV9//f/vmZ3I8SJWRyW99Q7CGv0+dHPfP3CohPSskYT2DcDaDedi6xetBIfO5se5DV1dMyTEg+4+27i9NbaCrreyX/Pz//8usuS8SYpqmnmMQTGeYvPnyv39/v7dXHD1wu7DhYF7DYaAL/4Z4/A5y/vf3b3jattC41dsP3/r758frBN/soiUMVfMOTHFJds5cJKgzh0djMofqhPPXXrRKW7SIm5y+8pJBvJhBtIBBOFfEsK53z3VX0zwAPExoqi63l4YAAAAASUVORK5CYII=); } header#header .form-language:not(.select) a.french { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABPElEQVQoz22RPYpUURSE67x+BiM4iYK0Zi5AcANGxoIbMTExFjE0EWPd02xBzIycbu49t34MegQDv6iCgiqq6t3XG/zF9NvX15LmnJJIVtWzVy98C04QMLADePPyCYA4do7HB0kAJLGd5N7Hz+Fyd9b69f7DDgDB7/OSYvt0OiW5uKtK0vXPH+6Znnj4iMAGI44U2VS2bUtSVRdh2z08p9dMt4GdtGzJUmgl2bYtvtQJAM+Znu5V3Q3s3bQjedliDoeDbQP7BruqynNmtbuLNLA3TWXJlEnnHyQlSU91p9d2SRhN2aSXzCX7ro10p9Wdnl4LXAb2MUh60aQW/R/mDJfXKorAfu4mff/qIILcLvtcfqyqqjo8PposMVoG9vOZn77fjNHnwdvRT6+O3b3GaKm7xxjPv3wz7m4G8AfurXtmyu/ozAAAAABJRU5ErkJggg==); } header#header .form-language:not(.select) a.german { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABNUlEQVQoz3WQMaoUARBEa2ZnwUgUEwN/aqjgNzJUzD5o6D1+4C28iLCXMNHUowgy3V3dVQazaOQLiqbgVdDL3d07zA4Jp61axbYICP9hI/f7+88AJEma6Zkj+wrZ090kebl83dZ1BfD9x88mj7qqKisr/xIRGfHh41sA2w3wSLohu7urmmQmM6uKEZWRmdwjK582AWyfmLczt6SrfGSmMxWpDGcqwnuq4szegM0sz6DKRWe4SlchnKlM7fvhm2VgM4Dpf8NVjlDEVdt3V06kqzwcYOMb4Ll9kkeixDkOt0W5MbQbov16iW/Y/AJ+Jj8eaaSxRtOWpD7erLElCX6y6D02FNzE+dWKWjRWLWqY1li02h677Ub1+hvL5cvLBwMVfELuEOCHWAMa1AlT0OC8QgGc8KvwBzggh2G9tgbIAAAAAElFTkSuQmCC); } header#header .form-language:not(.select) a.italian { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABFElEQVQoz22PPYpUYRREz/d4gjhM5M8wgyaCGxGMXICJoamZgjCrcCsmsxiTCexAMNIWH9+tW2XQjYE9hxvWKeoOPsMGgEHs3u0WFsAHtD16+cLGE098n5U916+uj4n44vHFGAskCRArn94mFStd+/dfVlYg337v2t3de+3P753nH39+5fvXZKZqPHxmWDF22i23unKKZnomRZdhBZpWJEvWSdypGc+46AJWhNzVpb5TSDSTGRWSD0Jbsqan+kSw08dJ4zhJVGr2VKt6Ov7fqRmKVlo6TmpV1+Hu+EEzFG7cwMpGWZdnl9Ul9TIWYIzBgWXlyXNounEbBh/hJwg22Lj5cHP14Mq2JNv6cfv09RuDjwX8BUrDcqn5OZF/AAAAAElFTkSuQmCC); } header#header .form-language:not(.select) a.scottish { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAB8UlEQVQoz2N4BAbes28y6K9m8NzMELuXIXQnQ+B2Bu/NDO4bGVw3MijPZ2CYKFt7+O7du5euXGGo3fn4Pxh8/f2nfMP9krnXC9bdzV13N3PN3dQVNxP7L8TMv/bu6/cfP358//7dtvcoA4P+ykmHn/2DgbknXwQ2nfKZdNG9/7xT+ZG+/Y8gSr99+5a+4joDQzkDQ/z+yqW3YyZduvr8y18wePX5h3vzaaf6U88+fIWoPnr7tVrOPpeG4wy8kxkYoveWbXkQMedaSPOZ5j2P/vz58/v371+/fv38+ROiOmPVDdWEnQrlB+0nn2Vg7WRgCN9ZtOF+8MIb/vOueWcfcOs6h6xaq+Kwqs8G+YZjUrVHrPtOMzC0MjAEb8/fcM9/2hXP2hNFG+8iqwa6++vXr6HzLkmGbxEp2G/Wd5KBoZGBwX9r1rxrns2njtz9AFH95vM3/bLDWkUHX3z4/OXLl8+fP68/+0QgYpNx6X4GhmYGBtG5lZvv/wIDoOqJBx7qZe3TrDiiXHpILnZ7w7abnz59+ggG7pOBTkpkCJ1/GeLLLz9+hsy7GtB4wnvaRbfpF5ymnLPtO2NZsN+06+Sbj58ggCFxLQMwmh88eKDafJiBoZ2BtZ9BfjaD8GQG3n4G9m4Gxk4QYihlYEhlCF16BQwA49NQAwdaM+4AAAAASUVORK5CYII=); } header#header .form-language:not(.select) a.spanish { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABH0lEQVQoz32RrU5cURSFv3PntghCJQkCBUgQ9RieAVmN6CtMJsFjeBZsVVUtg2dUK5owyYTOlLln/yzEvRM6CenOypcl9l5i7SLeJrf9uyoCxmNAmWQSIQ/C5Y67zPQPl3d3LQDSz19EECGznoOqyapqlVk5PExoCVQEAfF3kS8L7e3X0Y5LJlWpDiaNYvlMkwABvlx53MJNu3q6WHd1s70RVRjQABCSje6/+G8vXycfHo+6edmKH248kwaQXPL27OTPSXI9GZ1+bvVR6qS6YZUqskyaTPqYH48Pu+d1fdl9n35bf1ptsgeCS+5O6WB0dZWzGUMtQycDe+OGRzk+nk+nbUJjzsGBzPDADbNihjs93fvGiUgoq+1H/ufH/bwCdrRKrziyqwAAAAAASUVORK5CYII=); } header#header .form-language:not(.select) a.welsh { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAB9ElEQVQoz2XHS0hUURzH8d99zMPrWNg03NHJksjKinCCVkVF0QuipFpYUdADAiHGXdBWKApXLeyxSykIolAIe0kTVEQwGk1IjaTilJPzrLxz79xzz/mfVkHQd/X5KrlcDv9EBPJcaBoAIpJSEpErPB0qERGRDsCMmlKiOplxkk+tyezirqPh+GYp5dz1a8G2dl/jEsSWGU0xSTQ1Pa0DUKDMjz7hhXw5lWoo21qxKKX8cuwgSrUKG+EeW5dMzlw4HT7fw31BFYAQnAOxrpPmuW5LiIYduyojQ26xBjNkeG7rvbs/37wupD/qSyNEpAJQVU0M3JFS0otnZcasz5/s8TGNmC/7g3ZuVZqav/d0xw8k/BGTiLQtp9bX1y8KP09X9m4q9N8w/H7v8bDzdSrQaEibyXJRjr0P6cb9lnRzx/ZU5qVS14u+PZfy1dnOvlJU8ddCpOddlVMpUFsw+JoJK+gtnElo86Zsr1t58+qoyjhIelx447v19AoWyYoPbbXbnfaqOflwm32817tyGBdvaX7m/RIVEFTBwIl7gj3Y+Pub4Vw+URreJ2eXi3emdeQR16vu27iYaLYdlQcoCA4dHELwsBEd7A9nWtyZ1TJC3qEBVlzrDO3XOrL22UHl1QanNQgJggUFCYAABjCA/wf6uwRwAPgDIWgXwXNTG/kAAAAASUVORK5CYII=); } header#header .form-language:not(.select) a.arabic { background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAACXBIWXMAAAsTAAALEwEAmpwYAAA7pmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTgtMDMtMTZUMTE6MDY6MTgrMDI6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE4LTAzLTE2VDExOjA4OjQ0KzAyOjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxOC0wMy0xNlQxMTowODo0NCswMjowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NGNkYmJjZDYtZTAxYS02ODQxLWI1MzEtMTI5ZWE1NmY5NzIwPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NDJmNDExMmEtMjhmOS0xMWU4LTllYzctODAyZTU4ZjdiMzI3PC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6MzRjZTBhNTMtNWI1Ni05ZjQxLThiNzktYzI3MTdmMDhjZTQ0PC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjM0Y2UwYTUzLTViNTYtOWY0MS04Yjc5LWMyNzE3ZjA4Y2U0NDwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxOC0wMy0xNlQxMTowNjoxOCswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo5MjU2ZDRiYS0yNmUwLTg1NGMtODY4MS1mMWM4YzUyM2I3M2Y8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTgtMDMtMTZUMTE6MDY6MTgrMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NGNkYmJjZDYtZTAxYS02ODQxLWI1MzEtMTI5ZWE1NmY5NzIwPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE4LTAzLTE2VDExOjA4OjQ0KzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6Um); } header#header .form-currency a:hover {background-color : #EEEEEE; color : #EC5D5D;} header#header .form-currency .sbOptions {width : 130px;} header#header .form-currency a {font-size : .91em; color : #AAAAAA; display : inline-block; padding : 3px 7px; border-radius : 2px; -moz-border-radius : 2px;} header#header a.sbSelector {font-size : .91em; color : #AAAAAA; padding : 4px 7px 5px; border-radius : 0; -moz-border-radius : 0; line-height : 1.5em;} header#header a.sbSelector .text {display : inline-block; vertical-align : middle; float : none;} header#header .sbHolder .sbToggle {display : none;} header#header .sbHolder .sbOptions {width : 150px; text-align : left; left : auto; right : 0 !important; top : 100% !important; z-index : 99999; padding : 1em 0;} header#header .sbHolder .sbOptions a { padding : .75em 20px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } header#header .sbHolder .sbOptions a:hover {color : #888888; background-color : #DDDDDD;} header#header .sbHolder a {font-size : .91em; line-height : 1.583em; display : block; border-color : #DDDDDD;} header#header .sbHolder a:hover {color : #AAAAAA;} header#header .form-language.select:before {content : none;} /* Header Cart ================================================================================ */ header#header .wishlist-items {display : none;} header#header .top-link-wishlist {font-size : 0; display : inline-block; vertical-align : middle; line-height : 1; float : right; width : 60px; height : 54px; text-align : center; position : relative;} header#header .top-link-wishlist:hover { margin : -4px 0; padding : 4px 0; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; background-color : #222222; z-index : 9999; } header#header .top-link-wishlist:hover i, header#header .top-link-wishlist:hover .wishlist-items {color : #FFFFFF;} header#header .top-link-wishlist i {font-size : 14px; color : #AAAAAA; line-height : 60px;} header#header .top-link-wishlist .wishlist-items {font-size : 9px; color : #AAAAAA; display : inline-block; margin-left : 3px; margin-top : 1.5em;} header#header .top-cart { right: -80px; position : absolute; display : inline-block; vertical-align : middle;top: -5px;} header#header .top-cart .block-title:before { content : ""; border-left : solid 1px #EEEEEE; height : 26px; display : inline-block; vertical-align : middle; margin-right : -4px; position : absolute; top : 50%; margin-top : -13px; display: none !important; } header#header .top-cart .block-title { display : inline-block; vertical-align : middle; transition : margin 300ms ease, padding 300ms ease, background-color 300ms ease; -moz-transition : margin 300ms ease, padding 300ms ease, background-color 300ms ease; -webkit-transition : margin 300ms ease, padding 300ms ease, background-color 300ms ease; -o-transition : margin 300ms ease, padding 300ms ease, background-color 300ms ease; } header#header .top-cart .block-title:hover, header#header .top-cart .block-title.active { background-color : #222222; /* margin : -4px 0; padding : 4px 0; */ position : relative; z-index : 9999; transition : margin 300ms ease, padding 300ms ease, background-color 800ms ease; -moz-transition : margin 300ms ease, padding 300ms ease, background-color 800ms ease; -webkit-transition : margin 300ms ease, padding 300ms ease, background-color 800ms ease; -o-transition : margin 300ms ease, padding 300ms ease, background-color 800ms ease; } header#header .top-cart .block-title:hover:before, header#header .top-cart .block-title.active:before {content : none;} header#header .top-cart .block-title:hover .title-cart, header#header .top-cart .block-title.active .title-cart {color : #FFFFFF;} header#header .top-cart .block-title .title-cart { display : block; font-weight : 400; color : #222222; text-transform : uppercase; display : inline-block; vertical-align : middle; font-size : 14px; line-height : 54px; height : 54px; padding : 0 15px; } header#header .top-cart .block-title i {display : inline-block; vertical-align : middle; padding-right : 5px; font-size: 22px; background-image: url(../images/cart-icon.png); width:22px;height: 28px; background-position: center; background-repeat: no-repeat; } header#header .top-cart .block-title i::before{display: none;} #cartHeader .title-cart .price{display: none !important;} #cartHeader .title-cart .cart-divider{display: none !important;} #cartHeader .title-cart span{display: block !important;} #cartHeader .title-cart span:nth-child(1){display: none !important;} header#header .top-cart .cart-divider { background : #222222; display : inline-block; height : 0.84em; margin : 0 4px; position : relative; top : 22px; width : 1px; } header#header .top-cart .block-title.active .cart-divider, header#header .top-cart .block-title:hover .cart-divider {background : #FFFFFF;} header#header .top-cart .block-content { z-index : 99999; position : absolute; right : -10px; top : 86%; width : 349px; padding : 0; } header#header .top-cart .block-content .indent {padding : 0;} #topCartContent header#header .top-cart .block-content .indent{ padding:0 !important} header#header .top-cart .block-content .indent .inner-wrapper { background : #FFFFFF; box-shadow : -1px 1px 5px rgba(0, 0, 0, .1); } header#header .top-cart .cart-empty {padding : 1.5em 20px 20px; text-align : center; font-size : 1.16em;} header#header .top-cart .cart-empty i {display : block; color : #CCCCCC; font-size : 56px; margin-bottom : 0.1em;} header#header .top-cart .cart-empty .small-label { display : block; font-size : 0.78em; } header#header .top-cart .img-container { float : left; width : 86px;} header#header .top-cart .cart-price-qt {display : inline-block; margin-left : 8px; height : 19px; border-radius : 50%; -moz-border-radius : 50%; vertical-align : middle; background-color : #EEEEEE; padding : 0 6px;} header#header .top-cart .cart-price-qt strong {font-size : 0.714em; color : #888888; line-height : 19px;} header#header .top-cart .block-content .mini-products-list {margin-bottom : 1.5em;} header#header .top-cart .block-content .mini-products-list .product-details {float : right; width : 64%; position : relative;} header#header .top-cart .block-content .mini-products-list .product-details .price {font-weight : 300; font-size : 1.5em; line-height : 1;} header#header .top-cart .block-content .block-subtitle { padding : 0 0 0 0;} header#header .top-cart .block-content .block-subtitle .close-btn { float : right; cursor : pointer; padding : 0 0 0 0;} header#header .top-cart .block-content .subtotal {text-align : center; float : none; margin-bottom : 2em;} header#header .top-cart .block-content .subtotal span {font-size : 2em; font-weight : 300; color : #222222; display : inline-block; line-height : 1.5em;} header#header .top-cart .block-content .actions {padding : 0 20px 20px;} header#header .top-cart .block-content .actions a {text-decoration : none;} header#header .top-cart .block-content .actions.a-center a {margin : 0;} header#header .top-cart .block-content button.button {float : right !important;} header#header .top-cart .btn-remove, .header .top-cart .btn-edit { float : right; margin-left : 5px;} header#header .top-cart .mini-products-list li {padding : 1.5em 20px; margin : 0; clear : both; position : relative; border-bottom : solid 1px #DDDDDD;} header#header .top-cart .mini-products-list li .item-box {border : 1px solid #000000; padding : 9px 9px 11px 8px;} header#header .top-cart .mini-products-list li .truncated {display : none;} header#header .top-cart .product-name {margin-bottom : 5px; padding-right : 28px; text-align : left;} header#header .top-cart .product-name a {font-weight : 400; font-size : 1.16em; color : #222222; line-height : 1.583em;} header#header .top-cart .product-box {font-size : 1.16em; line-height : 1.57em; text-align : left;} header#header .top-cart .btn-edit, header#header .top-cart .btn-remove {position : absolute; top : 0; right : 0; z-index : 1; margin : 0; width : 24px;} header#header .top-cart .btn-edit i, header#header .top-cart .btn-remove i {font-size : 1.16em; padding : 5px; color : #DDDDDD;} header#header .top-cart .btn-edit i:hover, header#header .top-cart .btn-remove i:hover {color : #222222;} header#header .top-cart .btn-edit {top : 25px;} .add-to-cart-success .btn-remove { background-color : transparent; margin : 3px 0 0; } header#header .top-cart .btn-edit:hover, header#header .top-cart .btn-remove:hover {color : #888888;} header#header .small_logo {display : none;} header#header .top-cart .block-content .actions a { display : inline-block; /*font-weight : normal;*/ background-color : #FFFFFF; /*padding : 0 13px; height : 29px; line-height : 29px; text-align : center; color : #AAAAAA; font-weight : bold; font-size : .75em; text-transform : uppercase;*/ margin-right : 8px; /*border : solid 4px #EEEEEE; width : 37%;*/ } header#header .top-cart .block-content .actions a:hover {color : #FFFFFF;} header#header .top-cart .block-content .actions .button {width : 47%; float : none; display : inline-block;} header#header .top-cart .block-content .actions .button > span {float : none; display : block;} header#header .top-cart .block-content .actions .button span span {color : #FFFFFF; width : auto; float : none; display : block;} header#header .top-cart .block-content .actions .button:hover span {border-color : #EEEEEE;} header#header .top-cart .block-content .actions .button:hover span span {color : #AAAAAA; background-color : #FFFFFF;} header#header .sticky-close {display : none;} header#header.floating .sticky-close { display : block; position : absolute; top : 10px; right : 0; border : 1px solid #DDDDDD; padding : 4px 5px 2px; line-height : normal; } header#header.floating {display : none !important; position : fixed; top : 0; background : #FFFFFF; left : 0; right : 0; padding : 0; z-index : 9991;} header#header.floating .topline {padding : 7px 0 7px 0;} header#header.floating .nav-container { float : right; margin-right : 10px; width : 100%; display : none;} .sticky-logo header#header.floating .nav-container {width : 75%;} header#header.floating .nav-container .category-label {display : none;} header#header.floating .quick-access { display : none !important;} header#header.floating .welcome-msg {display : none;} header#header.floating .links {display : none;} header#header.floating .grid_12 h2.logo {position : absolute; opacity : 0;} header#header.floating .grid_12 .small_logo {display : none; font-size : 0; z-index : 99; float : left; margin-left : 10px; width : auto;} header#header .small_logo { opacity : 0; filter : alpha(opacity=0); font-size : 0; position : absolute; top : -500%; } header#header.floating .small_logo { opacity : 1; filter : alpha(opacity=100); position : static; top : 0; } header#header.floating .grid_12 #search_mini_form {display : none;} header#header.floating .grid_12 .top-cart {position : absolute; right : 0; top : 1.7em; display : none;} header#header.floating #nav > li > a {padding : 0; margin : 0;} header#header.floating > .container_12 { opacity : 0; filter : alpha(opacity=0); position : absolute; z-index : -1; padding : 0; } header#header.floating .logo, header#header.floating .header-top-right .form-currency, header#header.floating .header-top-right .form-language {display : none;} .sticky-search header#header.floating > .container_12 { position : relative; opacity : 1; filter : alpha(opacity=100); z-index : 9999; } .sticky-search header#header.floating .grid_12 #search_mini_form { display : block; position : absolute; right : 0; top : 0; margin : 0; width : 42px; } .sticky-search.sticky-cart header#header.floating .grid_12 #search_mini_form {right : 43px;} .sticky-search header#header.floating .grid_12 .sticky-close-box #search_mini_form {right : 30px;} .sticky-search.sticky-cart header#header.floating .grid_12 .sticky-close-box #search_mini_form {right : 68px;} .sticky-search header#header.floating .sticky-close-box #search_mini_form {right : 61px;} .sticky-nav header#header.floating .nav-container {display : block;} .sticky-logo header#header.floating .grid_12 .small_logo {display : inline-block;} .sticky-cart header#header.floating .grid_12 .top-cart {display : block;} .sticky-cart header#header.floating .sticky-close-box .grid_12 .top-cart {right : 25px;} .sticky-cart header#header.floating .grid_12 .top-cart {right : 0;} .sticky-cart header#header.floating .grid_12 .top-cart {top : 0;} .sticky-cart header#header.floating .grid_12 .top-cart .title-cart { height : auto; line-height : 42px; } .sticky-cart header#header.floating .grid_12 .top-cart .title-cart span {display : none;} .sticky-cart header#header.floating .top-cart .block-title:before { height : auto; margin-right : 0; margin-top : 0; top : 0; } .sticky-cart header#header.floating .top-cart .block-title:hover, .sticky-cart header#header.floating .top-cart .block-title.active { margin : 0; padding : 0; } .sticky-cart header#header.floating .top-cart .block-title i {padding-right : 0;} .sticky-cart header#header.floating .top-cart .block-content {top : 72%; right : -12px;} header#header.floating .top-cart, header#header.floating .top-link-wishlist {display : none;} header#header.floating .topline {padding : 0; box-shadow : 0 1px 9px rgba(0, 0, 0, .1);} header#header.floating .topline .container_12 {padding-bottom : 0 !important;} header#header.floating .topline .grid_12 {border : none; min-height : 42px;} header#header.floating .nav-container li.level-top > a span {padding : 1em 20px;} header#header.floating .nav-container li.level-top.active > a, header#header.floating .nav-container li.level-top > a:hover {padding : 0; margin : 0;} body.transparent-header .header-wrapper { margin-top : 0px;} body.transparent-header .header-wrapper header#header .container_12 { background : #FFFFFF; padding-bottom : 0px;} body.transparent-header .header-wrapper header#header .topline .container_12 {padding-top : 0px !important;} body.transparent-header .header-wrapper header#header.floating .topline .container_12 { padding-bottom : 0;} body.transparent-header .container_12.header-position { background : none !important;} body.transparent-header .content-wrapper > .container_12 { padding-top : 0px !important;} /* styles for select */ .sbHolder { font-size : 12px; font-weight : normal; position : relative; width : auto; } .sbSelector { display : block; height : auto; width : auto; left : 0; outline : none; overflow : hidden; text-indent : 0; top : 0; margin-top : 0; color : #8A8A8A; border : solid 1px #EEEEEE; padding : 4px 12px 5px; background : #FFFFFF; } .sbSelector:hover {-moz-transition : all 300ms ease;-webkit-transition : all 300ms ease;-o-transition : all 300ms ease;transition : all 300ms ease;border-color : #EEEEEE;background-color : #EEEEEE;color : #AAAAAA;} .sbSelector:hover > span {border-top-color : #AAAAAA;} .sbSelector span.text { float : left; width : auto; height : auto; background : none; padding : 0 8px 0 0; margin : 0; border : none; } .sbSelector.price {font-size : 1em !important;} .sbSelector > span { display : block; float : right; width : 0; height : 0; margin : 7px 0px 7px 5px; border-left : 4px solid transparent; border-right : 4px solid transparent; border-top : 5px solid #AAAAAA; } .sbSelector > span span { display : block; height : 12px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover { outline : none; text-decoration : none; } .sbToggle { display : none; height : 20px; outline : none; position : absolute; right : 0; top : 0; width : 30px; } .sbHolderDisabled { background-color : #3C3C3C; border : solid 1px #515151; } .sbOptions { list-style : none; left : 0; margin : 0; padding : 0; top : 30px !important; position : absolute; max-height : 150px !important; border : none; z-index : 999; overflow-y : auto; background : #EEEEEE; width : 100%; } .sbOptions li a, .toolbar .sbOptions li a {line-height : 2.8em; padding : 0 15px;} .sbOptions li:hover {background-color : #DDDDDD} .sbOptions li:first-child a {border-top : none;} .sbOptions a { display : block; outline : none; padding : 3px 20px 3px 0; -moz-transition : none; -webkit-transition : none; -o-transition : 0; transition : none; color : #888888; font-size : 11px; } .sbOptions a:link, .sbOptions a:visited { color : #888888; text-decoration : none; } .sbOptions a:hover {color : #888888;} .sbOptions li.last a { border-bottom : none; } .sbOptions .sbDisabled { border-bottom : solid 1px #515151; color : #999999; display : block; padding : 7px 0 7px 3px; } .sbOptions .sbGroup { border-bottom : solid 1px #515151; color : #EBB52D; display : block; font-weight : bold; padding : 7px 0 7px 3px; } .sbOptions .sbSub { padding-left : 17px; } .sbHolder .sbToggleOpen + .sbSelector { border-color : #EEEEEE; background-color : #EEEEEE; color : #AAAAAA; } .sbHolder .sbToggleOpen + .sbSelector > span.text { background : none; } .sbHolder .sbToggleOpen + .sbSelector > span { border-top-color : #AAAAAA; } /* Header Slider */ .header-slider-wrapper, .header-slider-wrapper > .container_12 {padding-bottom : 1.5em;} .header-slider-wrapper.boxed-slider {padding-bottom : 0;} .header-slider-holder { padding : 0; margin : 0; position : relative; height : 404px; } .header-slider-holder .container_12 { padding-bottom : 3.75em; } .header-slider-holder.loading { height : 150px; overflow : hidden; } .header-slider-holder .loader { position : absolute; width : 100%; height : 1200px; left : 0; top : 0; background-color : #F5F5F5; z-index : 998; text-align : center; font-size : 60px; line-height : 134px; font-weight : normal; color : #333333; } .header-slider-container { /* defaults for resposive height container */ position : relative; height : 0; /* 39% being the ratio we are maintaining * calculated by looking at the image * ratio: 400/1024 = ~0.39 */ padding : 0 0 20% 0; overflow : visible; } .header-slider-container .container { position : absolute; width : 100%; height : 404px; overflow : hidden; } .header-slider-container .iosSlider { width : 100%; /* this height ends up being your maximum height, * if you want it to scale forever, set it to * a very high number */ height : 404px !important; } .header-slider-container .iosSlider .slider { width : 100%; height : 100%; z-index : 2; } .header-slider-container .iosSlider .slider .item { position : relative; float : left; width : 100%; height : 100%; text-align : center; } .header-slider-container .iosSlider .slider .item a { display : block; position : relative; z-index : 7;} .header-slider-container .iosSlider .slider .item img { width : 100%; height : auto; display : block; position : relative; z-index : 7; } .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.slide-skin-3 {left : 26%; top : 54%;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container {left : 9%; top : 47%;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.slide-skin-2 {top : 53%; right : 29%; left : auto;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.slide-skin-3 {right : auto; top : 54%;} .header-slider-container .iosSlider .slider .item .slide-container {position : absolute; z-index : 9; top : 41%; left : 17%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin h2 {left : 0; top : -100%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin h5, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin h3 {left : auto; right : -100%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin p {left : 0; bottom : -100%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top : 49%; right : 20%; left : auto;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 {margin-right : 0; color : #FFFFFF; text-align : center; float : right; margin-top : -2.5%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 { font-weight : 400; color : #FFFFFF; letter-spacing : -5px; float : left; font-size : 5em; margin-top : -2.5%; margin-left : 24%; left : auto; right : -100%; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 span {font-weight : 800; margin-left : 4px;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p { font-size : 1.5em; color : #FFFFFF; text-align : right; letter-spacing : -1.5px; font-weight : 400; float : right; left : 0; top : -100%; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h4 {margin-right : -6%; float : right; left : 0; bottom : -100%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {right : auto; top : 45%; left : 38%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h2 {margin-right : 1%; color : #FFFFFF; left : 0; top : -100%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 {font-size : 5em; color : #FFFFFF; margin-left : 12%; margin-top : -4%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 span {font-weight : 800;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h4 {margin-right : -4%; float : right; margin-left : 0; margin-top : -1%; left : 0; bottom : -100%;} .header-slider-container .iosSlider .slider .item h2 { position : relative; z-index : 9; opacity : 0; filter : alpha(opacity=0); font-size : 8.333em; line-height : 1; font-weight : 300; text-align : left; left : -100%; float : left; clear : both; margin : 0; color : #222222; text-transform : uppercase; letter-spacing : -10px; } .header-slider-container .iosSlider .slider .item h2 span {color : #FFFFFF;} .header-slider-container .iosSlider .slider .item h3 { position : relative; z-index : 9; opacity : 0; filter : alpha(opacity=0); color : #FFFFFF; line-height : 1; font-weight : 300; text-align : left; left : -100%; float : left; clear : both; margin : 0; font-size : 4.667em; text-transform : uppercase; margin-top : -7px; margin-left : 1%; letter-spacing : -5px; } .header-slider-container .iosSlider .slider .item h4 { position : relative; z-index : 9; opacity : 0; filter : alpha(opacity=0); color : #FFFFFF; line-height : 1; font-weight : 500; text-align : left; left : -100%; float : left; clear : both; margin : 0; font-size : 2.5em; text-transform : uppercase; margin-top : -.25em; margin-left : 1%; letter-spacing : -2.5px; } .header-slider-container .iosSlider .slider .item h5 { position : relative; z-index : 9; opacity : 0; filter : alpha(opacity=0); color : #FFFFFF; line-height : 1; font-weight : 500; text-align : left; left : -100%; float : left; clear : both; margin : 0; font-size : 1.5em; text-transform : uppercase; margin-left : 2%; letter-spacing : -1.5px; } .header-slider-container .iosSlider .slider .item p { position : relative; z-index : 9; opacity : 0; filter : alpha(opacity=0); color : #FFFFFF; /* COMMENTED OUT BY NICK 10-9-19 font-size : 1em; */ /* COMMENTED OUT BY NICK 10-9-19 line-height : 1; */ /* COMMENTED OUT BY NICK 10-9-19 font-weight : 900; */ text-align : left; left : -100%; float : left; clear : both; margin : 0 auto; color : #FFFFFF; /* COMMENTED OUT BY NICK 10-9-19 text-transform : uppercase; */ letter-spacing : 4px; margin-left : 2%; } .header-slider-container .iosSlider .container_12 {position : relative;} .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next { position : absolute; z-index : 3; top : 50%; margin-top : -20px; opacity : 0; filter : alpha(opacity=0); transition : opacity .8s ease; -moz-transition : opacity .8s ease; -webkit-transition : opacity .8s ease; -o-transition : opacity .8s ease; } .header-slider-container .iosSlider .prev i, .header-slider-container .iosSlider .next i {color : #FFFFFF; font-size : 1.16em; height : 40px; width : 40px; text-align : center; line-height : 44px; background-color : #222222;} .header-slider-container .iosSlider .prev {left : 10px;} .header-slider-container .iosSlider .next {right : 10px;} .header-slider-container .iosSlider:hover .prev, .header-slider-container .iosSlider:hover .next {opacity : 1; filter : alpha(opacity=100);} .header-slider-container .iosSlider .slideSelectors {position : absolute; bottom : 45px; left : 130px; z-index : 999999 !important; filter : alpha(opacity=0); opacity : 0;} .header-slider-container .iosSlider:hover .slideSelectors {filter : alpha(opacity=100); opacity : 1;} .header-slider-container .iosSlider .slideSelectors .button-item { float : left; width : 14px; height : 14px; overflow : hidden; text-indent : 100%; white-space : nowrap; margin-right : 3px; background-color : #FFFFFF; -moz-border-radius : 7px; border-radius : 7px; } .header-slider-container .iosSlider .slideSelectors .button-item:hover, .header-slider-container .iosSlider .slideSelectors .button-item.selected {cursor : pointer;} .header-slider-container .iosSlider .container_12 {position : absolute;top : 0;bottom : 0;left : 0;right : 0;} .header-block-wrapper {padding : 45px 0 28px;} .header-block-wrapper .left {width : 30%;} .header-block-wrapper h2 {font-size : 6em; line-height : 1.05em; color : #333333; font-weight : 100; margin-bottom : 48px;} .header-block-wrapper p {font-size : 1.5em; line-height : 1.44em;} .header-block-wrapper a {float : right;} header#header .nav-container select {display : none !important;} header#header .nav-container .sbHolder {display : none;} header#header .nav-container .sbSelector {display : none;} .header-slider.onlyhome-slider .topline {position : relative; z-index : 999;} .topline .grid_12 {border-top : solid 4px #EEEEEE; border-bottom : solid 4px #EEEEEE;} /**** Parallax Page ****/ /* loader */ .spinner { margin : -30px auto 0; width : 60px; height : 60px; position : absolute; left : 0; right : 0; top : 50%; } .container1 > div, .container2 > div, .container3 > div { width : 10px; height : 10px; background-color : #FFFFFF; border-radius : 100%; position : absolute; -webkit-animation : bouncedelay 1.2s infinite ease-in-out; animation : bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode : both; animation-fill-mode : both; } .spinner .spinner-container { position : absolute; width : 100%; height : 100%; } .container2 { -webkit-transform : rotateZ(45deg); transform : rotateZ(45deg); } .container3 { -webkit-transform : rotateZ(90deg); transform : rotateZ(90deg); } .circle1 { top : 0; left : 0; } .circle2 { top : 0; right : 0; } .circle3 { right : 0; bottom : 0; } .circle4 { left : 0; bottom : 0; } .container2 .circle1 { -webkit-animation-delay : -1.1s; animation-delay : -1.1s; } .container3 .circle1 { -webkit-animation-delay : -1.0s; animation-delay : -1.0s; } .container1 .circle2 { -webkit-animation-delay : -0.9s; animation-delay : -0.9s; } .container2 .circle2 { -webkit-animation-delay : -0.8s; animation-delay : -0.8s; } .container3 .circle2 { -webkit-animation-delay : -0.7s; animation-delay : -0.7s; } .container1 .circle3 { -webkit-animation-delay : -0.6s; animation-delay : -0.6s; } .container2 .circle3 { -webkit-animation-delay : -0.5s; animation-delay : -0.5s; } .container3 .circle3 { -webkit-animation-delay : -0.4s; animation-delay : -0.4s; } .container1 .circle4 { -webkit-animation-delay : -0.3s; animation-delay : -0.3s; } .container2 .circle4 { -webkit-animation-delay : -0.2s; animation-delay : -0.2s; } .container3 .circle4 { -webkit-animation-delay : -0.1s; animation-delay : -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform : scale(0.0) } 40% { -webkit-transform : scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform : scale(0.0); -webkit-transform : scale(0.0); } 40% { transform : scale(1.0); -webkit-transform : scale(1.0); } } /* //loader */ .parallax-page #parallax-loading {position : fixed; top : 0; bottom : 0; left : 0; right : 0; z-index : 99999;} .parallax-page header#header, .parallax-page header#header .topline, .parallax-page header#header .container_12, .parallax-page .nav-container li.level-top > a, .parallax-page header#header .top-cart .block-title, .parallax-page header#header .top-link-wishlist {position : relative; z-index : 99;} .parallax-page header#header > .container_12 {z-index : 100;} .parallax-page header#header .header-top-right {margin-top : 3.25em;} .parallax-page header#header .header-top-right.toplinks {margin-top : 0;} .parallax-page header#header ul {margin : 0; list-style : none;} .parallax-page .parallax-content {position : relative; overflow : hidden;} .parallax-page header#header .quick-access {padding-bottom : 1em;} .parallax-page header#header .quick-access .links {margin-left : 12px;} .parallax-page header#header .quick-access .links li a {background : none;} /* .parallax-page header#header .links:before{display: none;} */ .parallax-page header#header .customer-name {border : 1px solid;} .parallax-page .welcome-msg {margin-bottom : 0;} .parallax-content .parallax-buttons {position : fixed; right : 10px; z-index : 999;} .parallax-content .parallax-buttons > div {display : block; width : 20px;} .parallax-content .parallax-buttons > div i {width : 20px; height : 20px; line-height : 20px; text-align : center; font-size : 14px; background : #EEEEEE; color : #222222; cursor : pointer;} .parallax-banners-wrapper .text-banner .banner-content { position : absolute; top : 43%; text-align : center; left : 0; right : 0; opacity : 0; filter : alpha(opacity=0); transition : opacity 600ms ease; -moz-transition : opacity 600ms ease; -webkit-transition : opacity 600ms ease; -o-transition : opacity 600ms ease; } .parallax-banners-wrapper .text-banner {position : relative;} .parallax-banners-wrapper .text-banner.slideup .banner-content {opacity : 1; filter : alpha(opacity=100);} .parallax-banners-wrapper .text-banner .banner-content .container_12 {background : none !important; position : relative;} .parallax-banners-wrapper .text-banner .banner-content.skin-1 .container_12 {left : 4.5%; text-align : left;} .parallax-banners-wrapper .text-banner .banner-content .container_12 {text-align : left;} .parallax-banners-wrapper .text-banner .banner-content h2 { font-size : 8.333em; line-height : 1; font-weight : 300; margin : 0; color : #222222; text-transform : uppercase; letter-spacing : -10px; } .parallax-banners-wrapper .text-banner .banner-content h2 span {color : #FFFFFF;} .parallax-banners-wrapper .text-banner .banner-content h3 { color : #FFFFFF; line-height : 1; font-weight : 300; margin : 0; font-size : 4.667em; text-transform : uppercase; margin-top : -7px; letter-spacing : -5px; } .parallax-banners-wrapper .text-banner .banner-content h4 { position : relative; color : #FFFFFF; line-height : 1; font-weight : 500; margin : 0 0 0 .5%; font-size : 2.5em; text-transform : uppercase; margin-top : -.25em; letter-spacing : -2.5px; } .parallax-banners-wrapper .text-banner .banner-content h5 { color : #FFFFFF; line-height : 1; font-weight : 500; margin : 0 0 0 .5%; font-size : 1.5em; text-transform : uppercase; letter-spacing : -1.75px; } .parallax-banners-wrapper .text-banner .banner-content p { color : #FFFFFF; font-size : 1em; line-height : 1; font-weight : 900; font-size : 1em; line-height : 1; color : #FFFFFF; text-transform : uppercase; letter-spacing : 3.5px; margin : -3px 0 0 .75%; } .parallax-banners-wrapper .text-banner .banner-content.skin-2 h2 {font-size : 6.667em; color : #FFFFFF; font-weight : normal; letter-spacing : -6px;} .parallax-banners-wrapper .text-banner .banner-content.skin-2 h4 {margin-top : .125em; font-size : 2.33em;} .parallax-banners-wrapper .text-banner .banner-content.skin-2 h5 {font-size : 1.833em;} .parallax-banners-wrapper .text-banner .banner-content.skin-3 p {margin-left : 27%; font-size : 1.5em; font-weight : normal; letter-spacing : -1.5px;} .parallax-banners-wrapper .text-banner .banner-content.skin-3 h2 {margin-left : 11%; line-height : .7em; margin-bottom : .75%;} .parallax-banners-wrapper .text-banner .banner-content.skin-3 h3 {margin-left : 1%; letter-spacing : -2.25px; margin-bottom : .25%;} .parallax-banners-wrapper .text-banner .banner-content.skin-3 h4 {margin-left : 12.5%; letter-spacing : -3px;} .parallax-banners-wrapper .text-banner .banner-content.skin-3 h3 span {font-weight : 900;} .parallax-banners-wrapper .text-banner .banner-content.skin-4 h2 {font-size : 4em; font-weight : normal; letter-spacing : -4.5px; line-height : .91em;} .parallax-banners-wrapper .text-banner .banner-content.skin-4 h5 {letter-spacing : -1px; margin-left : .25%; font-weight : bold; font-size : 1.33em; margin-bottom : .25em;} .parallax-banners-wrapper .text-banner .banner-content.skin-4 h3 {font-size : 3em; margin-left : 12.5%; font-weight : normal; letter-spacing : -2px; margin-bottom : .45%;} .parallax-banners-wrapper .text-banner .banner-content.skin-4 h4 {font-size : 1.5em; margin-left : 6.5%; letter-spacing : -1.25px;} #parallax-banner-1.text-banner .banner-content {opacity : 1;} .parallax-banners-wrapper .text-banner .background {background-attachment : fixed; background-repeat : no-repeat; background-position : 50% 0;} .parallax-banners-wrapper img.img-hide {position : absolute; width : 100%; max-width : 100%;} .widget-list #products-list {margin : 0 -40px; background : #FFFFFF; position : relative; padding : 3.33em 40px;} .widget-list #products-list .last {padding-bottom : 0 !important;} .mobile-device .parallax-banners-wrapper .text-banner .background {background-attachment : scroll;} .parallax-content .product-tabs-wrapper, .parallax-content .widget-list {opacity : 0; filter : alpha(opacity=0);} .product-tabs-wrapper {position : relative;} .product-tabs-bg {position : absolute; left : 0; top : 0; overflow : hidden;} .product-tabs-bg img {max-width : none; height : 100%; width : 100%;} .product-tabs-wrapper .widget-title {position : relative; z-index : 2;} .product-tabs { position : absolute; left : 0; right : 0; bottom : 0; z-index : 9; text-align : center; list-style-type : none !important; margin : -1px 0 0 !important; } .tabs-wrapper label{ font-size: 20px; line-height: 25px !important; font-weight: 500; font-family: 'Quicksand'; color: #000000 !important; } .top-buttons .product-tabs { bottom : auto; top : 0; margin : 0 0 -1px !important; } .product-tabs {background-color : #EEEEEE;} .product-tabs li { float : left; cursor : pointer; color : #AAAAAA; background : none; font-size : 1.16em; line-height : 1.583em; font-weight : bold; text-transform : uppercase; letter-spacing : -1px; padding : .66em 20px; transition : background-color 400ms ease; -moz-transition : background-color 400ms ease; -webkit-transition : background-color 400ms ease; -o-transition : background-color 400ms ease; } .product-tabs li.current {background-color : #FFFFFF; color : #222222;} .product-tabs li:hover {background-color : #DDDDDD; color : #888888;} .product-tabs-widget {position : relative; background-color : #FFFFFF;} .widget-title + .top-buttons .product-tabs {margin-top : 0; margin-bottom : 0;} .product-tabs-box {top : 0; z-index : -1; position : absolute; background-color : #FFFFFF; padding : 3.33em;} .product-tabs-box.visible {display : block; z-index : 9; position : relative;} .product-tabs-box .products-grid.widget-grid .item {padding : 0;} .product-tabs-box .products-grid.widget-grid {margin-bottom : 0;} .about-us-wrapper .image {float : left; margin-right : 20px;} .about-us-wrapper .text {float : left; width : 54%;} .about-us-wrapper .text h2 {font-size : 3.33em; color : #222222; letter-spacing : -3px; line-height : 1; font-weight : normal; margin-bottom : .5em;} .about-us-wrapper .text h3 {font-size : 2em; line-height : 1; letter-spacing : -1px; color : #AAAAAA; font-weight : normal; margin-bottom : 1em;} .about-us-wrapper .text p {margin-bottom : 1.5em;} .product-tabs-box ul.brands.no-slider li {width : 33%; text-align : center; margin : 3em 0;} .product-tabs-box .slider-container .prev {left : -39px;} .product-tabs-box .slider-container .next {right : -40px;} /* Revolution Slider */ .tp-bullets.tp-thumbs { background : rgba(255, 255, 255, 0.3) !important; } .tp-mask { background : #222222;} .tp-leftarrow.default, .tp-rightarrow.default { font-family : FontAwesome; font-size : 11px; font-weight : normal; height : 40px; width : 40px; text-align : center; line-height : 44px; } .cat-container { padding-bottom : 1.5em;} /* Header Navigation */ .menu-button {display : none; font-size : 1.16em; line-height : 1.57em; color : #222222; text-transform : uppercase; cursor : pointer;} .menu-button i {margin-top : 0; line-height : 1.57em; margin-right : 9px;} .nav-container {display : block; float : left; vertical-align : middle; width : 100%;} .nav-container li.level-top > a {display : inline-block; position : relative;} .nav-container li.level-top > a span { font-size: 1em; line-height: 19px; font-weight: 800; color: #000000; display: inline-block; padding: 0.5em 20px; font-family: Quicksand !important; font-weight: 500; font-size: 20px !important; line-height: 25px; border-bottom: 5px solid #fff; } .nav-container li.nav-6.level-top > a span, .nav-container li.order-samples-link span{ color: #EB1C24 !important; font-weight: bold !important; } .nav-container li.level-top.active > a, .nav-container li.level-top.custom-active > a, .nav-container li.level-top.over > a, .nav-container li.level-top > a:hover { color : #FFFFFF; background-color : transparent; margin : -4px 0; padding : 4px 0; z-index : 999; } .nav-container li.level-top > a, .nav-container li.level-top.active > a, .nav-container li.level-top.custom-active > a, .nav-container li.level-top > a:hover { -moz-transition : none; -webkit-transition : none; -o-transition : 0; transition : none; } .nav-wide#nav-wide > li.active{ background: transparent !important;} .nav-container li.level-top.active > a span, .nav-container li.level-top.over > a span, .nav-container li.level-top.custom-active > a span, .nav-container li.level-top > a:hover span { color: #000000; font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 15px; border-bottom: 5px solid #EB1C24; } .nav-container.mobile li.level-top.over > a span {color : #222222;} #nav { position : relative; z-index : 999; clear : both; width : 100%; } /* All Levels */ #nav li { text-align : left; position : relative; } #nav li.over { z-index : 9999; } #nav li.level-top { margin-left : 2px;} #nav li a {display : block;text-decoration : none;} #nav li a:hover { text-decoration : none; } #nav li ul a span { white-space : normal; } /* 1st Level */ #nav li { display : inline-block; } /* 2nd Level */ #nav ul, #nav div {position : absolute; width : 15em; top : 100%; left : -10000px; background : #FFFFFF; padding : 10px 0; z-index : 99999;} .black-menu #nav ul, .black-menu #nav div {background-color : #222222; border-color : #222222;} .black-menu #nav ul a, .black-menu #nav div a {color : #AAAAAA;} .black-menu #nav ul li:hover, .black-menu #nav div li:hover {background-color : #2F2F2F;} #nav div ul { position : static; width : auto; border : none; } #nav ul li, #nav div li { padding : 0 19px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } #nav ul li:hover, #nav div li:hover {background-color : #F5F5F5;} #nav ul li.parent:after { content : ""; border-left : solid 3px transparent; position : absolute; border-right : solid 3px transparent; top : 45%; right : 19px; border-top : solid 4px #AAAAAA; } #nav ul a, #nav div a {font-size : .91em; color : #888888;} header#header .nav-container.mobile #nav li.level1 a {padding-top : 0.5em !important; padding-bottom : 0.5em !important;} header#header .nav-container.mobile #nav li.level1 a span {color : #888888;} header#header .nav-container.mobile #nav li.level1 ul {background : none;} /* 3rd+ leven */ #nav ul ul, #nav ul div { top : 7px; } #nav ul li {float : none; clear : both;display : block;} #nav ul li.last { border-bottom : 0; } #nav ul li a { float : none; padding : 0; font-weight : normal; color : #888888; line-height : 40px; display : block;} #nav ul li a span {font-size : 11px; text-transform : none;} #nav ul li a span em {color : #BBBBBB;padding-right : 0.3em;} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left : 0; z-index : 99999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left : 165px; } #nav li.homepage { margin-right : -3px; } /********** Wide Navigation > */ .nav-wide#nav-wide { position : static; text-align : left;} .nav-wide#nav-wide li.level-top { display : inline-block; } .nav-wide#nav-wide > li { position : static;} .nav-wide#nav-wide li a:hover { color : #909090; } .nav-wide#nav-wide li.active a { color : black; font-weight : 700; } .nav-wide#nav-wide .menu-wrapper { display : none; position : absolute; left : 0; top : 50px !important; width : 100%; text-align : left; background-color : #F5F5F5; border-top : none; z-index : 9999; padding : 18px 0 18px 0; background-repeat : no-repeat; } .nav-wide#nav-wide .menu-wrapper .meigee-widget .products-grid { margin-left : 0; margin-right : 0; } .nav-wide#nav-wide .menu-wrapper > div.first, .nav-wide#nav-wide .menu-wrapper .sub-content { /*padding-left : 18px;*/} .nav-wide#nav-wide .menu-wrapper .sub-content { padding-right : 18px; width : 96%; /* 70% */ text-align : center; padding-top : 6px; } .nav-wide#nav-wide .menu-wrapper > ul.level0 {padding-left : 5%; padding-right : 8px;} .nav-wide#nav-wide ul.level0 li.level1 { display : inline-block; float : left; padding : 0 0 1.5em 0; text-align:center;width:30.33% !important;} .nav-wide#nav-wide ul.level0 li.level1 > a { margin-bottom : 5px; display : block; position : relative;} .nav-wide#nav-wide ul.level0 li.level1 > a, .nav-wide#nav-wide ul.level0 li.level1 > ul { /*margin-right : 10px; */} .nav-wide#nav-wide ul.level0 li.level1 span.subtitle { font-weight : 700; color : #222222; text-transform : uppercase; font-size : 1em; line-height : 1.5em; display : block; /*background-color: #dcdcdc;*/ padding : .5em 15px; } .nav-wide#nav-wide ul.level1 a { position : relative; text-transform : none; font-size : 1em; color : #888888; line-height : 1.5em; display : block; padding : .5em 0; transition : all .4s ease; -moz-transition : all .4s ease; -webkit-transition : all .4s ease; -o-transition : all .4s ease; } .menu-wrapper { top : 54px; display : none; max-height : calc(100vh - 220px); overflow : auto; } .nav-wide#nav-wide ul.level1 a:hover {background-color : #E7E7E7; padding-left : 10px;} .nav-wide#nav-wide ul.level1 a span:before {content : "\00B7"; font-size : 2em; margin : 0 7px 0 3px; line-height : 0; vertical-align : middle;} .nav-wide#nav-wide ul.level1 ul {margin-left : 20px;} .nav-wide#nav-wide .top-content {margin-bottom : 1em;} .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content {padding : 0 18px 0 18px; overflow : hidden; font-size : 1em;} .nav-wide#nav-wide ul .top-content, .nav-wide#nav-wide ul .bottom-content {padding : 0;} .nav-wide#nav-wide .bottom-content {margin : 1.5em 18px 0; background-color : #DCDCDC; font-size : 1em; color : #888888; line-height : 1.5em; padding : 1em 20px;} .nav-wide#nav-wide .right-content { display : inline-block; float : none; font-size : 1em;} .nav-wide#nav-wide .right-content .menu-banner {float : left;} .nav-wide#nav-wide .menu-banner a.banner {display : inline-block;} .nav-wide#nav-wide .inline-links {margin-bottom : 9px;} .nav-wide#nav-wide .inline-links li {display : inline; padding : 0 10px 0 0;} .nav-wide#nav-wide .inline-links li a {display : inline-block; padding : 5px 10px;} .nav-wide#nav-wide .inline-links li a:hover {background-color : #F5F5F5;} .nav-wide#nav-wide hr { clear : both; font-size : 1px; line-height : 1px; height : 1px; border : 0; border-top : 1px solid #F3F3F3; margin-bottom : 18px; } .nav-wide#nav-wide p { margin-bottom : 9px;} .nav-wide#nav-wide .awesome-content-top, .nav-wide#nav-wide .awesome-content-left { background : #F5F5F5; color : #444444; text-align : center; font-size : 1.24em; line-height : 1.01em; padding : 18px 18px 18px 18px; margin : 0 0 18px 0; overflow : hidden;} .nav-wide#nav-wide .awesome-content-top i, .nav-wide#nav-wide .awesome-content-left i { font-size : 1.18em; display : block; margin-bottom : 5px;} .nav-wide#nav-wide .awesome-content-left { text-align : left; padding-top : 30px; padding-bottom : 19px;} .nav-wide#nav-wide .awesome-content-left i { float : left; margin : 0 10px 5px 0;} .nav-wide#nav-wide .top-content .top-menu-links {border-bottom : solid 1px #DFDFDF; padding-bottom : 2em; margin-bottom : 1.5em;} .nav-wide#nav-wide .top-content .top-menu-links ul {width : 100%; overflow : hidden;} .nav-wide#nav-wide .top-content .top-menu-links li {float : left; width : 25%;} .nav-wide#nav-wide .top-content .top-menu-links li a {font-size : 1em; line-height : 1.5em; padding-right : 25px; display : block;} .nav-wide#nav-wide .top-content .top-menu-features ul {width : 100%; overflow : hidden;} .nav-wide#nav-wide .top-content .top-menu-features li {float : left; width : 25%;} .nav-wide#nav-wide .top-content .top-menu-features li i { font-size : 1.16em; width : 38px; height : 38px; line-height : 38px; text-align : center; border-radius : 50%; -moz-border-radius : 50%; border : solid 1px; display : inline-block; margin-right : 15px; } .nav-wide#nav-wide .top-content .top-menu-features li span {display : inline-block; width : 70%;} .nav-wide#nav-wide .top-content .top-menu-features li span h3 {font-size : 1.333em; font-weight : 400; line-height : 1.5em; margin-bottom : 5px;} /* Mobile Devices Styles */ #nav li.touched > ul {left : 100px;} #nav > li.touched > ul {left : 0;} #nav.nav-wide li.touched > ul {left : 0;} .nav-container.mobile {/*position : absolute; top : 100%; left : 0 !important; z-index : 999; */ /*max-width : 250px;*/ /*display : block;*/ } .nav-container.mobile > ul {background-color : #FFFFFF; box-shadow : 0 3px 5px rgba(0, 0, 0, .08); position : static;} .nav-container.mobile > ul > li {float : none; display : block !important; position : relative !important;} .nav-container.mobile li.level-top.active > a, .nav-container.mobile li.level-top > a:hover {margin : 0; padding : 0;} .nav-container.mobile li.level-top.active > a span, .nav-container.mobile li.level-top > a:hover span {color : #222222;} .nav-container.mobile li.level-top > a {display : block !important; float : none !important; color : #444444 !important;} .nav-container.mobile li.level-top > a span {border : none !important; padding : 0 30px 0 0 !important;} .nav-container.mobile li.level-top > a span em {display : none !important;} .nav-container.mobile .menu-item-button {position : absolute; top : 1.375em; right : 0;} .nav-container.mobile ul ul .menu-item-button {top : 1.25em;} .nav-container.mobile .menu-item-button i {font-size : 1.16em; color : #888888; cursor : pointer;} .nav-container.mobile .menu-item-button i.fa-minus, .nav-container.mobile .menu-item-button.active i.fa-plus {display : none;} .nav-container.mobile .menu-item-button.active i.fa-minus {display : inline-block;} .nav-container.mobile li.level-top.active > a, .nav-container.mobile li.level-top > a:hover {background : none !important;} header#header .nav-container.mobile ul { border : none; box-shadow : none; padding : .75em !important; position : static; width : auto !important; /*display : none;*/ text-align : left; } header#header .nav-container.mobile .menu-wrapper {position : static; padding : 0;} header#header .nav-container.mobile .menu-wrapper ul.level0 {display : block;} header#header .nav-container.mobile .menu-wrapper .grid_2 {min-height : 0; width : auto; margin : 0; padding : 0 !important;} header#header .nav-container.mobile ul.level2 span.menu-item-button {right : -15px; top : 5px;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li.level1 > a {font-size : .91em; background : none; margin : 0;} .nav-container.mobile ul.nav-wide#nav-wide li.level0 > a span, .nav-container.mobile .nav-wide#nav-wide ul.level0 li.level1 > a span {text-transform : none; color : #888888;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li.level1 a > span {font-weight : normal; background : none; padding : 0; font-family : Arial, sans-serif;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li {float : none; display : block;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li.level1 a > i {display : none;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li {position : relative; margin : 0; padding : 0;} .nav-container.mobile #nav-wide.nav-wide .menu-wrapper.default-menu ul li a:hover, .nav-container.mobile #nav-wide.nav-wide ul a:hover {background : none !important;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li.level1 {width : auto !important;} .nav-container.mobile #nav-wide.nav-wide .menu-wrapper > .grid_6.alpha {width : 100%;} #nav-wide.nav-wide .menu-wrapper > .alpha ul.level0 {padding-left : 18px;} .nav-container.mobile .nav-wide#nav-wide ul.level0 ul {margin : 0;} .nav-container.mobile li.level-top > a span {line-height : 1;} header#header .nav-container.mobile a {padding : 1em 20px !important; line-height : normal; margin : 0 !important;} .nav-container.mobile ul li.parent:after {content : none !important;} header#header .nav-container.mobile > ul .menu-item-button { height : 30px; line-height : 30px; text-align : center; top : 5px; width : 30px; z-index : 9999; } header#header .nav-container.mobile > ul .menu-item-button i {line-height : 30px;} .nav-container.mobile #nav-wide.nav-wide .menu-wrapper > div.first {padding : 0; width : auto; float : none;} header#header .nav-container.mobile a.level-top a {font-size : .91em;} .nav-container.mobile #nav ul li, .nav-container.mobile #nav div li {padding : 0;} header#header .nav-container.mobile #nav .menu-item-button {top : 6px;} .black-menu .nav-container.mobile > ul {background-color : #222222;} .black-menu .nav-container.mobile > ul a.level-top span {color : #AAAAAA;} #nav-wide.nav-wide .menu-wrapper .row { margin-left : -10px; margin-right : -10px; } #nav-wide.nav-wide .menu-wrapper .col-xs-1, #nav-wide.nav-wide .menu-wrapper .col-sm-1, #nav-wide.nav-wide .menu-wrapper .col-md-1, #nav-wide.nav-wide .menu-wrapper .col-lg-1, #nav-wide.nav-wide .menu-wrapper .col-xs-2, #nav-wide.nav-wide .menu-wrapper .col-sm-2, #nav-wide.nav-wide .menu-wrapper .col-md-2, #nav-wide.nav-wide .menu-wrapper .col-md-3, #nav-wide.nav-wide .menu-wrapper .col-md-4, #nav-wide.nav-wide .menu-wrapper .col-md-5, #nav-wide.nav-wide .menu-wrapper .col-md-6, #nav-wide.nav-wide .menu-wrapper .col-md-7, #nav-wide.nav-wide .menu-wrapper .col-md-8, #nav-wide.nav-wide .menu-wrapper .col-md-9, #nav-wide.nav-wide .menu-wrapper .col-md-10, #nav-wide.nav-wide .menu-wrapper .col-md-11, #nav-wide.nav-wide .menu-wrapper .col-md-12, #nav-wide.nav-wide .menu-wrapper div[class*="grid_"] { position : relative; min-height : 1px; padding-left : 10px; padding-right : 10px; box-sizing : border-box; } #nav-wide.nav-wide .menu-wrapper div[class*="grid_"] {margin : 0;} .footer-address-block h3{font-family: Quicksand;font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px; color: #000000;} .header-slider-holder {display:none;} .header-slider-wrapper.boxed-slider{display:none;} .topline .grid_12{border-bottom:none !important;} @media (max-width : 1380px) { header#header #search_mini_form{width: 712px;margin-right: 34%;} header#header .form-search button{ /*padding: 11px 5px;*/} .nav-container li.level-top > a span{ font-size: 17px !important;padding: 0.5em 13px !important;} #footer .footer-address-block dl .col{padding: 0 9px 13px 0 !important;} #footer .grid_4 { width: 32% !important; margin-left: 0% !important; } } @media (min-width : 1008px) { #nav-wide.nav-wide .menu-wrapper .col-md-1, #nav-wide.nav-wide .menu-wrapper .col-md-2, #nav-wide.nav-wide .menu-wrapper .col-md-3, #nav-wide.nav-wide .menu-wrapper .col-md-4, #nav-wide.nav-wide .menu-wrapper .col-md-5, #nav-wide.nav-wide .menu-wrapper .col-md-6, #nav-wide.nav-wide .menu-wrapper .col-md-7, #nav-wide.nav-wide .menu-wrapper .col-md-8, #nav-wide.nav-wide .menu-wrapper .col-md-9, #nav-wide.nav-wide .menu-wrapper .col-md-10, #nav-wide.nav-wide .menu-wrapper .col-md-11, #nav-wide.nav-wide .menu-wrapper .col-md-12 { float : left; } #nav-wide.nav-wide .menu-wrapper .grid_12, #nav-wide.nav-wide .menu-wrapper .col-md-12 {width : 100%;} #nav-wide.nav-wide .menu-wrapper .grid_11, #nav-wide.nav-wide .menu-wrapper .col-md-11 {width : 91.66666667%;} #nav-wide.nav-wide .menu-wrapper .grid_10, #nav-wide.nav-wide .menu-wrapper .col-md-10 {width : 83.33333333%;} #nav-wide.nav-wide .menu-wrapper .grid_9, #nav-wide.nav-wide .menu-wrapper .col-md-9 {width : 75%;} #nav-wide.nav-wide .menu-wrapper .grid_8, #nav-wide.nav-wide .menu-wrapper .col-md-8 {width : 66.66666667%;} #nav-wide.nav-wide .menu-wrapper .grid_7, #nav-wide.nav-wide .menu-wrapper .col-md-7 {width : 58.33333333%;} #nav-wide.nav-wide .menu-wrapper .grid_6, #nav-wide.nav-wide .menu-wrapper .col-md-6 {width : 50%;} #nav-wide.nav-wide .menu-wrapper .grid_5, #nav-wide.nav-wide .menu-wrapper .col-md-5 {width : 41.66666667%;} #nav-wide.nav-wide .menu-wrapper .grid_4, #nav-wide.nav-wide .menu-wrapper .col-md-4 {width : 33.33333333%;} #nav-wide.nav-wide .menu-wrapper .grid_3, #nav-wide.nav-wide .menu-wrapper .col-md-3 {width : 25%;} #nav-wide.nav-wide .menu-wrapper .grid_2, #nav-wide.nav-wide .menu-wrapper .col-md-2 {width : 16.66666667%;} #nav-wide.nav-wide .menu-wrapper .grid_1, #nav-wide.nav-wide .menu-wrapper .col-md-1 {width : 8.33333333%;} } #nav-wide.nav-wide .menu-wrapper .row > div:first-child ul.level0 {padding-left : 28px;} /******* Home text blocks *******/ .home-text-blocks > .container_12 {padding-bottom : 1.5em; padding-top : 1.5em;} .indent > img { max-height : 57px; } .home-text-blocks .indent {background-color : #53B7B3; padding : 1em 18px; } .home-text-blocks h3 {font-size : .91em; text-transform : uppercase; color : #FFFFFF; text-align : center; margin-bottom : 0; background : #53B7B3;} .home-text-blocks h3:after {content : ""; display : block; border-bottom : solid 1px #CFCFCF; width : 20px; margin : 3px auto 0;} .home-text-blocks p {font-size : .91em; color : #FFFFFF;} .home-banners > .alpha {padding-left : 0;} .home-banners > .omega {padding-right : 0;} .home-banners > div a {display : block; overflow : hidden;} .home-banners > div a img { -webkit-transition-duration : 500ms; transition-duration : 500ms; -webkit-transition-property : transform; transition-property : transform; -webkit-transform : translateZ(0); -moz-transform : translateZ(0); transform : translateZ(0); } /* Commented out NAL 4/8/19 .home-banners > div a:hover img {-webkit-transform : scale(1.2); transform : scale(1.2); -moz-transform : scale(1.2);} */ /************ ************/ /* Category Labels */ .category-label { display : inline-block; position : absolute; right : 20px; bottom : 60px; padding : 3px 10px; border : 0px solid; z-index : 999; } .category-label:after { position : absolute; right : 6px; bottom : -4px; content : ""; width : 0; height : 0; border-left : 4px solid transparent; border-right : 4px solid transparent; border-top : 4px solid; border-top-color : inherit; } ul li ul .category-label { top : -22px; bottom : auto; left : 10px; right : auto; font-size : 0.9em; padding : 2px 7px;} ul li ul li ul .category-label { top : 6px; bottom : auto; left : auto; right : 10px; font-size : 0.9em; padding : 2px 7px;} .default-menu ul .category-label { top : -12px;} ul li ul li ul .category-label:after { display : none;} /* ======================================================================================= */ /* Sidebar =============================================================================== */ aside.sidebar > div:last-of-type, aside.sidebar > .last {margin-bottom : 0;} aside.sidebar .block {margin-bottom : 2.333em;} aside.sidebar .block .block-title.closed {cursor : pointer;} aside.sidebar .block .block-title .left-divider, aside.sidebar .block .block-title .right-divider {margin-top : 0.8em;} aside.sidebar .block .block-title { width : 100%; overflow : hidden; position : relative; margin-bottom : 1em; } aside.sidebar .block-title strong {display : block; float : left; padding : 0 7px; vertical-align : middle; margin : 0 -2px 0 -3px;} aside.sidebar .block-title strong span {font-size : 1.16em; color : #222222; text-transform : uppercase; font-weight : 700; line-height : 1.583em;} aside.sidebar .block.block-layered-nav dl dt .right-divider, aside.sidebar .block.block-layered-nav dl dt .left-divider {border-color : #DDDDDD;} aside.sidebar .block-title .btn-remove { float : right; cursor : pointer; height : 11px; display : inline; text-align : right; position : absolute; right : 0; top : 4px; color : #B0B0B0; font-size : 1em; } aside.sidebar .block-title .btn-remove i {font-size : 0.8em;} aside.sidebar .block-content a i {font-size : 1.16em; color : #AAAAAA;} aside.sidebar .block-content .fa-times {color : #F04848} aside.sidebar .block.block-layered-nav .btn-nav {position : absolute;left : 18px;} aside.sidebar.accordion .block-content { display : none; } aside.sidebar.accordion .block-progress .block-content { display : block;} aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle { width : 8px; height : 8px; border : solid 4px #FFFFFF; background : #EEEEEE; display : block; border-radius : 16px; -moz-border-radius : 16px; margin-left : -0.3em; cursor : pointer; margin-top : -2px; box-shadow : 0 1px 4px rgba(0, 0, 0, .15); padding : 0; } aside.sidebar.hided {display : none;} .ui-slider .ui-slider-range {background-image : none;} aside.sidebar .block.block-layered-nav #slider-range { background : #DDDDDD; width : 86%; margin-bottom : .75em; margin-left : 13px; margin-top : 1.5em; border-radius : 2px; -moz-border-radius : 2px; height : 6px; } aside.sidebar .block.block-layered-nav ol li a {color : #888888;} aside.sidebar .block .block-content a {text-decoration : none; -moz-transition : all 0.5s ease; -webkit-transition : all 0.5s ease; -o-transition : all 0.5s ease;} aside.sidebar .block .block-content a:hover {text-decoration : none;} aside.sidebar .block .block-subtitle {margin-bottom : 0.42em; font-size : 1.083em; color : #222222; line-height : 1.583em; font-weight : 700;} aside.sidebar .btn-remove, aside.sidebar .btn-edit { float : right;} aside.sidebar .product-name {margin-bottom : 0; font-size : 1em; line-height : 1.5em;} aside.sidebar .product-name a {text-decoration : none; color : #666666; font-size : 1.083em; line-height : 1.583em;} aside.sidebar .actions { padding-top : 1.5em; width : 100%; overflow : hidden; border-top : solid 1px #DFDFDF; text-align : center;} aside.sidebar .actions a { display : inline-block; font-weight : normal; background-color : #FFFFFF; padding : 0 13px; height : 29px; line-height : 29px; text-align : center; color : #AAAAAA; font-weight : bold; font-size : .75em; text-transform : uppercase; margin-right : 8px; border : solid 4px #EEEEEE; } aside.sidebar .actions a:hover {text-decoration : none;color : #FFFFFF;} aside.sidebar .actions a, aside.sidebar .actions button {float : none;} /* Block: Account */ .block-account li:first-child {border : none;} .block-account li { width : auto; overflow : hidden; border-top : dotted 1px #DDDDDD; padding : 0 10px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } .block-account li:hover {background-color : #EEEEEE;} aside.sidebar .block-account li a, aside.sidebar .block-account li strong {color : #000000; font-weight : bold; font-size : 1.083em; line-height : 1.583em; padding : .75em 0; display : inline-block;} aside.sidebar .block-account li strong {color : #222222;} /* Block: Currency Switcher */ .block-currency .block { width : 100%; border : 1px solid #888888; } /* Block: Vertical Nav */ .block.block-vertical-nav .block-content li.level0 a {text-decoration : none; display : inline-block;} .block.block-vertical-nav .block-content li.level0 a:hover {color : #000000;} .block.block-vertical-nav .block-content li.level0 ul li, .block.block-vertical-nav .block-content > ul > li.level0 > a {line-height : 1.66em; padding-left : 0; -moz-transition : all 0.5s ease; -webkit-transition : all 0.5s ease; -o-transition : all 0.5s ease;} .block.block-vertical-nav .block-content li.level0 > ul {padding-left : 14px;} .block.block-vertical-nav .block-content li.level0 a:hover span {text-decoration : none;} /* Block: Categories */ .block-vertical-nav .block-title { width : 100%; overflow : hidden; position : relative; margin-bottom : 1em; } .block-vertical-nav .block-title strong {display : block; float : left; padding : 0 7px; vertical-align : middle; margin : 0 -2px 0 -3px;} .block-vertical-nav .block-title strong span {font-size : 1.16em; color : #222222; text-transform : uppercase; font-weight : 700; line-height : 1.583em;} .block-vertical-nav ul {list-style-type : none;} .block-vertical-nav li {border-top : dotted 1px #DDDDDD;} .block-vertical-nav li.level-top:first-child {border-top : 1px dashed rgba(0, 0, 0, 0.26);;} .block-vertical-nav li a {padding : .75em 0; display : inline-block;} .block-vertical-nav li.parent { position : relative;} #categories-accordion.closed-default ul {display : none;} #categories-accordion.closed-default li.parent.active > ul {display : block !important;} .block-vertical-nav li.level-top a.level-top {background : none; font-size : 1.083em; line-height : 1.583em; color : #000000; font-weight : bold; padding-left : 7px;} .block-vertical-nav li.level-top.parent a.level-top {padding-left : 25px !important;} .block-vertical-nav li.level-top a.level-top:hover span {text-decoration : none;} #categories-accordion li.level-top.parent.closed .btn-cat, #categories-accordion li.level-top.parent .btn-cat {position : absolute; left : 0; cursor : pointer; top : 0;} /* #categories-accordion li.parent ul {display: none;} */ .block-vertical-nav li.level-top.parent ul.level0 {padding : 0; position : relative; zoom : 1;} .block-vertical-nav li.level-top.parent ul.level0 li a {text-decoration : none; line-height : 1.583em; font-size : .91em; color : #000000; font-weight : bold; margin-left : 24px; padding : 1em 0;} .block-vertical-nav li.level-top.parent ul.level0 li.parent a {padding-left : 25px; } .block-vertical-nav li.level-top.parent ul.level0 li.parent a span{font-weight: 500;} #categories-accordion li ul i {margin-left : 24px; margin-top : .91em;} #categories-accordion li ul ul i, .block-vertical-nav li.level-top.parent ul.level0 li ul.level1 a {margin-left : 42px;} .block-vertical-nav li.level-top.parent ul.level0 li ul.level2 a, #categories-accordion li.level-top.parent ul.level0 li ul.level2 i {margin-left : 60px;} .block-vertical-nav li.level-top.parent ul.level0 li ul.level3 a, #categories-accordion li.level-top.parent ul.level0 li ul.level3 i {margin-left : 72px;} .block-vertical-nav li.level-top.parent ul.level0 li a:hover span {text-decoration : none;} #categories-accordion li i {font-size : 1.16em; color : #AAAAAA; margin-top : 1em; margin-left : 7px; margin-right : 8px;} #categories-accordion .btn-cat .fa-plus-square-o, #categories-accordion .btn-cat.closed .fa-minus-square-o, #categories-accordion.closed-default .btn-cat .fa-minus-square-o, #categories-accordion.closed-default .btn-cat.closed .fa-plus-square-o, #categories-accordion.closed-default .active > .btn-cat.closed .fa-minus-square-o, #categories-accordion.closed-default .active > .btn-cat .fa-plus-square-o {display : none;} #categories-accordion .btn-cat .fa-minus-square-o, #categories-accordion .btn-cat.closed .fa-plus-square-o, #categories-accordion.closed-default .btn-cat .fa-plus-square-o, #categories-accordion.closed-default .btn-cat.closed .fa-minus-square-o, #categories-accordion.closed-default .active > .btn-cat .fa-minus-square-o, #categories-accordion.closed-default .active > .btn-cat.closed .fa-plus-square-o {display : inline-block;} /* #categories-accordion .btn-cat .fa-minus-square-o, #categories-accordion .btn-cat.closed .fa-plus-square-o, #categories-accordion .active > .btn-cat .fa-plus-square-o, #categories-accordion .active > .btn-cat.closed .fa-minus-square-o, #categories-accordion .btn-cat.closed .fa-minus-square-o, #categories-accordion .btn-cat .fa-plus-square-o{display: none;} #categories-accordion .btn-cat.closed .fa-minus-square-o, #categories-accordion .active > .btn-cat .fa-minus-square-o, #categories-accordion .active > .btn-cat.closed .fa-plus-square-o, #categories-accordion .btn-cat .fa-minus-square-o, #categories-accordion .btn-cat.closed .fa-plus-square-o, #categories-accordion.closed-default .btn-cat.closed .fa-plus-square-o {display: inline-block} */ /* Block: Layered Navigation */ aside.sidebar .block.block-layered-nav {background-color : #F5F5F5; padding : 1.5em 20px;} aside.sidebar .block.block-layered-nav .block-title {display : none;} aside.sidebar .block.block-layered-nav .block-subtitle {margin-bottom : 0.75em; display : none;} aside.sidebar .block.block-layered-nav .currently .block-subtitle {display : block;} aside.sidebar .block.block-layered-nav .currently li {padding-bottom : 3px;} aside.sidebar .block.block-layered-nav .currently .value, aside.sidebar .block.block-layered-nav .currently .label {float : left;} aside.sidebar .block.block-layered-nav .currently .value {margin-left : 2px;} aside.sidebar .block.block-layered-nav .currently .label {color : #222222; padding-right : 10px;} aside.sidebar .block.block-layered-nav .currently .value {padding-top : 1px;} aside.sidebar .block.block-layered-nav .currently .btn-remove i {font-size : 1.16em; color : #AAAAAA; padding : 5px; margin-top : -3px;} aside.sidebar .block.block-layered-nav .currently .btn-remove i:hover {color : #222222;} aside.sidebar .block.block-layered-nav dl dt {margin-bottom : 1em; width : 100%; overflow : hidden;} aside.sidebar .block.block-layered-nav dl dt .left-divider, aside.sidebar .block.block-layered-nav dl dt .right-divider, .block-vertical-nav .left-divider, .block-vertical-nav .right-divider {margin-top : 0.7em;} aside.sidebar .block.block-layered-nav dl dt h2, .block-layered-nav dl#narrow-by-list2 dt h2 {font-size : 1.16em; color : #222222; font-weight : 700; text-transform : uppercase; vertical-align : middle; display : block; float : left; padding : 0 7px; margin : 0;} aside.sidebar .block.block-layered-nav dl dt i {cursor : pointer;} aside.sidebar .block.block-layered-nav dl dd li { margin : 0 -20px; padding : 0 20px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } aside.sidebar .block.block-layered-nav dl dd li > span {display : block; border-top : dotted 1px #DDDDDD;} aside.sidebar .block.block-layered-nav dl dd li:first-child > span {border-top : none;} aside.sidebar .block.block-layered-nav dl dd li:hover {background-color : #E7E7E7;} aside.sidebar .block.block-layered-nav dl dd a, aside.sidebar .block.block-layered-nav dl dd .filter-lbl {font-size : 1.083em; line-height : 1.583em; font-weight : 400; color : #444444; display : inline-block; width : 85%; padding : .75em 0 .75em 5px;} aside.sidebar .block.block-layered-nav dl dd li .filter-qty { float : right; background : #FFFFFF; width : 24px; height : 24px; line-height : 24px; text-align : center; font-size : .91em; color : #AAAAAA; border-radius : 50%; -moz-border-radius : 50%; margin-top : .75em; padding : 0; } aside.sidebar .block.block-layered-nav dl dd {margin-bottom : 2.333em;} aside.sidebar .block.block-layered-nav dl dd:last-of-type {margin-bottom : 0;} aside.sidebar .block.block-layered-nav dl dd .price > p {margin : 0 12px 0 8px;} aside.sidebar .block.block-layered-nav #amount {float : left; width : 49%;} aside.sidebar .block.block-layered-nav #amount-2 {float : right; width : 48%; text-align : right;} aside.sidebar .block.block-layered-nav #amount, aside.sidebar .block.block-layered-nav #amount-2 {font-size : 1.16em; line-height : 1.583em; color : #222222;} aside.sidebar .block.block-layered-nav .actions {padding : 1.5em 0; margin-top : 1.5em;} .block-layered-nav dl#layered_navigation_accordion dt { cursor : pointer; padding : 0; padding : 0.42em 18px 0.42em 0; line-height : 1.5em; position : relative; border-bottom : 1px solid #E5E5E5; } .block-layered-nav dl#layered_navigation_accordion dt:before {content : '\00B7'; padding-left : 5px; padding-right : 7px; font-weight : bold; font-size : 1.5em; line-height : 0.9em; float : left;} .block-layered-nav dl#layered_navigation_accordion dt .btn-nav { background-position : 0 0; background-repeat : no-repeat; background-color : #777777; cursor : pointer; height : 11px; position : absolute; right : 0; top : 7px; width : 11px; } .block-layered-nav dl#layered_navigation_accordion dt.closed .btn-nav {background-position : 0 -100px;} .block-layered-nav dl#layered_navigation_accordion.closed-default dd { display : none; } .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol {padding : 0.42em 0;} .block-layered-nav dl#layered_navigation_accordion dd {padding-bottom : 0.75em;} .block-layered-nav dl#layered_navigation_accordion dd li {padding-left : 22px; font-size : 0.91em; line-height : 1.5em;} .block-layered-nav dl#narrow-by-list2 dd ol li {padding-top : 0.75em; padding-bottom : 0.75em;} .block-layered-nav dl#narrow-by-list2 dd ol li a {padding-top : 0; padding-bottom : 0;} .block-layered-nav .icon-more {display : none;} /* Block: Cart */ aside.sidebar .block.block-cart .subtotal {font-size : 1em; margin-bottom : 2em;} aside.sidebar .block.block-cart .subtotal .label { color : #222222; display : inline-block; font-size : 2em; font-weight : 300; line-height : 1.5em; } aside.sidebar .block.block-cart .subtotal .price { display : inline-block; font-size : 2em; font-weight : 300; line-height : 1.5em; } aside.sidebar .block.block-cart .block-subtitle {margin-bottom : 0.75em; font-weight : normal;} aside.sidebar .block.block-cart .item {padding : 0 0 1.5em;} aside.sidebar .block.block-cart .img-container { float : left; width : 30%; } aside.sidebar .block.block-cart .product-details { float : right; position : relative; width : 66%; } aside.sidebar .block.block-cart .product-details .product-name { margin-bottom : 5px; padding-right : 28px; text-align : left; } aside.sidebar .block.block-cart .product-details .product-name a { color : #222222; font-size : 1.16em; font-weight : 400; line-height : 1.583em; } aside.sidebar .block.block-cart .product-details .product-box .price { font-size : 1.5em; font-weight : 300; line-height : 1; } aside.sidebar .block.block-cart .product-details .cart-price-qt { background-color : #EEEEEE; border-radius : 50%; display : inline-block; height : 19px; margin-left : 8px; padding : 0 6px; vertical-align : middle; } aside.sidebar .block.block-cart .product-details .cart-price-qt strong { color : #888888; font-size : 0.84em; line-height : 19px; } aside.sidebar .block.block-cart .product-details .truncated .item-options dt {color : #222222;} aside.sidebar .block.block-cart .product-details .btn-edit, aside.sidebar .block.block-cart .product-details .btn-remove { margin : 0; position : absolute; right : 0; top : 0; width : 24px; z-index : 1; } aside.sidebar .block.block-cart .product-details .btn-edit {top : 25px;} aside.sidebar .block.block-cart .product-details .btn-edit i, aside.sidebar .block.block-cart .product-details .btn-remove i { color : #DDDDDD; font-size : 1.16em; padding : 5px; } aside.sidebar .block.block-cart .product-details .btn-edit i:hover, aside.sidebar .block.block-cart .product-details .btn-remove i:hover { color : #222222; } /* Configurable Swatch */ .configurable-swatch-list li { float : left; zoom : 1; margin : 0 0 0 3px; } .block.block-layered-nav .block-content dd .configurable-swatch-list li {margin : 0 0 1em; padding : 0;} body aside.sidebar .block.block-layered-nav .block-content dd .configurable-swatch-list li a {padding : 0 5px 0 0;} .block.block-layered-nav .block-content dd .configurable-swatch-list li a img {margin : 0;} aside.sidebar .block.block-layered-nav dl dd .configurable-swatch-list li:hover {background : none;} .block-layered-nav dd .configurable-swatch-list li { margin : 0 0 1em; } aside.sidebar .block.block-layered-nav dd .configurable-swatch-list li:before {display : none;} body aside.sidebar .block.block-layered-nav dd .swatch-link { text-align : left; display : inline-block; padding : 5px; border : none; } .block-layered-nav dd .swatch-link .count {line-height : 1.7em;} .block-layered-nav dd .swatch-link .swatch-label { border : none; box-shadow : 0 0 3px rgba(0, 0, 0, 0.3); display : inline-block; padding : 1px 5px; -moz-transition : box-shadow 300ms ease; -webkit-transition : box-shadow 300ms ease; -o-transition : box-shadow 300ms ease; transition : box-shadow 300ms ease; } .block-layered-nav dd .swatch-link:hover .swatch-label {box-shadow : 0 0 3px rgba(0, 0, 0, 0.7);} .block-layered-nav dd .swatch-link.has-image {margin-top : 1px;} .block-layered-nav dd .swatch-link.has-image .swatch-label { padding : 0; } .block-layered-nav dd .swatch-link.has-image .count {line-height : 1.5em;} .block-layered-nav dd .swatch-link .swatch-label img, .swatch-current .swatch-link .swatch-label img {margin : 1px;} .configurable-swatch-list { clear : both; width : 100%; overflow : hidden; } .products-grid .configurable-swatch-list li { display : inline-block; float : none; margin : 0; vertical-align : top; } .products-grid .configurable-swatch-list li, .products-list .configurable-swatch-list li {margin-bottom : 2px;} .configurable-swatch-list .not-available .x { display : block; } .configurable-swatch-list .not-available .swatch-link { opacity : 0.4; filter : alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity : 0.4; filter : alpha(opacity=40); } .configurable-swatch-list .not-available a:focus { outline : 0; } .configurable-swatch-list .swatch-link, .swatch-current .swatch-link { color : #AAAAAA; display : block; font-size : 1em; line-height : 1.5em; text-align : center; text-decoration : none; border-radius : 3px; border : 1px solid #CCCCCC; } .swatch-current .selected .swatch-link, .configurable-swatch-list .selected .swatch-link { border-color : #000000; color : #000000; } .swatch-current .btn-remove {line-height : 1em; overflow : visible;} .configurable-swatch-list .swatch-link span.x {display : none;} .configurable-swatch-list .swatch-link .swatch-label { border-radius : 3px; border : 1px solid transparent; display : block; padding : 1px 5px; } .configurable-swatch-list .swatch-link.has-image .swatch-label { padding : 0; } .swatch-current .swatch-link {margin-left : 5px;} .products-list .configurable-swatch-list {margin-bottom : 1.5em;} .products-grid .configurable-swatch-list {margin-bottom : .5em;} .products-list .configurable-swatch-list li .swatch-label, .products-grid .configurable-swatch-list li .swatch-label { display : block; padding : 1px 5px; } .products-list .configurable-swatch-list li .swatch-link.has-image .swatch-label, .products-grid .configurable-swatch-list li .swatch-link.has-image .swatch-label { padding : 0; } .product-image-gallery {position : relative;} .product-image-gallery .gallery-image {display : none;} .product-image-gallery #image.gallery-image, .product-image-gallery #more-views-slider-2 .gallery-image {display : block;} .product-image-gallery #more-views-slider-2 {overflow : hidden;} /* Block: Wishlist */ aside.sidebar .block.block-wishlist { position : relative;} aside.sidebar .block.block-wishlist .block-content {margin-top : 2.5em;} aside.sidebar .block.block-wishlist .block-content .block-subtitle {text-align : center;} aside.sidebar .block.block-wishlist li.item {width : 100%; overflow : hidden; padding-bottom : 1.16em;} aside.sidebar .block.block-wishlist li.item .product-image {float : left; width : 86px; padding : 0;} aside.sidebar .block.block-wishlist li.item .product-image img {width : 100%;} aside.sidebar .block.block-wishlist li.item .product-details {width : 60%; float : right;} aside.sidebar .block-wishlist .product-actions {float : right;} aside.sidebar .block-wishlist .product-actions i {font-size : 1.16em; color : #DDDDDD; line-height : 1; padding : 5px;} aside.sidebar .block-wishlist .product-actions i:hover {color : #222222;} aside.sidebar .block.block-wishlist li.item .product-details .product-name {margin-bottom : 0;} aside.sidebar .block.block-wishlist li.item .product-details .product-name a {font-size : 1.16em; line-height : 1.583em; font-weight : 400; color : #222222;} aside.sidebar .block.block-wishlist li.item .product-details .price-box {margin-bottom : 0.42em; float : left; margin-right : 13px;} aside.sidebar .block.block-wishlist li.item .product-details .price-box.map-info {float : none;} aside.sidebar .block.block-wishlist li.item .product-details .price-box .price, aside.sidebar .block.block-wishlist li.item .product-details .price-box .price-currency {font-size : 1.5em; line-height : 1.583em; font-weight : 300;} aside.sidebar .block.block-wishlist li.item .product-details .tax-details {clear : both; display : block;} aside.sidebar .block.block-wishlist li.item button {float : right;} aside.sidebar .block.block-wishlist li.item.last {padding-bottom : 0;} aside.sidebar .block.block-wishlist .actions {margin-top : 1.5em;} aside.sidebar .block.block-wishlist .actions a:hover {color : #FFFFFF;} #wishlist-slider .es-carousel-wrapper { position : relative; } #wishlist-slider .es-carousel { min-height : 75px; overflow : hidden; } #wishlist-slider .es-carousel ul.carousel-ul { margin : auto } #wishlist-slider .es-carousel ul.carousel-ul > li { float : left; display : block; } #wishlist-slider .es-carousel ul.carousel-ul > li a.product-image { display : block; } #wishlist-slider .es-carousel ul.carousel-ul li a.product-image img { display : block; border : none; max-height : none; max-width : none; } #wishlist-table .truncated {clear : both; position : relative; margin : 0;} #wishlist-table .truncated a.details {cursor : help;} #wishlist-table .truncated .item-options { position : absolute; left : 20px; top : 20px; cursor : help; width : 150px; height : auto; border : 1px solid #DDDDDD; background-color : #EEEEEE; padding : 1em; display : none; } #wishlist-table .truncated .show .item-options {display : block;} #wishlist-table .truncated .item-options p { font-size : 1px; font-size : 1em; margin-bottom : 1em; color : #222222; } #wishlist-table .truncated .item-options dl dt {color : #222222;} #wishlist-table .truncated .item-options dl dt, #wishlist-table .truncated .item-options dl dd {margin-top : 0.5em;} .block-wishlist .prev, .block-wishlist .next { position : absolute; display : block; color : #AAAAAA; cursor : pointer; } .block-wishlist .prev i, .block-wishlist .next i {font-size : 1.667em; color : #888888; height : 20px; width : 20px; line-height : 20px; text-align : center;} .block-wishlist .prev {left : 42.7%; top : 22px;} .block-wishlist .next {right : 42.7%; top : 22px;} .block-wishlist .prev:after {content : "\7C"; font-size : 1.5em; font-weight : bold; line-height : 17px; height : 15px; color : #DDDDDD;} /* Block: Block List */ .block-list .block-content {padding-left : 0 !important;} .block-list li.item { width : auto; overflow : hidden; border-top : dotted 1px #DDDDDD; padding : 0 10px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } .block-list li.item:first-child {border-top : none;} .block-list li.item:hover {background-color : #EEEEEE;} .block-list li.item a {padding : .75em 0; display : inline-block;} /* Block: Compare Products */ .block-compare li.item { width : auto; overflow : hidden; border-top : dotted 1px #DDDDDD; padding : 0 10px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } .block-compare li.item:hover {background-color : #EEEEEE;} .block-compare li.item a {padding : .75em 0; display : inline-block;} .block-compare li.item:first-child {border-top : none;} .block-compare li.item .product-name {float : left; width : 87%;} .block-compare li.item .btn-remove {margin-top : 3px;} .block-compare li.item .btn-remove i {color : #AAAAAA;} .block-compare .actions button span {color : #FFFFFF;} .block-compare .actions button:hover > span {border-color : #EEEEEE;} .block-compare .actions button:hover span span {color : #AAAAAA; background-color : #FFFFFF;} /* Block: Poll */ .block-poll .block-content {padding-left : 0 !important;} .block-poll li {padding : .75em 5px; border-top : dotted 1px #DDDDDD;} .block-poll li:first-child {border-top : none;} .block-poll label {font-size : 1.083em; color : #666666; line-height : 1.583em;} .block-poll input.radio {float : left; margin : 4px 5px 0 1px; } .block-poll .label { display : block; float : left; width : 80%; } .block-poll .answer {float : left; width : 100%;} .block-poll .answer span {display : block; width : 140px;} .block-poll .votes {float : right; width : 70px; margin-top : -1.5em;} /* Block: Tags */ aside.sidebar .block-tags .block-content {padding-left : 0;} aside.sidebar .block-tags li {display : inline-block; margin-bottom : 2px;} aside.sidebar .block-tags li a { font-size : .91em !important; color : #888888; border : solid 1px #DDDDDD; display : inline-block; padding : .5em 10px; } aside.sidebar .block-tags li a:hover {color : #FFFFFF;} aside.sidebar .block-tags .actions {border : none;} aside.sidebar .block-tags .actions a {margin-top : 0; float : none;} /* Block: Reorder */ .block-reorder li {padding : .75em 5px; border-top : dotted 1px #DDDDDD;} .block-reorder li:first-child {border-top : none;} .block-reorder input.checkbox { float : left; margin : 0.27em 0 0; } .block-reorder .product-name { margin-left : 10px; float : left; width : 80%; } .block-reorder .actions button span {color : #FFFFFF;} .block-reorder .actions button:hover > span {border-color : #EEEEEE;} .block-reorder .actions button:hover span span {color : #AAAAAA; background-color : #FFFFFF;} /* Block: Banner */ .block-banner .block-content {padding : 0; text-align : center;} /* Block: Login */ .block-login label { font-weight : bold; color : #666666; } .block-login input.input-text { display : block; width : 167px; margin : 3px 0; } /* Paypal */ .sidebar .paypal-logo { display : block; margin : 0.75em 0 1.5em; text-align : center; } .sidebar .paypal-logo a { float : none; } /* newsletter */ .block-subscribe .form-subscribe-header label {display : block; font-size : 1em; color : #222222; padding-bottom : 1.5em;} .block-subscribe .input-box {width : 100%; margin-bottom : 1.5em} .block-subscribe .input-box input {height : 25px; width : 92%;} aside.sidebar .block-subscribe .actions {text-align : left;} /* ======================================================================================= */ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index : 2; } .isotope-hidden.isotope-item { pointer-events : none; z-index : 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration : 0.8s; -moz-transition-duration : 0.8s; -ms-transition-duration : 0.8s; -o-transition-duration : 0.8s; transition-duration : 0.8s; } .isotope { -webkit-transition-property : height, width; -moz-transition-property : height, width; -ms-transition-property : height, width; -o-transition-property : height, width; transition-property : height, width; } .isotope .isotope-item { -webkit-transition-property : -webkit-transform, opacity; -moz-transition-property : -moz-transform, opacity; -ms-transition-property : -ms-transform, opacity; -o-transition-property : top, left, opacity; transition-property : transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration : 0s; -moz-transition-duration : 0s; -ms-transition-duration : 0s; -o-transition-duration : 0s; transition-duration : 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } /* Category Page ========================================================================= */ .omega.product-shop .product-name p.price_range{ font-size: .91em; color: #AAAAAA; line-height: 1.583em; } .products-grid li.item .product-container:hover{ /*border: 1px solid rgba(151, 151, 151, 0.5);*/ border-radius: 4px; box-shadow: 0 0 5px 1px #ccc; padding: 0; } .catalog-category-view ul.products-grid.single-product .product-img-box.one-product-image:hover{ height: 361px;} .category-video-brochures-mailers .products-grid li.item .product-container:hover{ overflow: hidden;} .products-grid li.item .product-container .all_sample_listing{ padding:0px 10px;} /*.catalog-category-view .cateory-name:hover,.catalog-category-view .product-name-custom:hover, .catalog-category-view .product-description:hover, .catalog-category-view .product-container form:hover{ padding-left:10px; padding-right: 10px; } */ .block-vertical-nav ul{ border-top: 1px dashed rgba(0, 0, 0, 0.26);} .catalog-category-view header#header .top-cart .block-content .indent .inner-wrapper, .top-cart .block-content .indent .inner-wrapper{ box-shadow: none;} .catalog-category-view header#header .top-cart .mini-products-list li, header#header .top-cart .mini-products-list li { border: none;} .catalog-category-view header#header .top-cart .block-content .actions, header#header .top-cart .block-content .actions {border-top: 1px solid #ddd;padding-top: 24px;} .catalog-category-view .block.block-vertical-nav .block-content > ul > li.level0 > a, .block.block-vertical-nav .block-content > ul > li.level0 > a { font-size: 16px; line-height: 20px; margin-left: 12px; } .catalog-category-view .block.block-vertical-nav .block-content > ul > li.level0 > a span, .block.block-vertical-nav .block-content > ul > li.level0 > a span{ font-weight: 500; } .block.block-vertical-nav li { border-bottom: 1px dashed rgba(0, 0, 0, 0.26) !important; } .catalog-category-view .block-vertical-nav li.level-top.parent ul.level0 li ul.level2 a { font-size: 14px; line-height: 17px; color: #000000; font-weight: bold; font-family: Quicksand; font-style: normal; font-weight: 500; } .block-vertical-nav li.level-top.parent ul.level0 li ul.level2 a span{ font-weight: 500;} #categories-accordion .btn-cat i.fa.fa-minus-square-o{ width: 14.4px; height: 14.4px; color: #FF1341; } .catalog-category-view header#header .top-cart .block-content .subtotal, header#header .top-cart .block-content .subtotal { text-align: right;} .catalog-category-view .top-cart #topCartContent.block-content .actions button, .top-cart #topCartContent.block-content .actions button { float: right;} .catalog-category-view header#header .top-cart .block-content .mini-products-list .product-details .price, header#header .top-cart .block-content .mini-products-list .product-details .price{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 20px !important;line-height: 25px !important;color: #000000 !important; } .catalog-category-view header#header .top-cart .block-content .actions .button:hover span span, header#header .top-cart .block-content .actions .button:hover span span{ background: #EB1C24 !important;} /*#categories-accordion li.level-top.parent .btn-cat{display: block !important;} #categories-accordion.closed-default ul{ display: block !important;}*/ .catalog-category-view .product-container form{ display: flex; width: 100%; } .catalog-category-view .quantity{ display: flex; width: 60%; float: left; } .catalog-category-view .form-button.addToCart{ float: left; width: auto; } .catalog-category-view div#topCartContent.block-content, #topCartContent.block-content{ /*height: 275px;*/ width: 376px !important; } .catalog-category-view .cateory-name{ font-family: Quicksand;font-style: normal;font-weight: bold;font-size: 14px; line-height: 17px;text-transform: uppercase;color: #646464; margin-bottom: 7px; margin-top: 30px; height: 20px; } .catalog-category-view input{ width: 28px; height: 28px; padding: 0; margin: 0; font-size: 14px; color: #000000; cursor: pointer;} .catalog-category-view input.qty{ width: 28px; height: 26px; font-size: 14px; padding: 0; margin: 0; cursor: pointer;} .catalog-category-view input, .catalog-category-view input.qty { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;} .catalog-category-view .price-custom .price-box{ display: block !important; border: none !important; margin-left: 7px; margin-top: 3px; margin-right: 7px; /*position: absolute; right: 45%; bottom: 32px;*/ } .catalog-category-view .price-custom .price-box span{ font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 16px;line-height: 20px;text-align: center;color: #000000; } .catalog-category-view .form-button.addToCart{ width: 102px;display: block;padding: 0;height: 20px;font-family: Quicksand; font-style: normal;font-weight: bold;font-size: 16px; line-height: 20px;text-align: center;color: #EB1C24; padding: 4px 5px !important; cursor: pointer; } .catalog-category-view .main-container{ width: 1272px; margin: 0 auto;} /* .catalog-category-view .main-sample-page .products-grid .product-image img{ width: 100%;max-width: 100%;height: 227px !important; object-fit: cover !important;} */ .catalog-category-view .form-button.addToCart{ border: 1px solid #EB1C24; color: #EB1C24 !important; border-radius: 20px; background: transparent; } .catalog-category-view input{ background: #BADFF5; border: 1px solid #ddd !important; font-size: 20px; } .catalog-category-view input.qty{ width: 28px; height: 28px; background: none !important; font-size: 20px;} .catalog-category-view .quantity{ display: flex;} .catalog-category-view h2.product-name a{ display: block !important;} .catalog-category-view h2.product-name.pro-name-sample a{ display: none !important;} .catalog-category-view h2.product-name-custom a{font-family: Quicksand;font-style: normal;font-weight: bold;font-size: 18px; line-height: 18px;color: #000000;} .catalog-category-view h2.product-name-custom{ /*margin-bottom: 19px !important;*/ min-height: 50px;} .catalog-category-view .cateory-name span{ font-size: 16px; line-height: 24px; font-weight: 600; font-family: Poppins; font-style: normal; padding: 0px 2px;margin: -5px 0 0 0;} .cateory-name span{ padding: 0px 2px;} .catalog-category-view .product-description{font-family: Quicksand; font-style: normal;font-weight: 500;font-size: 14px; line-height: 20px;color: #000000; margin-bottom: 28px; min-height: 75px;} .catalog-category-view .add-cart{ float: right; margin-top: -30px;} .catalog-category-view header.page-title.category-title{ /*display: none;*/} .catalog-category-view .top-cart #topCartContent.block-content .product-name a, .top-cart #topCartContent.block-content .product-name a { font-family: Quicksand;font-style: normal;font-weight: 500;font-size: 16px; line-height: 20px;color: #000000;} .catalog-category-view .top-cart #topCartContent.block-content .actions .subtotal span, .top-cart #topCartContent.block-content .actions .subtotal span{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 20px;line-height: 25px;color: #000000; } .catalog-category-view .top-cart .price, .top-cart .price{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 20px !important;line-height: 25px !important; color: #000000 !important;} .catalog-category-view .top-cart #topCartContent.block-content .product-name, #topCartContent.block-content .product-name{ padding-right: 5px !important;} .catalog-category-view .top-cart #topCartContent.block-content .product-name .product-box{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 20px;line-height: 25px;color: #000000;} .catalog-category-view header#header .top-cart .block-content .actions a, header#header .top-cart .block-content .actions a { border: 1px solid #EB1C24 !important; padding: 5px 12px; border-radius: 20px; text-align: center; text-transform: capitalize; } header#header .top-cart .block-content .actions a span{ font-size: 14px; line-height: 20px; } .catalog-category-view .top-cart #topCartContent.block-content .actions a, .top-cart #topCartContent.block-content .actions a { width: auto;float: left;border: 1px solid #EB1C24 !important;border-radius: 20px; text-align: center;text-transform: capitalize;height: 18px;font-family: Quicksand !important; font-style: normal;font-weight: 500;font-size: 14px !important;line-height: 17px; text-align: center;color: #EB1C24 !important;} .catalog-category-view .top-cart #topCartContent.block-content .actions button, .top-cart #topCartContent.block-content .actions button { width: auto !important; border-radius: 20px; } .top-cart .block-content .actions .button span{ border: none !important; font-size: 14px; text-transform: capitalize;} .catalog-category-view .top-cart #topCartContent.block-content .actions button span, .catalog-category-view .top-cart #topCartContent.block-content .actions button span span, .top-cart #topCartContent.block-content .actions button span, .top-cart #topCartContent.block-content .actions button span span { border-radius: 25px; } .catalog-category-view header#header .top-cart .cart-price-qt, header#header .top-cart .cart-price-qt{ float: right;} .catalog-category-view header#header .top-cart .cart-price-qt strong, header#header .top-cart .cart-price-qt strong { font-size: 16px; line-height: 20px; margin-top: 10px; color: #000000;} .catalog-category-view .single-product li.item{ width: 100% !important; margin: 0 auto;} .catalog-category-view ul.products-grid.single-product .product-img-box.one-product-image{ width: 530px; float: left;} .catalog-category-view ul.products-grid.single-product .sample_listing{ width: 299px; float: left; position: relative; padding-left: 22px;} .catalog-category-view h2.product-name.one-product-name a{ display: none;} .catalog-category-view .sample_listing h2.product-name-custom.one-product-name a{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 18px;line-height: 18px;color: #000000; text-transform: capitalize;} .catalog-category-view .sample_listing{ font-family: Quicksand !important;font-style: normal !important;font-weight: bold !important; font-size: 14px !important;line-height: 17px;text-transform: uppercase;color: #646464; margin-bottom: 8px !important;} .sample_listing p.cateory-name.one-product-catname{ margin-bottom: 7px !important;} .sample_listing .product-description.one-product-desc{ font-family: Quicksand;font-style: normal;font-weight: 500;font-size: 14px; line-height: 20px;color: #000000;text-transform: capitalize; min-height: 166px;} .catalog-category-view ul.products-grid.single-product .sample_listing .form-button.addToCart{ font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; background: transparent !important;} .catalog-category-view header#header .top-cart .block-content .actions a:hover, header#header .top-cart .block-content .actions a:hover { color: #fff !important;} .catalog-category-view header#header .top-cart .block-content .actions .button span, header#header .top-cart .block-content .actions .button span{ border:none !important; font-size: 14px; text-transform: capitalize;} .catalog-category-view ul.products-grid.single-product .sample_listing .price-custom.one-product-price .price-box{} .price-custom.one-product-price .price-box span{ font-family: Quicksand;font-style: normal; font-weight: 500;font-size: 16px;line-height: 20px; text-align: center;color: #000000;} .catalog-category-view .single-product .product-img-box.one-product-image img{ object-fit: fill;width: 530px !important;height: 371px !important; } .catalog-category-view .sample_listing input{ width: 28px; height: 28px; font-size: 20px;} .catalog-category-view .sample_listing input.qty{ width: 28px; height: 28px; font-size: 20px;} .sample_listing .form-button.addToCart{ width: 90px;height: 20px;font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 16px;line-height: 20px;text-align: center;color: #EB1C24;flex: none; order: 0;flex-grow: 0;margin: 0px 10px; padding: 4px 10px;} #header .topline .grid_12{ margin: 0 !important; padding: 0 !important;} @media only screen and (min-width : 1440px) { .catalog-category-view .newsletter-customhh .actions .button {top: 47px !important;} } @media only screen and (max-width : 1366px) { .catalog-category-view .newsletter-customhh .actions .button{ top: 47px !important;} .catalog-category-view .container_12 .grid_9{ width: 930px;} .catalog-category-view .container_12 .grid_3{ width: 310px;} } @media only screen and (max-width : 1024px) { .catalog-category-view .main-container{ width: 100% !important;} .catalog-category-view .container_12 .grid_9{ width: 736px;} .catalog-category-view .container_12 .grid_3{ width: 222px;} .catalog-category-view .form-button.addToCart{ width:100px; font-size:12px; padding: 4px 3px !important; margin-left: 5px;margin-top: 0px;} .sample_listing .product-description.one-product-desc{ min-height: auto;} .catalog-category-view .price-custom .price-box{ margin-left:10px;} .catalog-category-view input, .catalog-category-view input.qty { /*width: 18px; height: 18px; font-size: 12px;*/ color: #000000} .catalog-category-view h2.product-name-custom a{ font-size: 12px;} } @media only screen and (max-width : 900px) { .products-grid li.item .product-container .all_sample_listing{ padding: 0 4px;} header#header .top-cart .block-content{ margin-top: 0px;} .catalog-category-view .container_12 .grid_9{ margin: 0 15px;} .catalog-category-view .container_12 .grid_3{ margin: 0 15px; height: auto;} .catalog-category-view .form-button.addToCart{ /*right: 3%;*/} .catalog-category-view .price-custom .price-box { /*right: 43%;bottom: 32px;*/} .catalog-category-view .products-grid{ margin: 0 16px !important;} } @media only screen and (max-width : 767px) { #custom-success-msg span{ font-family: Quicksand; color: #27AE60; text-align: center; font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px; } .catalog-category-view header#header .top-cart .block-content .indent, header#header .top-cart .block-content .indent { padding: 0 !important;} .catalog-category-view header#header .top-cart .block-content .indent .inner-wrapper, header#header .top-cart .block-content .indent .inner-wrapper{ padding: 10px 30px;} .catalog-category-view .account-cart-wrapper header#header .top-cart {} .catalog-category-view .account-cart-wrapper .top-cart.custom-sample{ margin-top: -44px; margin-right: -17px;} .catalog-category-view header#header .top-cart .block-content .mini-products-list, header#header .top-cart .block-content .mini-products-list {margin-bottom: 18px; overflow: hidden; } .catalog-category-view .quantity{ width: 67%;} header#header .top-cart .block-content .actions{ padding-top:50px;} .catalog-category-view h2.product-name-custom a{ font-size: 20px; line-height: 25px;} .catalog-category-view header#header .top-cart .block-content .actions a, header#header .top-cart .block-content .actions a {margin: 0px 20px;padding: 5px 12px;} .catalog-category-view header#header .top-cart .block-content, header#header .top-cart .block-content { width: 445px !important;} .catalog-category-view input, .catalog-category-view input.qty { width: 28px !important; height: 28px; font-size: 14px;} .catalog-category-view .form-button.addToCart{ width: 100px; font-size: 16px; line-height: 20px; padding: 4px 8px !important;} .catalog-category-view .price-custom .price-box{ margin-left: 24px; margin-top: 4px; /*right: 60% !important;bottom: 28px !important;*/} .catalog-category-view .container_12 .grid_9{ width: 100% !important; /*margin: 0 20px !important;*/} .catalog-category-view .container_12 .grid_3{ width: 95% !important; margin: 0 auto;} .catalog-category-view .products-grid .product-image img{ width: 100%; height: 100% !important;} .products-grid .product-image{ text-align: left !important;} .catalog-category-view .add-cart{ margin-right: 30px;} .products-grid li.item{ padding-bottom: 64px;} .catalog-category-view .top-cart #topCartContent.block-content .actions button{ top:10px; left: 80px !important;} .catalog-category-view header#header .top-cart .block-content{ width: 410px;right: 50%;margin-right: -140px;} .catalog-category-view header#header .top-cart .block-content .actions .button{ width: auto !important; /*float: none !important;*/} header#header .top-cart .block-content{ width: 410px !important;right: 50%;margin-right: -140px !important;} .catalog-category-view .actions .subtotal span{ font-family: Quicksand;font-style: normal;font-weight: bold; font-size: 20px;line-height: 25px;color: #000000;} .grid_9.col-main{ margin: 0 !important} .catalog-category-view .single-product .product-img-box.one-product-image img{ object-fit: fill;max-width: 100%;height: 240px !important; margin: 0 auto;text-align: center; /*max-width: 339px !important;*/} .single-product a.product-image.one-product-image{ text-align: center !important;} .catalog-category-view ul.products-grid.single-product .product-img-box.one-product-image{ width: 100% !important; float: none;} .catalog-category-view ul.products-grid.single-product .sample_listing .form-button.addToCart{ margin: 0 !important;} .catalog-category-view ul.products-grid.single-product .sample_listing .price-custom.one-product-price .price-box{ /*right: 40% !important;*/} .sample_listing .product-description.one-product-desc{ min-height: auto !important; margin-bottom: 30px;} .catalog-category-view ul.products-grid.single-product .sample_listing { padding-left: 15px !important;margin-top: 25px !important; width: 315px !important;} .catalog-category-view .cateory-name{ margin-top: 19px;} } /* .top-cart.custom-sample{ right: -40px !important;} */ #custom-success-msg { color: green; font-weight: bold; } @media only screen and (max-width : 410px) { .catalog-category-view .products-grid{ /*margin: 0 -15px !important;*/} .catalog-category-view header#header .top-cart .block-content { width: 405px !important;} .catalog-category-view .products-grid li.item .product-container{ padding: 0 !important;} } /* Category Page ends ========================================================================= */ .catalog-category-view .messages, .catalogsearch-result-index .messages, .catalogsearch-advanced-result .messages { position : absolute; top : 75px; z-index : 999; } .catalogsearch-advanced-result .page-title, .catalogsearch-result-index .page-title, .category-title {border-bottom : solid 4px #EEEEEE; margin-bottom : 1.5em;} .catalogsearch-advanced-result .page-title h1, .catalogsearch-result-index .page-title h1, .category-title h1 {font-size : 4em; line-height : 1.5em; color : #222222; font-weight : 400; margin-bottom : .5em;} .category-image { width : 100%; overflow : hidden; margin : 0 0 10px; text-align : center; } .category-description {margin : 0 0 2.5em; font-size : 14px; /* NAL 12-7-18 */ } #category-products-loader { position : fixed; top : 0; left : 0; width : 100%; height : 100%; background : rgba(0, 0, 0, 0.3); z-index : 99998; } #category-products-loader > div { position : absolute; top : 50%; left : 50%; background : #000000; background-color : rgba(0, 0, 0, 0.9); border-radius : 10px; display : inline-block; margin : -12px 0 0 -12px; padding : 10px; z-index : 99999; } span.label-new { position : absolute; left : 5px; top : 4px; padding : 0 7px; z-index : 9; color : #FFFFFF; text-align : center; text-transform : uppercase; font-size : .91em; font-weight : 700; } .products-grid .availability-only, .products-list .availability-only, div.label-sale { position : absolute; right : 5px; top : 4px; padding : 0 7px; min-width : 25px; z-index : 9; color : #FFFFFF; text-align : center; text-transform : uppercase; font-size : .91em; font-weight : 700; } div.label-sale.percentage { font-size : 1em; line-height : 2.5em; } div.label-sale.percentage span { display : block; height : auto; font-weight : normal; font-size : 0.75em; line-height : normal; position : relative; top : -10px; } .label-type-1 span.label-new, .label-type-1 div.label-sale, .products-grid.label-type-1 .availability-only, .products-list.label-type-1 .availability-only { border-radius : 50%; -moz-border-radius : 50%; height : 40px; line-height : 40px; } .label-type-2 span.label-new, .label-type-2 div.label-sale, .products-grid.label-type-2 .availability-only, .products-list.label-type-2 .availability-only { line-height : 33px; height : 33px; padding : 0 12px; } .label-type-2 div.label-sale.percentage { line-height : 2.1em; } .label-type-2 div.label-sale.percentage span {top : -9px;} .label-type-3 span.label-new, .label-type-3 div.label-sale, .products-grid.label-type-3 .availability-only, .products-list.label-type-3 .availability-only { padding : 0 8px 0 16px; border-radius : 0 0 0 100%; -moz-border-radius : 0 0 0 100%; } .label-type-3 span.label-new { padding : 0 16px 0 8px; border-radius : 0 0 100% 0; -moz-border-radius : 0 0 100% 0; } .label-type-3 div.label-sale.percentage span { left : 5px; top : -13px; } .label-type-4 span.label-new, .label-type-4 div.label-sale, .products-grid.label-type-4 .availability-only, .products-list.label-type-4 .availability-only { border-radius : 50px; -moz-border-radius : 50px; line-height : 33px; height : 33px; padding : 0 12px; } .label-type-4 div.label-sale.percentage { line-height : 2.1em; } .label-type-4 div.label-sale.percentage span {top : -9px;} .label-type-5 span.label-new, .label-type-5 div.label-sale, .products-grid.label-type-5 .availability-only, .products-list.label-type-5 .availability-only { line-height : 33px; height : 33px; padding : 0 10px 0 12px; } .label-type-5 div.label-sale, .products-grid.label-type-5 .availability-only, .products-list.label-type-5 .availability-only { padding : 0 12px 0 10px; } .label-type-5 div.label-sale.percentage { line-height : 2.1em; } .label-type-5 div.label-sale.percentage span {top : -9px;} .label-type-5 span.label-new:before, .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before { width : 0; height : 0; border-top : 17px solid; border-right : 8px solid transparent; content : ''; position : absolute; right : -8px; top : 0; } .label-type-5 .labels-sale-new span.label-new:before, .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before { right : auto; left : -8px; border-left : 8px solid transparent; } .label-type-5 span.label-new:after, .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after { width : 0; height : 0; border-bottom : 17px solid; border-right : 8px solid transparent; content : ''; position : absolute; right : -8px; bottom : 0; } .label-type-5 .labels-sale-new span.label-new:after, .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after { right : auto; left : -8px; border-left : 8px solid transparent; } .label-type-5 .labels-sale-new span.label-new { padding : 0 12px 0 10px; } .label-type-5 .labels-sale-new div.label-sale, .products-grid.label-type-5 .labels-sale-new .availability-only, .products-list.label-type-5 .labels-sale-new .availability-only {padding : 0 12px 0 10px;} .label-type-5 .labels-sale-new div.label-sale:before, .products-grid.label-type-5 .labels-sale-new .availability-only:before, .products-list.label-type-5 .labels-sale-new .availability-only:before, .label-type-5 .labels-sale-new div.label-sale:after, .products-grid.label-type-5 .labels-sale-new .availability-only:after, .products-list.label-type-5 .labels-sale-new .availability-only:after { border-right : 8px solid transparent; left : auto; right : -8px; } .labels-sale-new span.label-new { left : auto; right : 5px; } .labels-sale-new div.label-sale { right : auto; left : 5px; } /* View Type: Grid */ .products-grid { clear : both; list-style : none !important; padding : 0 !important; margin : 0; position : relative; margin : 0 -10px; } .products-grid.last { border-bottom : 0; } .products-grid li.item {float : left; padding : 0 0 3.667em; position : relative;} .products-grid.grid-2-columns li.item {width : 50%;} .products-grid.grid-2-columns li.item:nth-of-type(2n+1) {clear : left;} .products-grid.grid-3-columns li.item {width : 33.3%;} .products-grid.grid-3-columns li.item:nth-of-type(3n+1) {clear : left;} .products-grid.grid-4-columns li.item {width : 24.99%;} .products-grid.grid-4-columns li.item:nth-of-type(4n+1) {clear : left;} .products-grid.grid-5-columns li.item {width : 19.95%;} .products-grid.grid-5-columns li.item:nth-of-type(5n+1) {clear : left;} .products-grid.grid-6-columns li.item {width : 16.6%;} .products-grid.grid-6-columns li.item:nth-of-type(6n+1) {clear : left;} .products-grid.grid-7-columns li.item {width : 14.2%;} .products-grid.grid-7-columns li.item:nth-of-type(7n+1) {clear : left;} .products-grid.grid-8-columns li.item {width : 12.4%;} .products-grid.grid-8-columns li.item:nth-of-type(8n+1) {clear : left;} .products-grid li.item .product-container { padding-left : 10px; padding-right : 10px; } .products-grid .availability-only p, .products-list .availability-only p {display : inline-block; text-transform : none;} .products-grid.label-type-1 .availability-only, .products-list.label-type-1 .availability-only {line-height : 28px;} .products-grid.label-type-1 .availability-only p, .products-list.label-type-1 .availability-only p { display : block; line-height : normal; position : relative; top : -11px; } .products-list li.item .availability-only, .products-grid li.item .availability-only { position : absolute; top : 5px; right : 5px; z-index : 99; } .products-list li.item.labels-sale-new .availability-only, .products-grid li.item.labels-sale-new .availability-only { right : auto; left : 5px; } .widget-slider.two-products li.item, .products-grid.two-products li.item {width : 50%;} .widget-slider.three-products li.item, .products-grid.three-products li.item {width : 33.3%;} .widget-slider.four-products li.item, .products-grid.four-products li.item {width : 25%;} .widget-slider.five-products li.item, .products-grid.five-products li.item {width : 20%;} .widget-slider.six-products li.item, .products-grid.six-products li.item {width : 16.667%;} .widget-slider.seven-products li.item, .products-grid.seven-products li.item {width : 14.2%;} .widget-slider.eight-products li.item, .products-grid.eight-products li.item {width : 12.5%;} .widget-slider.seven-products li.item {width : 15%;} .products-grid.two-products li.item .product-container, .products-grid.three-products li.item .product-container, .products-grid.four-products li.item .product-container, .products-grid.five-products li.item .product-container, .products-grid.six-products li.item .product-container, .products-grid.seven-products li.item .product-container, .products-grid.eight-products li.item .product-container {margin : 0 10px;} .products-grid.two-products li.item:nth-of-type(2n+1), .products-grid.three-products li.item:nth-of-type(3n+1), .products-grid.four-products li.item:nth-of-type(4n+1), .products-grid.five-products li.item:nth-of-type(5n+1), .products-grid.six-products li.item:nth-of-type(6n+1), .products-grid.seven-products li.item:nth-of-type(7n+1), .products-grid.eight-products li.item:nth-of-type(8n+1) {clear : left;} .products-grid.two-products li.item:nth-of-type(2n), .products-grid.three-products li.item:nth-of-type(3n), .products-grid.four-products li.item:nth-of-type(4n), .products-grid.five-products li.item:nth-of-type(5n), .products-grid.six-products li.item:nth-of-type(6n), .products-grid.seven-products li.item:nth-of-type(7n), .products-grid.eight-products li.item:nth-of-type(8n) {clear : right;} .meigee-widget .products-grid {margin-left : -10px; margin-right : -10px;} .products-list .image-wrapper, .products-list .description-wrapper {float : left;} .products-list .image-wrapper .product-img-box {margin-right : 10px;} .products-list .description-wrapper .product-shop {margin-left : 10px;} .products-list .twenty {width : 20%;} .products-list .twenty-five {width : 25%;} .products-list .thirty {width : 30%;} .products-list .thirty-five {width : 35%;} .products-list .forty {width : 40%;} .products-list .forty-five {width : 45%;} .products-list .fifty {width : 50%;} .products-list .fifty-five {width : 55%;} .products-list .sixty {width : 60%;} .products-list .sixty-five {width : 65%;} .products-list .seventy {width : 70%;} .products-list .seventy-five {width : 75%;} .products-list .eighty {width : 80%;} .products-grid.widget-grid li.item .product-container { padding-left : 0; padding-right : 0; } .products-grid .product-img-box { margin : 0 0 0.75em; } .products-grid .product-image { position : relative; display : block; text-align : center; margin : 0; padding : 0; } .products-grid .product-image img {width : 100%;} .products-grid .product-name a {font-size : 1.16em; color : #222222; line-height : 1.583em; text-align : left; font-weight : 400; display : block;} .products-grid .price-box {margin-bottom : .75em; padding-bottom : 1em; border-bottom : solid 1px #DDDDDD;} .products-grid .price-box.map-info a {display : block;} .products-grid .actions button {margin-top : -0.42em;} .products-grid .add-to-links {display : inline-block; vertical-align : middle; line-height : 1;} .products-grid .add-to-links li {display : inline-block; line-height : 1; padding-right : 20px;} .products-grid .add-to-links li:last-of-type {padding : 0;} .products-grid .add-to-links li i {font-size : 1.16em; color : #AAAAAA;} .products-grid .add-to-links .separator { display : none; margin : 0 2px; } .products-grid .grid-desc {padding-top : 0.75em;} .products-grid li.item .button-holder {position : relative; display : inline-block; vertical-align : middle; padding-right : 20px;} .products-grid .regular-price .price, .products-grid .special-price .price, .products-grid .regular-price .price-currency, .products-grid .special-price .price-currency {line-height : 1;} /* View Type: List */ .products-list li.item { padding : 0 0 18px; position : relative;} .products-list li.item.last { border-bottom : 0; } .products-list .product-image { display : block; position : relative; text-align : center;} .products-list .product-name {margin-bottom : .75em;} .products-list .product-name a {font-size : 2em; line-height : 1.5em; font-weight : 400; color : #222222;} .products-list .price-box {margin-bottom : 1em; border-top : solid 1px #DDDDDD; border-bottom : solid 1px #DDDDDD; padding : .75em 0;} .products-list .price-box .price {vertical-align : middle; display : inline-block;} .products-list .price-box.map-info a {display : inline-block; margin-top : 1px;} .products-list .availability {float : right; margin : 0; padding : 1.33em 0 0 30px; font-weight : normal; color : #8A8A8A; font-size : 0.91em;} .products-list .desc {clear : both; margin-bottom : .75em; font-size : 1em; color : #888888; line-height : 1.5em;} .products-list .desc .link-learn {font-size : 1em; padding-left : 10px;} .products-list .add-to-links {display : inline-block; vertical-align : middle; line-height : 1;} .products-list .add-to-links li {display : inline-block; vertical-align : middle; line-height : 1; padding-left : 20px;} .products-list .add-to-links li:first-child {padding-left : 0;} .products-list .add-to-links i {vertical-align : middle; color : #AAAAAA; font-size : 1.16em;} .products-list .add-to-links .separator { display : none; margin : 0 2px; } .products-grid .ratings, .products-list .ratings {margin-bottom : .75em;} .products-grid .ratings .rating-box, .products-list .ratings .rating-box {float : left; margin-bottom : 5px; margin-top : 3px;} .products-grid .ratings .rating-links, .products-list .ratings .rating-links {font-size : 1em; float : left; color : #AAAAAA; padding : 0; clear : none} .products-grid .ratings {float : none;} .products-list li.item .product-img-box, .products-grid li.item .product-img-box { position : relative; display : block; background : #FFFFFF; border-style : solid; border-width : 0; transition : background-color 400ms ease; -moz-transition : background-color 400ms ease; -webkit-transition : background-color 400ms ease; -o-transition : background-color 400ms ease; } .products-list li.item .product-image span.image-box, .products-grid li.item .product-image span.image-box { position : absolute; width : 100%; height : 0%; top : 0; left : 0; opacity : 0; -webkit-transition : all 400ms ease; -o-transition : all 400ms ease; -moz-transition : all 400ms ease; } .products-list li.item .product-img-box .prod_cat, .products-grid li.item .product-img-box .prod_cat {position : absolute;bottom : 15px;left : 15px;font-weight : bold;opacity : 0;filter : alpha(opacity=0);font-size : .7em;text-transform : uppercase;} .products-list li.item:hover .product-img-box .prod_cat, .products-grid li.item:hover .product-img-box .prod_cat {opacity : 1;filter : alpha(opacity=1)} .products-list .product-image .hover-box, .products-grid .product-image .hover-box {overflow : hidden;} .products-list li.item .button-holder {position : relative; display : inline-block; vertical-align : middle; padding-right : 20px;} .products-list li.item .fancybox, .products-grid li.item .fancybox {position : absolute; left : 50%; top : 50%; margin-top : -9px; margin-left : -5px; opacity : 0;} .products-list li.item:hover .fancybox, .products-grid li.item:hover .fancybox {position : absolute; left : 50%; opacity : 1;} .mobile-device .fancybox, .mobile-device .fancybox {opacity : 1 !important;} header#header .products-list li.item .fancybox, header#header .products-grid li.item .fancybox {display : none;} .products-grid .btn-quick-view, .products-list .btn-quick-view { position : absolute; left : 0; bottom : 0; opacity : 0; filter : alpha(opacity=0); width : 100%; text-align : center; z-index : 10; display : block; transition : width .4s ease; -moz-transition : width .4s ease; -webkit-transition : width .4s ease; -o-transition : width .4s ease; width : 0; overflow : hidden; } .products-grid .btn-quick-view span, .products-list .btn-quick-view span { width : 100%; padding : 0; border : none; height : 30px; line-height : 30px; font-size : 1em; color : #FFFFFF; font-weight : normal; text-transform : none; } .products-grid .btn-quick-view span span, .products-list .btn-quick-view span span { opacity : 0; filter : alpha(opacity=0); transition : opacity .8s ease, background-color .8s; -moz-transition : opacity .8s ease, background-color .8s; -webkit-transition : opacity .8s ease, background-color .8s; -o-transition : opacity .8s ease, background-color .8s; } .products-grid .btn-quick-view span i, .products-list .btn-quick-view span i {font-size : 1.16em; line-height : 30px; margin-right : 9px;} .products-grid .btn-quick-view span span span, .products-list .btn-quick-view span span span { width : auto; height : auto; line-height : 2.4em; float : none; background : none !important; border : none !important; text-align : left; } .products-grid .out-of-stock-label, .products-list .out-of-stock-label { position : absolute; bottom : 0; left : 0; width : 100%; padding : 0.5em 0; color : #FFFFFF; text-transform : uppercase; text-align : center; background-color : #000000; background-color : rgba(0, 0, 0, 0.8); z-index : 999; } .products-grid .out-of-stock .price, .products-grid .out-of-stock .price-currency, .products-list .out-of-stock .price, .products-list .out-of-stock .price-currency { color : #CCCCCC; } .mobile-device .products-grid li.item .btn-quick-view, .mobile-device .products-list li.item .btn-quick-view, .products-grid li.item:hover .btn-quick-view, .products-list li.item:hover .btn-quick-view {opacity : 1; filter : alpha(opacity=100); width : 100%;} .mobile-device .products-grid li.item .btn-quick-view span span, .mobile-device .products-list li.item .btn-quick-view span span, .products-grid li.item:hover .btn-quick-view span span, .products-list li.item:hover .btn-quick-view span span {opacity : 1; filter : alpha(opacity=100);} .products-list .minimal-price, .products-list .minimal-price-link {margin-top : 5px;} .products-grid li.item .hover-image, .products-list li.item .hover-image { position : absolute; max-width : 100%; width : 100%; height : 100%; left : 0; top : 0; opacity : 0; z-index : 1; -moz-transition : opacity 500ms ease; -webkit-transition : opacity 500ms ease; -o-transition : opacity 500ms ease; transition : opacity 500ms ease; } .products-grid li.item .more-views-open .hover-image, .products-list li.item .more-views-open .hover-image { display : none; } .products-grid li.item .product-img-box:hover span.hover-image, .products-list li.item .product-img-box:hover span.hover-image { opacity : 1; filter : alpha(opacity=100);} .products-grid li.item .hover-image img, .products-list li.item .hover-image img {height : 100%;} .products-grid li.item:hover .hover-overlay .hover-image, .products-list li.item:hover .hover-overlay .hover-image { opacity : 0; filter : alpha(opacity=0); z-index : 1; } body.hover-effect.hover-scale .products-list li.item .product-image.hover-exists, body.hover-effect.hover-scale .products-grid li.item .product-image.hover-exists { overflow : hidden;} body.hover-effect.hover-scale .products-list li.item .product-image.hover-exists > img, body.hover-effect.hover-scale .products-grid li.item .product-image.hover-exists > img { -webkit-transform : scaleY(1); -moz-transform : scaleY(1); -o-transform : scaleY(1); -ms-transform : scaleY(1); transform : scaleY(1); -webkit-transition : all 0.5s ease-in-out; -moz-transition : all 0.5s ease-in-out; -o-transition : all 0.5s ease-in-out; -ms-transition : all 0.5s ease-in-out; transition : all 0.5s ease-in-out; position : relative; display : block; z-index : 1; } body.hover-effect.hover-scale .products-list li.item:hover .product-image.hover-exists > img, body.hover-effect.hover-scale .products-grid li.item:hover .product-image.hover-exists > img { -webkit-transform : scale(10); -moz-transform : scale(10); -o-transform : scale(10); -ms-transform : scale(10); transform : scale(10); opacity : 0; z-index : 2; } body.hover-effect.hover-scale .products-grid li.item:hover .hover-overlay .hover-image, body.hover-effect.hover-scale .products-list li.item:hover .hover-overlay .hover-image { opacity : 1; filter : alpha(opacity=100); } body.hover-effect.hover-scale .products-list li.item:hover .hover-overlay .product-image.hover-exists > img, body.hover-effect.hover-scale .products-grid li.item:hover .hover-overlay .product-image.hover-exists > img { opacity : 1; filter : alpha(opacity=100); -moz-transition : none; -webkit-transition : none; -o-transition : 0; transition : none; -webkit-transform : scaleY(1); -moz-transform : scaleY(1); -o-transform : scaleY(1); -ms-transform : scaleY(1); transform : scaleY(1); } /* ajax media */ .ajax-media-holder { overflow : hidden; padding : 6px; position : absolute; right : 0; top : 0; z-index : 999; opacity : 0; filter : alpha(opacity=0); -moz-transition : opacity 100ms ease; -webkit-transition : opacity 100ms ease; -o-transition : opacity 100ms ease; transition : opacity 100ms ease; } .mobile-device .products-grid li.item .ajax-media-holder, .mobile-device .products-list li.item .ajax-media-holder, .products-grid li.item:hover .ajax-media-holder, .products-list li.item:hover .ajax-media-holder { opacity : 1; filter : alpha(opacity=100); } .ajax-media-overlay { position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : rgba(0, 0, 0, 0.3); z-index : -1; opacity : 0; filter : alpha(opacity=0); -moz-transition : opacity 300ms ease; -webkit-transition : opacity 300ms ease; -o-transition : opacity 300ms ease; transition : opacity 300ms ease; } .ajax-media-overlay .loader { background : url(../images/fancybox/fancybox_loading.gif) center center no-repeat #000000; height : 44px; width : 44px; left : 50%; margin-left : -22px; margin-top : -22px; position : absolute; top : 50%; -moz-border-radius : 10px; border-radius : 10px; } li.item .loading .ajax-media-overlay, .product-image-gallery.loading .ajax-media-overlay { z-index : 9999; opacity : 1; filter : alpha(opacity=100); } .products-grid li.item .loading .quick-view-holder, .products-list li.item .loading .quick-view-holder, .products-grid li.item .loading .btn-quick-view, .products-list li.item .loading .btn-quick-view, .products-grid li.item .loading .ajax-media-button-holder, .products-list li.item .loading .ajax-media-button-holder { display : none; } .ajax-media-holder .more-views { padding : 0; position : relative; right : -100px; -moz-transition : right 300ms ease; -webkit-transition : right 300ms ease; -o-transition : right 300ms ease; transition : right 300ms ease; } .ajax-media-holder .more-views.show { right : 0; -moz-transition : right 300ms ease; -webkit-transition : right 300ms ease; -o-transition : right 300ms ease; transition : right 300ms ease; } .ajax-media-holder .more-views li { margin-right : 0; margin-bottom : 0.5em; float : none; } .ajax-media-holder .more-views li.last {margin-bottom : 0;} .ajax-media-holder .more-views li a { margin : 0; box-shadow : 0 0 3px rgba(0, 0, 0, 0.5); width : 44px; padding : 3px; background : #FFFFFF; } .mobile-device .products-grid li.item .more-views-mode .btn-quick-view, .mobile-device .products-list li.item .more-views-mode .btn-quick-view, .products-grid li.item:hover .more-views-mode button.btn-quick-view, .products-list li.item:hover .more-views-mode button.btn-quick-view { width : 50%; } .ajax-media-button-holder { position : absolute; right : 0; bottom : 0; width : 50.5%; text-align : center; z-index : 10; display : block; overflow : hidden; } .ajax-media-button-holder.no-quick-view {width : 100%;} .ajax-media-button-holder .ajax-media { height : 30px; display : block; line-height : 30px; color : #FFFFFF; right : -101%; position : relative; transition : background-color 400ms ease; -moz-transition : background-color 400ms ease; -webkit-transition : background-color 400ms ease; -o-transition : background-color 400ms ease; } .ajax-media-button-holder .ajax-media span { display : block; background-color : rgba(0, 0, 0, 0.1); transition : background-color 400ms ease; -moz-transition : background-color 400ms ease; -webkit-transition : background-color 400ms ease; -o-transition : background-color 400ms ease; } .ajax-media-button-holder .ajax-media span span { background : none !important; display : inline-block; } header#header .ajax-media-button-holder .ajax-media { color : #FFFFFF; } .mobile-device .products-grid li.item .ajax-media-button-holder .ajax-media, .mobile-device .products-list li.item .ajax-media-button-holder .ajax-media, .products-grid li.item:hover .ajax-media-button-holder .ajax-media, .products-list li.item:hover .ajax-media-button-holder .ajax-media { transition : right 400ms ease, background-color 400ms ease; -moz-transition : right 400ms ease, background-color 400ms ease; -webkit-transition : right 400ms ease, background-color 400ms ease; -o-transition : right 400ms ease, background-color 400ms ease; right : 0; } .ajax-media-button-holder .ajax-media:hover span { background-color : transparent; } .ajax-media-button-holder .ajax-media i { font-size : 1.16em; line-height : 30px; margin-right : 9px; } .add-to-links .link-compare span.add-to-loader, .add-to-links .link-wishlist span.add-to-loader { background : none; display : block; margin : 0; text-indent : 0; border : none; position : absolute; width : 17px; height : 17px; left : 18px; top : 10px; background-color : #FFFFFF !important; } .add-to-links .link-compare span.add-to-loader img, .add-to-links .link-wishlist span.add-to-loader img { left : 1px; top : 1px; position : relative; width : 80%; } /* infinity scroll */ .category-products .toolbar-bottom {position : relative;} .category-products .toolbar-bottom div.loader { opacity : 0; filter : alpha(opacity=0); width : 1%; height : 3px; left : 0; top : -1px; position : absolute; } .category-products.loading .toolbar-bottom div.loader { opacity : 1; filter : alpha(opacity=100); width : 100%; -moz-transition : width 10000ms ease; -webkit-transition : width 10000ms ease; -o-transition : width 10000ms ease; transition : width 10000ms ease; } .ias_trigger {text-align : center;} .ias_trigger a { display : block; padding : 2em 0; background : #EEEEEE; color : #AAAAAA; position : relative; margin-top : -1.5em; } .ias_trigger a span.text { position : relative; z-index : 999; } .ias_trigger a span.bg { width : 0; height : 100%; position : absolute; bottom : 0; left : 0; background : #DDDDDD; } .ias_trigger.active a span.bg { width : 100%; -moz-transition : width 10000ms ease; -webkit-transition : width 10000ms ease; -o-transition : width 10000ms ease; transition : width 10000ms ease; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin : 0; } .ratings { font-size : 0.91em; line-height : 1.25; margin : 0 0 1em; } .ratings strong { float : left; margin : 1px 3px 0 0; } .ratings .rating-links {display : inline-block; vertical-align : middle; margin-bottom : 0 !important; padding-top : 2px;} .ratings .rating-links .separator { margin : 0 2px; } .ratings .rating-links a {color : #AAAAAA; text-decoration : none; line-height : 1.44em;} .ratings .rating-links a:hover {text-decoration : none; color : #000000;} .rating-box {width : 65px; height : 9px;} .rating-box .rating {float : left; height : 9px;} .rating-box {display : inline-block; vertical-align : middle; margin-right : 5px;} .rating-box { position : relative; display : inline-block; line-height : 1; color : #CCCCCC; } .rating-box i {font-size : 9px; margin-right : 1px;} .rating-box span { position : absolute; color : #FFD322; top : 0; left : 0; height : 9px; overflow : hidden; } #footer .footer-bottom-wrapper ul.links li a{ line-height: 20px !important;} .ratings-table {margin : 0.5em 1.5em 1.5em 0;float : left;width : 15%;} .ratings-table th, .ratings-table td { font-size : 12px; line-height : 1.15; padding : 3px 0; } .ratings-table th { text-align : left; font-weight : normal; font-size : .91em;color : #646464;width : 100%;padding-right : 10px; } .ratings-table .rating-box { width : 45px; height : 6px; overflow : hidden; margin-top : 3px; } .ratings-table .rating-box i {font-size : 6px; margin-right : 0;} .ratings-table .rating-box .rating { height : 6px;} .ratings-table .rating-box span {color : #F7E335;} /* Availability */ .availability {font-size : .91em; color : #888888;} .availability.in-stock span {color : #3EBD00;} .availability-only i {line-height : 40px; font-size : 1.273em; margin-right : 2px;} .availability-only span { font-size : .91em; border-radius : 50%; -moz-border-radius : 50%; text-align : center; line-height : 40px; display : inline-block; background-color : #EEEEEE; color : #888888; padding : 0 6px; min-width : 28px; } .availability-only span:before { padding-right : 10px; margin-right : 5px; border-right : 1px solid #E71861;} .availability-only a {cursor : pointer;} .availability-only .expanded { background-position : 100% -15px; } .availability-only-details { margin : 0 0 7px; } .availability-only-details th { background : #F2F2F2; font-size : 10px; padding : 0 8px; } .availability-only-details td { border-bottom : 1px solid #DDDDDD; font-size : 11px; padding : 2px 8px 1px; } /********** < Product Prices */ .price { white-space : nowrap !important; } /**.col-main .price {font-size : 1.5em; line-height : 1em; font-weight : 100;}**/ .col-main .price {font-weight : 100;} /* Regular price */ .regular-price {display : inline-block; vertical-align : middle;} .regular-price .price, .regular-price .price-currency {font-size : 2em; font-weight : 300; line-height : 1.5em;} /* Old price */ .old-price {display : inline-block; vertical-align : middle; top : .4em; position : relative; padding-right : 5px;} .old-price span { display : inline-block; line-height : 1.7em; } .old-price .price-label { display : none; white-space : nowrap; } .old-price .price {font-size : 1.16em; line-height : 1.583em; text-decoration : line-through; font-weight : 300; color : #AAAAAA;} .std p.old-price {margin-bottom : 0;} /* Special price */ .special-price {display : inline-block; vertical-align : middle;} .special-price span { display : inline-block; line-height : 1.7em;} .special-price .price-label { display : none; font-weight : bold; white-space : nowrap; } .special-price .price, .special-price .price-currency {font-size : 2em; font-weight : 300; line-height : 1.5em;} .std p.special-price {margin-bottom : 0;} /* Minimal price (as low as) */ .minimal-price, .minimal-price-link {display : inline-block; vertical-align : middle;} .special-price + .minimal-price, .special-price + .minimal-price-link, .regular-price + .minimal-price, .regular-price + .minimal-price-link {float : right;} .minimal-price-link .label, .minimal-price .price-label {color : #AAAAAA; font-size : 1.16em; line-height : 1.583em; display : inline-block; vertical-align : middle; font-weight : 300;} .minimal-price-link .price, .minimal-price .price, .price-box .minimal-price .price-currency, .price-box .minimal-price-link .price-currency {font-size : 2em; line-height : 1em; display : inline-block; vertical-align : middle; font-weight : 300;} .std p.minimal-price {margin-bottom : 0;} /* Excluding tax */ .price-excluding-tax { display : block; } .price-excluding-tax .label { white-space : nowrap; } .price-excluding-tax .price { font-weight : normal; display : inline-block; line-height : 1.3em; } /* Including tax */ .price-including-tax { display : block; } .price-including-tax .label { white-space : nowrap; } .price-including-tax .price { font-weight : bold; display : inline-block; line-height : 1.3em; } /* Configured price */ .configured-price .price-label { font-weight : bold; white-space : nowrap; } .configured-price .price { font-weight : bold; } /* FPT */ .weee { display : block; font-size : 11px;} .weee .price { font-size : 11px; font-weight : normal; } /* Excl tax (for order tables) */ .price-excl-tax { display : block; } .price-excl-tax .label { display : block; white-space : nowrap; } .price-excl-tax .price { display : block; } /* Incl tax (for order tables) */ .price-incl-tax { display : block; } .price-incl-tax .label { display : block; white-space : nowrap; } .price-incl-tax .price { display : block; font-weight : bold; } /* Price range */ .price-from {display : inline-block; vertical-align : middle;} .price-from .price-label { display : none; white-space : nowrap; } .price-from .price, .price-from .price-currency {font-weight : 300; font-size : 2em; color : #AAAAAA; line-height : 1;} .std p.price-from {margin-bottom : 0;} .price-to {display : inline-block; vertical-align : middle;} .price-to:before {content : "-"; padding : 0 5px;} .price-to .price-label { display : none; white-space : nowrap; } .price-to .price {font-weight : 100; font-size : 2em; color : #AAAAAA; vertical-align : middle;} .std p.price-to {margin-bottom : 0;} /* Price notice next to the options */ .price-notice { padding-left : 10px; } .price-notice .price { font-weight : bold; } /* Price as configured */ .price-as-configured {display : inline-block; vertical-align : middle;} .price-as-configured .price-label { color : #AAAAAA; font-size : 1.16em; line-height : 1.583em; display : inline-block; vertical-align : middle; font-weight : 300; } .price-as-configured .price { font-size : 2em; line-height : 1.583em; display : inline-block; vertical-align : middle; font-weight : 300; } .bundle-box {overflow : hidden; margin-bottom : 15px; display : inline-block; vertical-align : middle;} .price-box-bundle .price-box {float : none; padding-right : 15px !important;} /********** Product Prices > */ /* Tier Prices */ .tier-prices {padding : 0 0 1.16em; color : #000000; margin : 0 0 1.5em;} .tier-prices .price { font-weight : bold; line-height : 1em; line-height : 1.3em;} .tier-prices .benefit { color : #E71861;} /* Add to Links */ .add-to-links li a {font-weight : normal;position : relative;} .add-to-links li a .ajax-loader-item {left : -1px;} .add-to-links .separator { display : none; } /* Add to Cart */ .add-to-cart label { float : left; margin-right : 5px; margin-top : 7px; display : none;} .add-to-cart button.button {float : left;} .add-to-cart button.button span {color : #FFFFFF;} .add-to-cart button.button:hover > span {border-color : #FFFFFF;} .add-to-cart button.button:hover span span {background-color : # #FF1341; color : #FFFFFF;} .add-to-cart .paypal-logo {clear : left; text-align : right;} .add-to-cart .paypal-logo .paypal-or { clear : both; display : block; padding : 5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin : 0 -55px 0 0; float : left;} /* Add to Links + Add to Cart */ .product-type-block {margin : 1.5em 0;} .add-to-box {float : left;} .add-to-box .add-to-cart { float : left; } .add-to-box .or { float : left; margin : 7px 10px 0; } .add-to-box .add-to-links { float : left; } .add-to-box .add-to-links li {display : block;} .product-view {position : relative;} .product-view .product-name {display : block; position : relative; padding-right : 40px; margin-bottom : 1.5em;} .product-view .product-name div.sku::selection {color : #FFFFFF;} .product-view .product-name div.sku::-moz-selection {color : #FFFFFF;} .product-view .grid_8 {position : relative;} .product-view .product-prev, .product-view .product-next {position : absolute; width : auto; height : auto; top : 1.5em; z-index : 8; color : #AAAAAA;} .product-view .product-prev span, .product-view .product-next span {font-size : 15px;} .product-view .product-prev {right : 20px;} .product-view .product-next {right : 0px;} .product-view .products-nav-buttons-indent .product-prev, .product-view .products-nav-buttons-indent .product-next { top : -45px; } .product-view .product-brand { overflow : hidden; border-bottom : 1px solid #EEEEEE; padding-bottom : 15px; margin-bottom : 15px; } .product-view .product-brand.description .brand-img { float : left; margin : 0 20px 10px 0; } .product-view aside .product-brand.description { text-align : center;} .product-view aside .product-brand.description .brand-img { float : none; margin : 0 0 10px 0; } .product-view .product-name.no-rel {border-bottom : dotted 1px #DDDDDD; padding-bottom : 1.5em;} .product-view .addthis_toolbox .addthis_button_pinterest_pinit { clear : both; margin-top : 18px; } .product-view .product-img-box #wrap {z-index : 7 !important; margin-bottom : 1.5em;} .product-view .product-img-box .fancybox-product { position : absolute; bottom : 9%; right : 4%; z-index : 9999; opacity : 0; filter : alpha(opacity=0); -moz-transition : opacity 300ms ease; -webkit-transition : opacity 300ms ease; -o-transition : opacity 300ms ease; transition : opacity 300ms ease; display : none; } .product-view .product-img-box .fancybox-product.active {display : block;} .product-view .product-img-box .img-holder:hover .fancybox-product, #more-views-slider-2 li:hover .fancybox { opacity : 1; filter : alpha(opacity=100); } .product-essential .product-image .img-holder {position : relative; padding-bottom : 1.5em;} .zoomContainer {left : 0; top : 0;} .zoomContainer:hover {background : #FFFFFF;} .product-view .bundled-price {display : none;} .product-view .fb-like {margin-left : 10px; margin-right : 10px; margin-bottom : 1em;} .product-view .product-custom .fb-like ~ div {vertical-align : top !important; width : 80px !important;} .product-view .product-custom .twitter-share-button { min-width : 100px !important; width : 100px !important; } .product-view .product-shop .no-rating {border-bottom : dotted 1px #DDDDDD; padding-bottom : 1.5em;} .product-view .product-shop .product-name h1 {font-size : 3.333em; line-height : 1.125em; color : #222222; font-weight : 400; margin : 0; letter-spacing : -2px;} .product-view .product-shop .sku {font-size : .91em; color : #AAAAAA; line-height : 1.583em;} .product-view .product-shop .ratings {margin-top : -3px; padding-bottom : 1.5em; border-bottom : dotted 1px #DDDDDD;} .product-view .product-shop .product-box {padding-bottom : 1.16em; border-bottom : 1px solid #989898; margin-bottom : 2.34em;} .product-view .product-shop .product-box .ratings {float : left; padding-top : 0.83em;} .product-view .product-shop .product-box .ratings .rating-box {margin-right : 50px; margin-top : 0;} .product-view .product-shop .product-box .ratings .rating-links {float : left; margin-top : 0;} .product-view .product-shop .product-box .ratings .rating-links a {display : inline;} .product-view .product-shop .product-box .ratings .rating-links .separator {display : inline;} .product-view .product-shop .product-box .no-rating {float : left; padding-top : 5px;} .product-view .product-shop .availability-only {position : absolute; right : 0; margin : 0;} .product-view .product-shop p {margin-bottom : 1em;} .product-view .product-shop .old-price {line-height : 2.5em; margin : 0;} .product-view .product-shop .special-price {margin : 0;} .product-view .product-shop .price-box {display : inline-block;} .product-view .product-shop .availability {display : inline-block; vertical-align : middle; float : right; margin : 0; min-height : 40px; line-height : 40px;} .product-view .product-shop .availability.only {padding-right : 60px;} .product-view .product-shop .availability.left {min-height : 1px; line-height : 1.583em;} .product-view .product-shop .price-block {border-bottom : dotted 1px #DDDDDD; padding-bottom : 1em; margin-bottom : 1.5em;} .product-view .product-shop .bundle-box, .product-view .product-shop .bundle-box .price-box {margin-bottom : 0; min-height : 1px; line-height : 1.25;} .product-view .product-shop .bundle-box .price-box p {margin-bottom : 0;} .product-view .product-shop .bundle-box + .availability {line-height : 1.5em;} .product-view .product-shop .bundle-box .price-box-bundle .price-box p {margin-bottom : 0.2em;} .product-view .product-shop .bundle-box .price-as-configured {margin-bottom : 0.75em;} .product-view .product-shop .bundle-box .price-as-configured .price-label { line-height : 1.67em;} .product-view .product-shop .short-description {font-size : 1em; margin-bottom : 1.5em; line-height : 1.5em; padding-bottom : 1.5em; border-bottom : dotted 1px #DDDDDD;} .product-view .product-shop .short-description h2 {margin-bottom : 9px; padding-bottom : 9px; border-bottom : 1px solid #E5E5E5; font-size : 1.5em; line-height : 1.44em; color : #605D5D;display : none;} .product-view.out-of-stock .product-shop .price-block .price, .product-view.out-of-stock .product-options-bottom .price {color : #CCCCCC;} .product-view .short-description ul, .product-view .short-description ol { padding : 2em 0 0.75em; list-style-type : none; list-style-position : inherit; } .product-view .product-collateral ul li, .product-view .product-collateral ol li, .product-view .short-description ul li, .product-view .short-description ol li { line-height : 2em; position : relative; padding-left : 11px; } .product-view .product-collateral ul li:before, .product-view .product-collateral ol li:before, .product-view .short-description ul li:before, .product-view .short-description ol li:before { content : ''; width : 3px; height : 3px; position : absolute; left : 0; top : 11px; background : #888888; -moz-border-radius : 5px; border-radius : 5px; } .product-view .short-description ul li, .product-view .short-description ol li, .product-view .short-description ul a, .product-view .short-description ol a {color : #888888;} .product-view .product-collateral ul.meigee-tabs li, .product-view .product-collateral ul.product-tags li, .product-view .product-collateral ul.products-grid li, .product-view .product-collateral ol.products-grli li { padding-left : 0; } .product-view .product-collateral ul.meigee-tabs li:before, .product-view .product-collateral ul.product-tags li:before, .product-view .product-collateral ul.products-grid li:before, .product-view .product-collateral ol.products-grli li:before { display : none; } .product-view .product-shop .add-to-links-box {float : left;} .product-view .add-to-links, .product-view .add-to-links li {display : inline-block; vertical-align : middle; line-height : 37px;} .product-view .add-to-links .link-compare span.add-to-loader, .product-view .add-to-links .link-wishlist span.add-to-loader {top : 0;} .email-friend {display : inline-block; vertical-align : middle; line-height : 37px; margin-bottom : 0 !important;} .email-friend i, .product-view .product-shop .add-to-links-box i {font-size : 1.16em; vertical-align : middle; color : #AAAAAA; margin-left : 20px;} .product-view .product-shop .product-bottom-box .product-custom {float : right; margin-top : 1em; min-width : 138px;} .product-view .price-box .price-from .price-label, .product-view .price-box .price-to .price-label, .product-view .price-box .price-as-configured .price-label {line-height : 1.2em;} .product-view .price-box .price-from { line-height : 1.1em; } .product-view .bundle-box .price-box-bundle {margin-bottom : 2px;} .product-essential {padding-bottom : 0em;} /*Changed from 4.5em to 0em*/ .product-collateral .box-collateral em, .product-collateral .box-collateral i {font-style : italic;} .product-collateral .box-collateral strong, .product-collateral .box-collateral b {font-weight : bold;} .product-collateral .box-collateral .form-add {width : 50%;} .product-collateral .box-collateral .form-add input {padding : 9px 6px 8px; color : #AAAAAA;} .product-collateral h2 { font-size : 0.91em; font-weight : normal; line-height : 1.44em; margin-bottom : 0; margin-top : 1.5em; color : #AAAAAA; text-transform : uppercase; } .product-collateral .box-collateral ul, .product-collateral .box-collateral ol { padding : 1em 0; } .product-collateral .box-collateral ul li, .product-collateral .box-collateral ol li { line-height : 2em; position : relative; } .product-collateral .box-collateral ul li, .product-collateral .box-collateral ol li, .product-collateral .box-collateral ul a, .product-collateral .box-collateral ol a {color : #888888;} .product-collateral .box-collateral .product-name {padding : 0; margin : 0;} .product-collateral .box-collateral .price-box {border : none; padding : 0; display : block;} .review-product-list .product-image {border : 1px solid #DADADA;} .review-product-list .product-view .pager .limiter {padding : 10px 0;} .jp-container { width : 100%; overflow : hidden; } .jp-container a { width : 100%; display : block; margin-bottom : 1em; } .jp-container a img {width : 100%;} /* Add to cart and Cart/Wishlist Quantity decrease/increase buttons */ div.quantity-decrease, div.quantity-increase {float : left; border : none; padding : 0; margin : 0; white-space : nowrap; cursor : default;} div.quantity-decrease i, div.quantity-increase i {font-size : 1.16em; vertical-align : middle; cursor : pointer; color : #AAAAAA; line-height : 37px;} div.quantity-increase {margin-right : 18px; margin-bottom : 0.75em;} /* Timer */ .timer-box {margin : .5em 0 .75em; display : none;} .timer-box.no-days .days {display : none;} .timer-box > div {float : left; font-style : italic; color : #DD1313;} .timer-box .title {font-size : .91em; color : #222222; margin-right : 2px; text-transform : uppercase;} .timer-box > div:after {content : ":"; display : inline-block;} .timer-box .seconds:after {content : none;} .timer-wrapper {border : solid 1px #DD1313; float : left; padding : 1.5em 20px 1em;} .product-options-bottom .timer-wrapper {border : none;} .timer-wrapper .title, .timer-wrapper .timer-box > div.title, .timer-wrapper.full .timer-box > div.title {font-size : 1.083em; color : #222222; float : none; text-align : left;} .timer-wrapper .timer-box > div.title:after {font-size : 1.083em;} .timer-wrapper .timer-box > div {font-style : normal; font-size : 2em;} .timer-wrapper.full .timer-box > div {font-size : 1em;} .timer-wrapper.full .timer-box > div {text-align : center; font-style : normal; min-width : 54px; position : relative; margin-right : 10px;} .timer-wrapper.full .timer-box > div:after, .timer-wrapper.full .timer-box > div.seconds span:after {content : none;} .timer-wrapper.full .timer-box > div.seconds {margin-right : 0;} .timer-wrapper.full .timer-box > div span:after, .timer-wrapper.full .timer-box > div.title:after {content : ":"; display : inline-block; position : absolute; right : -12px;} .timer-wrapper.full .timer-box > div.title:after {position : static;} .timer-wrapper.full .timer-box > div span {font-size : 4em; display : block; line-height : 1em; min-width : 54px;} .product-view .timer-box {margin-top : 1.5em;} .timer-wrapper.full .timer-box > div span {line-height : .85;} .timer-wrapper.full .timer-box > div strong {font-size : .91em; color : #666666;} /* More Views */ .more-views {position : relative;} .more-views.slider-on {opacity : 0; filter : alpha(opacity=0);} .more-views h2 {display : none;} .more-views li { float : left; margin-left : 0px; margin-bottom : 0.75em; margin-right : 5px;} .more-views #more-views-slider li {margin : 0;} .more-views li a {padding : 0; display : block; width : 79px; margin-right : 18px;} .more-views li a img {width : 100%;} .productpage_small .more-views #more-views-slider li {width : 93px;} .productpage_small .more-views #more-views-slider li a {margin-right : 22px; margin-left : 5px;} .productpage_small + .product-shop .availability {padding : 0; min-height : 1px; line-height : 1.5em;} .productpage_small .more-views .prev {left : 46.5%;} .productpage_small .more-views .next {right : 46.5%;} .productpage_medium .more-views .prev {left : 45.7%;} .productpage_medium .more-views .next {right : 45.7%;} .productpage_large .more-views #more-views-slider li {width : 103px;} .productpage_large .more-views #more-views-slider li a {width : auto; margin-right : 15px; margin-left : 1px;} .productpage_extralarge .more-views #more-views-slider li {width : 125px;} .productpage_extralarge .more-views #more-views-slider li a {margin-right : 14px; margin-left : 2px; width : auto;} .productpage_extralarge {margin-bottom : 1.5em;} .productpage_extralarge .more-views .next {right : 45.9%;} .productpage_extralarge .more-views .prev {left : 45.9%;} .product-view .productpage_extralarge .more-views.slider-on {margin-bottom : 3em;} .product-essential .product-image {position : relative; width : 100%;} .more-views .prev, .more-views .next { position : absolute; display : block; cursor : pointer; z-index : 999; text-align : center; top : auto; bottom : -30px; display : none; } .more-views .prev {left : 44.6%;} .more-views .next {right : 44.6%;} .more-views .prev i, .more-views .next i, .block-related .prev i, .block-related .next i, .product-view .product-prev i, .product-view .product-next i { font-size : 1.667em; color : #888888; width : 20px; height : 20px; text-align : center; line-height : 20px; } .more-views .prev:after, .block-related .prev:after, .product-prev:after { content : "\7C"; font-size : 1.5em; font-weight : bold; line-height : 17px; height : 15px; color : #DDDDDD; } .productpage_large .more-views .prev {left : 44.6%;} .productpage_large .more-views .next {right : 44.6%;} .block-related .left-divider, .block-related .right-divider {margin-top : .75em;} #more-views-slider-2 {margin-bottom : 1.5em;} #more-views-slider-2 ul.carousel-ul li a {display : block;} #more-views-slider-2 ul.carousel-ul li a.fancybox { bottom : auto; opacity : 1; position : static; right : auto; -moz-transition : none; -webkit-transition : none; -o-transition : 0; transition : none; } #more-views-slider-2 .prev, #more-views-slider-2 .next { position : absolute; display : block; z-index : 9999; opacity : 1; filter : alpha(opacity=0); cursor : pointer; text-align : center; top : 50%; margin-top : -20px; } #more-views-slider-2 .prev i, #more-views-slider-2 .next i { font-size : 1.5em; line-height : 40px; font-weight : bold; color : #AAAAAA; width : 40px; height : 40px; } #more-views-slider-2 .prev i:hover, #more-views-slider-2 .next i:hover {color : #222222; background-color : #EEEEEE;} #more-views-slider-2 .prev {left : 0;} #more-views-slider-2 .next {right : 0;} .mobile-device #more-views-slider-2 .prev, .mobile-device #more-views-slider-2 .next, #more-views-slider-2:hover .prev, #more-views-slider-2:hover .next {opacity : 1; filter : alpha(opacity=100);} #more-views-slider-2.slider-off { height : auto !important; } #more-views-slider-2.slider-off .carousel-ul { -moz-transform : none !important; -ms-transform : none !important; -webkit-transform : none !important; -o-transform : none !important; transform : none !important; } #more-views-slider-2.slider-off .carousel-ul li { position : relative !important; -moz-transform : none !important; -ms-transform : none !important; -webkit-transform : none !important; -o-transform : none !important; transform : none !important; } /* Block: Related */ .block-related {position : relative;} .block-related .block-title {margin-bottom : 1em;} .block-related .block-title strong {padding : 0 9px; float : left; margin : 0 -2px 0 -3px; white-space : nowrap; line-height : normal;} .block-related .block-title strong span {font-size : 1.16em; font-weight : 700; color : #222222; text-transform : uppercase;} .block-related .block-content {background : #FFFFFF; padding : 0; width : 100%;} .block-related .block-content .block-subtitle {margin-bottom : 0.9em; padding : 0; text-align : center;} .block-related .block-content .block-subtitle a {color : #222222; font-weight : 700;} .block-related .price-box {margin-bottom : 10px;} .block-related li.item {float : left; width : 298px; border-bottom : solid 1px #DFDFDF;} .related-wrapper {position : relative; margin-bottom : 2.5em; z-index : 1;} .related-wrapper #block-related-slider {padding-bottom : 2em;} .related-wrapper .block-related .prev, .related-wrapper .block-related .next {bottom : 0;} .related-wrapper .no-slider li.item {margin-bottom : 1.5em;} .related-wrapper-bottom {margin-bottom : 2.333em;} .related-wrapper-bottom .block-related .block-title {margin-bottom : 1.5em; width : 100%; overflow : hidden;} .related-wrapper-bottom .block-related .block-title strong span {font-size : 2.5em; font-weight : 400;} .related-wrapper-bottom .block-related li.item {width : 195px; border : none;} .related-wrapper-bottom .block-related li.item .product {padding-left : 10px; padding-right : 10px;} .related-wrapper-bottom .block-related .prev, .related-wrapper-bottom .block-related .next { opacity : 0; filter : alpha(opacity=0); top : 40%; bottom : auto; transition : opacity .8s ease; -moz-transition : opacity .8s ease; -webkit-transition : opacity .8s ease; -o-transition : opacity .8s ease; } .related-wrapper-bottom .block-related .prev {left : -50px;} .related-wrapper-bottom .block-related .next {right : -50px;} .related-wrapper-bottom .block-related:hover .next, .related-wrapper-bottom .block-related:hover .prev, .mobile-device .related-wrapper-bottom .block-related .prev, .mobile-device .related-wrapper-bottom .block-related .next {opacity : 1; filter : alpha(opacity=100);} .related-wrapper-bottom .block-related .prev:after {content : none;} .related-wrapper-bottom .block-related .prev i, .related-wrapper-bottom .block-related .next i {color : #AAAAAA; font-size : 1.5em; font-weight : bold; height : 40px; width : 40px; text-align : center; line-height : 40px;} .related-wrapper-bottom .block-related .prev i:hover, .related-wrapper-bottom .block-related .next i:hover {background-color : #EEEEEE; color : #222222;} .block-related li .related-checkbox {position : absolute; right : 0; top : 5px; margin : 0;} .block-related .product-image {display : block; float : none; margin : 0 auto .75em; text-align : center;} .block-related .product-name {margin-bottom : 0; padding : 0; display : block;} .block-related .product-name a {line-height : 1.583em; font-size : 1.16em; color : #222222; font-weight : 400; max-width : 93%; display : inline-block;} .block-related .product .product-details { margin : 0; position : relative;} .block-related .product .product-details .product-name {float : left; padding-right : 25px; margin-bottom : 9px !important;} .block-related .product .product-details input.checkbox {float : right;} .block-related .product .product-details .price-box {clear : both; float : none; margin-bottom : 1.5em;} .block-related .product .product-details .price-box .price-label {font-size : 1em; font-weight : normal; line-height : 1.83em;} .block-related .product .product-details .price-box .price {line-height : 1;} .block-related .product .product-details .link-wishlist {font-weight : normal;} .block-related .minimal-price {float : none;} .block-related #block-related-slider {height : auto !important;} .block-related .prev, .block-related .next { position : absolute; display : block; z-index : 999; bottom : -30px; cursor : pointer; } .block-related .prev {left : 42.7%;} .block-related .next {right : 42.7%;} aside .block-related .no-slider li.item {float : none; width : auto;} aside .block-related .block-content { position : relative; padding-top : 20px; padding-bottom : 20px;} aside .block-related .block-content .block-subtitle { background-color : #EEEEEE; padding : 7px 0; margin : 0;} aside .block-related .prev, aside .block-related .next { top : 0; bottom : auto; } /* Product Options */ .product-options {padding : 1.5em 20px; border : solid 1px #EEEEEE;} .product-options .product-options-title {margin-bottom : 1em; width : 100%; overflow : hidden;} .product-options .product-options-title h2 { display : block; float : left; margin : 0; color : #222222; font-weight : 700; font-size : 1.16em; line-height : 1.5em; text-transform : uppercase; padding-right : 10px; } .product-options .product-options-title .left-divider, .product-options .product-options-title .right-divider { margin-top : 1em; } .product-options dt {clear : both;} .product-options dt:first-child {padding-top : 0;} .product-options label {font-weight : normal; font-size : .91em; color : #222222;} .product-options dl {margin-bottom : 1.5em;} .product-options dt .qty-holder { float : right; } .product-options .qty-holder label { vertical-align : middle; float : left;} .product-options dt .qty-disabled { background : none; border : 0; padding : 3px; color : #000000; } .product-options .qty-holder input.qty {width : 35px !important;} .product-options dd { margin : 0.2em 0 1em; width : 100%; overflow : hidden; } .product-options dd .input-box {margin-bottom : 0; width : 65%;} .product-options dd .input-box input[type="file"] {margin-bottom : 1.5em;} .product-options dd input.datetime-picker { width : 150px; } .product-options dd .time-picker { display : -moz-inline-box; display : inline-block; padding : 2px 0; vertical-align : middle; } .product-options dd input.input-text { width : 98%;} .product-options dd textarea { width : 95%; height : 8em; } .product-options dd select { width : 96%;} .product-shop .product-options dd select {width : 100%;} .product-shop .product-options dd .input-box {width : 100%;} .product-options select.super-attribute-select, .product-options select.product-custom-option {padding-top : 5px; padding-bottom : 5px; padding-right : 5px; height : auto;} .product-options select.super-attribute-select option[disabled="disabled"] {display : none;} .product-options .options-list {margin-bottom : 0.75em;} .product-options .options-list input.radio { float : left; margin : 3px -18px 0 0; } .product-options .options-list input.checkbox { float : left; margin : 3px -20px 0 0; } .product-options .options-list .label { display : block; margin-left : 20px; font-size : .92em;} .product-options ul.validation-failed { padding : 0 7px; } .product-options .sbSelector {background : #FFFFFF;border-color : #DDDDDD;border-radius : 0;-moz-border-radius : 0;} .product-options .sbSelector:hover, .product-options .sbHolder .sbToggleOpen + .sbSelector {border-color : #EEEEEE;background-color : #EEEEEE;color : #AAAAAA;} .product-options .sbSelector:hover > span, .product-options .sbHolder .sbToggleOpen + .sbSelector > span {border-top-color : #AAAAAA;} .product-options .sbSelector > span {margin-right : 0;line-height : 1.8em;font-size : .91em;} .product-options .sbOptions {padding : 0;width : 100%;top : 29px !important;border : none;background-color : #EEEEEE;} .product-options .sbOptions li:hover {background-color : #DDDDDD} .product-options .sbOptions li a {line-height : 2.8em;padding : 0 15px;} .product-options-bottom {border : 1px solid #EEEEEE; background-color : #EEEEEE; border-top : 0; padding : 1.5em 20px; margin-bottom : 3em;} .product-shop .product-options-bottom {margin : 0 0 .75em;} .product-options-bottom .price-box {display : block !important; clear : both;} .product-options-bottom .add-to-links {line-height : 36px;} .product-options-bottom .add-to-links i {margin-right : 20px;} .product-options-bottom i {font-size : 1.16em; color : #AAAAAA; vertical-align : middle;} .product-view .product-options-bottom .add-to-links .link-compare span.add-to-loader, .product-view .product-options-bottom .add-to-links .link-wishlist span.add-to-loader {left : 0;} .product-options-bottom .add-to-cart {display : inline-block; margin-right : 15px;} .product-options-bottom .price-box .price-as-configured .price-label { line-height : 1.67em; } .product-view .product-options-bottom .email-friend {padding : 0;} .product-view .product-options-bottom .email-friend a i {margin-left : 0; line-height : normal;} .product-options-bottom .price-box {margin-bottom : 0.75em !important;} .product-options-bottom .tax-details {display : block; margin-bottom : 1em;} .product-options-bottom .add-to-cart label {display : none;} .product-custom {padding-top : 1em; padding-bottom : 1em;} .product-custom.after-info-column {padding-top : 0;} .product-options .price-notice {padding-top : 1px; display : inline-block;} .product-options .price {font-weight : normal; color : #888888; font-size : 1em; display : inline-block; padding-left : 1px;} .product-options .qty-holder {line-height : 3.3em; display : block; margin-top : 5px;} #product-attribute-specs-table th.label {text-align : left; padding-top : 1.5em;} /* Grouped Product */ .product-view .grouped-items-table {position : relative; top : 1em; clear : both; margin-bottom : 1.5em;} .product-view .grouped-items-table .quantity-box {width : 67px;} .product-view .grouped-items-table + script + .availability {display : none;} /* Block: Upsell */ .product-view .box-up-sell .products-grid li.item {width : 183px; padding-bottom : 18px;} .product-view .box-up-sell .products-grid .product-image {margin-bottom : 9px;} .product-view .box-up-sell .products-grid .product-name {padding-bottom : 0; border : none;} .product-view .box-up-sell .products-grid .price-box {float : none;} .product-view .box-up-sell .products-grid .ratings {text-align : left; float : left; margin : 0; border : none; padding : 0;} .product-view .box-up-sell .products-grid .ratings .rating-box {float : none; margin : 0 0 10px;} .product-view .box-up-sell .products-grid .ratings .rating-links {float : none; display : block;} /* Block: Tags */ .product-view .box-tags h3 {margin-bottom : 5px;} .product-view .box-tags .product-tags {margin-bottom : 10px; padding : 0;} .product-view .box-tags .product-tags li {padding-right : 5px;} .product-view .box-tags .form-add label {display : block; margin-bottom : 5px;} .product-view .box-tags .form-add .input-box { float : left; width : 83%; margin : 0 0 1.5em; padding-bottom : 1.5em; border-bottom : solid 1px #DDDDDD;} .product-view .box-tags .form-add input.input-text {width : 97%; max-width : 99%; padding : 9px 6px 8px;} .product-view .box-tags .form-add button {float : none; clear : both; display : block; margin-bottom : .75em;} .product-view .box-tags p {clear : both;} .product-view .box-tags ul.product-tags li { display : inline;} /* Block: Reviews */ .review-title h2 {display : none;} .catalog-product-view .box-reviews {padding : 0 0 0.75em 0; background-color : #FFFFFF;} .catalog-product-view .box-reviews.full-table {padding-bottom : 3.667em;} .catalog-product-view .box-reviews .rating-subtitle { margin-bottom : 1.5em; width : 100%; overflow : hidden; } .catalog-product-view .box-reviews .rating-subtitle .left-divider, .catalog-product-view .box-reviews .rating-subtitle .right-divider { display : block; float : left; margin-top : 0.8em; } .catalog-product-view .box-reviews .rating-subtitle h2 { font-size : 1.16em; font-weight : 700; line-height : 1.583em; color : #222222; text-transform : uppercase; padding : 0 10px; display : block; float : left; margin : 0 -2px 0 -3px; vertical-align : middle; } .catalog-product-view .box-reviews .box {border : none; padding : 0;} .catalog-product-view .box-reviews .review {float : left;border-left : solid 1px #DFDFDF;padding-left : 1.5em;width : 73%;} .catalog-product-view .box-reviews .data-table {margin-top : 1.5em;} .catalog-product-view .box-reviews .data-table thead {background-color : #AAAAAA;} .catalog-product-view .box-reviews .data-table thead th { background : none; border : none; padding : .5em 9px;} .catalog-product-view .box-reviews .data-table thead th span {text-indent : 100%; white-space : nowrap; overflow : hidden; width : 41px; margin : 0 auto; background-image : url(../images/review_stars.png); background-repeat : no-repeat;} .catalog-product-view .box-reviews .data-table thead th span.one-star {background-position : center 6px;} .catalog-product-view .box-reviews .data-table thead th span.two-stars {background-position : center -31px;} .catalog-product-view .box-reviews .data-table thead th span.three-stars {background-position : center -67px;} .catalog-product-view .box-reviews .data-table thead th span.four-stars {background-position : center -101px;} .catalog-product-view .box-reviews .data-table thead th span.five-stars {background-position : center -133px;} .catalog-product-view .box-reviews .data-table th { text-align : left; background : none;} .catalog-product-view .box-reviews .data-table td {text-align : center; padding : .75em 12px; border-color : #E5E5E5;} .catalog-product-view .box-reviews .data-table td input.radio { margin : 0;} .catalog-product-view .box-reviews .data-table tbody th {padding : .75em 12px; font-size : .91em; border-color : #E5E5E5;} .catalog-product-view .box-reviews .form-list label {color : #222222; font-size : .91em; line-height : 1.5em;} .catalog-product-view .box-reviews .form-list em {color : #222222;} .catalog-product-view .box-reviews .form-list .field {float : left;width : 48%;margin-left : 24px;} .catalog-product-view .box-reviews .form-list .field:first-child {margin-left : 0;} .catalog-product-view .box-reviews .form-add h3 {color : #888888; font-size : .91em; font-weight : normal;} .catalog-product-view .box-reviews .form-add h3 span {font-weight : bold; font-size : 1.091em;} .catalog-product-view .box-reviews .form-add h4 {color : #666666; font-size : .91em; font-weight : normal;} .catalog-product-view .box-reviews .form-add .form-list {margin : 1.5em 0;} .catalog-product-view .box-reviews .form-add .form-list .input-box { width : 100%;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea {width : 93%; padding : 5px 10px;font-size : .91em; color : #AAAAAA; border-color : #DFDFDF;} .catalog-product-view .box-reviews .form-add .form-list textarea {width : 96%; padding : 5px 11px;} .catalog-product-view .box-reviews .pager { overflow : hidden;} .catalog-product-view .box-reviews .pager .limiter { float : right;} .catalog-product-view .box-reviews ul li {margin-bottom : 1.98em;} .catalog-product-view .box-reviews ul li h6 {font-size : 1em; padding : 0; margin-bottom : 3px;} .catalog-product-view .box-reviews ul li h6 a {font-weight : 700; color : #444444; font-size : 1em; line-height : 1.5em;} .catalog-product-view .box-reviews ul li small {display : block; margin-bottom : 4px; font-size : .83em; color : #AAAAAA;} .catalog-product-view .box-reviews ul li small span {padding-right : 5px;} .catalog-product-view .box-reviews ul.form-list li {margin : 0 0 .5em; padding : 0;} .catalog-product-view .box-reviews .form-add {margin-top : 0;} .catalog-product-view .box-reviews .review-txt {font-size : .91em;} .catalog-product-view .box-reviews .full-review {float : right; display : block; cursor : pointer;color : #FFFFFF;width : 10px;height : 10px;text-align : center;line-height : 10px;border-radius : 10px;-moz-border-radius : 10px;} .catalog-product-view .box-reviews .full-review i {line-height : 8px;font-size : 7px;} .catalog-product-view .box-reviews .full-review i.fa-sort-desc {line-height : 2em;} .catalog-product-view .box-reviews .actions {text-align : right; border-top : solid 1px #DFDFDF; padding-top : 1.5em;} .catalog-product-view .box-reviews .box {margin-bottom : .5em;} .catalog-product-view .box-reviews.full-table fieldset, .catalog-product-view .box-reviews.full-table .review-fields {display : inline-block; width : 48%;} .catalog-product-view .box-reviews.full-table .review-fields {float : right;} /* Product Collateral Accordion */ .product-collateral h2 { border : solid 1px #DDDDDD; margin-top : 0.5em; margin-bottom : 0; text-transform : uppercase; font-weight : 700; color : #AAAAAA; font-size : 1.16em; background-color : #DDDDDD; line-height : 1.583em; padding : .583em 20px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } #collateral-accordion.product-collateral h2 {cursor : pointer;} #collateral-accordion.product-collateral h2.active, #collateral-accordion.product-collateral h2:hover {background-color : #FFFFFF; color : #222222;} .product-collateral h2:first-child {margin-top : 0;} .product-collateral .box-collateral {border : solid 1px #DDDDDD; padding : 1.5em; font-size : 1em; line-height : 1.5em; color : #888888; border-top : none;} .product-collateral {padding : 1.5em 0 4.5em; border-bottom: dotted 1px #DDDDDD;} /* Meigee Tabs */ .meigee-tabs {width : 100%; overflow : hidden; margin : 0 !important;} .meigee-tabs li { float : left; list-style : none; border : solid 1px #DDDDDD; background-color : #DDDDDD; margin-left : 1px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } .meigee-tabs a { display : block; padding : .583em 15px; font-size : 1.16em; line-height : 1.583em; font-weight : 700; text-transform : uppercase; color : #AAAAAA; position : relative; } .meigee-tabs .first {margin-left : 0;} .meigee-tabs .active {border-bottom-color : #FFFFFF;} .meigee-tabs .active, .meigee-tabs li:hover {background-color : #FFFFFF;} .meigee-tabs .active a, .meigee-tabs li:hover a {color : #222222; background : #FFFFFF; z-index : 99;} .meigee-tabs-content {padding : 1.5em; border : solid 1px #DDDDDD; margin-top : -1px; font-size : 1em; color : #888888; line-height : 1.5em;} .meigee-tabs-content h2 {display : none;} .meigee-tabs-content .box-collateral {padding : 0; border : none;} .product-essential .meigee-tabs li { height : 30px; } .product-essential .meigee-tabs a { font-size : 1.01em; text-transform : none; padding : 5px; height : 20px; } .product-essential .meigee-tabs-content { padding : 10px; } .product-essential .product-collateral { padding : 0.5em 0 0.5em; } .product-essential .product-collateral h2 { text-transform : none; margin-top : 0.5em; font-size : 1.01em; line-height : 1.583em; padding : .3em 10px; } .vertical {padding : 0; position : relative; border : 1px solid #DDDDDD; border-left : none; border-right : none;} .vertical:after { position : absolute; bottom : 0; left : 297px; content : ''; width : 1px; height : 100%; background : #DDDDDD; } .vertical .holder {position : relative;} .vertical .holder:before, .vertical .holder:after { position : absolute; bottom : 0; left : 0; content : ''; width : 1px; height : 100%; background : #DDDDDD; z-index : 999; } .vertical .holder:after { left : auto; right : 0; } .vertical .meigee-tabs li { display : block; float : none; margin : 0; background : #FFFFFF; border : none; } .vertical .meigee-tabs .active { border-bottom-color : #DDDDDD; border-right : 0; } .vertical .meigee-tabs .active a, .vertical .meigee-tabs li:hover a { background : #DDDDDD; } .vertical .meigee-tabs-content {border : none; padding : 1.5em 18px 1.5em 0;} .vertical .meigee-tabs-content#product_tabs_upsell_products_contents {padding-right : 0;} .vertical #upsell-product-table.products-grid {margin-left : auto; margin-right : auto;} .product-view .vertical .box-up-sell li:nth-of-type(5n+1) { clear : none !important; } .product-view .vertical .box-up-sell li:nth-of-type(4n+1) { clear : left !important; } .product-view .vertical .box-up-sell .products-grid li.item { width : 223px; } .product-collateral .vertical .box-collateral .form-add { width : 100%; } .product-essential .product-shop .vertical .meigee-tabs a { padding : 0.583em 15px; font-size : 1.16em; height : auto; text-transform : uppercase; } .product-essential .product-shop .vertical .meigee-tabs li { height : auto; } .product-essential .product-shop .vertical:after {display : none;} .product-essential .product-shop .vertical .holder > div {width : 100%; margin : 0;} .product-essential .product-shop .vertical .meigee-tabs {margin-bottom : 1.5em !important;} .product-essential .product-shop .vertical .meigee-tabs .active {border-right : 1px solid #DDDDDD;} .product-essential .product-shop .vertical .meigee-tabs-content { padding-left : 18px; padding-right : 18px; } .product-essential .product-shop .vertical .box-up-sell .products-grid li.item { width : 143px; margin : 0 10px; } .product-essential .product-shop .vertical .meigee-tabs {border-bottom : 1px solid #DDDDDD;} .product-essential.productpage_small .product-shop .vertical .box-up-sell .products-grid li.item {width : 100%;} .product-essential.productpage_small .product-shop .vertical .meigee-tabs-content { padding-left : 10px; padding-right : 10px; } .product-essential.productpage_small .product-shop .vertical #product-attribute-specs-table th { padding-left : 5px; padding-right : 5px; } .product-essential.productpage_small .product-shop .vertical #product-attribute-specs-table td { padding-left : 5px; padding-right : 5px; } .product-essential.productpage_small.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item { width : 138px !important; } .product-essential.productpage_large .product-shop .vertical .box-up-sell .products-grid li.item { margin : 0 10px !important; width : 167px; } .product-essential.productpage_large .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(2n+1) { margin-left : 0 !important; } .product-essential.productpage_large .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(2n+2) { margin-right : 0 !important; } .product-essential.productpage_large.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item { margin : 0 10px !important; width : 188px; } .product-essential.productpage_large .product-shop .vertical .box-up-sell .products-grid li.item {width : 100%; margin : 0 !important;} .product-essential.productpage_extralarge .product-shop .vertical .box-up-sell .products-grid li.item { width : 216px !important; margin : 0 10px !important; } .product-essential.productpage_extralarge .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(2n+1) { clear : none !important; } .product-essential.productpage_extralarge .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(3n+1) { margin-left : 0 !important; clear : left !important; } .product-essential.productpage_extralarge .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(3n+3) { margin-right : 0 !important; } .product-essential.productpage_extralarge.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item {margin : 0 10px !important; width : 220px !important;} .product-essential.productpage_extralarge.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(3n+1) { clear : none !important; margin-left : 10px !important; } .product-essential.productpage_extralarge.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(3n+3) { margin-right : 10px !important; } .product-essential.productpage_extralarge.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(4n+1) { clear : left !important; margin-left : 0 !important; } .product-essential.productpage_extralarge.no-sidebar .product-shop .vertical .box-up-sell .products-grid li.item:nth-of-type(4n+4) { margin-right : 0 !important; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name {font-weight : normal; margin-bottom : 0.375em; font-size : 1em; line-height : 1;} .product-name a {font-style : normal; font-size : 1em; text-decoration : none;} .product-name a:hover {text-decoration : none;} /* Product Tags */ .tags-list {margin : 0;} .tags-list li { display : inline; } .tags-list li a {color : #666666; padding : 0 3px;} .tags-list li a:hover {color : #000000;} /* Advanced Search */ .advanced-search ul li label {float : none;} .advanced-search-amount {padding : 0 0 5px;} .advanced-search-summary { background : #EEEEEE; padding : 18px; margin-bottom : 18px;} .advanced-search-summary ul li { font-size : 1.2em; line-height : 1.5em; } .advanced-search-summary strong { font-weight : bold; color : #333333; } .advanced-search-summary p { padding-top : 20px; margin-bottom : 0; } .advanced-search .separator {display : inline-block; vertical-align : middle;} .advanced-search .input-range small {display : inline-block; vertical-align : middle;} /* CMS Home Page */ .cms-home .meigee-tabs-content {padding-bottom : 26px;} /* 404 Page */ .cms-no-route header#header .logo, .cms-no-route header#header .quick-access, .cms-no-route header#header .form-language, .cms-no-route header#header .form-currency, .cms-no-route header#header .topline, .cms-no-route footer#footer .footer-topline, .cms-no-route footer#footer .footer-second-line .grid_12 > div, .cms-no-route footer#footer .footer-second-line hr, .cms-no-route footer#footer .store-switcher, .cms-no-route footer#footer ul.social-links {display : none !important;} .quick-access{ display: block !important; } .cms-no-route footer#footer .footer-second-line > .container_12 {padding-top : 0 !important; padding-bottom : 0 !important;} .cms-no-route footer#footer .footer-second-line, .cms-no-route footer#footer .footer-second-line > .container_12, .cms-no-route footer#footer .footer-second-line ul.links li:before, .cms-no-route footer#footer .footer-second-line .footer-links li a, .cms-no-route footer#footer .footer-bottom-wrapper, .cms-no-route footer#footer .footer-bottom-wrapper .container_12, .cms-no-route header#header, .cms-no-route header#header > .container_12, .cms-no-route header#header .form-search .indent {background : none !important;} .cms-no-route footer#footer .footer-second-line .grid_12 .footer-links {display : block !important;} .cms-no-route footer#footer .f-left, .cms-no-route footer#footer address {float : none !important; text-align : center;} .cms-no-route header#header .header-top-right {float : none !important; text-align : center;} .cms-no-route header#header {text-align : center;} .cms-no-route header#header #search_mini_form {width : 424px; margin : 0; background : rgba(255, 255, 255, .2); padding : .66em 0; border : none;} .cms-no-route header#header .form-search .indent {border : none !important; padding : .5em 18px;} .cms-no-route header#header .form-search button span i {font-size : 2.33em; color : #FFFFFF;} .cms-no-route header#header .form-search input {width : 93%; border-color : transparent; border-width : 2px; height : 20px; font-size : 14px; color : #FFFFFF; padding : 5px 6px;} .cms-no-route .page-not-found {text-align : center; padding : 6em 0 10em;} .cms-no-route .page-not-found h2 {font-size : 25em; font-weight : 300; letter-spacing : -30px; margin-bottom : 0; line-height : 1;} .cms-no-route .page-not-found h3 {font-size : 5em; font-weight : 300; letter-spacing : -4px; margin-bottom : 0; text-transform : uppercase;} .cms-no-route .page-not-found p {font-size : 1.16em; line-height : 1.5em; margin-bottom : .75em; letter-spacing : -.5px; font-weight : 300;} .cms-no-route .page-not-found .button {margin-top : 2em;} .cms-no-route .page-not-found .button > span {height : 52px; background : none;} .cms-no-route .page-not-found .button span span {font-size : 16px; letter-spacing : -.5px; padding : 0 28px; line-height : 52px;} .cms-no-route .page-not-found > * {position : relative;} .cms-no-route .header-wrapper {position : relative; z-index : 2; padding-top : 6em;} .cms-no-route .page-not-found .not-found-bg {position : fixed; left : 0; right : 0; top : 0; bottom : 0; width : 100%; height : 100%; background-repeat : no-repeat; background-size : cover;} .cms-no-route #footer .footer-links li:before {display : inline-block; margin-top : -2px;} body.cms-no-route .container_12 {background : none !important} /* Sitemap */ .page-sitemap .links { text-align : left; margin : 0 8px 0 0; } .page-sitemap .links a {text-decoration : none; position : relative; color : #8E8F91; -moz-transition : all 0.5s ease; -webkit-transition : all 0.5s ease; -o-transition : all 0.5s ease;} .page-sitemap .links a:hover {text-decoration : none; color : #AA2118;} .page-sitemap .sitemap { margin : 0.75em 12px 0.75em; } .page-sitemap .sitemap li { margin : 0.25em 0; } .page-sitemap .sitemap li.level-0 { margin : 0.75em 0 0; font-weight : bold; } .sales-guest-form .col-main .block-content .form-alt li {padding-bottom : 9px; width : 100%; overflow : hidden;} .sales-guest-form .col-main .block-content .guest-select {width : 100%;} /* RSS */ .rss-title h1 { background : url(../images/i_rss-big.png) 0 4px no-repeat; padding-left : 27px; } .rss-table .link-rss { display : block; line-height : 1.35; background-position : 0 2px; } .contacts-index-index .form-list li.wide textarea {width : 755px;} #contactForm ul {list-style-type : none;} /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title {margin-bottom : 1.5em; border-bottom : solid 4px #EEEEEE; padding : 1.5em 0;} .cart .page-title > div {float : left;} .cart .page-title h1 {font-size : 3em; line-height : 1em; color : #222222; font-weight : 400; display : inline-block; vertical-align : middle;} /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title { cursor : pointer; } #cart-accordion .accordion-content { padding : 0; margin-bottom : 0; } #cart-accordion .accordion-content h2 { display : none; } /* Checkout Types */ .cart .checkout-types {float : right; text-align : right; display : inline-block; vertical-align : middle;} .cart .title-buttons .checkout-types li { float : left; margin : 0 0 0px 5px; } .cart .checkout-types .paypal-or { margin : 0 8px; line-height : 2.3; } .cart .totals .checkout-types .paypal-or { clear : both; display : block; padding : 3px 55px 8px 0; line-height : 1.0; font-size : 11px; } .cart .sbSelector {color : #888888;border-color : #DDDDDD;} .cart .subtotal-label {display : none;} /* Shopping Cart ========================================================================= */ /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title { cursor : pointer; border : solid 1px #DDDDDD; margin-top : 1.5em; margin-bottom : 0; text-transform : uppercase; font-weight : 700; color : #AAAAAA; font-size : 1.16em; background-color : #DDDDDD; line-height : 1.583em; padding : .583em 20px; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } #cart-accordion h3.accordion-title:hover, #cart-accordion h3.accordion-title.active {background-color : #FFFFFF; color : #444444;} #cart-accordion .accordion-content { border : solid 1px #DDDDDD; padding : 1.5em; font-size : 1em; line-height : 1.5em; color : #888888; border-top : none; } #cart-accordion .accordion-content h2 { display : none; } #cart-accordion .accordion-content .crosssell li.item {width : 288px;} #cart-accordion .accordion-content .crosssell li.item .product-name a {font-size : 1.16em; line-height : 1.583em; color : #222222; font-weight : 400;} /* Checkout Types */ .cart .checkout-types { float : right; text-align : right; } .cart .checkout-types li { float : left; margin : 0 0 5px 5px; } .cart .checkout-types .paypal-or { margin : 0 8px; line-height : 2.3; } .cart .totals .checkout-types .paypal-or {clear : both; display : block; padding : 1em 0 0px 0; text-align : center; line-height : 1.583em; font-size : .91em; color : #AAAAAA;} .iwdbutton button.button:hover > span, .cart .btn-proceed-checkout:hover > span {border-color : #EEEEEE;} .iwdbutton button.button:hover span span, .cart .btn-proceed-checkout:hover span span {color : #AAAAAA; background-color : #FFFFFF;} .iwdbutton button.button span span, .cart .btn-proceed-checkout span span {color : #FFFFFF;} /* Shopping Cart Table */ .cart-table {margin : 0 0 2em;} .cart-table .link-wishlist { white-space : nowrap; display : block;} .cart-table .cart-edit {padding-left : 13px;} .cart-table .item-msg { font-size : 10px; } .cart-table .buttons-row .buttons button.button { margin-right : 5px; float : right;} .cart-table .buttons-row button.btn-continue span, .my-wishlist .buttons-set .btn-update span {border-color : #222222; background-color : #222222; color : #FFFFFF;} .cart-table .item-options {float : left;} .cart-table .buttons-row .buttons button.button.btn-update { margin-right : 0px;} .cart-table .buttons-row .buttons button.btn-continue, .my-wishlist .buttons-set .btn-update {margin-right : 5px;float : left;} .cart-table .quantity-box {width : 81px;} .cart-table .qty {float : left;} .cart-table .product-name {float : none;} .cart-blocks-title {margin-bottom : 1em; text-align : center; width : 100%; overflow : hidden;} .cart-blocks-title .left-divider, .cart-blocks-title .right-divider { margin-top : 0.8em; } .cart-blocks-title h2 { font-size : 1.16em; line-height : 1.583em; color : #222222; font-weight : 700; text-transform : uppercase; display : block; float : left; vertical-align : middle; margin : 0 -2px 0 -3px; padding : 0 7px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float : left; width : 700px; } .cart .cart-collaterals .shipping-form, .cart .cart-collaterals .discount-form {width : 45%;} .cart .cart-collaterals .discount-form .input-box input {width : 95%;} .cart .cart-collaterals .shipping-form .form-list input {width : 95.8%;} #cart-accordion .crosssell {margin-top : 0;} #crosssell-products-list {width : 100%; overflow : hidden;} .crosssell li.item {float : left; margin-bottom : 0; margin-top : 0; padding : 0;} .crosssell .product-image {float : none; width : auto;} .crosssell .product-image img {width : 100%;} .crosssell .product-details {width : auto; padding-top : 10px; float : none;} .crosssell .minimal-price, .crosssell .minimal-price-link {padding-top : 4px;} /* Section Crosssell */ section .crosssell li.item {float : none; padding-bottom : 1.5em;} section .crosssell .product-image {display : inline-block; width : 86px; margin-right : 20px;} section .crosssell .product-details {display : inline-block; width : 63%;} section .crosssell .product-details .product-name {margin-bottom : 3px;} section .crosssell .product-details .product-name a {font-size : 1.16em; color : #222222; font-weight : 400;} section .crosssell .product-details .regular-price .price, section .crosssell .product-details .special-price .price, section .crosssell .product-details .regular-price .price-currency, section .crosssell .product-details .special-price .price-currency {font-size : 1.5em; line-height : 1.583em;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount header, .cart .shipping header {padding-bottom : 0;} .cart .discount .discount-form {overflow : hidden;} .cart .discount label {display : block; margin : 0 0 1em 0; color : #666666; font-size : .91em; line-height : 1.5em;} .cart .discount .input-box {width : 100%; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : solid 1px #DDDDDD;} .cart .discount .input-box input {width : 92%; padding : 5px 11px; font-size : .91em; color : #AAAAAA; height : 22px;} .cart .grid_4 .discount .input-box input, .cart .grid_4 .shipping .form-list input {width : 94%;} .cart .shipping .form-list .input-box {width : 100%;} .cart .discount .buttons-set {clear : none; text-align : left; padding : 0; margin : 0;float : left} .cart .discount .buttons-set button {float : none;margin : 0;} #cart-accordion .discount {margin-bottom : 0;} #cart-accordion .discount .cart-blocks-title {display : none;} .cart .shipping p {font-size : .91em; color : #666666; line-height : 1.583em; margin-bottom : 1em;} .cart .shipping .form-list {margin : 0;} .cart .shipping .form-list label, .cart .shipping .sp-methods dt {color : #666666; font-weight : normal; font-size : .91em;} .cart .shipping .form-list select, .cart .shipping .form-list input {width : 87%; padding : 5px 11px; font-size : .91em; color : #AAAAAA; height : 22px;} .cart .shipping .form-list select {width : 100%; height : 33px; padding : 5px 11px;} .cart .shipping .sp-methods {margin : 1em 0;} .cart .shipping .sp-methods label {line-height : 1.8em;} .cart .shipping .buttons-set {clear : none; float : none; padding : 1.5em 0 0; margin : 1.5em 0 0; text-align : left; border-top : solid 1px #DDDDDD;} .cart .shipping .buttons-set button { float : none; margin : 0;} /* Shopping Cart Totals */ .cart .totals {padding : 0;} .cart .totals-wrapper {border-bottom : solid 1px #EEEEEE;} .cart .totals table { width : 100%; } .cart .totals table th, .cart .totals table td {color : #888888; font-size : .65em; line-height : 1.583em; border-bottom : dotted 1px #EEEEEE;} .cart .totals table td {padding : 1em 0;} .cart .totals table td.a-right {padding-left : 12px;} .cart .totals table th { font-weight : bold; } .cart .totals table .price {font-size : 0.91em; line-height : 1.583em; color : #EC5D5D; font-weight : bold} .cart .totals .checkout-types {padding : 1.5em 0;} .cart .totals .checkout-types li {padding-bottom : 1em; float : none; margin : 0;} .cart .totals .checkout-types li a {color : #444444; font-size : .91em; line-height : 1.583em;} .cart .totals .checkout-types .paypal-logo {margin-bottom : 0; text-align : center;} .accordion-content .discount, .accordion-content .shipping, .accordion-content .crosssell {border-bottom : none;} /**/ .cart .totals.totals-accordion { float : none; overflow : hidden; border : 1px solid #DDDDDD; margin-top : 1.5em; padding : 1.25em 24px 0.42em; } .cart .totals.totals-accordion .checkout-types {float : left; padding-top : 0; text-align : center;} .cart .totals.totals-accordion .checkout-types li {padding-left : 0; float : none; text-align : left;} .cart .totals.totals-accordion table { width : auto !important; float : right; position : relative; margin : 0; line-height : 1.57em; } /* Options Tool Tip */ #checkout-review-table .item-options {display : block; clear : both;} .item-options dt { font-weight : bold;} .item-options dt:after {content : ":";} .item-options dt, .item-options dd {font-style : italic; display : block;} .item-options dd {color : #222222;} .truncated { padding-top : 10px; } .truncated .truncated_full_value .item-options > p { font-weight : bold; text-transform : uppercase; } .truncated .show .item-options { top : -20px; left : 50%; } .col-left .truncated .show .item-options { left : 30px; top : 7px; } .col-right .truncated .show .item-options { left : -240px; top : 7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ /**.sp-methods dt {font-weight : bold; margin-bottom : .75em;}**/ .sp-methods dt {font-weight : bold;} .sp-methods .price {font-weight : normal; } .sp-methods label .price {margin-top : -2px; display : inline-block;} .sp-methods .form-list { padding-left : 20px; } .sp-methods select.month { width : 150px; margin-right : 10px; } .sp-methods select.year {width : 97px;} .sp-methods input.cvv { width : 3em !important; } .sp-methods .checkmo-list li { margin : 0 0 5px; } .sp-methods .checkmo-list label { width : 135px; padding-right : 10px; text-align : right; } .sp-methods .checkmo-list address { float : left; } .sp-methods .centinel-logos a { margin-right : 3px; } .sp-methods .centinel-logos img { vertical-align : middle; } .sp-methods .release-amounts { margin : 0.5em 0 1em; } .sp-methods .release-amounts button { float : left; margin : 5px 10px 0 0; } .please-wait { color : #000000; font-size : 1.18em; font-weight : bold; position : absolute; top : 50%; left : 50%; padding : 28px; margin : -34px 0 0 -90px; border : 5px solid #DDDDDD; background : #FFFFFF; white-space : nowrap; z-index : 9999; } .please-wait img { vertical-align : middle; } .cvv-what-is-this { cursor : help; margin-left : 5px; margin-top : 5px; display : inline-block;} /* Tooltip */ .tool-tip { border : 1px solid #DDDDDD; background-color : #F6F6F6; padding : 5px; position : absolute; z-index : 9999; } .tool-tip .btn-close { text-align : right; } .tool-tip .btn-close a { display : block; margin : 0 0 0 auto; width : 15px; height : 15px; background : url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align : left; text-indent : -999em; overflow : hidden; } .tool-tip .tool-tip-content { padding : 5px; } /* Gift Messages */ .gift-messages {padding : 5px 0;} .gift-messages-form { border : 1px solid #DDDDDD; background-color : #F5F5F5; margin-bottom : 9px;} .gift-messages-form { position : relative; } .gift-messages-form label { float : none !important; position : static !important; } .gift-messages-form .inner-box {padding : 0.75em;} .gift-messages-form .inner-box p {margin-bottom : .75em;} .gift-messages-form .form-list .field {width : 290px;} .gift-messages-form .form-list li.wide textarea {width : 544px;} .gift-messages-form .details .form-list .field {width : 220px;} .gift-messages-form .details .form-list .field input {width : 210px;} .gift-messages-form .details .form-list li.wide textarea {width : 430px;} .gift-messages-form .item { margin : 0 0 10px; } .gift-messages-form .item .product-img-box { float : left; width : 75px; } .gift-messages-form .item .product-image { margin : 0 0 7px; } .gift-messages-form .item .number { margin : 0; font-weight : bold; text-align : center; } .gift-messages-form .item .details { margin-left : 90px; } .gift-message-link { display : block; background : url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left : 20px; } .gift-message-link.expanded { background-position : 0 -53px; } .gift-message-row .btn-close { float : right; } .gift-message dt strong { font-weight : bold; } /* Checkout Agreements */ .checkout-agreements li { margin : 10px 0; } .checkout-agreements .agreement-content { border : 1px solid #DDDDDD; background-color : #F6F6F6; padding : 5px; height : 10em; overflow : auto; } .checkout-agreements .agree { padding : 6px; } /* Centinel */ .centinel .authentication { border : 1px solid #DDDDDD; background : #FFFFFF; } .centinel .authentication iframe { width : 99%; height : 400px; background : transparent !important; margin : 0 !important; padding : 0 !important; border : 0 !important; } /********** Common Checkout Styles > */ /* One Page Checkout */ aside.sidebar .block.block-progress {padding : 1.5em 20px 2em; background-color : #F5F5F5; margin : 0;} aside.sidebar .block.block-progress .right-divider, aside.sidebar .block.block-progress .left-divider {border-color : #DDDDDD;} aside.sidebar .block.block-progress dt .marker { width : 21px; height : 21px; float : right; background-color : #AAAAAA; background-position : 0 -2600px; position : absolute; top : 9px; right : 9px; } aside.sidebar .block.block-progress dt.complete .marker {display : none;} aside.sidebar .block.block-progress .block-title {border : none; position : relative; overflow : hidden;} aside.sidebar .block.block-progress .block-title strong span {position : relative; z-index : 9;} aside.sidebar .block.block-progress .block-content {padding-left : 0; padding-top : 0;} aside.sidebar .block.block-progress dt {padding : 0.75em 0px; margin : 0; color : #605D5D;border-bottom : solid 1px #DDDDDD} aside.sidebar .block.block-progress div:first-child dt {border-top : solid 1px #DDDDDD} aside.sidebar .block.block-progress dt i {color : #FFFFFF;background-color : #CCCCCC;padding : 4px 3px 6px 5px;line-height : 10px;margin-right : 10px;} aside.sidebar .block.block-progress dt.complete i {background-color : #71BF79;} aside.sidebar .block.block-progress dt a:hover {text-decoration : underline;} aside.sidebar .block.block-progress dd {padding : 1.5em 0px; font-size : 0.91em; border-bottom : solid 1px #DDDDDD;} aside.sidebar .block.block-progress dt, aside.sidebar .block.block-progress dd {border-top : none;} .opc { border-bottom : 1px solid #EEEEEE; position : relative; } .opc li.section { border : 1px solid #EEEEEE; border-bottom : 0; } .opc .field {width : 345px;} .opc .field input.input-text {width : 303px;} .opc .field-2, .opc .name-lastname {width : 331px; float : left;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text {width : 325px;} .opc .form-list .name-middlename {width : 146px;} .opc .form-list .field.name-middlename input.input-text {width : 110px;} .opc .form-list .field select, .opc .form-list .field-2 select {width : 330px;} .opc .form-list li.wide input.input-text {width : 669px;} .opc input.radio {margin-top : -1px;} .opc .gift-messages-form input.input-text {width : 254px;} .opc .buttons-set.disabled button.button { display : none; } .opc .buttons-set .please-wait { height : 21px; line-height : 21px; } .opc .step-title {padding : 0.58em 11px; text-align : right; position : relative;color : #888888;} .opc .step-title h2 {float : left; margin-bottom : 0; font-size : 1.16em; line-height : 35px; color : #222222;} .opc .step-title a { display : none; float : right; } .opc .step-title .number { float : left; margin-right : 7px; background-color : #F5F5F5; padding : 9px 11px 8px; border-radius : 35px; -moz-border-radius : 35px; } .opc .step-title .title-box {z-index : 9; position : relative;} .opc .allow .step-title { cursor : pointer; } .opc .active .step-title {cursor : default; } .opc .active .step-title h2 {text-transform : uppercase;font-weight : bold;} .opc .step {border-top : 1px solid #EEEEEE; padding : 1.5em 25px; position : relative; } .opc .step .tool-tip { right : 10px; } .opc h3 { text-transform : uppercase; font-size : 1.16em; border-bottom : solid 4px #EEEEEE; padding-bottom : .75em; margin-bottom : 1.5em; line-height : 1.583em; font-weight : 700; color : #222222; } .opc .form-list .input-box {width : 100%;} .opc .form-list .input-box li.wide select {width : 100%;} .opc .form-list .input-box select {font-size : .91em; line-height : 1.583em; color : #AAAAAA;} .opc .grid_4 h4 {color : #EF2626; font-weight : normal; font-size : 1em; margin-bottom : .67em; padding-left : 10px;} .opc .grid_4 p {color : #777777; padding-left : 10px;} .opc .grid_4 .form-list {margin : 1.5em 0;padding-left : 10px;} .opc .grid_4 .form-list li {padding-bottom : 5px;color : #999999;margin : 0;} .opc .grid_4 .form-list label {font-size : 1em;color : #999999;line-height : 1.7em;} .opc .grid_4 .form-list + h4 {border-top : solid 1px #DDDDDD; padding-top : 2em;} .opc .grid_4 .ul {padding : 1.03em 15px .75em} .opc .grid_4 .ul li {color : #999999;} .opc .grid_4 .ul li:before {content : "\00B7"; font-size : 2.5em; padding-left : 5px; padding-right : 10px; float : left;} .opc #login-form li {padding-bottom : 1em;} .opc #login-form li label {font-size : .91em;color : #666666;font-weight : bold;} .opc #login-form input {padding : 5px 11px; width : 94%;} .opc #login-form .form-list {margin-bottom : .5em;} .opc .grid_4 p.required {color : #EF2626; font-size : .91em; line-height : 1.583em;} .opc .grid_4 .buttons-set button {margin-bottom : .75em;} .opc .grid_4 a {color : #AAAAAA;font-size : .91em;} .opc .form-list .fields .field {width : 50%;} .opc .form-list .fields .field input, .opc .form-list .fields .field-2 input {width : 90%;} .opc .form-list .fields .field .dob-month input, .opc .form-list .fields .field .dob-day input, .opc .form-list .fields .field .dob-year input {width : 54%;} .opc .form-list .customer-name-suffix .name-lastname, .opc .form-list .customer-name-middlename .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-lastname {width : 290px;} .opc .form-list li.wide .input-box {width : 100%;} .opc .form-list li.wide input.input-text {width : 93%;} .opc .form-list .field select, .opc .form-list .field-2 select {width : 94%;} .opc .form-list li.wide select {width : 96%;} .opc .sp-methods dd label span.price {display : inline-block; margin-top : -2px;} .opc .gift-messages-form .form-list .fields .field {width : 35%;} .opc .gift-messages-form .form-list li.wide textarea {width : 64.5%;} .opc .gift-messages-form .f-fix .form-list .fields .field {width : 35%;} .opc .gift-messages-form .f-fix .form-list .fields .field input {width : 84%;} .opc .gift-messages-form .f-fix .form-list li.wide textarea {width : 64.5%;} .opc .sp-methods dd select {width : 38%;} .opc .sp-methods dd .v-fix select {width : 100%;} .opc .sp-methods dd .v-fix + .v-fix {margin-left : 15px;} /* Multiple Addresses Checkout */ .checkout-progress { padding : 0 50px; margin : 10px 0 30px; } .checkout-progress li { float : left; width : 20%; border-top : 5px solid #CCCCCC; text-align : center; color : #CCCCCC; } .checkout-progress li.active { border-top-color : #000000; color : #000000; } .multiple-checkout {position : relative;} .multiple-checkout .title-buttons h1 {display : inline-block; vertical-align : middle;} .multiple-checkout .title-buttons button {display : inline-block; vertical-align : middle; margin-top : 1em;} .multiple-checkout h2 {color : #222222; font-weight : 400; font-size : 1.16em; line-height : 1.583em;} .multiple-checkout .data-table .product-name {float : none; display : block;} .multiple-checkout .tool-tip { top : 50%; margin-top : -120px; right : 10px; } .multiple-checkout .grand-total { text-align : right; margin-bottom : 1em;} .multiple-checkout .grand-total big {margin-bottom : 10px; display : block; font-size : 1.5em; line-height : 1.44em;} .multiple-checkout .grand-total .price {font-size : 1em; line-height : 1.44em;} .multiple-checkout .gift-messages-form .form-list .field {width : 220px;} .multiple-checkout .gift-messages-form .form-list .field input {width : 185px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea {width : 76%;} .multiple-checkout .gift-messages-form .details .form-list .field {width : 170px;} .multiple-checkout .gift-messages-form .details .form-list .field input {width : 134px;} .multiple-checkout .gift-messages-form .details .form-list li.wide textarea {width : 305px;} .multiple-checkout .form-list select {width : 330px;} .multiple-checkout .form-list .v-fix select {width : 100%;} .multiple-checkout .form-list .v-fix + .v-fix {margin-left : 15px;} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-image { float : left; position : relative; } .captcha-img { border : 1px solid #CCCCCC; } #checkout-step-login .buttons-set {border-top : 1px solid #DDDDDD; padding : 1.5em 0;line-height : 30px;} .captcha-reload { position : absolute; top : 2px; right : 2px;} .captcha-reload.refreshing { animation : rotate 1.5s infinite linear; -webkit-animation : rotate 1.5s infinite linear; -moz-animation : rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform : rotate(0); } 0% { -webkit-transform : rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform : rotate(0); } 0% { -moz-transform : rotate(-360deg); } } @keyframes rotate { 0% { transform : rotate(0); } 0% { transform : rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background : url(../images/window_overlay.png) repeat; background : rgba(0, 0, 0, 0.35); position : absolute; top : 0; left : 0; height : 100%; width : 100%; z-index : 990; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .box {padding : 1em;} .my-account .title-buttons .link-rss { float : none; margin : 0; } .my-account .addresses-list li.item {padding-bottom : 1.25em; font-size : .91em;} .my-account .addresses-list li.item a {color : #AAAAAA;} .my-account .my-tag-edit {margin-bottom : 10px;} .my-account .my-tag-edit a.btn-remove {float : left; margin-right : 5px;} .my-account #my-tags-table button {margin-bottom : 10px;} .my-account .pager .limiter {float : left; display : inline-block; vertical-align : middle;} .my-account .pager .limiter label {display : inline-block; vertical-align : middle;} .my-account .pager .pages {float : right; padding-top : 0;} .my-account .rating-links { display : none;} .my-account .data-table a {color : #AAAAAA;} .my-account .data-table .product-name a {color : #222222;} /********** < Dashboard */ .dashboard a {color : #AAAAAA;} .dashboard .welcome-msg p {font-size : .91em;} .dashboard .welcome-msg p.hello {margin-bottom : 1.5em;} .dashboard .box-title, .dashboard .welcome-msg .hello, .dashboard .box-reviews .box-head {margin-bottom : 1.5em !important; border-bottom : solid 4px #EEEEEE;} .dashboard .welcome-msg .hello strong, .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h3, .dashboard .box-head h2 {float : left; font-size : 1.16em; color : #222222; text-transform : uppercase; font-weight : 700; line-height : 1.583em; margin-bottom : .75em;} .dashboard .welcome-msg .hello strong {float : none; display : block;} .dashboard .welcome-msg .hello:before, .dashboard .box-title h2:before, .dashboard .box-title h3:before, .dashboard .box-head h3:before {margin-top : 6px;} .dashboard .box-reviews .box-head h2:after {content : none;} .dashboard .data-table {margin : 0.75em 0 1.25em;font-size : .91em;} .dashboard .data-table th {font-size : 1em;} .dashboard .col2-set {padding : 10px 0 15px;} .dashboard .box, .dashboard .welcome-msg {border : solid 1px #DDDDDD; padding : 1.5em 20px;} .dashboard .welcome-msg {margin-bottom : 1.5em;} .dashboard .box-title, .dashboard .box-head { width : 100%; overflow : hidden; border-bottom : solid 4px #EEEEEE; margin-bottom : 1.5em;} .dashboard .box-content {font-size : .91em;} .dashboard .box-content h4 {font-weight : normal;margin-bottom : .3em;} .dashboard .box-title a, .dashboard .box-head a {float : right; text-decoration : none; font-size : .91em;} .dashboard .box-title a i, .dashboard .box-head a i {font-size : 1.273em; color : #DDDDDD; padding : 5px;} .dashboard .box-account > .box {margin-top : 3em;} /* Block: Recent Orders */ .dashboard .box-recent { margin : 2em 0; } .dashboard .box-recent .box-head h2 {padding-bottom : 0;} #my-orders-table.data-table thead th {text-align : center !important;} #my-orders-table.data-table .product-name {float : none;} #my-orders-table.data-table .option-value .price {display : block;} /* Block: Account Information */ .dashboard .box-info {margin-bottom : 3em;} .dashboard .box-info .omega {float : right;} /* Block: Reviews */ .dashboard .box-reviews {padding-bottom : 15px;} .dashboard .box-reviews li {padding-bottom : 1.5em;} .dashboard .box-reviews .number { float : left; font-size : 1em; font-weight : bold; line-height : 1; color : #909090; margin : 0 -20px 0 0; padding : 2px 3px; } .dashboard .box-reviews .details { margin-left : 20px; font-size : .91em; } .dashboard .box-reviews .details .ratings strong {float : none; display : block; margin-bottom : 0.27em;} .dashboard .box-reviews .details .ratings .rating-box {float : none;} /* Block: Tags */ .dashboard .box-tags li {padding-bottom : 20px;} .dashboard .box-tags .number { float : left; font-size : 1em; font-weight : bold; line-height : 1; color : #909090; margin : 3px -20px 0 0; padding : 2px 3px; } .dashboard .box-tags .details { margin-left : 20px; } .dashboard .box-tags .details .tags li {display : inline;} /********** Dashboard > */ /* My Wishlist */ .my-wishlist .page-title h1 { padding-bottom : 0;} .my-wishlist .data-table {margin-bottom : 0;} .my-wishlist .data-table td {vertical-align : top;} .my-wishlist .data-table .last {padding : 1.5em 30px;} .my-wishlist .data-table a.product-image {margin : 0;} .my-wishlist .data-table .product-name {float : none; display : inline-block; vertical-align : top; max-width : 91%; margin-bottom : 1em;} .my-wishlist .data-table .product-name a {color : #222222; max-width : 100%;} .my-wishlist .data-table .description {display : none;} .my-wishlist .data-table .qty {float : left;} .my-wishlist .data-table .table-buttons {float : right; display : inline-block; vertical-align : top;} .my-wishlist .data-table .table-buttons a {display : inline-block;} .my-wishlist .data-table .table-buttons a i {color : #DDDDDD; padding : 5px; font-size : 1.16em;} .my-wishlist .data-table textarea {width : 96%; min-height : 74px;} .my-wishlist .wishlist-input-box {width : 67px; float : left; margin-bottom : 1em; margin-right : 20px;} .my-wishlist .data-table .price-box {margin-bottom : 1.5em;} .my-wishlist .data-table .price-box.map-info a {display : block;} .my-wishlist .data-table .tax-details {display : block; margin-bottom : 1.5em;} .my-wishlist .data-table button {float : left;} .my-wishlist .buttons-set {border : 1px solid #DDDDDD; border-top : none; padding : 1.5em; margin-top : 0;} .my-wishlist .data-table .minimal-price, .my-wishlist .data-table .minimal-price-link {float : none; text-align : center;} /* Address Book */ .addresses-list .addresses-primary, .addresses-list .addresses-additional {border : solid 1px #DDDDDD; padding : 1.5em 20px;} .addresses-list .addresses-primary h2, .addresses-list .addresses-additional h2 {font-weight : 700; font-size : 1.16em; color : #222222; line-height : 1.583em; border-bottom : solid 4px #EEEEEE; padding-bottom : .75em; margin-bottom : 1.5em;} /* Order View */ .order-info { border : 1px solid #DDDDDD; padding : 5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display : inline; } .order-info li.current {color : #000000;} .order-info dt { font-weight : bold; } .order-date { margin : 10px 0; } .order-items { width : 100%; overflow-x : auto; } .order-additional { margin : 15px 0; } /* Order Gift Message */ .gift-message dt strong { color : #666666; } .gift-message dd { font-size : 13px; margin : 5px 0 0; } /* Order Comments */ .order-about dt { font-weight : bold; } .order-about dd { font-size : 13px; margin : 0 0 7px; } .tracking-table { margin : 0 0 15px; } .tracking-table th { font-weight : bold; white-space : nowrap; } .tracking-table-popup { width : 100%; } .tracking-table-popup th { font-weight : bold; white-space : nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding : 1px 8px; } /* Order Print Pages */ .page-print {padding : 20px;} .page-print h2, .page-print h3 {margin-top : 15px;} .page-print .print-head {padding-bottom : 20px;} .page-print .print-head img { float : left; } .page-print .print-head address { float : left; margin-left : 15px; } .page-print .col2-set {padding : 15px 0;} /* Price Rewrites */ .page-print .gift-message-link { display : none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display : block; white-space : nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display : inline; } /* My Reviews */ .product-review .product-img-box { float : left; width : 140px; } .product-review .product-img-box .product-image { display : block; width : 125px; height : 125px; margin-bottom : 10px; } .product-review .product-img-box .ratings .rating-links a {display : block;} .product-review .product-img-box .ratings .rating-links .separator {display : none;} .product-review .product-img-box .label { font-size : 11px; margin : 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float : none; display : block; margin : 0 0 3px; } .product-review .product-details { margin-left : 150px; } .product-review .product-name {font-size : 1.5em; font-weight : 400; color : #222222; margin : 0 0 10px; } .my-account .product-review .ratings-table {float : none;} .product-review .ratings-table { margin : 0 0 10px; } .product-review dt { font-weight : bold; } .product-review dd { font-size : 13px; margin : 5px 0 0; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .price-box.map-info .price {padding-right : 10px;} .product-view .grid_12.product-shop { padding-top : 40px;} .product-view .product-shop .price-box.map-info a {padding : 0 5px; display : inline-block;} .cart-msrp-totals { color : red; font-size : 12px !important; font-weight : bold; margin : 10px 10px 0; padding : 10px; text-align : right; text-transform : uppercase;} .map-cart-sidebar-total { color : red; display : block; font-size : 10px; font-weight : bold; text-align : left; padding : 2px 5px; text-shadow : 0 1px 0 #FFFFFF; } .map-popup { background : #FFFFFF; border : 1px solid #AAAAAA; margin : 12px 0 0; position : absolute; -moz-box-shadow : 0 0 6px #CCCCCC; -webkit-box-shadow : 0 0 6px #CCCCCC; box-shadow : 0 0 6px #CCCCCC; text-align : left; width : 287px; z-index : 100; } .map-popup-heading { background : #F5F5F5; border-bottom : 1px solid #CCCCCC; padding : 5px 30px 5px 10px; width : 247px; } .map-popup-heading h2 { font-size : 16px; margin : 0; text-shadow : 0 1px 0 #F6F6F6; word-wrap : break-word; text-align : left; text-overflow : ellipsis; } .map-popup-arrow { background : 0; position : absolute; left : 50%; top : -10px; height : 10px; width : 19px; } .map-popup-close { background : url(../images/btn_window_close.gif) no-repeat; display : block; position : absolute; top : 8px; right : 10px; height : 15px; width : 15px; text-indent : -9999em; -moz-box-shadow : 0 0 3px #999999; -webkit-box-shadow : 0 0 3px #999999; box-shadow : 0 0 3px #999999; -moz-border-radius : 2px; -webkit-border-radius : 2px; border-radius : 2px; } .map-popup-content { border-top : 1px solid #EEEEEE; padding : 10px; overflow : hidden; text-align : left; width : 265px; } .map-popup-checkout { display : inline; float : right; text-align : right; } .map-popup-checkout span { display : block; padding-right : 30px; } .map-popup-checkout .paypal-logo { margin : 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin : 0; padding : 5px 0; } .map-popup-price { margin : 5px 0 0; } .map-popup-text { clear : right; margin : 0 10px; padding : 10px 0; text-align : left; word-wrap : break-word; } .map-popup-only-text { border-top : 1px solid #DDDDDD; } /* ======================================================================================= */ /* ajax module */ .products-grid .ajax-loader-item.cart-item { background-color : #FFFFFF; height : 14px; left : auto; margin : 0; padding : 0; position : absolute; right : -21px; top : 3px; width : 14px; -moz-border-radius : 15px; border-radius : 15px; } .products-grid .ajax-loader-item.cart-item img { width : 98%; } .products-list .ajax-loader-item, .products-grid .ajax-loader-item { position : absolute; width : 17px; height : 17px; left : -18px; top : 2px; text-indent : 0; background-color : #FFFFFF; } .products-list .button-holder .ajax-loader-item, .products-grid .button-holder .ajax-loader-item {left : auto !important; right : 0; top : 11px !important;} .products-list .ajax-loader-item img, .products-grid .ajax-loader-item img { width : 90%; } .product-view .product-shop .add-to-cart #ajax_loader { float : left; margin : 11px -18px 0 2px; position : relative; } .fancybox-inner {overflow : visible !important;} .ajax-index-options {font-size : 0.75em;} .ajax-index-options .content-wrapper {background : none !important;} .ajax-index-options .product-view {padding : 1.5em 0;} .ajax-index-options .product-view .product-image {padding-bottom : 0;} .ajax-index-options .product-shop .price-box {display : inline-block; float : none;} .ajax-index-options .product-shop .product-options-bottom .price-box {display : block; margin : -8px 15px 0 0 !important;} .ajax-index-options .product-shop .product-type-block {margin : 0; padding : 1.5em 0;} .ajax-index-options {background : #FFFFFF !important;} .ajax-index-options .container_12 {width : 590px; margin : 0;} .ajax-index-options .container_12 .grid_4 {float : left; width : 240px; margin-left : 10px; margin-right : 5px;} .ajax-index-options .container_12 .grid_5 {float : left; width : 310px; margin-left : 15px;} .ajax-index-options .product-view .product-img-box, .ajax-index-options .product-view .product-shop {margin-bottom : 0; margin-top : 0;} .ajax-index-options .product-view .product-shop .right {float : none !important;} .ajax-index-options .product-view .product-shop .right iframe {width : 120px !important;} .ajax-index-options .no-slider li {margin-right : 9px;} .ajax-index-options .more-views .no-slider li a { margin-right : 0; width : auto; } .ajax-index-options .product-view .product-essential {padding-bottom : 0;} .ajax-index-options .product-view .product-img-box {padding-bottom : 0; margin-left : 0; margin-right : 0;} .ajax-index-options .product-view .product-img-box .img-holder {position : relative;} .ajax-index-options .product-view .product-name {padding-right : 9px;} .ajax-index-options .product-view .more-views {padding-left : 8px; padding-right : 7px;} .ajax-index-options .product-view .more-views #more-views-slider li a {width : 48px; margin-right : 9px;} .ajax-index-options .more-views .prev {left : -9px;} .ajax-index-options .more-views .next {right : -5px;} .ajax-index-options .product-view .product-shop .add-to-cart button {margin-left : 0px;} .ajax-index-options .product-view .product-options {margin : 1.5em 0 0 0;} .ajax-index-options .product-options dd .input-box {width : 65%;} .ajax-index-options .product-view .product-shop .product-options {margin : 0;} .ajax-index-options .product-view .product-shop .product-name {border-bottom : dotted 1px #EEEEEE; padding-bottom : 1.5em; margin-bottom : 1.5em;} .ajax-index-options .product-view .product-shop .product-name h1 {font-size : 1.8em;} .ajax-index-options .product-view .product-options-bottom {margin : 0 22px 0 0;} .ajax-index-options .product-view .product-shop .price-box {padding-bottom : 1.5em; border-bottom : solid 1px #DDDDDD; display : block; margin-bottom : 1.5em;} .ajax-index-options .product-view .product-shop .product-options-bottom {margin : 0;} .ajax-index-options .product-view .product-options .price {font-size : 1em;} .ajax-index-options .product-view .product-options-bottom .price {font-size : 1.16em; line-height : 1.71em;} .ajax-index-options .product-view .product-shop .product-options-bottom .price {font-size : 1em; line-height : 1.5em;} .ajax-index-options .product-view .product-shop .product-options-bottom .price-box {float : none; margin-bottom : 0.2em !important;} .ajax-index-options .product-view .product-shop .product-options-bottom .add-to-cart #ajax_loader { clear : none; float : left; left : 9px; margin : 0; right : auto; top : 12px; } .ajax-index-options .product-view .product-shop .grouped-items-table .price-box { border-bottom : none; padding-bottom : 0; margin-bottom : 0; } .ajax-index-options .product-view .product-options-bottom .price-box {margin-bottom : 1em !important; border-bottom : none;} .ajax-index-options .product-view .product-options-bottom .add-to-cart #ajax_loader { margin-left : 9px; margin-top : 12px; float : left; } .ajax-index-options .more-views .prev {left : 50% !important; margin-left : -24px;} .ajax-index-options .more-views .next {right : 50% !important; margin-right : -21px;} .ajax-index-options .product-view .more-views {padding-bottom : 2em;} .ajax-index-options .product-view .product-shop .product-options-bottom .add-to-cart { float : none; top : 0; } .ajax-index-options .product-view .product-shop .add-to-links-box i {margin-left : 20px;} .ajax-index-options .product-view .product-shop .add-to-links-box i + span {left : 18px;} .ajax-index-options .product-view .product-options-bottom .price-box .price-label { line-height : 2em; } .mobile-device .product-options .qty-holder input.qty {border-color : #222222; color : #222222;} .ajax-index-options .bundle-box {float : none; width : 100%;} .quick-view-title {padding-bottom : 1em; float : none; width : 100%; overflow : hidden; display : inline-block;} .quick-view-title h2 {font-size : 2em; color : #222222; margin : 0 -3px; font-weight : 400; padding : 0 20px; text-transform : uppercase; display : block; float : left; vertical-align : middle;} .quick-view-title .left-divider, .quick-view-title .right-divider { margin-top : 1.35em; } .ajax-index-options .backstretch {display : none;} body.ajax-index-options.transparent-header .content-wrapper > .container_12 { padding : 0; } .cart-remove-box, .add-to-cart-success { position : fixed; left : 50%; top : 0; width : 260px; margin-left : -125px; -webkit-border-bottom-right-radius : 3px; -webkit-border-bottom-left-radius : 3px; -moz-border-radius-bottomright : 3px; -moz-border-radius-bottomleft : 3px; border-bottom-right-radius : 3px; border-bottom-left-radius : 3px; padding : 1.5em 30px; background-color : #FFFFFF; font-weight : bold; text-align : center; z-index : 99999; box-shadow : 0 0 5px rgba(0, 0, 0, .1); } .add-to-cart-success .product-image {display : block; margin-bottom : .75em;} .add-to-cart-success .product-image img {width : 68px;} .cart-remove-box a, .add-to-cart-success a { line-height : 29px; font-size : .75em; text-transform : uppercase; font-weight : bold; color : #AAAAAA; padding : 0 18px; display : inline-block; border : solid 4px #EEEEEE; height : 29px; margin-top : 1em; } .cart-remove-box a:hover, .add-to-cart-success a:hover {color : #FFFFFF;} .add-to-cart-success .btn-remove {position : absolute; right : 10px; top : 10px; border : none; height : auto; padding : 0; line-height : 1; margin : 0; font-size : 1em;} .add-to-cart-success .btn-remove:hover {background : none;} .add-to-cart-success .btn-remove i {font-size : 1.16em; color : #AAAAAA; padding : 5px;} .add-to-cart-success .btn-remove i:hover {color : #222222;} .ajax-index-options .email-friend {display : none;} .cart-remove-box a {margin-left : 5px; margin-right : 5px;} /* Ajax Login */ .ajax-box-overlay { display : none; position : fixed; top : 0; left : 0; width : 100%; height : 100%; background-color : rgba(0, 0, 0, 0.3); z-index : 9998; } .ajax-box-overlay i.load { position : absolute; top : 30%; left : 50%; margin-left : -24px; background-image : url(../images/fancybox/fancybox_loading.gif); background-position : center center; background-repeat : no-repeat; background-color : rgba(0, 0, 0, 0.82); -moz-border-radius : 10px; border-radius : 10px; display : inline-block; padding : 22px; margin : 0 0 0.75em; } .ajax-box-overlay.loaded i {display : none;} #login-holder { position : absolute; z-index : 99999; left : 50%; top : 0; margin-left : -156px; width : 232px; height : auto; background-color : #FFFFFF; box-shadow : 1px 1px 8px rgba(0, 0, 0, .1); padding : 0 40px 0; } #login-holder .close-button { position : absolute; top : 10px; right : 10px; text-align : center; cursor : pointer; } #login-holder .close-button i {color : #DDDDDD; font-size : 1.16em; padding : 5px;} #login-holder .close-button i:hover {color : #222222;} #login-holder .page-title { border : none; padding : 3em 0 0; width : 100%; overflow : hidden; } #login-holder .page-title h1 { color : #222222; font-size : 2em; margin : 0 -2px 0 -3px; display : block; float : left; font-weight : 400; text-transform : uppercase; padding-left : 2px; vertical-align : middle; } #login-holder .page-title .left-divider, #login-holder .page-title .right-divider {margin-top : 1.5em;} #login-holder form {display : block;} #login-holder form p { font-size : 1em; line-height : 1.5em; font-weight : 400; color : #222222; } #login-holder form p.required {font-size : .91em; text-transform : none;} #login-holder form .form-list {margin : 1em 0 0;} #login-holder form .form-list li {margin-bottom : 1em;} #login-holder form .input-box {width : 100%;} #login-holder form .input-box label {font-size : .91em; color : #888888;} #login-holder form .input-box label em {color : #888888;} #login-holder form .input-box input, #login-holder form .field-row input { padding : 5px 14px; width : 87%; border-color : #DDDDDD; color : #AAAAAA; font-size : .91em; } #login-holder .fieldset > div { float : none !important; } #login-holder form .input-box select {width : 100%;} #login-holder form .field-row select { box-sizing : border-box; width : 100%; } #login-holder form p.required {color : #F71616; text-align : center;} #login-holder form a.f-left {color : #AAAAAA;} #login-holder form .actions {background-color : #EEEEEE; margin : 1em -40px 0; padding : 2em 40px 1.5em;} #login-holder .link-box { position : absolute; background-color : #FFFFFF; transform : rotate(90deg); -webkit-transform : rotate(90deg); -moz-transform : rotate(90deg); -o-transform : rotate(90deg); -ms-transform : rotate(90deg); padding : 6px 23px; box-shadow : 1px 1px 8px rgba(0, 0, 0, .1); border-bottom : solid 1px #EEEEEE; } #login-holder .account-create .link-box {padding : 6px 32px;} #login-holder .link-box a {color : #222222; text-transform : uppercase; font-weight : 400; line-height : 1.5em;} #login-holder form .actions > a {display : inline-block; vertical-align : middle; font-size : .91em; color : #AAAAAA; margin-top : 1em;} #login-holder form .actions button {float : right; display : inline-block; vertical-align : middle;} #login-holder form .actions button > span {border-color : #222222;} #login-holder form .actions button span span {background-color : #222222; color : #FFFFFF;} #login-holder form .actions button span:before { width : 100%; padding-left : 0; padding-right : 0; } #login-holder form .fieldset { margin : 0; padding : 0; border : none; } #login-holder form .fieldset + .fieldset .form-list .field + .field {margin-bottom : 0;} #login-holder form .fieldset .legend { margin : 0; padding : 0; background : none; border : none; font-size : 1.16em; font-weight : 400; line-height : 1.583em; float : none; text-transform : none; color : #222222; } #login-holder .account-create form .input-box input.checkbox {width : auto;} #login-holder .account-create form .customer-dob input { width : 40%; } #login-holder .account-create form .form-list .field {margin-bottom : .75em; width : 100%;} #login-holder .account-create form .name-firstname {margin-bottom : 1.5em; width : 100%;} #login-holder .account-create form .name-middlename {margin-bottom : 1.5em; width : 100%;} #login-holder .account-create form .name-lastname {margin-bottom : 0 !important; width : 100%;} #login-holder .account-create .form-list label {color : #666666;} #login-form h2 { display : block; text-align : left; border-bottom : solid 4px #EEEEEE; text-transform : uppercase; color : #444444; font-weight : 700; line-height : 1.583em; padding-bottom : .75em; margin-bottom : 1.5em; } #login-form .content p {font-size : .91em;} #login-form .content .input-box {width : 100%;} #login-form .content .input-box input { padding : 5px 14px; width : 95%; border-color : #EEEEEE; font-style : italic; color : #888888; font-size : .91em; } #login-form .f-left {line-height : 2.5em;} #login-holder .form-list .customer-dob .dob-year {width : 72px;} #login-holder .form-list .customer-dob .dob-year input {width : 58%;} #resultLoading > div p { background-color : rgba(0, 0, 0, 0.82); -moz-border-radius : 10px; border-radius : 10px; display : inline-block; padding : 10px; margin : 0 0 0.75em; } .lockshowloading { position : fixed; top : 50%; z-index : 99999; left : 50%; margin-left : -24px; background-color : rgba(0, 0, 0, 0.9); -moz-border-radius : 10px; border-radius : 10px; display : inline-block; padding : 10px; margin : 0 0 0.75em; } .lockshow-bg { position : absolute; top : 0px; left : 0px; right : 0px; bottom : 0px; height : 100%; width : 103%; background : black; margin : 0px; -moz-opacity : .30; filter : alpha(opacity=30); opacity : 0.3; z-index : 9999; } .fieldset-wrapper { display : table-cell; display : -webkit-box; display : -ms-flexbox; display : -webkit-flex; display : flex; -webkit-box-lines : multiple; -ms-flex-wrap : wrap; -webkit-flex-wrap : wrap; flex-wrap : wrap; } .fieldset-wrapper .fieldset select { box-sizing : border-box; } @media only screen and (min-width : 768px) { .fieldset-wrapper .fieldset:nth-child(2) { border-left : 1px solid #FFFFFF; margin-left : -1px; } } .fieldset-wrapper .fieldset { -webkit-box-flex : 1; -webkit-flex : 1; -ms-flex : 1; flex : 1; } /* Contact Map ================================================================================ */ #contact-map, .map-container .map-wrapper { position : relative; height : 460px; margin-bottom : 1.5em; } .map-container .map-wrapper {width : 100%; margin-bottom : 0;} .map-wrapper img {max-width : none;} .map-container .map-block { background : #FFFFFF; position : absolute; z-index : 999; overflow : hidden; } .map-container .map-block .indent { padding : 0.5em 12px 1.16em 20px; } .map-container .map-block.left-top {top : 40px; left : 40px;} .map-container .map-block.right-top {top : 40px; right : 40px;} .map-container .map-block.left-bottom {bottom : 40px; left : 40px;} .map-container .map-block.right-bottom {bottom : 40px; right : 40px;} .map-container .map-block p {margin-top : 0.6em;} .map-container .map-block a {color : #888888;} .map-container .map-block a:hover {text-decoration : underline;} /* Footer ================================================================================ */ #footer {padding : 0; border-top : solid 1px #DDDDDD;} #footer .footer-topline > .container_12 { background-color : #FFFFFF; padding-top : 2.333em; padding-bottom : 4.5em; } #footer .footer-topline p {color : #666666;} #footer .footer-topline .footer-block-title {margin-bottom : 1.5em; width : 100%; overflow : hidden;} #footer .footer-topline .footer-block-title h5 {display : block; float : left; font-size : 2em; line-height : 1.5em; color : #222222; padding-right : 13px; font-weight : 400; margin-bottom : 0; vertical-align : middle;} #footer .footer-topline .footer-block-title .right-divider {display : block; float : left; vertical-align : middle; border-bottom : solid 4px #EEEEEE; margin-top : 1.6em;} #footer .custom-footer-content.features i { font-size : 1.16em; color : #AAAAAA; width : 38px; height : 38px; line-height : 38px; text-align : center; border-radius : 50%; -moz-border-radius : 50%; border : solid 1px #EEEEEE; display : inline-block; margin-right : 15px; } #footer .custom-footer-content.features i:hover {background-color : #F5F5F5;} #footer .custom-footer-content.features li {margin-bottom : 1.5em;} #footer .custom-footer-content.features li > div {display : inline-block; width : 81%;} #footer .custom-footer-content.features li > div h3 {font-size : 1.333em; color : #222222; font-weight : 400; line-height : 1.5em; margin-bottom : 5px;} #footer .footer-second-line .custom-footer-content.features li > div h3 {color : #FFFFFF;} #footer .footer-second-line .custom-footer-content.features li > div p {color : #AAAAAA;} #footer .footer-bottom-wrapper .custom-footer-content.features li > div h3, #footer .footer-bottom-wrapper .custom-footer-content.features li > div p {color : #AAAAAA;} #footer .custom-footer-content.features li > div p {color : #666666;} #footer ul {list-style : none !important;} #footer .container_12 {background : none;} #footer ul.links li {border-top : solid 1px #EEEEEE; position : relative;} #footer ul.links li:hover:after {width : 100%;} #footer ul.links li:after { width : 0%; height : 100%; top : 0; left : 0; background-color : #F5F5F5; content : ''; position : absolute; -webkit-transition : width .5s ease; -moz-transition : width .5s ease; transition : width .5s ease; } #footer ul.links li:before { content : ''; position : absolute; width : 100%; height : 100%; top : 0; left : 0; } #footer ul.links li:first-child {border-top : none;} #footer ul.links li a {display : block; font-size : 1em; color : #666666; padding : 1em 0 1em 20px; position : relative; z-index : 9;} #footer ul.links li a:before { content : "\00B7"; font-size : 2em; margin : 0 7px 0 4px; line-height : 0; vertical-align : middle; position : absolute; top : .91em; left : 0px; transition : left .3s ease; -moz-transition : left .3s ease; -webkit-transition : left .3s ease; -o-transition : left .3s ease; } #footer ul.links li a:hover {padding-left : 30px;} #footer ul.links li a:hover:before {left : 10px;} #footer .footer-topline .footer-links ul li a { color : #666666; } #footer .footer-topline .footer-links li a:hover { background-color : #F5F5F5; } #footer .block-tags .block-title {display : none;} #footer .block-tags .tags-list li {display : inline-block; margin-bottom : 2px;} #footer .block-tags .tags-list li a {font-size : .91em !important; color : #888888; border : solid 1px #DDDDDD; display : inline-block; padding : .5em 10px;} #footer button.button {background-color : #FFFFFF;} #footer .footer-second-line .block-tags .tags-list li a, #footer .footer-bottom-wrapper .block-tags .tags-list li a { border-color : #888888; } #footer .block-tags .tags-list li a:hover {color : #FFFFFF;} #footer .block-tags .actions {display : none;} #footer .block-tags .actions a { border : solid 4px #EEEEEE; height : 29px; line-height : 29px; display : inline-block; font-size : .75em; color : #AAAAAA; font-weight : bold; text-transform : uppercase; padding : 0 18px; } #footer .block-tags .actions a:hover {color : #FFFFFF;} #footer .footer-second-line {background-color : #222222; padding-top : 4.5em; padding-bottom : 0.75em;} #footer .footer-second-line .footer-block-title {margin-bottom : .75em; width : 100%; overflow : hidden;} #footer .footer-second-line .footer-block-title h5 {font-size : 1.5em; color : #FFFFFF; margin-bottom : 0; display : block; float : left; vertical-align : middle; padding-right : 13px; font-weight : normal;} #footer .footer-second-line .footer-block-title .right-divider {display : block; float : left; vertical-align : middle; border-bottom : solid 4px #393939; margin-top : 1.1em;} #footer .footer-second-line .footer-logo {padding-top : 4px; display : inline-block; margin-bottom : 2.333em; width : 100%;} #footer .footer-second-line ul.links li {border-color : #2F2F2F;} #footer .footer-second-line ul.links li a {color : #AAAAAA;} #footer .footer-second-line ul.links li:after {background-color : #2B2B2B;} #footer .footer-second-line ul.links li a:hover {padding-left : 30px;} #footer .footer-address-block {position : relative; z-index : 2;} #footer .footer-address-block p {font-size : 1.16em; line-height : 1.57em; color : #FFFFFF; font-weight : 300; margin-bottom : 1em;} #footer .footer-address-block p a {color : #FFFFFF;} #footer .footer-links {padding : 0;} #footer .footer-links li {display : inline-block;} #footer .footer-links li a {color : #AAAAAA; font-size : .83em; padding : 5px 7px;} #footer .footer-bottom-wrapper .footer-links li a:hover, #footer .footer-bottom-wrapper ul.links li:after, #footer .footer-links li a:hover {background-color : #2F2F2F;} #footer .footer-bottom-wrapper ul.links li {border-top-color : #2F2F2F;} #footer .footer-links li:before {content : "\00B7"; font-size : 2em; line-height : 0; vertical-align : middle; font-family : Arial, sans-serif;} #footer .footer-links li:first-child:before {content : none;} #footer p { text-align : left; } #footer address {font-size : .91em; color : #AAAAAA; line-height : 1.7em;} #footer address a { font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; color: #909090; } #footer .footer-copyright-wrapper .sopyright{ font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; color: #000000; } #footer .footer-columns-block.indent {padding-top : 6em;} #footer .store-switcher {display : inline-block; padding-top : 0 !important; margin-left : 60px;} #footer .store-switcher label {display : none;} #footer .block-subscribe label {display : block;} #footer .sbSelector {padding : 2px 15px; color : #AAAAAA; font-size : .91em; border : solid 1px #3E3E3E; background : none; min-width : 100px;} #footer .sbOptions {top : auto !important; bottom : 100% !important; background : #FFFFFF; border : solid 1px #DDDDDD; padding : 10px 0; right : 0; left : auto;} #footer .sbOptions li { padding : 0; margin-top : 0 !important; transition : background-color .8s ease; -moz-transition : background-color .8s ease; -webkit-transition : background-color .8s ease; -o-transition : background-color .8s ease; } #footer .sbOptions li a {line-height : 1.5em; padding : .75em 18px;} #footer .footer-bg {position : absolute; top : -2em; left : -50px; z-index : 0;} #footer .footer-bg img {max-width : none;} #footer .form-language a {display : block; position : relative;} #footer .form-language a.sbToggle {display : none;} #footer .form-language a.sbSelector {top : 0;} #footer .footer-bottom-wrapper .sbSelector > span { transition : border-top-color 300ms ease; -moz-transition : border-top-color 300ms ease; -webkit-transition : border-top-color 300ms ease; -o-transition : border-top-color 300ms ease; } #footer .footer-second-line p a:hover {text-decoration : underline;} /* Footer Contact Form =================================================================== */ #footer .contacts-footer-content label {float : none; display : inline-block; font-size : .91em; color : #888888;} #footer .footer-second-line .contacts-footer-content label {color : #FFFFFF;} #footer .contacts-footer-content .form-list {float : none;} #footer .contacts-footer-content .input-box {width : auto;} #footer .contacts-footer-content .fields .field {width : 48%; margin-right : 10px;} #footer .contacts-footer-content .fields .field.second {float : right; margin : 0;} #footer .contacts-footer-content .fields .field input {width : 85%;} #footer .contacts-footer-content input, #footer .contacts-footer-content .wide textarea { width : 93%; border-color : #DDDDDD; padding : 5px 10px; transition : border-color .8s ease; -moz-transition : border-color .8s ease; -webkit-transition : border-color .8s ease; -o-transition : border-color .8s ease; } #footer .contacts-footer-content .wide textarea {height : 60px;} #footer .contacts-footer-content p.required {font-size : .91em; text-align : right; display : none;} #footer .contacts-footer-content button {float : none; margin : 0; width : 100%;} #footer .contacts-footer-content button span {float : none; display : block;} #footer .contacts-footer-content .feedback { bottom : 0; display : block; margin : 0; position : absolute; text-align : center; width : 100%; height : 37px; z-index : 99; background-color : #FFFFFF; display : inline-block; vertical-align : middle; left : 0; line-height : 3em; } #footer .contacts-footer-content .feedback i {font-size : 1.16em; margin-top : -3px; color : #AAAAAA; vertical-align : middle;} #footer .contacts-footer-content .ajax-loader {position : absolute; bottom : 0; width : 100%; height : 37px; margin : 0; text-align : center; background-color : #FFFFFF; z-index : 99;} #footer .contacts-footer-content .ajax-loader img {margin-top : 10px;} #footer .footer-bottom-wrapper .contacts-footer-content input, #footer .footer-bottom-wrapper .contacts-footer-content .wide textarea, #footer .footer-second-line .contacts-footer-content input, #footer .footer-second-line .contacts-footer-content .wide textarea { width : 100%; padding : 5px 0; background : none; border-color : #3E3E3E; text-indent : 5px; } #footer .footer-bottom-wrapper .contacts-footer-content .input-box label, #footer .footer-second-line .contacts-footer-content .input-box label {color : #AAAAAA;} #footer .footer-second-line .contacts-footer-content .fields .field, #footer .footer-bottom-wrapper .contacts-footer-content .fields .field {margin-right : 0; width : 50%;} #footer .footer-second-line .contacts-footer-content .fields .field input, #footer .footer-bottom-wrapper .contacts-footer-content .fields .field input {width : 95%;} #footer .footer-second-line .contacts-footer-content .fields .field.second input, #footer .footer-bottom-wrapper .contacts-footer-content .fields .field.second input {width : 100%;} #footer .footer-bottom-wrapper .contacts-footer-content label {color : #AAAAAA;} #footer .footer-bottom-wrapper, #footer .footer-bottom-wrapper .container_12 {background : #111111;} #footer .footer-bottom-wrapper .footer-block-title h2 { display : inline-block; font-size : 1.5em; margin-bottom : 0; padding-right : 13px; vertical-align : middle; color : #AAAAAA; } #footer .footer-bottom-wrapper .footer-block-title .right-divider { display : inline-block; vertical-align : middle; border-bottom : solid 4px #AAAAAA; margin-top : .5em; } /* footer newsletter */ #footer .block-subscribe .block-title, #footer .block-subscribe .form-subscribe-header {display : none;} #footer .footer-second-line .block-subscribe .input-box input, #footer .footer-bottom-wrapper .block-subscribe .input-box input { border-color : #3E3E3E; background : none; } #footer.default-footer .footer-bottom-wrapper > .container_12 {padding-top : 10em; padding-bottom : 1em;} #footer.default-footer address {padding-top : 3px; padding-right : 18px;} #footer.default-footer .store-switcher {float : right;} #footer.default-footer .footer-links {float : none; text-align : center;} #footer.default-footer .footer-links ul {display : inline-block; padding-top : 3px;} #footer.default-footer .footer-links ul.links {line-height : normal; position : relative; margin-top : -2px;} #footer.default-footer .footer-links ul.links li { border : none; line-height : normal; display : inline-block; background : none; padding-left : 10px; text-align : left; } #footer.default-footer .footer-links ul.links li:hover {background : none;} #footer.default-footer .footer-links ul.links li:before { content : "\00B7"; font-size : 2em; line-height : 0; vertical-align : middle; top : 0.5em; left : 0; background : none; } #footer.default-footer .footer-bottom-wrapper ul.links li:after, #footer.default-footer ul.links li a:before {display : none;} #footer.default-footer .footer-links ul.links li a {font-size : 0.83em; line-height : 1.3em; padding : 5px 7px;} #footer.default-footer .footer-links ul.links li a.link-rss {background-image : none;} body.boxed-layout #footer .footer-bottom-wrapper {background : none;} /* Popup Subscribe ======================================================================= */ #popup-block .block-subscribe {padding : 6.5em 24px 2.5em 30px; float : left; width : 43.5%; text-align : center;} #popup-block .block-subscribe.firstname-field, #popup-block .block-subscribe.lastname-field {padding-top : 6.5em;} #popup-block .block-subscribe.firstname-field.lastname-field {padding-top : 4.7em;} #popup-block .block-subscribe strong span { font-size : 2.5em; font-weight : 400; color : #222222; line-height : 1.48em; margin-bottom : .5em; text-transform : uppercase; display : block; } #popup-block .form-subscribe-header {margin-bottom : 1.09em;} #popup-block .block-subscribe label { display : inline-block; margin : 0; color : #888888; font-size : 1em; padding-bottom : 0; } #popup-block .block-subscribe ~ .popup-bottom {color : #FFFFFF;} #popup-block .block-subscribe .input-box {margin-bottom : 1em;} #popup-block .block-subscribe input { display : block; width : 100%; padding : 5px 7px; height : 30px; border : none; background : #FFFFFF; color : #AAAAAA; font-size : .91em; box-sizing : padding-box; } #popup-block .input-box {clear : both;} #popup-block .input-box.first-field, #popup-block .input-box.second-field { float : left; width : 49%; clear : none; } #popup-block .input-box.second-field {float : right;} #popup-block .block-subscribe .block-content .actions {clear : both;} #popup-block .block-subscribe .button {margin-bottom : 6em;} #popup-block .block-subscribe .button span {border-color : #222222;} #popup-block .block-subscribe .button span span {background-color : #222222; color : #FFFFFF;} #popup-block {display : none;} #popup-block .popup-content-wrapper {height : 100%; background-size : cover;} #popup-block .popup-bottom {position : absolute; margin-left : 20px; bottom : 20px; font-size : .83em; float : left; vertical-align : bottom; cursor : pointer;} #popup-block .input-box .input-text.validation-failed {height : 28px;} #popup-block .input-box .validation-advice { display : none; position : absolute; left : 0; bottom : -30px; width : 100%; min-height : 30px; background : rgba(232, 32, 32, 0.8); color : #FFFFFF; font-size : 1em; line-height : 2.5em; } #popup-block .input-box .validation-advice.active { display : block !important; opacity : 1 !important; filter : alpha(opacity=100) !important; } /* Facebook Like Box Widget */ .fb-like-box.fb_iframe_widget {display : block;} .fb-like-box.fb_iframe_widget > span { width : 100% !important; display : block; } .fb-like-box.fb_iframe_widget iframe { position : relative; width : 100% !important; } /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .product-tabs:after, .block-layered-nav .price p:after, .price-box:after, .box-reviews .box ul li:after, .product-view .product-shop .price-block:after, header#header .customer-name + .links:after, #review-form:after, .products-list:after, .about-us-wrapper:after, .timer-box:after, header#header .top-cart .block-content .actions:after, .block-related .block-title:after { display : block; content : "."; clear : both; font-size : 0; line-height : 0; height : 0; overflow : hidden; } /* ======================================================================================= */ /********** Mozilla *************/ @-moz-document url-prefix() { .nav-container li.level-top.active > a, .nav-container li.level-top > a:hover {margin-bottom : -5px; padding-bottom : 5px;} .block-compare li.item .btn-remove {margin-top : 4px;} .products-list .ajax-loader-item, .products-grid .ajax-loader-item {top : 0;} } /*Product modals*/ .product-view .static-block-top { padding-bottom : 1em; } .product-view .static-block-top a { display : inline-block; color : #2979FF; text-decoration : underline; cursor : pointer; padding : 3px 10px 3px 0; } .product-view .static-block-top a:hover {color : #222222;} .modal.modal-content-popup { /*display: none;*/ position : fixed; z-index : 99999; left : 0; top : 0; width : 100%; height : 100%; overflow : auto; background-color : rgba(0, 0, 0, 0.4); opacity : 0; visibility : hidden; } .modal.modal-content-popup.visible { opacity : 1; visibility : visible; } .modal.modal-content-popup .modal-content { background-color : #FEFEFE; margin : 0 auto; border : 1px solid #888888; width : 600px; max-width : 80%; position : relative; top : 50%; transform : translate(0, -70%); -webkit-transform : translate(0, -70%); -moz-transform : translate(0, -70%); -o-transform : translate(0, -70%); max-height : 80vh; overflow-y : auto; } .modal.modal-content-popup .modal-content .modal-body { padding : 20px; } /* The Close Button */ .modal.modal-content-popup .close { color : #AAAAAA; font-size : 18px; font-weight : bold; position : absolute; top : 5px; right : 5px; padding : 5px; } .modal.modal-content-popup .close:hover, .modal.modal-content-popup .close:focus { color : black; text-decoration : none; cursor : pointer; } .product-options { position : relative; } .product-options .block-link.size-chart { font-size : 13px; font-weight : 400; display : inline-block; color : #2979FF; text-decoration : underline; cursor : pointer; padding : 3px 10px 3px 0; display : block; position : absolute; left : auto; right : 15px; bottom : 4px; } .modal-content-popup table.table_size { width : 100%; border-collapse : collapse; } .modal-content-popup table tr th { background-color : #E0E0DE } .modal-content-popup table.table_size th { border : 1px solid white; text-transform : uppercase; text-align : center; font-weight : 400; padding : 5px; font-size : 12px; text-align : center } .modal-content-popup table.table_size td { border : 1px solid white; padding : 5px; font-size : 11px; line-height : 16px; background : #F2F2F0; text-align : center } .modal-content-popup table.table_size .size_name, .modal-content-popup table.table_size td:nth-child(1) { vertical-align : middle; background-color : #EBEBE8; font-weight : 700 } .modal-content-popup table.table_size p { margin : 5px 0; text-align : left } .modal-content-popup table.table_size td[colspan="6"] { font-weight : 700; text-transform : none } .modal-content-popup.size-chart-modal .modal-body { overflow-x : auto; } .modal-content-popup.size-chart-modal .table_size { min-width : 300px; } .modal-content-popup.size-chart-modal .close { right : 0; top : 0; } header#header .top-link-wishlist { display : none; } /* printq - cart page */ .data-table.cart-table .c_actions { font-size : 24px; } .data-table.cart-table .c_actions .qq-upload-button { padding : 0; font-size : 24px; } /*18-02-2019*/ .std .home_page_list_row { display : flex; flex-wrap : wrap; list-style : none; padding : 0px; margin-top : 20px; } .std .home_page_list_row .home_page_blog_col:last-of-type { margin-right : 0; } .std .home_page_list_row .home_page_blog_col { flex : 1; max-width : 100%; margin-bottom : 20px; margin-right : 10px; } .std .home_page_list_row .home_page_blog_col .card { position : relative; display : flex; flex-direction : column; min-width : 0; word-wrap : break-word; background-color : #FFFFFF; background-clip : border-box; border : 1px solid rgba(0, 0, 0, .125); border-radius : .25rem; height : 100%; box-shadow : 0 0.25rem 0.75rem rgba(0, 0, 0, .05); text-align : center; } .std .home_page_list_row .home_page_blog_col .card .home_blog_Image img { width : 100%; } .std .home_page_list_row .home_page_blog_col .card .home_blog_title { margin : 10px; min-height : 55px; } .std .home_page_list_row .home_page_blog_col .card .home_blog_title a { font-size : 20px; color : #00AEE5 !important; font-weight : 700; } .std .home_page_list_row .home_page_blog_col .card .home_blog_content { font-size : 14px; padding : 0 10px; } .std .home_page_list_row .home_page_blog_col .card .home_blog_button { margin : 16px; } .std .home_page_list_row .home_page_blog_col .card .home_blog_button a { line-height : 30px; border : 1px solid #6DCFF5; padding : 10px 30px; background : #6DCFF5; color : #FFFFFF; } .geotrust { position : fixed; right : 1%; bottom : 100px; } #cartHeader { padding-top : 6px !important; } @media only screen and (max-width : 1609px) { .geotrust { display : none; } } @media only screen and (max-width : 992px) { .std .home_page_list_row .home_page_blog_col .card .home_blog_title a { font-size : 13px;} .account-cart-wrapper{ right: 55px !important; top:-55px !important;} } @media only screen and (min-width:768px) and (max-width:991px){ .menu-button{ float: none !important; margin-top: -20% !important;} header#header .header-top-right{ padding-top: 0px !important;} header#header #search_mini_form{ width: 43% !important; margin-right: 0 !important; margin-top: -20% !important;} .account-cart-wrapper{ right: 55px !important; top:-55px !important;} header#header .top-cart{ top: -10px !important;right: -60px !important;} } @media only screen and (max-width : 767px) { header#header .header-top-right .quick-access{ background-color:transparent !important;} header#header .quick-access{ background-color:transparent !important;} header#header .menu-button{ background: none !important;} .account-custom-wrapper-mobile{ display: block !important;} .nav-wide .menu-wrapper .level0 .bestuses_1 a span, .nav-wide .menu-wrapper .level0 .ourproducts_1 a span{ color: #000;} .nav-container.mobile ul.nav-wide#nav-wide li.level0 > a span, .nav-container.mobile .nav-wide#nav-wide ul.level0 li.level1 > a span{ color: #000000; font-weight: bold;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li{ border-bottom: 1px solid #ddd;} .leader h5{ width: auto !important;height: 50px;left: 0 !important;top: 0 !important; font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 18px !important; line-height: 25px;text-align: center;text-transform: uppercase; color: #FFFFFF;text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin-top: 32px; margin-bottom: 24px; margin-left: auto; margin-right: auto;} .order-btn{ display: flex;} .order-btn1{ padding: 5px 16px !important; font-size: 14px !important;} .order-btn .shop-now{ padding: 0px 27px !important; margin-top: 0 !important; margin-bottom: 0 !important; font-size: 14px !important; width: auto !important; } .nav-wide .menu-wrapper .level0 .ourproducts_1, .nav-wide .menu-wrapper .level0 .ourproducts_2, .nav-wide .menu-wrapper .level0 .ourproducts_3 { width: 100% !important; display: flex !important; } .nav-wide .menu-wrapper .level0 .bestuses_1 a span, .nav-wide .menu-wrapper .level0 .ourproducts_1 a span{ font-size: 16px !important; line-height: 24px !important; } header#header .nav-container.mobile a{ padding: 8px 10px !important; text-transform: capitalize; } header#header .nav-container > ul li li a{ font-size: 16px !important; text-transform: capitalize !important;} .nav-wide .menu-wrapper .level0 .bestuses_1, .nav-wide .menu-wrapper .level0 .bestuses_2, .nav-wide .menu-wrapper .level0 .bestuses_3{ width: 100% !important; } .nav-wide .menu-wrapper .level0 .bestuses_1 a span, .nav-wide .menu-wrapper .level0 .bestuses_2 a span, .nav-wide .menu-wrapper .level0 .bestuses_3 a span { font-size: 16px !important; line-height: 24px !important; } .nav-wide .menu-wrapper .level0 .bestuses_3 ul li span:nth-of-type(1) { top:0 !important;} .nav-wide .menu-wrapper .level0 .bestuses_3 a span{ float: left !important;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li{ display: flex;} hr.indent-24 {display:none;} .std .home_page_list_row .home_page_blog_col { flex : 0 100%; margin-right : 0px; } .nav-wide#nav-wide .menu-wrapper .sub-content { padding-left : 0px; } .nav-wide#nav-wide .menu-wrapper .sub-content { padding-right : 0px; font-size : 63%; width : auto; text-align : left; } .nav-wide#nav-wide .menu-wrapper .sub-content p { width : auto !important; } .nav-wide#nav-wide .menu-wrapper .sub-content span { font-weight : 500 !important; padding-left : 20px !important; font-size : 11px !important; color : #888888 !important; /*font-family : 'Quicksand', sans-serif;*/ font-family : Arial, sans-serif; text-transform : uppercase; } .nav-wide#nav-wide .menu-wrapper .sub-content p span { padding: 1em 20px !important; line-height: normal; font-size: 1.49em !important; display: block; } .menu-wrapper .sub-content a { font-weight : normal !important; background : none !important; padding : 0 !important; font-family : Arial, sans-serif !important; color : #888888 !important; text-transform : uppercase; } header#header .nav-container li.level1 > a > span, .nav-container.mobile .nav-wide#nav-wide ul.level0 li.level1 > a span { text-transform : uppercase !important; } .menu-wrapper .default-menu span{ color : #888888; } header#header .links li { margin: auto; } header#header .links li a { font-size : .91em; color : #222222; /*padding : 1.75em 11px;*/ display : block; float : left; width : 80px; } } /*18-02-2019*/ #shopping-cart-totals-table { font-size : 2em; line-height : 1em; } /* hide discount codes */ #discount-coupon-form { /*visibility : hidden;*/ } .checkout-agreements .agreement-content { display : none; } .product-essential .short-description { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-download-link { width: 200px; margin-left: 35px; } .download-blocks .btn { box-sizing: border-box; width: 135px; min-height: 30px; } .download-blocks .download-template-btn { background-image: url(../images/download_template_icon.png); background-repeat: no-repeat; background-position: 100px 10px; padding-right: 25px !important; } .container_12 .cart .grid_4 { height: auto !important; } .opc-messages-action button.button span,.opc-review-actions button.button span{ border: 0px; } .cart .uploaded-files{ clear:both; } .button.upload_utilities.delete_file{ float: left; margin-left: 5px; } .uploaded-file .filename{ float: left; line-height: 2.5em; } .cart .uploaded-file{ width: 100%; float: left; } .qq-upload-list{ display: none; } .top-section{ margin-top: 30px; } .how-it-works { background: #F1F8FD; padding: 80px; text-align: center; float: left; width: 100%; box-sizing: border-box; margin-bottom: 50px; } .how-it-works h3{ font-family: Lora; font-style: normal; font-weight: bold; font-size: 32px; line-height: 41px; text-align: center; color: #000000; } .how-it-works p{font-family: Quicksand, serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 32px; text-align: center; color: #000000;} .how-it-works .how-it-works{ float: left; width: 33.33%; box-sizing: border-box; padding: 10px 27px; } .how-it-works ul li{text-align:left;font-family: Quicksand, serif;font-style: normal; font-weight: normal; font-size: 16px;line-height: 24px;color: #000000;list-style:disc;} .order{float:left;width:100%;} .how-it-works .how-it-works h4{font-family: Quicksand, serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 25px; text-align: left; color: #000000; margin-bottom: 0 !important;} .order a{background: #FF0000; border-radius: 34px; width: 220px; height: 57px; color: #fff !important; display: inline-block; line-height: 57px; font-size: 18px;} .team-expert{float:left;width:100%;padding:50px 48px;box-sizing: border-box;} .team-expert .team-left{float:left;width:50%;} .team-expert .team-right{float:left;width:50%;text-align:center;} .team-expert .team-right h6{font-family: Lora; font-style: normal; font-weight: bold; font-size: 24px; line-height: 31px; text-align: center; color: #5B5B5B;} .team-expert .team-right h2{font-family: Lora, serif; font-style: normal; font-weight: bold; font-size: 32px; line-height: 41px; color: #000000;} .team-right ul li{display:inline-block; width: 32.33%;} .team-right h4{font-family: Quicksand, serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 25px; text-align: center; color: #000000; } .team-right ul li img{ margin-bottom: 20px;} .team-right p {font-family: Quicksand, serif;font-style: normal;font-weight: bold; font-size: 16px;line-height: 24px; text-align: center;color: #000000; margin:0px;} .team-right span{font-family: Quicksand, serif;font-style: normal; font-weight: bold;font-size: 16px;line-height: 24px; text-align: center;color: #FF1341; margin:0px; cursor: pointer; } .Our-story{float:left; width:100%;background: #F1F8FD;padding:70px;box-sizing:border-box;} .Our-story h3{font-family: Lora, serif; font-style: normal; font-weight: bold;font-size: 32px;line-height: 41px; text-align: center;color: #000000; margin-bottom: 40px;} .Our-story .our-story-left{float:left;width:50%;/*margin-right: 4%;*/} .Our-story .our-story-right{float:left;width:50%;} .widget.widget-static-block{display: none;} .still-exploring { text-align: center; float: left; width: 100%; padding: 120px 0px 80px; } .footer-img{display: none;} .still-exploring h3{font-family: Lora, serif;font-style: normal; font-weight: bold;font-size: 24px;line-height: 31px;text-align: center;color: #222222;} .still-exploring a{ background: #FF0000; border-radius: 34px; width: 220px; height: 57px; color: #fff !important; display: inline-block; line-height: 57px; font-size: 20px; /*padding: 16px 32px;*/ } .how-it-works .how-it-works img{width: 99.6px;height: 99.6px;margin-bottom: 14px; margin-right: 72px;} .how-it-works .how-it-works ul{margin-left: 30px;} .our-story-left { background: url(../images/arrows_new.png) 75% 100% no-repeat; background-size: 450px; } .our-story-left p{ font-size: 20px; line-height: 32px;} /* *************************tab css start here***************************** */ @-webkit-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes $animation_name { from { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-moz-keyframes $animation_name { from { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-o-keyframes $animation_name { from { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes $animation_name { from { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } to { opacity: 1; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes $animation_name { from { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { opacity: 1; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-moz-keyframes $animation_name { from { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { opacity: 1; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-o-keyframes $animation_name { from { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { opacity: 1; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @keyframes $animation_name { from { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } to { opacity: 1; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-webkit-keyframes $animation_name { from { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } to { opacity: 1; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } } @-moz-keyframes $animation_name { from { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } to { opacity: 1; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } } @-o-keyframes $animation_name { from { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } to { opacity: 1; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } } @keyframes $animation_name { from { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } to { opacity: 1; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 0% 50% 50%; -ms-transform-origin: 0% 50% 50%; -webkit-transform-origin: 0% 50% 50%; transform-origin: 0% 50% 50%; } } @-webkit-keyframes $animation_name { 0% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes $animation_name { 0% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes $animation_name { 0% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes $animation_name { 0% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes $animation_name { from { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes $animation_name { from { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes $animation_name { from { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes $animation_name { from { opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes $animation_name { from { top: 20px; opacity: 0; } to { top: 0px; opacity: 1; } } @-moz-keyframes $animation_name { from { top: 20px; opacity: 0; } to { top: 0px; opacity: 1; } } @-o-keyframes $animation_name { from { top: 20px; opacity: 0; } to { top: 0px; opacity: 1; } } @keyframes $animation_name { from { top: 20px; opacity: 0; } to { top: 0px; opacity: 1; } } @-webkit-keyframes $animation_name { from { top: -20px; opacity: 0; } to { top: 0px; opacity: 1; } } @-moz-keyframes $animation_name { from { top: -20px; opacity: 0; } to { top: 0px; opacity: 1; } } @-o-keyframes $animation_name { from { top: -20px; opacity: 0; } to { top: 0px; opacity: 1; } } @keyframes $animation_name { from { top: -20px; opacity: 0; } to { top: 0px; opacity: 1; } } /* used for wrapper animation after the load of the page */ @-webkit-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } @keyframes $animation_name { from { opacity: 0; } to { opacity: 1; } } html { background: url(http://distinctionjewelry.com/info/wp-content/uploads/2013/01/blurred-background-10-2000x1250.jpg); webkit-font-smoothing: antialiased; font: 1em/1.5em "Raleway"; } .tabs-wrapper { padding-bottom: 80px; float: left; width: 100%; } .tabs-wrapper input[type=radio] { display: none; } .tabs-wrapper label { transition: background 0.4s ease-in-out, height 0.2s linear; display: inline-block; cursor: pointer; color: #666; width: 19%; height: 3em; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: center; line-height: 3em; } .tabs-wrapper label:last-of-type { border-bottom: none; } .tabs-wrapper label:hover { color: #EB1C24; border-bottom: 4px solid #EB1C24; /*@include transform (translate(0,-0.2em));*/ } @media screen and (max-width: 1600px) { .tabs-wrapper label { width: 19%; } } @media screen and (max-width: 900px) { .tabs-wrapper label { width: 19%; font-size: 16px; } #footer .grid_2 { width: 22%; padding-left: 0%; margin-right: 1%; /*width: 48% !important;*/ } } @media screen and (max-width: 768px) { #footer .grid_2{padding-left: 0% !important;} #footer .footer-bottom-wrapper .container_12 .footer-columns { margin-left: -113px; } #footer .grid_2 { width: 22%; padding-left: 0%; margin-right: 1%; /* width: 48% !important;*/ } #footer .grid_3 { /*width: 48% !important;*/ } #footer .grid_4 { width: 50% !important; padding-left: 0px !important; } } @media screen and (max-width: 600px) { #footer .footer-bottom-wrapper .container_12 .footer-columns { margin-left: 0px !important; } #footer .grid_2{padding-left: 0% !important;} #footer .grid_3 { width: 100% !important; padding-top: 0px !important; padding-bottom: 16px !important; } #footer .grid_4 { width: 100% !important; padding-left: 0px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns { margin-left: 0px; } #footer .grid_2 { width: 22%; padding-left: 0%; margin-right: 1%; width: 100% !important; } #footer .grid_3 { width: 100% !important; padding-top: 0px !important; } .tabs-wrapper label { width: 100%; display: block; border-bottom: 2px solid #4D4C47 !important; border-radius: 0; } } @media screen and (max-width: 600px) { .tabs-wrapper { margin: 0; } } #tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label { color: #666; } /* new tab css */ #tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label, #tab5:checked + label { color: #EB1C24 !important; border-bottom: 4px solid #EB1C24 !important; font-weight: 700; } .tab-body { position: absolute; top: -9999px; padding: 10px; } .tab-body-wrapper { border-top: #000 3px solid; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1.5s; -webkit-animation-name: show; -webkit-animation-fill-mode: forwards; -moz-animation-delay: 0.2s; -moz-animation-duration: 1.5s; -moz-animation-name: show; -moz-animation-fill-mode: forwards; -o-animation-delay: 0.2s; -o-animation-duration: 1.5s; -o-animation-name: show; -o-animation-fill-mode: forwards; animation-delay: 0.2s; animation-duration: 1.5s; animation-name: show; animation-fill-mode: forwards; margin-top: -4px; } @media screen and (max-width: 600px) { .tab-body-wrapper { border: none; border-radius: 0; } } #tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4 { position: relative; top: 0px; /* Choose one */ /* @include animation(0.2s,0.8s,content-opacity); */ /* @include animation(0.2s,0.8s,content-rotate-x); */ /* @include animation(0.2s,0.8s,content-rotate-y); */ /* @include animation(0.2s,0.8s,content-rotate-both); */ /* @include animation(0.2s,0.8s,content-pop-in); */ /* @include animation(0.2s,0.8s,content-pop-out); */ /* @include animation(0.1s,1s,content-slide-bot); */ -webkit-animation-delay: 0.1s; -webkit-animation-duration: 1s; -webkit-animation-name: content-slide-top; -webkit-animation-fill-mode: forwards; -moz-animation-delay: 0.1s; -moz-animation-duration: 1s; -moz-animation-name: content-slide-top; -moz-animation-fill-mode: forwards; -o-animation-delay: 0.1s; -o-animation-duration: 1s; -o-animation-name: content-slide-top; -o-animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; animation-name: content-slide-top; animation-fill-mode: forwards; } #tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4, #tab5:checked ~ .tab-body-wrapper #tab-body-5 { position: relative; top: 14px; /* Choose one */ /* @include animation(0.2s,0.8s,content-opacity); */ /* @include animation(0.2s,0.8s,content-rotate-x); */ /* @include animation(0.2s,0.8s,content-rotate-y); */ /* @include animation(0.2s,0.8s,content-rotate-both); */ /* @include animation(0.2s,0.8s,content-pop-in); */ /* @include animation(0.2s,0.8s,content-pop-out); */ /* @include animation(0.1s,1s,content-slide-bot); */ -webkit-animation-delay: 0.1s; -webkit-animation-duration: 1s; -webkit-animation-name: content-slide-top; -webkit-animation-fill-mode: forwards; -moz-animation-delay: 0.1s; -moz-animation-duration: 1s; -moz-animation-name: content-slide-top; -moz-animation-fill-mode: forwards; -o-animation-delay: 0.1s; -o-animation-duration: 1s; -o-animation-name: content-slide-top; -o-animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; animation-name: content-slide-top; animation-fill-mode: forwards; } #tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4, #tab5:checked ~ .tab-body-wrapper #tab-body-5 { position: relative; top: 14px; /* Choose one */ /* @include animation(0.2s,0.8s,content-opacity); */ /* @include animation(0.2s,0.8s,content-rotate-x); */ /* @include animation(0.2s,0.8s,content-rotate-y); */ /* @include animation(0.2s,0.8s,content-rotate-both); */ /* @include animation(0.2s,0.8s,content-pop-in); */ /* @include animation(0.2s,0.8s,content-pop-out); */ /* @include animation(0.1s,1s,content-slide-bot); */ -webkit-animation-delay: 0.1s; -webkit-animation-duration: 1s; -webkit-animation-name: content-slide-top; -webkit-animation-fill-mode: forwards; -moz-animation-delay: 0.1s; -moz-animation-duration: 1s; -moz-animation-name: content-slide-top; -moz-animation-fill-mode: forwards; -o-animation-delay: 0.1s; -o-animation-duration: 1s; -o-animation-name: content-slide-top; -o-animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; animation-name: content-slide-top; animation-fill-mode: forwards; } /* *************************tab css end here***************************** */ /* *************************banner css start here***************************** */ .item.switch_item .grid_6{ float: left;} .item.switch_item .grid_7{ float: right;} .g_slide { position: relative; height: 350px; overflow: hidden; } .g_slide .item { /*display: none; position: absolute; right: 0; top: 0; width:100%;*/ } .item.switch_item.grid_5{ left: 0;} .switch_main { position: relative; } .g_slide .switch_nav { width: 100%; position: absolute; right: 0; bottom: 10px; z-index: 11; text-align: center; } .g_slide .switch_nav_item { display: inline-block; margin: 0 10px 0 0; width: 13px; height: 13px; line-height: 200px; overflow: hidden; font-size: 0; border-radius: 100%; background: #b7b7b7; text-align: center; font-size: 18px; color: #fff; } .g_slide .switch_nav_item:hover { text-decoration: none; } .g_slide .switch_nav_item_current { background: #eb6100; } .g_slide .prev, .g_slide .next { position: absolute; top: 50%; z-index: 10; margin-top: -15px; width: 18px; height: 30px; overflow: hidden; background: url(slide.png) no-repeat; transition: margin-left .3s ease, margin-right .3s ease; } .g_slide .prev { left: -18px; _left: 10px; } .g_slide .next { right: -18px; _right: 10px; background-position: -19px 0; } .g_slide .prev:hover { background-position: 0 -70px; } .g_slide .next:hover { background-position: -19px -70px; } .g_slide:hover .prev { margin-left: 28px; } .g_slide:hover .next { margin-right: 28px; } .scroll { position: relative; width: 752px; height: 117px; border: solid 1px #dfdfdf; overflow: hidden; } .switch_main { position: relative; } .scroll .item { float: left; width: 250px; height: 100%; border-right: solid 1px #dfdfdf; } .scroll .switch_item { display: none; position: absolute; left: 0; top: 0; width: 100%; } .scroll .prev, .scroll .next { position: absolute; top: 50%; margin-top: -20px; width: 19px; height: 39px; overflow: hidden; background: url(slide.png) no-repeat; } .scroll .prev { left: 0; background-position: 0 -31px; } .scroll .next { right: 0; background-position: -20px -31px; } .scroll .prev:hover { background-position: 0 -101px; } .scroll .next:hover { background-position: -20px -101px; } /* *************************banner css end here***************************** */ .home-banner .switch_nav{display:none;} .new_headera{text-align: center;position:relative;} .new_headera ul{/* display: inline-block;margin-left: 16%; */} .new_headera ul li{display: inline-block;font-family: Quicksand; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; padding: 0px 5px; color: #000000;} /* .new_headera ul li:last-child { width: 150px; } */ .new_headera ul li a{color: #000000;} .new_headera ul li img{padding-right: 12%;} .custom-header-links{ float: right;position:absolute; top:0px;right:0px;} .custom-header-links a{font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 14px; line-height: 25px;text-align: right;color: #000000; padding: 0px 8px;} .fast_turn_around_times{float: left;width:100%;background: rgba(116, 190, 235, 0.5);padding: 7px 9px;box-sizing: border-box;} .fast_turn_around_times ul, ul#nav-wide{/*display: inline;*/ width: 1272px; margin: 0 auto;} .fast_turn_around_times ul li{display: inline-block;width:33%;font-family: Quicksand;font-style: normal; font-weight: 500;font-size: 14px;line-height: 17px; text-align: center; color: #000000;padding: 4px 0px 0px;} .fast_turn_around_times ul li:first-child{text-align: left;} .fast_turn_around_times ul li:last-child{text-align: right;} .banner-background{ bottom:50px;position:absolute;z-index: 99;background:#fff;padding: 10px;left:55px;width:80%; display: flex; align-items: center; } .banner-background .story-left { width: 25%; } .banner-background .story-right { width: 70%; } .banner-background img{float: left;margin-right: 4%; } .banner-background h4{font-family: Lora; font-style: normal;font-weight: 700; font-size: 15px;line-height: 26px;color: #222222;margin-bottom: 6px;} .banner-background p{font-family: Quicksand; font-style: normal;font-weight: normal; font-size: 14px;line-height: 17px;color: #000000;margin-bottom: 0px;} .success-stories h3{text-align: center;font-family: Lora;font-style: normal; font-weight: bold;font-size: 32px; line-height: 41px; text-align: center; color: #222222;} .our-product-outer{padding-bottom: 93px; padding-top:100px;} .our-product-outer h3{font-family: Lora; font-style: normal; font-weight: 700; font-size: 32px; line-height: 41px; text-align: center; color: #222222; } .our-product-outer p{font-family: Quicksand;font-style: normal;font-weight: normal;font-size: 20px;line-height: 32px;text-align: center;color: #000000;padding-bottom: 20px;} .view-all-products{text-align: center;padding-top: 48px;} .view-all-products a{font-family: Quicksand;font-style: normal;font-weight: 700;font-size: 20px; line-height: 25px;text-align: center; color: #EB1C24 !important; border:1px solid #FF0000; border-radius: 34px; width: 220px; height: 57px;padding: 12px 50px;} .custom-our-products{display: inline-block;width:24%; text-align: center;} .custom-our-products span{ clear: both;display: block;padding: 22px 35px; text-align: center;font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 20px; line-height: 25px; display: flex; align-items: center; text-align: center; color: #5B5B5B; } .account-cart-wrapper { position: absolute; top: 30px; } a.skip-link { text-decoration: none; } .skip-account { float: none; width: auto; vertical-align: top; display: inline-block; padding: 0 20px; text-transform: uppercase; } .skip-link { position: relative; float: left; width: 150px; height: 44px; background: #FFFFFF; color: #636363; line-height: 42px; text-align: center; } .skip-link:hover {background: #BADFF5;} .header-top-right .skip-link:before { content: ""; background: url(../images/myaccount-arrow.png); background-position: center; background-repeat: no-repeat; width: 30px; height: 16px; display: inline-block; position: absolute; top: 14px; right: 4px; } /* .skip-account .icon { background-position: 4px -44px; } */ .skip-link .icon { margin-right: 3px; } .skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; } .skip-link .label { display: inline; line-height: 45px; font-family: Quicksand; font-style: normal; font-weight: 500; font-size: 16px; line-height:44px; color: #000000; text-transform: capitalize; } #header-account{display: none;} #header-account.skip-active { background: #ffffff; border: solid 1px #cccccc; display: block !important; position: absolute; z-index: 200; top: 71px; right:72px; width: 163px; z-index: 9999; } .success-outer-left{float: left;width:50%;} .success-outer-right {float: left;width: 48%;margin-left: 2%;} .success-outer-right ul{ list-style: disc; margin-left: 10%;} .success-outer-right h3{ text-align: left !important;} .success-outer-right h3{font-family: Lora;font-style: normal;font-weight: bold;font-size: 24px;line-height: 31px;color: #222222;} .success-outer-right a{font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 20px; line-height: 25px; text-align: center; color: #EB1C24 !important; border: 1px solid #EB1C24 !important; border-radius: 37px; padding: 12px 50px; margin: 26px 30px 20px 59px; display: inline-block;} .success-outer-right p{font-family: Quicksand;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #222222;} .success-outer-right ul li{margin-top: 20px; line-height: 30px;} #footer .grid_2 { width: 22%; padding-left: 0%; margin-right: 4%; } #footer .grid_3{width:19% !important;} #footer .grid_4 {width: 29%; } .newsletter-customhh{position: relative;} .newsletter-customhh .input-box.first-field{display: none;} .newsletter-customhh .input-box.second-field input{background: #FFFFFF;border: 1px solid #A0A0A0 !important;box-sizing: border-box;width: 100%;height: 40px;font-family: Quicksand; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #919191;} .newsletter-customhh .actions .button{position: absolute;background: #EB1C24 !important; box-sizing: content-box;top:30px;right:0px;} .newsletter-customhh .actions .button span{border: transparent !important;height: 38px;} .newsletter-customhh .actions .button span {background: url(../images/subscription-images.png) center center no-repeat;padding: 1px 0px; text-indent: -999px; width: 42px;} .newsletter-customhh form span.sign-span{ font-size: 16px !important;line-height: 20px;font-weight: bold; color: #000;} .block-subscribe .input-box{ margin-top: 10px;} .success-stories{float: left;width:100%;} .trustpilot-widget{float: left;width:100%;} .footer-columns .footer-block-title{padding-left: 0% !important;} .footer-address-block{padding-left: 0% !important;} .footer-columns .footer-block-title h5{ padding-left: 0%;} .social-outer{margin-left: 0%;margin-bottom: 5%; margin-top: 30px;} .social-outer h3{margin-left:0%;font-family: Quicksand; font-style: normal;font-weight: bold;font-size: 16px;line-height: 20px;color: #000000;} #footer .footer-bottom-wrapper .container_12 .footer-columns{background: #F1F8FD;} .menu-wrapper li .top-content{display: inline; float: left;width: 30%;} .menu-wrapper li a{display: inline;float: left; width: 68%;text-align: left;font-family: Quicksand;font-style: normal; font-weight: 500;font-size: 18px;line-height: 22px; color: #000000;} .leader{ background: #4FBFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); width: 461px; top:0px; left: 0px; height: 100vh;} .leader{ background: #4FBFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);} .leader{text-align: center;} .leader h5{ width: 413px;height: 50px;left: 108px;top: 249px; font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 20px; line-height: 25px;text-align: center;text-transform: uppercase; color: #FFFFFF;text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin-top: 32px; margin-bottom: 24px; margin-left: auto; margin-right: auto;} .leader h2 { width: 336px;left: 108px;top: 323px;font-family: Quicksand;font-style: normal; font-weight: bold;font-size: 26px;line-height: 40px;color: #FFFFFF; margin: 0 auto 40px;} .available{ float: left;width:100%;margin-bottom: 20px;font-size: 18px; font-weight: bold; } .home-banner .g_slide{height: 492px;} .order-btn{/*float: left;*/width:100%; position: relative; z-index: 999;} .order-btn1 { background: #EB1C24; border-radius: 30px; font-family: Quicksand; font-style: normal; font-weight: bold; font-size: 24px; color: #FFFFFF !important; padding: 12px 145px; margin: 0 20px; } .order-btn .shop-now{border:1px solid #fff; border-radius:30px; font-family:Quicksand; font-style:normal; font-weight: bold; font-size:24px; line-height:30px; text-align:center; color: #FFFFFF; width: 90%; display: block; padding: 12px 0px; margin-left: 5%; margin-top: 12px; float: left; margin-bottom: 24px; } .leader-cls-img .available {background: url(../images/available.png) 6% 23% no-repeat;color:#fff;} #footer .footer-bottom-wrapper .container_12 .footer-columns > *:not(.clear){border: none !important;} #footer .footer-copyright-wrapper .social-links a i{color: #EB1C24 !important;} #footer p{font-family: Quicksand!important; font-style: normal !important; font-weight: 500 !important; font-size: 16px !important; line-height: 24px !important; color: #000000!important;} #footer .footer-block-title h5{font-family: Quicksand; font-style: normal; font-weight: bold !important; font-size: 16px !important; line-height: 20px !important; color: #000 !important;} #footer .footer-bottom-wrapper ul.links li a{font-family: Quicksand; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px !important; color: #000000; } .footer-address-block p{font-family: Quicksand !important;font-size: 16px !important;} .g_slide .item iframe{height: 495px !important;} .nav-wide#nav-wide > li:first-child{ margin-left: 0px;} .nav-wide#nav-wide > li{ margin-left: 30px;} body{ margin: 0 auto !important;} .actions span{ /*display: none;*/} .g_slide .prev, .g_slide .next{ display: none;} /*.flex-container { display: flex; flex-direction: row; font-size: 30px; text-align: center; } .flex-item-left { background-color: #f1f1f1; padding: 10px; flex: 50%; } .flex-item-right { background-color: dodgerblue; padding: 10px; flex: 50%; } /* Responsive layout - makes a one column-layout instead of two-column layout */ @media (max-width: 800px) { .flex-container { flex-direction: column; } }*/ @media only screen and (min-width: 1400px){ header#header #search_mini_form { right: 340px !important; } .quick-access .account-cart-wrapper{ right: 75px !important;} .nav-wide#nav-wide > li{ margin-left: 12px;} } @media only screen and (min-width: 1025px){ .how-it-works{ /*padding-top: 200px !important;*/} .topmenu-mobile{ display: none;} .new_header_mobile{ display: none !important;} .header-wrapper.moblie-view.sticky-logo.sticky-nav.sticky-cart { display: none !important;} .account-custom-wrapper-mobile{ display: none !important;} .home-banner.grid_12.col-main{ margin:0px auto 80px 0px !important;} .home-banner .g_slide{height: 550px;} .home-banner .g_slide .item.item.switch_item{height: 597px;} .home-banner .g_slide .item.item.switch_item img, .home-banner .g_slide .item iframe{ height: 550px !important; object-fit:cover;} .home-banner .leader{ /*height: 597px;*/} .container_12{ width: 1270px !important;} .tp-widget-review{ width: 250px !important;} /*#header*/ .container_12 .grid_12{ width: 1272px !important; margin: 0 auto !important;} header#header #search_mini_form { position: absolute;width: 600px;height: 48px;right: 370px;top: 0; background: #FFFFFF;box-sizing: border-box;border-radius: 2px;} .account-cart-wrapper{ right: 120px !important;} .item.switch_item{ width:1272px !important;} .home-ban-cls{ flex:40% !important; /*float:left !important; */ background-color: #4FBFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .item.switch_item{ /*display: flex !important; flex-direction:row;*/} .home-gal-cls{ flex:60% !important; /*float:right !important;*/ background-color: #4FBFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} } @media only screen and (max-width: 1024px){ .new_headera ul li{ line-height: 15px; font-size: 12px;} .new_headera ul li img{ margin-top: -2%;} .account-cart-wrapper{ top:37px;} .sucess-stories .g_slide{ height: 461px;} .banner-background{ bottom: -88px !important; left: 0 !important; right: 0 !important; width: 100% !important;} .banner-background h4{ font-size: 16px !important; line-height: 24px !important;} .how-it-works .how-it-works{ padding: 10px 10px !important;} .how-it-works .how-it-works img{ margin-right: 0 !important;} .topmenu-mobile{ display: none;} .fast_turn_around_times ul li{ width: 23%;} .nav-wide .level0 .ourproducts_1, .nav-wide .level0 .ourproducts_2, .nav-wide .level0 .ourproducts_3 { width: 50% !important;} .nav-wide .level0 .bestuses_1, .nav-wide .level0 .bestuses_2 { width: 50% !important;} .nav-wide .menu-wrapper .level0 .bestuses_3{ width: 100% !important;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li{ display: flex;} .nav-wide .menu-wrapper .level0 .bestuses_3 ul li{ width: 50% !important; display: inline-block !important;} .best_uses_wrapper a { background-color: red !important; color: #fff !important} .nav-wide .menu-wrapper .level0 .bestuses_3{ display: flex !important;} .best_uses_wrapper.best_uses_mobile1{ width: 45%; float: left;} .best_uses_wrappe.best_uses_mobile2{ width: 45%; float: right;} .home-banner .g_slide{ height: 520px} .home-gal-cls img{ height: 520px; object-fit:cover;} .order-btn1{ padding: 15px 95px;} .home-ban-cls{ flex:40% !important; /*float:left !important; */ background-color: #4FBFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .item.switch_item{ /*display: flex !important; flex-direction:row;*/} .home-gal-cls{ flex:60% !important; /*float:right !important;*/ background-color: #4FBFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .custom-header-links{ display: none;} .account-cart-wrapper{ right: 85px;} header#header #search_mini_form{ width: 748px; /*margin-left: 20%;margin-right: 26%*/;} header#header .form-search input{ width: auto;} .nav-container li.level-top > a span{ font-size: 16px !important;padding: 0.5em 10px;} /*.nav-wide#nav-wide > li{ margin-left: 0px;}*/ .item.switch_item{ width: 1024px; margin: 0 auto} .home-banner.grid_12.col-main, .g_slide.grid_12{ float: none;} .grid_12{ float: none !important; margin-left: 0 !important;} } @media only screen and (max-width: 900px){ .sucess-stories .g_slide{ height: 368px !important;} } @media only screen and (max-width: 767px){ .sucess-stories .g_slide{ height: 400px !important;} /*.banner-background{ bottom: -88px !important; left: 0 !important; right: 0 !important; width: 100% !important;}*/ #footer .footer-bottom-wrapper .container_12 .footer-columns{ margin: 0 !important;} .new_headera ul li{ font-size: 12px !important; line-height: 15px !important; padding: 0px 5px;} header#header .form-search button span i{ font-size: 14px;} header#header .top-cart .title-cart i{ position: absolute;left: 60px; margin-top: -16px;top:13px;} .menu-button i{ margin-top: -33px;} .menu-button span{ display: none;} a.skip-link{ display: none;} .custom-header-links-mobile a{font-family: Quicksand; font-style: normal;font-weight: 500;font-size: 14px; line-height: 25px;text-align: right;color: #000000;padding: 0px 8px;} header#header .nav-container > ul li a span{ color: #000; font-weight: bold !important; font-size: 16px !important; line-height: 20px;} header#header .nav-container.mobile a{ color: #000000;} .menu-button{ position: absolute; right: 0; top: -75px;} .account-custom-wrapper-mobile{ display: block !important; margin-bottom: 15px !important; } .moblie-view{ display: none !important;} .g_slide .item iframe{ height: auto !important;} .home-gal-cls img{ height: auto !important;} .home-banner .g_slide{ height: auto !important;} .item.switch_item{ flex-direction: column !important; /*display: inherit !important;*/ width: auto !important;} .nav-container.mobile{ left:0 !important;} .header-moblie{ display: flex;justify-content: flex-end;} .home-ban-cls{ flex:100% !important; float:none !important; background-color: #4FBFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .home-gal-cls{ flex:100% !important; /*float:right !important;*/} header#header h2.logo img{ width: 105px !important; position: absolute !important; left: 0; float: left; margin-left: 15px; } header#header #search_mini_form{ display: block; margin: 0; width: 250px; margin-top: -22px; } .leader h5{ } header#header .form-search .indent{ height:34px;/*width:140px;*/ position:relative; right:92px;} .header#header .form-search input{ border-bottom: none !important;} header#header .form-search button{ padding:0;position:relative;bottom:75px;right:7px;} } @media only screen and (max-width: 1374px){ .success-outer-right ul li { margin-top: 10px; } .leader-outer h5{ /*padding-top:2%;font-size:20px;line-height:21px;*/ } /* .order-btn .order-btn{margin-top:1%;} .order-btn .order-btn{margin-top:2%;}*/ /*.home-banner .g_slide{height: 379px;}*/ /* .leader-outer{width:400px;} .leader-outer h2{ font-size: 25px; line-height: 30px;}*/ .trustpilot-widget .tp-widget-review{ width: 240px !important;} .header-slider-container .iosSlider{ height : 311px; } .header-slider-holder{ height : 311px; } .header-slider-container .container{ height : 311px; } } @media only screen and (max-width: 1007px){ .header-slider-container .iosSlider{ height : 240px; } .header-slider-holder{ height : 240px; } .header-slider-container .container{ height : 240px; } .herotext{ top : -50%; } .success-outer-right a{font-size: 14px !important;} } @media only screen and (max-width: 840px){ #footer .grid_2{margin-left:0% !important;margin-right:0% !important;} .custom-our-products{width: 49% !important;} .tabs-wrapper label { /*width: 17%;*/ } .banner-background{ left:21px;bottom: 30px; } } @media only screen and (max-width: 766px){ /*.home-banner .g_slide{height:600px !important;}*/ /*.home-banner .leader-outer {width:100%;position:relative !important; width:100% !important; display:block !important;} .team-expert .team-left{float: left;width:100%;margin-bottom: 20px;}*/ .team-expert .team-right { float: left; width: 100%; text-align: center; } .team-expert{padding: 0px;} .success-outer-left{width:100%;} .header-slider-container .iosSlider{ height : 130px; } .header-slider-holder{ height : 130px; } .header-slider-container .container{ height : 130px; } .account-create .form-list{ display: block!important; } /* header#header .form-search input{width:84%;}*/ .new_headera ul{margin-left: 0%;} header#header #search_mini_form{ padding: 1px 1px 11px;} .fast_turn_around_times ul li{width: 100% !important;} .fast_turn_around_times{/*display: none;*/} .custom-header-links{display: none;} } @media only screen and (max-width:600px){ #slider img{ height: 100% !important; object-fit:contain !important;} .order{text-align: center; padding-bottom: 20px;} .leader-outer h2{font-size:26px;} .leader .available{background: url(../images/available.png) 11% 30% no-repeat;} .trustpilot-widget iframe{height: 295px !important;} .g_slide .item iframe { /* height: 200px !important;*/ } .our-product-outer{padding-top: 40px; margin: 0px 16px;} .tabs-wrapper label { width: 100%; } .custom-our-products{width:49%;} .how-it-works .how-it-works{margin-bottom: 10px; width:100%;} .Our-story{padding:10px;} .Our-story .our-story-left{width:100%;} .Our-story .our-story-right{width:100%;} .custom-our-products span{padding: 12px 4px;font-size: 16px; line-height: 19px;} .still-exploring{padding: 32px 0px;} .how-it-works{padding: 12px;} .how-it-works .how-it-works{text-align: center;margin-bottom: 10px;} .how-it-works .how-it-works h4{text-align: left;} .banner-background{bottom:15px;position: absolute;left:7px;width:90%;} .banner-background h4{font-size:14px;} .success-outer-right a{/*margin: 16px 0px 6px 1px;*/ font-size: 13px; /*width: 45%;*/ padding: 12px 37px !important;} .success-outer-left{width:100%;} .success-outer-right{width:100%;margin-left:0%;} .success-outer-right{font-size: 16px; margin-top:33%;/*text-align: center;*/} .success-outer-right li{ list-style: disc; margin-left: 25px;} .team-right ul li { display: inline-block; width: 100%; margin-bottom: 18px; } .success-outer-right a{ padding: 12px 20px !important; font-size: 16px !important; line-height: 20px !important;} .team-expert .team-right h2{font-size: 26px;line-height: 24px;} } @media only screen and (max-width : 410px) { .header-slider-container .iosSlider { height : 120px; } .header-slider-holder { height : 120px; } .header-slider-container .container { height : 120px; } header#header h2.logo img{ width: 95px !important; margin-left: 7px; } } @media only screen and (max-width : 355px) { .header-slider-container .iosSlider { height : 100px; } .header-slider-holder { height : 100px; } .header-slider-container .container { height : 100px; } } .nav-wide .menu-wrapper .level0 .bestuses_1 ul li, .nav-wide .menu-wrapper .level0 .bestuses_2 ul li, .nav-wide .menu-wrapper .level0 .bestuses_3 ul li{ width: 100%; display: flex; align-items: center; } .nav-wide .menu-wrapper .level0 .ourproducts_1 ul li, .nav-wide .menu-wrapper .level0 .ourproducts_2 ul li, .nav-wide .menu-wrapper .level0 .ourproducts_3 ul li{ width: 100%; display: flex; align-items: center; justify-content: space-evenly; } .nav-container li.level0.nav-6.last.level-top{ display: none !important;} .nav-wide .menu-wrapper .level0 .bestuses_1 h3, .nav-wide .menu-wrapper .level0 .bestuses_2 h3, .nav-wide .menu-wrapper .level0 .bestuses_3 h3{ font-weight: 700; font-style: normal; font-size: 18px; line-height: 22px; text-transform: capitalize; } @media only screen and (max-width: 767px){ .nav-wide .menu-wrapper .level0 .bestuses_1 h3, .nav-wide .menu-wrapper .level0 .bestuses_2 h3, .nav-wide .menu-wrapper .level0 .bestuses_3 h3{ font-size: 16px; line-height: 20px; } } .nav-wide .menu-wrapper .level0 .bestuses_1 a span, .nav-wide .menu-wrapper .level0 .ourproducts_1 a span { font-weight: 500; font-style: normal; font-size: 18px; line-height: 92px; } .nav-wide .menu-wrapper .level0 .bestuses_2 a span{ font-weight: 500; font-style: normal; font-size: 18px; line-height: 92px; } .nav-wide .menu-wrapper .level0 .bestuses_3 a span{ font-weight: 500; font-style: normal; font-size: 18px; line-height: 92px; float: inherit; } /*.header-top-right .header-account ul li a:{ display: none; }*/ .nav-wide .menu-wrapper .level0 .bestuses_1, .nav-wide .menu-wrapper .level0 .bestuses_2, .nav-wide .menu-wrapper .level0 .bestuses_3{ width: 33%; display: inline-block; } .nav-wide .menu-wrapper .level0 .ourproducts_1, .nav-wide .menu-wrapper .level0 .ourproducts_2, .nav-wide .menu-wrapper .level0 .ourproducts_3{ width: 33%; display: inline-block; } .nav-wide .menu-wrapper .level0 .bestuses_3 ul .best_uses_wrapper div a, .best_uses_wrappe.best_uses_mobile2 a { position: relative; bottom: 60px; background: #EB1C24; padding: 8px 16px; border-radius: 27px; width: 188px; text-align: center; left: 80px; font-weight: 700; font-size: 18px; line-height: 22px; color:#fff; border-color: #EB1C24; display: block; } .best_uses_wrappe.best_uses_mobile2 a.second { width: 265px; left: 40px; } .best_uses_wrappe { margin-top: -15px; } @media screen and (max-width: 768px) { .best_uses_wrappe.best_uses_mobile2 a.second { padding: 10px 5px !important; left: 16px !important; width: 230px !important; } } .nav-wide .menu-wrapper .level0 .bestuses_3 ul li span:nth-of-type(1){ color: #2F80ED; font-size: 16px; line-height: 20px; font-style: normal; font-weight: 700; position: relative; top: 25px; } .nav-wide .menu-wrapper l1 a.product1, .nav-wide .menu-wrapper l1 a, .nav-wide .menu-wrapper l1 a{ width:20% !important; } .nav-wide .menu-wrapper .level0 .ourproducts_1 ul li, .nav-wide .menu-wrapper .level0 .ourproducts_2 ul li, .nav-wide .menu-wrapper .level0 .ourproducts_3 ul li{ width:100%; display:flex; align-items: center; justify-content: space-evenly; } .still-exploring a, .order a{ font-weight: bold;} /*.nav-wide .menu-wrapper .level0 .ourproducts_1 a span { font-weight: 500; font-style: normal; font-size: 18px; line-height: 92px; } */ @media only screen and (min-width: 1450px){ body.boxed-layout header#header .topline{ margin-top: 10px !important;} } @media only screen and (max-width : 1024px) { .home-banner{ height: 412px !important;} .view-all-products a{ font-size: 16px; line-height: 24px; padding: 12px 20px;} .custom-our-products span{ font-size: 14px; line-height: 21px; padding: 22px 0px;} .Our-story{ display: flex !important; flex-direction: column-reverse !important;} .Our-story .our-story-left{ padding: 24px 70px !important;} .team-expert .team-right, .team-expert .team-left { width: 100%;} .team-expert .team-left{ text-align: center;} .Our-story .our-story-right, .Our-story .our-story-left { width: 100%; margin: 0 auto;max-width: 100%;text-align: center;} .team-expert .team-right{ margin-top: 35px;} } @media only screen and (min-width : 900px) { .bestuses_3 ul a{ } .fast_turn_around_times.topmenu-mobile{ display: none !important;} .tabs-wrapper label{} } @media only screen and (max-width : 900px) { .bestuses_3 li{ display: flex !important; width: 100%;} .bestuses_3 img, .bestuses_3 li a{ width: 50%; float: left;} .bestuses_3 img{ max-width: 100% !important; width: 100% !important;} header#header .nav-container.mobile .bestuses_3 a{ display: flex !important; padding: 10px 12px !important; } .best_uses_wrappe.best_uses_mobile2 a{ position: relative;bottom: 60px;background: #EB1C24; padding: 8px 16px;border-radius: 27px;width: 188px; text-align: center;left: 50px;font-weight: 700; font-size: 18px;line-height: 22px;color: #fff;border-color: #EB1C24; display: block;} .bestuses_3 ul{ /*display: flex;*/} .bestuses_3 ul li { width: 50% !important; float: left !important;} .Our-story{ padding: 10px 15px !important;} .how-it-works{ padding:11px 0px !important; } .how-it-works .how-it-works{ padding: 10px 10px;} .how-it-works .how-it-works h4{ font-size: 16px; text-align: left !important;} .row.footer-columns #footer .grid_2 .custom-footer-content { width: 33% !important;} .row.footer-columns #footer .grid_3 .custom-footer-content { width: 33% !important;} .row.footer-columns #footer .grid_3 .footer-block-title { width: 33% !important;} .Our-story .our-story-left{ text-align: left !important; padding: 10px 50px;} .team-expert .team-right{ margin-top: 50px; margin-bottom: 50px;} #footer .grid_2 { /* width: 22%; padding-left: 0%; margin-right: 1%; width: 48% !important;*/ } } @media only screen and (min-width:900px) and (max-width:1024px){ .Our-story h3{ position: absolute;top: -25px;left: 0;right: 0;} .nav-wide#nav-wide li.level0.nav-7.level-top.order-samples-link a span{ font-size: 20px !important; line-height: 25px;color: red;} .nav-wide#nav-wide li.level-top a span{ font-size: 20px !important;} } @media only screen and (min-width:768px) and (max-width:1024px){ .catalog-category-view .cateory-name{ font-size: 12px;} .Our-story h3{ position: absolute;left: 0;right: 0;top: -58px;} .Our-story{ padding-left: 15px !important; padding-right: 15px !important;} .our-product-outer{ margin: 0 15px;} .success-stories{ width: 95%; margin: 0 15px;} #footer .footer-copyright-wrapper .sopyright{ /*text-align: inherit !important;*/font-weight: bold; width: 356px;margin: 0 auto !important;} .still-exploring h3{ margin: 32px auto;} .still-exploring a{ line-height: 24px;font-size: 16px; width: auto; height: auto; padding: 8px 30px; } .our-story-right img, .team-left img{ width: inherit;} .Our-story{ position: relative;padding-left: 0;padding-right: 0;} .ourstory-heading{position: absolute;top: 0;width: 100%;margin: 0 auto; text-align: center; background: #F1F8FD;} .team-expert{ padding-left: 15px;padding-right: 15px;} .order a{ font-size: 16px; line-height: 24px; width: auto; height: auto; padding: 8px 30px;} .how-it-works .how-it-works ul{ margin-left: 22px;} .how-it-works ul li{ font-size: 12px; line-height: 24px;} .how-it-works{ padding-top: 50px !important;} .success-outer-right a{ font-size: 16px; line-height: 24px; padding: 12px 20px;margin: 26px 0px 20px 30px;} .success-outer-right ul li{ margin-left: 25px; list-style: disc;} } @media only screen and (min-width:768px) and (max-width:991px){ header#header h2.logo{ margin-left: 5%;} .menu-button i{ margin-top: 42px;} .fast_turn_around_times{ margin-bottom: -24px;} header#header .top-cart .block-title i{ margin-top: 10px;} header#header .quick-access { display: inline-block !important; text-align: center; padding: 0 0 .75em; display: inline-block; position:static !important; } .footer-address-block h5{ margin-left: 10% !important;} #footer .footer-address-block dl{ width: 80% !important; margin: 0 auto !important;} #footer .footer-address-block dl .col{ width: 40% !important;} /* .ourstory-heading{ top: -50px;}*/ .custom-our-products span{ font-size: 14px; line-height: 21px;} .custom-our-products{ width: 24% !important;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li{ display: flex !important;} header#header .nav-container.mobile .bestuses_3 li a{ display: block !important;} header#header #search_mini_form{ margin-top: -19% !important;} header#header .top-cart{ top: -10px !important;right: -60px !important;} .fast_turn_around_times ul li{ width: 30% !important;} .fast_turn_around_times ul{ width: 720px !important; } } @media screen and (max-width: 768px) { .our-story-left p{ /*line-height: 22px;*/} #footer .footer-bottom-wrapper .container_12 .footer-columns { /*margin-left: -113px;*/ } #footer .grid_2 { /* width: 22%; padding-left: 0%; margin-right: 1%; width: 48% !important;*/ } #footer .grid_3 { /*width: 48% !important;*/ } #footer .grid_4 { width: 100% !important; padding-left: 0px !important; } } @media only screen and (max-width : 767px) { .nav-container.mobile #nav-wide.nav-wide ul.level0 li div img{ width: 90px;} .menu-button i i:before{ font-size: 28px;} .footer-columns .grid_4 .social-outer h3{ margin-top: 12px !important;} #footer .footer-bottom-wrapper ul.links li a{ font-size: 14px !important; line-height:17px;} #footer .footer-block-title h5{ font-size: 14px !important; line-height: 17px !important; padding: 0 0 0 15px !important; } #footer p{ text-align: left !important; font-size: 14px !important; margin: 0 15px;} .Our-story h3{ position: absolute;top: 0;left: 0;right: 0;font-size: 24px;line-height: 31px;} .Our-story{ padding: 0 !important;} .team-right p{ color: #9e9e9e;} .team-right h4{ font-size: 16px; line-height: 20px; margin-bottom: 8px;} .team-expert .team-right h2{ font-size: 24px !important; line-height: 30px !important;} .how-it-works .how-it-works img{ margin-top: 33px; margin-bottom: 17px;} .success-stories{ padding-top: 60px;} a.order-btn{ margin: 0 !important;} .account-custom-wrapper-mobile img{ margin-right: 10px; margin-top: -4px !important;} #footer .footer-copyright-wrapper .sopyright a{ margin-top: 10px;} .nav-wide .menu-wrapper .level0 .bestuses_3 ul .best_uses_wrapper div a, .best_uses_wrappe.best_uses_mobile2 a { width: 120px !important; left: 80px !important;} .nav-wide#nav-wide > li{ margin-left: 0px !important;} .team-expert .team-right{ margin-bottom: 50px;} .Our-story .our-story-right{ margin-top: 15%;} .Our-story{ position: relative; /*background: #F1F8FD;*/} .Our-story .ourstory-heading{ position: absolute; top: 0; width: 100%; } .still-exploring a{ width: 161px !important; line-height: 40px !important; font-size: 16px !important; padding: 1px 12px !important; height: 40px !important; } .still-exploring h3{ font-size: 20px; line-height: 25px;} .still-exploring img{ width: 100%;height: 266px;object-fit: cover;} .our-story-left p{ font-size: 16px !important; line-height: 20px !important;} .success-stories h3{ text-align: center;} .success-outer-right h3{ text-align: left;} .success-stories h3{ font-size: 24px; line-height: 30px;} .fast_turn_around_times{ display: none !important; } .new_header_mobile{ display: block !important; } .header-moblie{ height: 100px;} .menu-button i{ margin-top: -7px !important; margin-right: 4px !important;} ul.custom_mobile_links{ display: flex;} ul.custom_mobile_links li{ display: inline-block;} .order-btn{ display: flex; margin: 0 auto;display: flex;height: 10px;} .content-main{ height: 190px !important;} .order-btn{ width: 95%; margin: 0 auto;} a.order-btn{font-size: 16px !important; padding: 15px 12px !important;display: inline-block; width: 45%;float: left; line-height: 12px !important;} .order-btn .shop-now{ padding: 21px 17px !important; font-size: 16px !important; width: 45% !important; float: left; line-height: 1px !important;} .footer-address-block{ width: 100% !important;} .footer-address-block .col{ width: 50%; float: left;} .footer-columns .grid_4 .newsletter-customhh, .footer-columns .grid_4 .social-outer { width: 100% !important;} .footer-columns .grid_2 .custom-footer-content{ width: 100% !important;} #footer .footer-bottom-wrapper .footer-columns .grid_3 { width: 42% !important;} .Our-story .our-story-left{ padding: 10px 26px !important;} .how-it-works .how-it-works h4{ text-align: center !important;} .how-it-works .how-it-works ul{ margin: 0 auto;text-align: center; width: 60% !important; margin-right: 30px !important;} .content-main{ padding-top: 40.25% !important;} .available p{ padding: 5px 0px 0px 62px !important; font-size: 16px !important; line-height: 20px !important;} .fast_turn_around_times.topmenu-mobile{ display: block !important; padding: 28px 0px; } .fast_turn_around_times.topmenu-mobile .dots{ /*bottom: -28px;*/} .fast_turn_around_times.topmenu-mobile .dot{ width: 8px !important; height: 8px !important;} .fast_turn_around_times.topmenu-mobile .dot.active-dot{ background: #000000; } .grid_12{ margin-left: 0 !important; margin-right: 0px !important;} .container_12{ margin-left: 0 !important; margin-right: 0px !important; width: 100%;} .footer-columns .grid_2, .footer-columns .grid_3, .footer-columns .grid_4 { width: 100% !important; margin: 0 15px !important;} .footer-columns .grid_4 .newsletter-customhh, .footer-columns .grid_4 .social-outer, .footer-address-block { width: 95% !important; margin: 0 15px !important;} .leader-cls h2{ line-height: 30px !important; font-size: 24px !important; margin: 0 15px 30px !important;} .our-product-outer p{ width: 343px; font-size: 16px !important; line-height: 24px !important; margin: 0 auto;} .our-product-outer h3{ font-size: 24px !important; line-height: 30px;} .view-all-products a{ font-size: 16px !important; line-height: 20px; padding: 12px 20px !important;} .our-product-outer{ padding-bottom: 40px !important;} .tabs-wrapper label { width: 19% !important; font-size: 10px !important; line-height: 14px !important; display: inline-block !important;} .how-it-works h3{ font-size: 24px !important; line-height: 31px !important; font-family: Lora !important;} .how-it-works p{ width: 343px;font-size: 16px !important; line-height: 24px !important; margin: 0 auto;} .how-it-works .how-it-works h4{ margin-left: -8%; font-size: 16px; line-height: 20px; } .how-it-works ul li{ font-size: 12px; line-height: 20px;} .how-it-works .how-it-works ul{ /*width: 40% !important;*/} .order a{ width: 161px !important;line-height: 40px !important; font-size: 16px !important;padding: 1px 12px !important; height: 40px !important;} .grid_2.moblie-content{ width: 100% !important;} .best_uses_wrapper.best_uses_mobile1{ width: 100% !important;} .best_uses_wrappe.best_uses_mobile2{ width: 100% !important;} .nav-wide .menu-wrapper .level0 .bestuses_3 ul li{ width: 100% !important;} header#header .nav-container.mobile .bestuses_3 a{ display: block !important;} header#header .nav-container.mobile .bestuses_3 div a{ display: flex !important; background-color: red !important; color: #fff !important;justify-content: center !important;} .bestuses_3 li div img{ max-width: 92px !important; max-height: 92px !important;} header#header .nav-container.mobile a{ color: #000000;font-weight: bold !important; font-size: 14px !important; font-weight: 400 !important; line-height: 18px;} .social-outer{ text-align: center;} } /*.Service_section .service{ background-color:#F1F8FD !important;}*/ .additional-service{ width: 1272px !important; margin: 0 auto;} /*.section2{ background-color: #E5E5E5;}*/ .section3{ background-color: #F1F8FD;} .section5{ background-color: #F1F8FD;} /*.section4{ background-color: #E5E5E5;}*/ .section6, .section7{ background-color: #fff;} .Service_section .additional h2 { font-family: Lora;font-weight: 700;font-size: 32px;color: #000; text-align: center;margin: 0;padding-bottom: 32px;font-style: normal;line-height: 44px;} .Service_section .additional{width: 100%;padding-top: 64px; /*background-color: #E5E5E5;*/} .Service_section .section1{ background-color:#F1F8FD !important;} .section2,.section3,.section4,.section5,.section6,.section7,.section8{ width: 100%;} .cms-services .section8 .trustpilot-widget{ width: 1272px; margin: 0 auto; float: none !important; } .Service_section .service{ width: 1272px !important; margin: 0 auto;} .cms-services .content-wrapper .container_12{ width: 100% !important; } .cms-services .container_12 .grid_12{ width: 100% !important; /*background-color:#F1F8FD !important;*/ } .cms-success-page .content-wrapper .container_12{ width: 100% !important; } .cms-success-page .container_12 .grid_12{ width: 100% !important; } .quote_form_section input{font-family: Quicksand;font-style: normal;font-weight: normal;font-size: 14px; line-height: 21px;color: rgba(0, 0, 0, 0.5); padding-left: 10px !important; } .quote_form_section textarea{ padding-left: 8px !important;padding-right: 16px !important; padding-top: 16px !important; font-family: Quicksand;font-style: normal;font-weight: normal;font-size: 14px; line-height: 21px;color: rgba(0, 0, 0, 0.5); } .cms-services .main-container, .cms-quote-form .main-container{ padding-bottom: 0 !important;} .Service_section .additional-service li .text a.service-class{ font-family: Quicksand;font-size: 16px;font-weight: bold;line-height: 24px; letter-spacing: 0em;color: #EB1C24;cursor: pointer;font-style: normal; background: transparent;margin-top: 0;display: inline-block;text-align: justify;padding: 0;width: auto; } .Service_section .additional-service li .text a.service-class span {font-family: Quicksand;font-size: 16px;font-weight: bold;line-height: 24px; letter-spacing: 0em;color: #EB1C24;cursor: pointer;font-style: normal;} @media (max-width: 767px){ .quote_form .form-list{ width: 95% !important;} .quote_form_section input, .quote_form_section textarea{ width: 95% !important} } @media (max-width: 1024px){ .Service_section .service, .additional-service, .cms-services .section8 .trustpilot-widget{ width: 100% !important;} } @media (max-width: 767px){ .Service_section .service, .additional-service, .cms-services .section8 .trustpilot-widget { width: 90% !important; margin: 0 auto; } .Service_section .additional-service{ padding-top: 0 !important; margin-bottom: 32px !important;} } @media only screen and (max-width: 600px){ header#header .top-cart{ right: 42px !important; top: 88px !important;} header#header .new_header_mobile .custom-header-links-mobile a{ padding: 10px 7px !important;} } @media only screen and (max-width : 400px) { #footer .footer-bottom-wrapper .footer-columns .grid_3{ width: 47% !important; padding: 0; margin: 0 5px !important; } #footer .footer-block-title h5{ margin-bottom: 10px;} #footer .footer-bottom-wrapper ul.links li a{ font-size: 14px !important; line-height: 17px !important;} #footer .footer-bottom-wrapper .container_12 .footer-columns > *:not(.clear) { padding-top: 0px !important;} .tabs-wrapper label{ font-size: 9px !important;} } .fa-plus:before { content: "\f078" !important; font-size: 17px; color: #000; } .fa-minus:before{ content: "\f077" !important; font-size: 17px; color: #000; } @media only screen and (max-width: 767px){ .nav-container.mobile { position: absolute; top: -30px !important; z-index: 99999; } } @media only screen and (max-width: 767px){ .newsletter-customhh .input-box.second-field input{ width: 100% !important;} .newsletter-customhh .actions .button{ top: 47px !important;} header#header .top-cart .title-cart i{ margin-left: 0px !important; padding-left: 5px !important;} .cms-index-index header#header .quick-access{ height: 55px !important; background-color:transparent !important; } header#header .nav-container.mobile > ul .menu-item-button i.fa.fa-plus { line-height: 10px !important; font-size: 10px !important; height: 16px; } .header-moblie .form-search input { width: auto !important; margin-top: -29px; border: none !important; height: auto !important; } .header-moblie .form-search button { bottom: 30px !important; background: transparent;} } .block-vertical-nav li.level-top.parent ul.level0 li a{ font-size: 14px !important; line-height: 17.5px !important; } .block-vertical-nav li.level-top.parent ul.level0 li a span{ color: #000000; font-weight: 500; } .products-grid li.item .product-container:hover{ border:none !important; } header#header .top-cart .btn-remove i { /*display: none !important;*/ color: #000; } header#header .top-cart .btn-edit .fa.fa-pencil{ display: none;} .custom_desc{ padding: 15px 10px;} .custom_desc h2{ font-weight: bold; font-size: 32px; line-height: 40px; color: #222222 !important; font-family: Quicksand; font-style: normal; text-transform:capitalize; } .custom_desc p{ font-weight: 500; font-size: 20px; line-height: 32px; color: #000000; /*max-width: 700px;*/ margin-bottom: 24px; } .custom_desc strong span{ font-weight: 500; font-size: 20px; line-height: 32px; /*color: #000000 !important;*/ } @media only screen and (max-width: 900px){ .how-it-works .customers{ padding-left: 50px !important; } .how-it-works .how-it-works{ margin-bottom: 40px; } .how-it-works .order{ margin-bottom: 60px; } .custom_desc{ margin-left: 40px; } .custom_desc h2{ font-size: 24px; line-height: 30px; } .custom_desc h2 p{ font-size: 16px; line-height: 24px; } .nav-wide#nav-wide > li{ margin-left: 0px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns{margin: 0 !important;} #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_2{ height: auto; line-height: 1.4; width: 42% !important; float: left; padding-left: 20px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_3{ height: auto; width: 29% !important; float: left; margin: 0; padding-right: 20px; padding-left: 20px; } .footer-columns .grid_4 .newsletter-customhh{ width: 55% !important; float: left; padding-left: 15px !important; } .footer-columns .grid_4 .social-outer{ width: 37% !important; float: left; padding-left: 20px !important; margin: 6px 0 0 0; } .newsletter-customhh .actions .button{ top: 9px; } } @media only screen and (max-width: 767px){ .custom_desc{ margin-left: 15px; } } .catalog-category-view .products-grid{ margin: -20px 0 0 0; } .catalog-category-view .block-content{ margin: 27px 0 0 0; } .how-it-works{ position: relative; z-index: 999; } .how-it-works:after{ position: absolute; content: ''; background: #F1F8FD; height: 100%; width: 200rem; top: 0px; left: -124px; z-index: -1; right: 0px; } .how-it-works .how-it-works:after{ display: none; } @media only screen and (max-width: 1024px){ .how-it-works:after{ display: none; } .Our-story{ padding: 100px 15px 10px !important; } .Our-story h3{ top: 31px; } } .cms-index-index{ overflow-x: hidden; } .nav-wide .menu-wrapper .level0 .bestuses_1 ul li, .nav-wide .menu-wrapper .level0 .bestuses_2 ul li, .nav-wide .menu-wrapper .level0 .bestuses_3 ul li{ padding: 0 0 14px; } @media only screen and (min-width:768px) and (max-width:991px){ .account-cart-wrapper.act .top-cart{ width: auto !important; } .social-links li img{ margin-right: 20px;} .newsletter-customhh .actions .button{ top: 45px !important;} .cms-index-index .newsletter-customhh .actions .button{ top: 30px !important;} } @media only screen and (max-width : 767px) { /*.account-cart-wrapper.act .top-cart #topCartContent { display: block !important; height: auto !important; padding-bottom: 16.9px !important; }*/ /*.account-cart-wrapper.act .top-cart #topCartContent{display: block !important;}*/ .how-it-works .how-it-works { margin-bottom: 0px; } .how-it-works { padding: 40px 0px 0px!important; } .how-it-works .order{ margin-top: 30px; } .how-it-works .customers{ padding-left: 0px !important; } #footer .footer-logo{ margin: 24px 0 2em !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_3{ width: 47% !important; padding: 0; margin: 0 5px !important; padding-left: 15px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_2{ float: none !important; width: 100% !important; padding-left: 0% !important; } .Our-story h3{ top: 33px; } .Our-story{ padding-top: 40px !important; padding-bottom: 20px !important; } .our-story-left p{ padding-top: 12px; } .Our-story .our-story-left { padding: 10px 15px !important; } .footer-columns .grid_4 .social-outer{ width: 100% !important; margin: 6px 0 0 0 !important; margin-bottom: 30px !important; } .container_12 .footer-columns .grid_4 .newsletter-customhh{ width: 100% !important; margin: 0px !important; } .newsletter-customhh .actions .button{ top: 29px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_3 h5{ padding: 0 0 0 0px !important; } .custom_desc p { font-size: 16px !important; line-height: 24px !important; padding: 0 20px 0 0; } .products-grid li.item .product-container .all_sample_listing{ padding: 0 15px 16px !important; } .all_sample_listing .custom-success-msg{ padding-bottom: 15px; font-size: 14px; } .products-grid li.item .product-container{ border-radius: 8px 8px 0px 0px !important; box-shadow: 0 0 5px 1px #ccc !important; } .category-products .products-grid li.item{ padding: 0 0 34px !important; } } @media (max-width: 478px){ .newsletter-customhh .actions .button{ top: 47px !important;} .catalog-product-view .newsletter-customhh .actions .button{ top: 30px !important;} .cms-index-index .newsletter-customhh .actions .button{ top:30px !important;} #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_3{ width: 47% !important; padding: 0; margin: 0 5px !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns .grid_2{ float: none !important; width: 100% !important; padding-left: 0% !important; } } .product-image{ a.MagicZoom{ width: 100%; figure{ width: 100%; } } } .product-image a.MagicZoom{width: 100%;} .product-image a.MagicZoom figure{width: 100%;} #topCartContent .inner-wrapper{ position: relative !important; } #categories-accordion li i{color: #000000 !important; font-weight: 500 !important;} li.img img{margin-right: 10px;} .block-vertical-nav li.active > a span{color: #ff1341 !important;} #topCartContent.block-content:after{ content: ''; background: url(../images/minicart_after.png); width: 40px; height: 32px; position: absolute; top: 0px; right:0px; } .account-cart-wrapper.act .top-cart{width: 560px;padding-bottom: 850px; z-index: 999999;} .account-cart-wrapper.act #topCartContent{top:53px !important;} .descBlockLeft ul{ list-style: disc;} .descBlockLeft ul li{ /*font-weight: 500;*/} .descBlockLeft{ /*font-weight: 500;*/} .grid_8.omega.product-shop{ margin: 10px 20px;} h2.product-name.pro-name-sampleone-product-name{ display: none !important;} /*------min-cart------*/ header#header .top-cart #topCartContent { display: none !important; } body header#header .top-cart.incre_decre_mini:hover #topCartContent { display: block !important; } header#header .top-cart #topCartContent { margin: 0; top: 68px !important; } header#header .top-cart { width: auto; } body header#header .top-cart.custom-sample #topCartContent { display: block !important; } /* header#header .top-cart #topCartContent .indent { padding-top: 0; } */ header#header .top-cart:hover #topCartContent { display: block !important; } /*------min-cart ends------*/ /*------after client change-------*/ @media (min-width: 1366px){ .nav-wide#nav-wide .top-content{ margin-bottom: 0 !important;} .nav-wide#nav-wide .menu-wrapper{ /*padding-top: 10px !important;*/} .nav-wide .menu-wrapper .level0 .bestuses_1, .nav-wide .menu-wrapper .level0 .bestuses_2, .nav-wide .menu-wrapper .level0 .bestuses_3 { width: 30%;} .nav-wide .menu-wrapper .level0 .ourproducts_1, .nav-wide .menu-wrapper .level0 .ourproducts_2, .nav-wide .menu-wrapper .level0 .ourproducts_3 { width: 30%;} .nav-wide .menu-wrapper .level0 .bestuses_1 a span, .nav-wide .menu-wrapper .level0 .ourproducts_1 a span { line-height: initial !important;} .nav-wide .menu-wrapper .level0 .bestuses_2 a span, .nav-wide .menu-wrapper .level0 .ourproducts_2 a span { line-height: initial !important;} .nav-wide .menu-wrapper .level0 .ourproducts_3 a span { line-height: initial !important;} .nav-wide .menu-wrapper .level0 .bestuses_1 ul li, .nav-wide .menu-wrapper .level0 .bestuses_2 ul li, .nav-wide .menu-wrapper .level0 .bestuses_3 ul li { padding: 0 !important;} } /*audit issues changes*/ @media (min-width: 1367px){ .nav-wide#nav-wide > li{ width: 15% !important; text-align: center; } .nav-wide#nav-wide > li:first-child{ text-align: left !important; } .nav-wide#nav-wide > li{ margin-left: 0 !important;} } @media (min-width: 1366px){ .nav-wide#nav-wide > li{ margin-left: 0 !important;} .nav-wide#nav-wide > li{ width: 13%; text-align: center; } .nav-wide#nav-wide > li:first-child{ text-align: left !important; } .products-grid li.item .product-img-box:hover { box-shadow: 0 0 15px 1px #ccc; background: transparent;} .product-img-box.one-product-image:hover { box-shadow: none !important;} .nav-wide#nav-wide .menu-wrapper{ /*max-height: 100vh !important;*/} header#header .top-cart{ right:-120px !important;} header#header h2.logo{ margin-left: 12px;} .nav-wide .menu-wrapper .level0 .ourproducts_1 img, .nav-wide .menu-wrapper .level0 .ourproducts_2 img, .nav-wide .menu-wrapper .level0 .ourproducts_3 img { width: 92px; height: 92px; margin-right: 15px; } .nav-wide .menu-wrapper .level0 .bestuses_1 img, .nav-wide .menu-wrapper .level0 .bestuses_2 img, .nav-wide .menu-wrapper .level0 .bestuses_3 img { width: 92px; height: 92px; margin-right: 15px; } .nav-wide .menu-wrapper .level0 .bestuses_1 .best_uses_wrapper.best_uses_mobile1 img, .nav-wide .menu-wrapper .level0 .bestuses_2 .best_uses_wrapper.best_uses_mobile1 img, .nav-wide .menu-wrapper .level0 .bestuses_3 .best_uses_wrapper.best_uses_mobile1 img { width: 375px; height: 180px; } .nav-wide .menu-wrapper .level0 .bestuses_1 .best_uses_wrappe.best_uses_mobile2 img, .nav-wide .menu-wrapper .level0 .bestuses_2 .best_uses_wrappe.best_uses_mobile2 img, .nav-wide .menu-wrapper .level0 .bestuses_3 .best_uses_wrappe.best_uses_mobile2 img { width: 375px; height: 180px; } /*.nav-wide#nav-wide .menu-wrapper{ z-index: 99999;}*/ } .fast_turn_around_times li.img img{ margin: 0 !important;} .fast_turn_around_times span{ font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 14px;line-height: 20px;text-align: right;color: #000000; flex: none;order: 1;flex-grow: 0;margin: 0px 8px;} @media (max-width: 767px){ .fast_turn_around_times .slider span{ background-color: transparent !important; color: #000; width: auto !important; padding: 0 !important;} } @media only screen and (max-width: 600px){ .menu-button i{ margin-right: 8px !important;} .menu-button .menu-cls i:before { content: "\f0c9"; background: none; } .menu-button i i:before { content: ""; background: url("../images/close.png"); width: 16px; height: 16px; background-size: cover; display: inline-block; } .active{ background-color: transparent !important;} .account-custom-wrapper-mobile .menu-item-button{ line-height: 80px !important;} header#header .nav-container.mobile > ul .menu-item-button i.fa.fa-plus { line-height: 30px !important;} .account-custom-wrapper-mobile{ border-top: 1px solid rgba(0, 0, 0, 0.3);padding-top: 15px;margin-top: 15px;} .nav-wide#nav-wide > li{ padding-top: 10px !important; padding-bottom: 10px !important;} .custom_mobile_links li a i.fa.fa-key{ margin-right: 10px;} .footer-address-block .footer-block-title h5{ padding-left: 0 !important;} .custom-our-products span { /*padding: 0 !important;*/ text-align: center; display: block;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li{ display: flex !important;} .nav-container.mobile #nav-wide.nav-wide ul.level0 li div img{ width: 50px !important;margin-right: 16px;height: 50px;} .nav-container.mobile ul.nav-wide#nav-wide li.level0 > a span .menu-wrapper .level0 .ourproducts_1 ul li a span { font-weight: 500px !important;} /* .menu-button i i:before{ background: url(../images/close.png) center center no-repeat !important; padding: 1px 0px; text-indent: -999px; width: 42px; }*/ } @media only screen and (max-width: 400px){ header#header .top-cart .title-cart i{ left:55px;} } @media only screen and (max-width: 900px){ header#header .nav-container.mobile .bestuses_3 a{ justify-content: center !important;} } @media only screen and (min-width:900px) and (max-width:1024px){ .Our-story h3{ top: 30px !important;} .content-main{ padding-top: 170.25% !important; height: auto !important;} .order-btn .shop-now{ padding: 10px 0px !important;} } @media only screen and (min-width:768px) and (max-width:900px){ .Our-story h3{ top: 30px !important;} .footer-address-block{ width: 55% !important;} #footer .footer-address-block dl .col{ width: auto !important;} .footer-block-title h5{ margin-bottom: 8px !important;} ul.social-links li img{ margin-right: 23px !important;} .our-product-outer{ padding-top: 60px !important;} .nav-container.mobile ul.nav-wide#nav-wide li.level0 > a span, .nav-container.mobile .nav-wide#nav-wide ul.level0 li.level1 > a span{ font-family: Quicksand !important;font-style: normal;font-weight: 500; font-size: 16px !important;line-height: 20px;color: #000000;} header#header h2.logo{ margin-left: 0 !important;} header#header .top-cart.main-cart{ right: -50px !important;} } /*audit issues changes end*/ .ourproducts_2 ul li span, .ourproducts_3 ul li span{ font-weight: 500;} .catalog-category-view .products-grid .product-image img{ /*object-fit: initial;*/ /*width: auto !important; height: auto !important;*/ } @media (min-width: 1500px){ .nav-wide#nav-wide > li{ margin-left: 10px; } } @media (min-width: 1367px){ .nav-wide#nav-wide > li{ margin-left: 20px; } } @media (max-width: 600px){ header#header #topCartContent .item.last{ display: block !important;} .catalog-category-view header.page-title.category-title{ margin: 10px 20px;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li{ display: inline-flex !important;} .nav-container.mobile .nav-wide#nav-wide ul.level0 li span{ font-weight: 500 !important;} .Our-story h3{ top: 50px !important;} } .nav-wide .menu-wrapper .level0 .bestuses_3 ul li span:nth-of-type(1){ color: #2F80ED !important;} @media only screen and (min-width:1399px) and (max-width:1500px){ .newsletter-customhh .actions .button {top: 47px !important;} .cms-index-index .newsletter-customhh .actions .button{ top: 30px !important;} } .cms-index-index .inner-wrapper .product-details input{ background: #BADFF5;border: 1px solid #ddd !important;font-size: 20px;float: left;width: 28px; height: 28px;padding: 0;margin: 0;color: #000000;} .cms-index-index .inner-wrapper .product-details input#qty, .catalog-category-view input#qty { width: 39px;height: 28px;background: none !important;font-size: 20px;border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;padding: 0;margin: 0;text-align: center; } .cms-index-index .inner-wrapper .product-details .product-name { margin-bottom: 30px !important;} .cms-index-index .inner-wrapper .product-details .product-box .price { float: right;} .catalog-category-view header#header .top-cart .cart-price-qt, header#header .top-cart .cart-price-qt { display: none;} .quantity-custom input{ background: #BADFF5;border: 1px solid #ddd !important;font-size: 20px; float: left;width: 28px;height: 28px;padding: 0; margin: 0;color: #000000; } .quantity-custom input#qty { width: 39px;height: 28px;background: none !important;font-size: 20px;border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;padding: 0;margin: 0;text-align: center; } .inner-wrapper .product-details .product-box .price { float: right;} .inner-wrapper .product-details .product-name { margin-bottom: 30px !important;} @media (max-width: 600px){ .catalog-category-view header#header .top-cart.main-cart.custom-sample { right: 55px !important; top: 133px !important; } } .catalog-category-view header#header .top-cart .block-content .mini-products-list .product-details .price, header#header .top-cart .block-content .mini-products-list .product-details .price { text-decoration: none; border: none; padding: 0;} @media only screen and (min-width: 1375px){ .container_12 aside.grid_3.sidebar.sidebar-left { width: 296px !important; } } @media only screen and (min-width: 1366px){ .container_12 .grid_9 { width: 930px !important; } .container_12 .dashboard .box-info .grid_4 { height: auto !important; } } @media only screen and (min-width: 1008px) and (max-width: 1374px){ .container_12 .dashboard .box-info .grid_4 { height: auto !important; } } .products-grid li.item .product-container{ margin-right: 8px; margin-left: 8px; padding-left: 0px !important; padding-right: 0px !important; } @media (max-width: 478px){ .newsletter-customhh .actions .button{ top: 30px !important;} .customer-account-index .actions .button{ top: 30px !important;} .box-account.box-info .box-head{ margin-left: 25px;} .customer-account-index .page-title h1{ margin-left: 20px;} } @media only screen and (min-width: 768px) and (max-width: 991px){ .customer-account-index .actions .button{ top: 30px !important;} .newsletter-customhh .actions .button {top: 30px !important;} .container_12 .dashboard .box-info .grid_5 { width: auto !important; } .container_12 .dashboard .box-info .grid_4 { height: auto !important; } } @media only screen and (min-width: 1399px) and (max-width: 1500px){ .newsletter-customhh .actions .button{top: 30px !important;} } .read_more_des, .read_less_des{ text-decoration: underline; font-weight: bold;} #cartHeader .title-cart span:first-child{ display: none !im;} #cartHeader .title-cart span.qty_custom{ position: absolute; right: 20px; left: 21px; top: 8px; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; color: #000000; } span.sample_label{ float: right !important; font-family: Quicksand;font-style: normal;font-weight: 500; font-size: 16px;line-height: 20px;text-align: center;color: #000000; border: none !important; margin: 0; padding: 0; line-height: inherit; float: right !important; text-decoration: none !important; } span.sample_label:hover {text-decoration: none !important;} header#header .top-cart .block-title i { display: inline-block; vertical-align: middle; padding-right: 5px; font-size: 22px; background-image: url(../images/order-icon.png); width: 28px; height: 28px; background-position: center; background-repeat: no-repeat; } /*#cartHeader .title-cart span.qty_custom:hover{ top: 11px;}*/ .block-title.no-items.cart-button:hover .qty_custom { top: 8px; } @media (max-width: 768px){ #cartHeader .title-cart span.qty_custom{ top: 13px; font-size: 14px;} } @media (max-width: 600px){ .catalog-category-view h2.product-name-custom{ min-height: auto !important;} #cartHeader .title-cart span.qty_custom{ right: 0;left: 68px; top: -10px;} header#header .top-cart .block-content .actions{ padding-top: 50px !important;} header#header #topCartContent .item.last{ padding-bottom: 70px;} .inner-wrapper .product-details .product-name{ margin-bottom: 15px !important;} } /*.catalog-category-view .top-cart #topCartContent.block-content .product-name { text-align: left;width: 150px; overflow: hidden; min-height: 17px; }*/ header#header .top-cart .product-name{ text-align: left;width: 175px; overflow: hidden; min-height: 17px; } /*header#header #topCartContent .item.last{ padding-bottom: 50px;}*/ .cart-remove-box a, .add-to-cart-success a { color: #000; font-size: 14px; border: 1px solid #000;} .cart-remove-box a span, .add-to-cart-success a span{ font-size: 14px;} #fc_frame, #fc_frame.fc-widget-normal { z-index: 2147483651 !important; } .catalog-category-view .quantity .price-custom { display: flex; align-items: center; padding-left: 5px; } .products-grid .price-box { padding-bottom: 0; } .catalog-category-view .quantity { padding-bottom: 20px; } .data-table td.remove.last a { background: none !important; text-indent: inherit !important; } @media (max-width: 768px){ .catalog-category-view .quantity .price-custom .sample_label { padding-left: 30px; } .home_main_banner { width: 100% !important; } .grid_12 #slider { display: flex; flex-direction: column-reverse; } .iframe-main { height: 300px !important; } #slider .slide { position: relative !important; } #footer .footer-bottom-wrapper .container_12 .footer-columns { padding-right: 15px; display: block !important; } /* .slide-content2 { height: 300px !important; } */ } .data-table .remove i.fa-times { transition: none; } #footer .footer-copyright-wrapper { margin: 0 auto; } .footer-columns.clearfix .row.clearfix { padding: 0 !important; } .product-description .starting_desc span.read_more_des { display: inline-block; letter-spacing: 3.0px; color: red; text-decoration: none; padding-left: 5px; padding-top: 1px; cursor: pointer; } .sticky { position: fixed; top: 0; width: 100%; background: #fff !important; } @media only screen and (max-width: 1024px) { .catalog-category-view .price-custom .price-box span { font-size: 14px; } .catalog-category-view .quantity .price-custom .sample_label { padding-left: 10px; } } header#header .top-cart .product-name span { color: red; display: block; font-size: 13px; text-decoration: none !important; line-height: normal !important; border: none !important; padding: 0; margin: 0; } /* ul.sample_root_category li { display: none; } */ ul.sample_root_category li ul li.sample_orders_categories { display: block !important; } ul.sample_root_category li { display: none; } ul.sample_root_category li.active { display: block !important; } ul.sample_root_category li ul li { display: none; } ul.sample_root_category li ul li ul.level1 li { display: block !important; } ul.sample_root_category li ul li.sample_orders_categories ul { display: block !important; } /* Service page css */ .Service_section { width: 100%; } .Service_section .service { text-align: center; background: #F1F8FD; padding: 48px 0; } .Service_section .service h2 {font-family: Lora; font-size: 40px; font-weight: 700; letter-spacing: 0em; margin-bottom: 37px; font-style: normal;line-height: 52px; } .Service_section .service ul { margin: 0; } .Service_section .service li { display: inline-block; width: 30%; margin: 0 25px 0; } .Service_section .service li h3 { font-family: Quicksand; font-size: 24px; font-weight: 700; letter-spacing: 0em; padding-top: 20px; } .Service_section .service li p { font-family: Quicksand; font-size: 16px; font-weight: 400; letter-spacing: 0em; margin: 0; } .Service_section .service .custom_quote { padding-top: 48px; } .Service_section .service .custom_quote li { margin: 0 12px; width: auto; } .Service_section .service .custom_quote li a { width: 248px; border-radius: 30px; font-family: Quicksand; font-size: 18px; font-weight: 700; letter-spacing: 0em; background: #FF1341; padding: 15px 0; color: #fff; display: inline-block; } .Service_section .service .custom_quote li:last-child a { border: 3px solid #FF1341; background: #fff; color: #FF1341; padding: 12px 0; } .Service_section .service .custom_quote li:last-child a:hover { color: #fff; background: #FF1341; } .Service_section .service li:first-child { margin-left: 0; } .Service_section .service li:last-child { margin-right: 0; } .Service_section .additional-service { width: 100%; margin-bottom: 64px; /*padding-top: 64px;*/ } .Service_section .additional-service h2 { font-family: Lora; font-weight: 700; font-size: 32px; color: #000; text-align: center; margin: 0; padding-bottom: 32px; font-style: normal;line-height: 52px; } .Service_section .additional-service ul { margin: 0; } .Service_section .additional-service li { width: 100%; overflow: hidden; display: flex; align-items: center; /*padding: 48px 0;*/ } .Service_section .additional-service li.blue_bg { background: #F1F8FD; } .Service_section .additional-service li .text { width: 50%; float: left; padding-right: 50px; } .Service_section .additional-service li .images { width: 50%; float: right; } .Service_section .additional-service li .order1 { order: 2; } .Service_section .additional-service li .order2 { order: 1; } .Service_section .additional-service li h3 { font-family: Quicksand; font-size: 24px; font-weight: 700; letter-spacing: 0em; padding-top: 20px; margin-bottom: 10px; } .Service_section .additional-service li .text ul { list-style: disc; padding-left: 15px; } .Service_section .additional-service li .text li { font-family: Quicksand; font-size: 16px; font-weight: 400; letter-spacing: 0em; padding-bottom: 10px; padding-top: 0; background: url(../images/Ellipse-20.png) left top 10px no-repeat; background-size: 4px; padding-left: 15px; } .Service_section .additional-service li .text p { font-family: Quicksand; font-size: 16px; font-weight: 400; letter-spacing: 0em; margin: 0; padding-bottom: 10px; } .Service_section .additional-service li .text li:last-child { padding-bottom: 0; } .Service_section .additional-service li .text a { width: 248px; border-radius: 30px; font-family: Quicksand; font-size: 18px; font-weight: 700; letter-spacing: 0em; background: #FF1341; padding: 15px 0; color: #fff; display: inline-block; text-align: center; margin-top: 20px; } .Service_section .additional-service li.blue_bg .text { padding-right: 0; padding-left: 50px; } .Service_section .team-expert { padding: 48px 0; } .Service_section .additional-service li.last { background: #fff; padding: 0; } .Service_section .additional-service .contact_info .contact_info ul { text-align: center; } .Service_section .additional-service .contact_info li { display: inline-block; text-align: left; width: auto; margin-right: 70px; } .Service_section .additional-service .contact_info li h4 { font-family: Quicksand; font-size: 20px; font-weight: 700; letter-spacing: 0em; margin-bottom: 5px; } .Service_section .additional-service .contact_info li em { font-family: Quicksand; font-size: 16px; font-weight: 400; letter-spacing: 0em; font-style: normal; display: block; } .Service_section .additional-service .contact_info li span { font-family: Quicksand; font-size: 16px; font-weight: bold; line-height: 24px; letter-spacing: 0em; color: #EB1C24; cursor: pointer; font-style: normal; } .Service_section .additional-service .contact_info li:last-child { margin-right: 0; } .Service_section .additional-service li.last .text-iiner li { padding-bottom: 5px; } .Service_section .additional-service li.last .contact_info { padding-top: 10px; } .Service_section .additional-service li.last .contact_info ul { padding-left: 0; } .Service_section .additional-service li.last .contact_info li { padding-bottom: 0; background: none; padding-left: 0; } .Service_section .additional-service li.last .text-iiner p { padding-bottom: 5px; } .Service_section .additional-service li.last h3 { padding-top: 0; } .Service_section .trustpilot-widget { padding-top: 60px; } .Service_section .additional-service li.last .order1 { order: 1 } .Service_section .additional-service li.last .order2 { order: 2 } /* .Service_section .additional-service .contact_info li { margin-right: 0; margin-bottom: 20px; width: 100%; } .Service_section .additional-service .contact_info li:last-child { margin-bottom: 0; } .Service_section .additional-service li.last .contact_info li img { float: left; margin-right: 15px; } */ .quote_form_section { width: 100%; padding-bottom: 100px; } .quote_form_section .center { width: 100%; max-width: 620px; margin: 0 auto; overflow: hidden; padding-right: 2px; } .quote_form_side { background: #F1F8FD; padding: 30px 0; } .quote_form_section .quote_form { padding-top: 25px; } .quote_form_section .quote_form li.first-name { width: 49%; float: left; margin-right: 14px; } .quote_form_section .quote_form li.first-name.last-name { width: 47%; margin-right: 0; } .quote_form_section h2 { font-family: Lora; font-size: 40px; font-weight: bold; letter-spacing: 0em; text-align: center; margin-bottom: 10px;line-height: 51px;font-style: normal; } .quote_form_section p { font-family: Quicksand; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0em; margin: 0; } .quote_form_section label { font-family: Quicksand; font-size: 14px; font-weight: 500; letter-spacing: 0em; display: block; } .quote_form_section input { width: 97% !important; height: 34px; border: solid 1px #C2C2C2; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .quote_form_section input.validation-failed { border: solid 1px #C2C2C2 !important; } .quote_form_section input.checkbox-input { width: auto !important; height: auto; margin: 0 5px 0 0; } .quote_form_section select { width: 99% !important; height: 34px; border: solid 1px #C2C2C2; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .quote_form_section textarea { width: 96% !important; height: 140px; border: solid 1px #C2C2C2; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; } .quote_form_section label sup { padding-left: 2px; color: red; } .quote_form_section .estimate { overflow: hidden; width: 100%; padding-top: 10px; } .quote_form_section .estimate li { float: left; width: 50%; } .quote_form_section .estimate label { padding-bottom: 10px; display: flex; align-items: center; } .quote_form_section .estimate label span { font-family: Quicksand; font-size: 14px; font-weight: 500; letter-spacing: 0em; } .quote_form_section .quantity-side { padding-top: 15px; } .quote_form_section .quantity-side label { padding-bottom: 7px; } .quote_form_section .quantity-side ul { margin: 0; } .quote_form_section .quantity-side li { padding-bottom: 20px; } .quote_form_section button.form-button-alt { height: 54px; width: 250px; border-radius: 30px; background: #FF1341; font-family: Quicksand; font-size: 18px; font-weight: 700; letter-spacing: 0em; color: #fff; border: none; cursor: pointer; } .quote_form_section button.form-button-alt span { font-weight: 700; } .quote_form_section .button-submit { text-align: center; padding-top: 20px; } .quote_form_section .thanks-side { padding: 76px 0 0; text-align: center; } .quote_form_section .thanks-side h2 { font-family: Lora; font-size: 32px; font-weight: bold; letter-spacing: 0em; margin: 0; padding: 36px 0 25px; line-height: 44px;font-style: normal;} .quote_form_section .thanks-side p { font-family: Quicksand; font-size: 16px; font-weight: 500; letter-spacing: 0em; margin: 0; padding-bottom: 30px; } .quote_form_section .thanks-side p span { display: block; font-weight: 500; } .quote_form_section .thanks-side a { display: block; font-family: Quicksand; font-size: 16px; font-weight: 700; letter-spacing: 0em; color: #00AEEF; } .quote_form_section .thanks-side a.last-order { margin-top: 10px; } .cms-services nav.breadcrumbs { display: none; } .cms-services .main-container { padding-top: 0; } .cms-success-page nav.breadcrumbs { display: none; } .cms-success-page .main-container { padding-top: 0; } .cms-quote-form nav.breadcrumbs { display: none; } .cms-quote-form .main-container { padding-top: 0; } @media (max-width: 768px){ /* .Service_section .service { padding-left: 15px; padding-right: 15px; } */ .Service_section .service h2 { font-size: 32px; } .Service_section .service li { display: block; width: 100%; margin: 0 0 30px; } .Service_section .service li:last-child { margin-bottom: 0; } .Service_section .service .custom_quote { padding-top: 20px; } .Service_section .service .custom_quote li { margin: 0; } .Service_section .service .custom_quote li:last-child { margin-top: 15px; } .Service_section .service { padding-left: 15px; padding-right: 15px; } .Service_section .service .custom_quote li a { width: 100%; } .Service_section .additional-service h2 { font-size: 24px; padding-bottom: 30px; } .Service_section .additional-service li { padding: 30px 0; } .Service_section .additional-service li .text { width: 100%; } .Service_section .additional-service li .images { width: 100%; } .Service_section .additional-service li { display: block; padding-top: 0; } .Service_section .additional-service li.blue_bg .text { padding-left: 0; } .Service_section .additional-service { padding-top: 32px; } .Service_section .additional-service li .text ul { padding-left: 10px; } .Service_section .additional-service li .text a { width: 100%; } .Service_section .additional-service li.last .order1 { order: 1; } .Service_section .additional-service li.last .order2 { order: 2; padding-top: 20px; } .Service_section .additional-service .contact_info li { margin-right: 0; margin-bottom: 20px; width: 100%; } .Service_section .additional-service .contact_info li:last-child { margin-bottom: 0; } .Service_section .additional-service li.last .contact_info li img { float: left; margin-right: 15px; } .Service_section .additional-service li.last .contact_info ul { padding-left: 15px; } .quote_form_side { padding-left: 15px; padding-right: 15px; } .quote_form_section h2 { font-size: 24px; } .quote_form_section p { font-size: 14px; } .quote_form_section input {/* width: 100% !important;*/ } .quote_form_section select { width: 100% !important; } .quote_form_section .quote_form { padding-left: 15px; padding-right: 18px; } .quote_form_section .estimate label { align-items: baseline; } .quote_form_section button.form-button-alt { width: 98%; padding-right: 0; } .quote_form_section .thanks-side { padding-top: 100px; } .quote_form_section .thanks-side p { font-size: 15px; } .quote_form_section .quote_form li.first-name { margin-right: 0; } } @media (max-width: 767px){ .quote_form_section textarea{ width: 97% !important; padding-right: 0px !important; font-size: 13px;} .Service_section .service{ padding: 32px 0px;} .Service_section .service h2{ line-height: 44px;} .Service_section .additional-service li .text { padding-right: 0px; width: 90%;} /*.Service_section{ width: 90%;margin: 0px 16px;}*/ } header#header .top-cart .block-content .mini-products-list .product-details .quantity-custom input#qty{ width: 45px;font-size: 16px !important;} @media (max-width: 767px){ header#header .top-cart .block-content .mini-products-list .product-details .quantity-custom input#qty{ width: 45px !important;font-size: 14px !important;} } .catalog-category-view .main-sample-page .products-grid .product-image img{ width: 100%;max-width: 294px !important;height: 294px !important; object-fit: fill !important; } @media (max-width: 1024px){ .catalog-category-view .main-sample-page .products-grid .product-image img{ height: 227px !important; /*object-fit: fill !important;*/ } } @media only screen and (min-width: 768px) and (max-width: 900px){ .catalog-category-view .main-sample-page .products-grid .product-image img{ height: 216px !important; /*object-fit: fill !important;*/ } } @media (max-width: 767px){ .catalog-category-view .main-sample-page .products-grid .product-image img { max-width: 100% !important; height: 100% !important;} } @media (max-width: 400px){ .catalog-category-view .price-custom .price-box{ margin-left: 16px; } } /* home page slide start */ /* .home_main_banner { width: 70%; float: right; height: 100%; } .home_main_banner #slider2 { position: relative; overflow: hidden; margin: 20px auto 0 auto; width: 100% !important; max-width: 100% !important; height: 100% !important; margin-top: 0; } .home_main_banner #slider2 ul { position: relative; margin: 0; padding: 0; height: 100%; list-style: none; width: 100% !important; margin-left: 0 !important; } .home_main_banner #slider2 ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100% !important; height: 100% !important; background: #ccc; text-align: center; line-height: 300px; } .home_main_banner #slider2 ul li video { height: 100% !important; } .home_main_banner a.control_prev, .home_main_banner a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } .home_main_banner a.control_prev:hover, .home_main_banner a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } .home_main_banner a.control_prev { border-radius: 0 2px 2px 0; } .home_main_banner a.control_next { right: 0; border-radius: 2px 0 0 2px; } .home_main_banner .slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; } */ /* home page slide end */ /* .category-sample-pack .sidebar-left ul#categories-accordion > li:not(.active) { display: none; } .category-sample-pack .sidebar-left ul#categories-accordion > li > ul.level0 > li:not(.active) { display: none; } */ #cartHeader .title-cart span.qty_custom { position: relative; left: 4px; top: -61px; line-height: normal; } #cartHeader .minicart-alert { width: 8px; height: 8px; background: #fff; display: inline-block; position: relative; top: -38px; left: -12px; border-radius: 50%; } #cartHeader .minicart-alert.new-class { width: 8px; height: 8px; background: #EB1C24; display: inline-block; position: relative; top: -38px; left: -12px; border-radius: 50%; } @media (max-width: 768px){ #cartHeader .minicart-alert { top: -9px !important; left: 67px !important; } #cartHeader .title-cart span.qty_custom { left: 52px; top: -15px; text-align: center; width: 40px; position: relative; } .banner-background .story-right { padding-left: 10px; } } .quote_form_section .estimate label{ padding-bottom: 0 !important;} .estimate.checkbox li{ display: flex;} .checkbox input[type="checkbox"] { display:none; } .checkbox input[type="checkbox"] + label .check { display:inline-block; margin: -4px 4px 0 0px; vertical-align:middle; width: 20px; height: 19px;background:url(../images/checkbox1.png) left top no-repeat; background-size: 20px 19px; cursor:pointer; } .checkbox input[type="checkbox"]:checked + label .check { background:url(../images/Checkbox.png) left top no-repeat; background-size: 20px 19px; } .checkbox input[type="checkbox"]:disabled + label .check { background:url(../images/checkbox.png) left top no-repeat; background-size: 20px 19px; cursor: not-allowed; } .home_main_banner { width: 880px; float: right; height: 100%; } .home_main_banner #slider2 { position: relative; overflow: hidden; margin: 20px auto 0 auto; width: 100% !important; max-width: 100% !important; height: 100% !important; margin-top: 0; } .home_main_banner #slider2 ul { position: relative; margin: 0; padding: 0; height: 100%; list-style: none; width: 100% !important; margin-left: 0 !important; } .home_main_banner #slider2 ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100% !important; height: 100% !important; text-align: center; } .home_main_banner #slider2 ul li video { height: 100% !important; } .home_main_banner a.control_prev, .home_main_banner a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } .home_main_banner a.control_prev:hover, .home_main_banner a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } .home_main_banner a.control_prev { border-radius: 0 2px 2px 0; display: none; } .home_main_banner a.control_next { right: 0; border-radius: 2px 0 0 2px; display: none; } .home_main_banner .slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; } .quote_form_section label{ /*margin-bottom: 19px;*/} .checkbox input[type="checkbox"] + label .check{ margin-right: 7px;} .estimate.checkbox li{ margin-bottom:22px;} .estimate.checkbox span{font-family: Quicksand; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px;color: #000000; } .cms-quote-form .content-wrapper .container_12{ width:100% !important;} .cms-quote-form .content-wrapper .grid_12.col-main{ float:none !important;} .estimate.checkbox {margin-top: 19px;} .estimate.checkbox label{margin-bottom: 19px;} /*@media only screen and (min-width:991px) and (max-width:1024px){ .Service_section .service li{ margin:0px 10px 0} .Service_section .additional-service .contact_info li{margin-right: 10px;} } @media only screen and (min-width:768px) and (max-width:991px){ .Service_section .service, .additional-service, .cms-services .section8 .trustpilot-widget { width: 90% !important;} .Service_section .additional-service .contact_info li{ width:32%} .Service_section .additional-service li .text a{ width:50%;} .Service_section .service .custom_quote li a{ width:50%;} .Service_section .additional-service li.last .contact_info ul{ padding-top: 20px;} }*/ /* header#header { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .sticky { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } */ body { padding-top: 223px !important; } header#header { position: fixed; width: 100%; min-height: 223px !important; top: 0; background: #fff !important; } @media (max-width: 768px){ body header#header { min-height: 197px !important; } html body { padding-top: 197px !important; } .new_headera ul li { width: auto !important; } .new_headera ul li:last-child { width: auto !important; } } /* @media only screen and (max-width : 1920px) { header#header { min-height: 222px !important; } body { padding-top: 222px !important; } } */ /* @media only screen and (min-width: 1783px) and (max-width: 1920px) { header#header { min-height: 241px !important; } body { padding-top: 241px !important; } } */ @media only screen and (min-width: 1621px) and (max-width: 1782px) { header#header { min-height: 241px !important; } body { padding-top: 241px !important; } } @media only screen and (min-width: 1441px) and (max-width: 1620px){ header#header { min-height: 231px !important; } body { padding-top: 231px !important; } } @media only screen and (min-width: 1366px) and (max-width: 1440px){ header#header { min-height: 212px !important; } body { padding-top: 212px !important; } } .html5-video-player{ background-color: transparent !important; } iframe body{ background: transparent !important; } @media screen and (max-width: 2000px) and (min-width: 1700px){ #slider{ margin: 19px 0 0 0 !important; } } @media screen and (max-width: 1600px) and (min-width: 1500px){ #slider{ margin: 11px 0 0 0 !important; } } @media screen and (max-width: 1499px) and (min-width: 1400px){ #slider{ margin: 19px 0 0 0 !important; } } @media screen and (max-width: 1399px) and (min-width: 1300px){ #slider{ margin: 16px 0 0 0 !important; } } /* cms-video-page-from-bala-code-13042022 desktop*/ html { --letterbox-color: transparent; background: transparent; } @media only screen and (min-width: 1440px) { .cms-video-brochure-mailers .container_12 { width: 1440px !important; } .cms-video-brochure-mailers .container_12 .grid_12 { width: 1440px !important; margin: 0 auto !important; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec { padding-bottom: 60px; /*width: 100% !important;*/ min-height: 698px !important; height: auto; text-align: center; margin: 0 auto !important; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:before { display: none; } } /* code added for 1440px*/ body.cms-video-brochure-mailers .transparent-header .content-wrapper > .container_12 { padding-top: 0px !important; max-width: 1440px !important; border: 5px solid red; } /*code added 1440px*/ .cms-video-brochure-mailers .content-wrapper { width: 100%; } .cms-video-brochure-mailers .content-wrapper .container_12 { /*width: 100%!important;*/ } .cms-video-brochure-mailers .container_12 .grid_12 { /*width: 100% !important;*/ margin: 0 auto !important; } .cms-video-brochure-mailers .backstretch { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng h3 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; text-align: center; color: #063081; margin-bottom: 24px; padding-top: 38px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng p.frst-p-text { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 28px; text-align: center; color: #666666; width: 920px; margin: 0 auto; padding-bottom: 55px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp { text-align: center; padding-top: 32px; padding-bottom: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 6px; padding: 12px 46.5px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; align-items: center; color: #FFFFFF; margin-right: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-getsampl { background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; border-radius: 4px; padding: 10px 26px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #063081; margin-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec { padding-bottom: 60px; width: 90%; min-height: 580px !important; height: auto; text-align: center; margin: 0 auto !important; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left { float: left; width: 48%; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left h4 { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; color: #063081; margin-bottom: 30px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left .row.btn-sec-shp-getsmp { margin-top: 47px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 6px; padding: 12px 54px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; align-items: center; color: #FFFFFF; margin-right: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .lrn-more-txt { text-align: center; margin-bottom: 30px; } .cms-video-brochure-mailers #wrapper-best-uses .lrn-more-txt a { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 200%; text-align: center; color: #063081; margin-bottom: 27px; } .cms-video-brochure-mailers #wrapper-best-uses .lrn-more-txt a:hover { color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .lrn-more-txt a:active { color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; margin-left: 40px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 40px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul li:before { content: "\f111"; font-size: 7px; vertical-align: middle; padding: 0 5px; font-family: 'FontAwesome'; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght { float: right; width: 47%; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght h4 { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 30px; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul { margin-top: 40px; text-align: left; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 40px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li:before { content: "\f111"; font-size: 7px; vertical-align: middle; padding: 0 5px; font-family: 'FontAwesome'; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght .row.btn-sec-shp-getsmp { margin-top: 55px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 6px; padding: 12px 36.5px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; align-items: center; color: #FFFFFF; margin-right: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec { background-color: #F4F8FA; padding: 64px 60px 30px 60px; display: flex; flex-direction: row; position: relative; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:after { position: absolute; content: ''; background: #F1F8FD; height: 100%; width: 42px; top: 0px; left: -3.2%; z-index: 9; right: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:before { position: absolute; content: ''; background: #f4f8fa; height: 100%; width: 42px; top: 0px; left: 100%; z-index: 9; right: 0; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col { float: left; width: 40%; margin-top: 50px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; color: #063081; padding-bottom: 12px; margin-bottom: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col p.frst-col-p-text { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 388px; margin-bottom: 0; padding-bottom: 26px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col a.btn.btn-getsample { background: #DF1C2F; border-radius: 4px; padding: 10px 24px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec a.btn.ipad-btns-sample { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col { width: 60%; float: right; padding-left: 76px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #063081; padding-bottom: 18px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt img { padding-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.fourth-sec-hdg { padding: 96px 39% 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.fourth-sec-hdg h5 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; color: #063081; margin-bottom: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec { display: flex; padding-top: 76px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-secd-row { padding-top: 40px; padding-bottom: 76px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col { width: 50%; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col { width: 50%; padding-left: 65px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col img { padding-bottom: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col .charge-out-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col p.charge-out-ptxt { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 510px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col img { padding-bottom: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col .protection-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col p.protection-ptxt { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 510px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.United-col { width: 35%; float: left; clear: both; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.United-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; color: #063081; margin-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.United-col p.frst-col-p-text { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 400px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.usfeature-poits-rgt-col { width: 60%; float: right; padding-left: 70px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.usfeature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #063081; padding-bottom: 36px; display: block ruby; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.usfeature-poits-rgt-col li.feature-poits-rgt img { padding-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .sixth-sec-row-hdg h5.sixth-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; text-align: left; padding-top: 90px; width: 100%; margin-left: 0px !important; margin: 0 auto 0.83em; padding-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row { display: inline-flex; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-frst-col { width: 50%; background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.06); border-radius: 4px; margin-right: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-row-for-twocols { display: flex; width: 100%; margin: 0 auto; } .cms-video-brochure-mailers #wrapper-best-uses .thrd-col-sec { padding-top: 32px; padding-bottom: 96px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner { padding: 44px 0px; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-secd-col { background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; box-shadow: 0px 4px 12px -1px rgb(0 0 0 / 6%); border-radius: 4px; width: 50%; margin-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner h6 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; padding-left: 33px; margin-bottom: 5px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner a.btn-getsample { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #DF1C2F; padding-left: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul { padding-left: 52px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li { list-style: disc; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li::marker { font-weight: 900; font-size: 16px; line-height: 20px; text-align: center; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .seventh-sec-row-hdg h5.seventh-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; width: 100%; text-align: left; margin: 0 auto 48px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols { display: inline-block; width: 100%; padding-left: 32px; } @media only screen and (min-device-width: 1440px) and (max-device-width: 1680px) { .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols { padding-left: 68px; } } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col { width: 30% !important; /*float: left;*/ display: inherit; } .cms-video-brochure-mailers #wrapper-best-uses .threecols-secd-row { padding-top: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col { width: 32%; margin-right: 30px; padding-bottom: 26px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col { width: 32%; margin-right: 30px; padding-bottom: 26px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col p{ font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col { width: 32%; margin-right: 25px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; padding-top: 24px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .eight-sec-row-hdg h5.eight-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; margin-bottom: 0px; color: #063081; padding: 58px 0 68px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec { width: 100%; padding-left: 5%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img { padding-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row { display: flex; padding-top: 64px; padding-bottom: 64px; background: #F4F8FA; width: 100%; margin-top: 68px; position: relative; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:after { position: absolute; content: ''; background: #F1F8FD; height: 100%; width: 42px; top: 0px; left: -3.2%; z-index: 9; right: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:before { position: absolute; content: ''; background: #f4f8fa; height: 91.5555%; width: 42px; top: 0px; left: 100%; z-index: 9; right: 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:after { position: absolute; content: ''; background: #F1F8FD; height: 100%; width: 42px; top: 0px; left: -3.2%; z-index: 9; right: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:before { position: absolute; content: ''; background: #f4f8fa; height: 100%; width: 42px; top: 0px; left: 100%; z-index: 9; right: 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:after { position: absolute; content: ''; background: #F1F8FD; height: 100%; width: 42px; top: 0px; left: -3.2%; z-index: 9; right: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:before { position: absolute; content: ''; background: #f4f8fa; height: 100%; width: 42px; top: 0px; left: 100%; z-index: 9; right: 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-frst-img-col { width: 50%; float: left; padding-left: 5%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col { padding-bottom: 43px; padding-top: 43px; width: 50%; float: right; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col img { padding-left: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col h6.ninth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; padding-left: 32px; padding-top: 30px; margin-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col p.col.ninth-sec-secd-p-txt { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; padding-left: 32px; width: 424px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul { padding-left: 54px; padding-bottom: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; list-style: disc; padding-bottom: 12px; width: 392px; padding-left: 10px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li::marker { font-size: 16px; line-height: 24px; text-align: center; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 12px 34px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; margin-left: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-row-frst-img-col { width: 70%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row { display: flex; width: 100%; background: #F4F8FA; padding-top: 64px; padding-bottom: 64px; position: relative; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col { width: 37%; padding-left: 64px; padding-top: 80px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col h6.ninth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; padding-top: 32px; margin-bottom: 8px; width: 420px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col p.col.ninth-sec-secd-p-txt { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 420px; padding-bottom: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 34px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row { display: flex; width: 100%; background: #F4F8FA; padding-top: 64px; padding-bottom: 64px; position: relative; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 94%; padding-left: 5%; } @media only screen and (min-device-width: 1600px) and (max-device-width: 1680px) { .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 74%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-frst-img-col { width: 62%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col { width: 60%; padding-left: 3%; padding-top: 113px; } } @media only screen and (min-device-width: 1860px) and (max-device-width: 1980px) { .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 74%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-frst-img-col { width: 62%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col { width: 60%; padding-left: 3%; padding-top: 113px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec { width: 100%; padding-left: 0; } } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col { width: 60%; padding-top: 113px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col h6.ninth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; padding-top: 32px; margin-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col p.col.ninth-sec-secd-p-txt { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; width: 86%; padding-bottom: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 12px 33px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row { padding-top: 96px; padding-bottom: 66px; text-align: center; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h5.tenth-sec-first-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h6.tenth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; color: #063081; margin-bottom: 40px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row a.btn.btn-getsample { background: #DF1C2F; border-radius: 4px; padding: 12px 31.5px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row .mobile-ipad-button a.btn.btn-mobile-button { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row img { margin-top: 32px; } /* 01042022 ipad code*/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 40px; color: #666666; letter-spacing: -0.6px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; margin-left: 0; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 16px; letter-spacing: -0.6px; line-height: 40px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng h3 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; text-align: center; color: #063081; margin-bottom: 24px; padding-top: 30px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng p.frst-p-text { width: 600px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp { text-align: center; padding-top: 32px; padding-bottom: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 4px; padding: 10px 28px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; margin-right: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-getsampl { background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; border-radius: 4px; padding: 10px 28px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #063081; margin-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec { padding: 0 25px 60px; width: 712px; height: 500px; min-height: auto !important; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec { background-color: #f4f8fa; width: 100%; height: 100%; display: inline-block; padding: 66px 35px 54px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col { width: 100%; margin-top: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; color: #063081; padding-bottom: 12px; margin-bottom: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col p.frst-col-p-text { width: 520px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col a.btn.btn-getsample { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec a.btn.ipad-btns-sample { background: #DF1C2F; border-radius: 4px; padding: 12px 32px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; display: inline-block; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col { width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #063081; padding-bottom: 18px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt img { padding-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.fourth-sec-hdg { padding: 64px 28% 0; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec { display: block; padding: 34px 32px 0; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-secd-row { padding-top: 30px; padding-bottom: 44px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col { width: 100%; padding-top: 30px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col { width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col img { padding-bottom: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col .charge-out-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col p.charge-out-ptxt { width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col p.safegaurd-ptxt { width: 86%; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col img { padding-bottom: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col .protection-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.prpotection-col p.protection-ptxt { width: 86%; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col p.user-ptxt { width: 88%; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col { width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols{ background-color: #f4f8fa; width: 100%; height: 100%; display: inline-block; padding: 48px 28px 20px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 44px; color: #063081; margin-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col p.frst-col-p-text { width: 80%; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col { width: 100%; float: none; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #063081; padding-bottom: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col li.feature-poits-rgt img { padding-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .sixth-sec-row-hdg h5.sixth-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; text-align: left; padding-top: 64px; width: 84%; padding-left: 32px; margin: 0 37px 0.83em; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row { display: inline-flex; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-frst-col { width: 92%; margin-right: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-row-for-twocols { display: block; padding: 0 30px 32px; } .cms-video-brochure-mailers #wrapper-best-uses .thrd-col-sec { padding-top: 32px; padding-bottom: 96px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner { padding: 44px 0px; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-secd-col { width: 92%; margin-left: 0px; margin-top: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner h6 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; padding-left: 33px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner a.btn-getsample { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #DF1C2F; padding-left: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul { padding-left: 52px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li { list-style: disc; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li::marker { font-weight: 900; font-size: 20px; line-height: 20px; text-align: center; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner h6 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .seventh-sec-row-hdg h5.seventh-sec-hdg { width: 97%; padding: 50px 25px 25px 20px; margin: 0 12px 48px; text-align: left; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols { display: inline-block; padding: 0 0px 0 33px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col{ width: 44% !important; float: left; } .cms-video-brochure-mailers #wrapper-best-uses .threecols-secd-row { padding-top: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col { width: 50%; margin-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; padding-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col { width: 50%; margin-right: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col p{ font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; padding-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col { width: 32%; margin-right: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; padding-top: 24px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .eight-sec-row-hdg h5.eight-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; margin-bottom: 0px; color: #063081; padding: 96px 0 68px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(5) { width: 152px; height: 80px; padding-left: 28px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(6) { width: 103px; height: 104px; padding-left: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(7) { width: 100px; height: 100px; padding-left: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(1) { width: 220px; padding-left: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(2) { width: 127px; height: 64px; padding-left: 44px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(3) { width: 217px; height: 64px; padding-left: 28px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(4) { width: 88px; height: 96px; padding-left: 76px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec { width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img { padding-right: 27px; padding-bottom: 22px; padding-left: 30px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row { display: block; padding-top: 64px; padding-bottom: 64px; background: #F4F8FA; width: 100%; margin-top: 68px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-frst-img-col { width: 94%; padding: 0 25px; } @media only screen and (min-device-width: 1600px) and (max-device-width: 1680px) { } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .col.ninth-sec-secd-row-frst-img-col { width: 94%; padding: 0 25px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col { padding-bottom: 43px; padding-top: 43px; float: none; width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col img { padding-left: 32px; padding-top: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col h6.ninth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; width: 92%; padding-left: 32px; padding-top: 38px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col p.col.ninth-sec-secd-p-txt { width: 78%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul { padding-left: 54px; padding-bottom: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li { width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li::marker { font-size: 16px; line-height: 24px; text-align: center; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; margin-left: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row { display: flex; flex-wrap: wrap-reverse; width: 100%; background: #F4F8FA; padding-top: 25px; padding-bottom: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col { width: 100%; padding-left: 31px; padding-top: 60px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col h6.ninth-sec-secd-txt-hdg { width: 86%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col p.col.ninth-sec-secd-p-txt { width: 95%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row { display: block; width: 100%; background: #F4F8FA; padding-top: 64px; padding-bottom: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 94%; padding: 0 25px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col { width: 100%; padding-top: 34px; padding-left: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col h6.ninth-sec-secd-txt-hdg { width: 88%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col p.col.ninth-sec-secd-p-txt { width: 90%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row { padding-top: 96px; text-align: center; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h5.tenth-sec-first-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h6.tenth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row a.btn.btn-getsample { background: #DF1C2F; border-radius: 4px; padding: 12px 44px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row .mobile-ipad-button a.btn.btn-mobile-button { background: #DF1C2F; border-radius: 4px; padding: 12px 44px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; display: block; width: 192px; margin: 0 auto; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row img { margin-top: 32px; } } /*01042022 mobile code*/ @media only screen and (max-width : 767px) { .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; margin-left: 0; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left { float: none; width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 34px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght { float: none; width: 100%; margin-top: 42px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 34px; color: #666666; position: relative; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.two-cols-sec:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-secd-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:after { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-third-row:before { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng h3 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; padding: 0 32px; color: #063081; margin-bottom: 16px; padding-top: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng p.frst-p-text { width: 77%; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp { text-align: center; padding-top: 32px; padding-bottom: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 4px; padding: 10px 31px; width: 155px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; margin-right: 10px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-getsampl { background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #063081; margin-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec { padding: 0 0px 48px; height: auto; min-height: auto !important; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec img { width: 91%; border-radius: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec { background-color: #f4f8fa; width: 100%; height: 100%; display: inline-block; padding: 16px 16px 48px 16px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col { width: 100%; margin-top: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; color: #063081; padding-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col p.frst-col-p-text { width: 86%; padding: 0 0px 24px; margin: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .feature-col a.btn.btn-getsample { display: none; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec a.btn.ipad-btns-sample { background: #DF1C2F; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; display: inline-block; width: 80%; text-align: center; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col { width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #063081; padding-bottom: 16px; width: 83%; display: inline-flex; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec .col.feature-poits-rgt-col li.feature-poits-rgt img { padding-right: 17px; width: 26px; height: 26px; } .cms-video-brochure-mailers #wrapper-best-uses .row.fourth-sec-hdg { padding: 48px 16% 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.fourth-sec-hdg h5 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec { display: block; padding: 0 25px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-secd-row { padding-top: 2px; padding-bottom: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col { width: 100%; padding-top: 29px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col { width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col:nth-child(1) { padding-top: 34px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col:nth-child(2) { padding-top: 4px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col img { padding-bottom: 36px; width: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col .charge-out-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col p.charge-out-ptxt { width: 100%; font-size: 14px line-height:20px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.charge-out-col p.safegaurd-ptxt { width: 100%; font-size: 14px; line-height: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col img { padding-bottom: 36px; width: 64px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col .protection-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; margin-bottom: 8px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col p.protection-ptxt { width: 100%; font-size: 14px; line-height: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .fourth-sec-two-cols-sec .col.protection-col p.user-ptxt { width: 100%; font-size: 14px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols{ background-color: #f4f8fa; width: 100%; height: 100%; display: inline-block; padding: 48px 16px 20px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col { width: 100%; padding-bottom: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col h4 { font-family: 'Intro'; font-style: normal; font-weight: 700; width: 89%; font-size: 28px; line-height: 32px; color: #063081; margin-bottom: 12px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.United-col p.frst-col-p-text { width: 91%; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col { width: 100%; float: none; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col li.feature-poits-rgt { font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #063081; display: inline-flex; padding-bottom: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .two-cols-sec.fifth-sec-row-cols .col.usfeature-poits-rgt-col li.feature-poits-rgt img { padding-right: 20px; width: 26px; height: 26px; } .cms-video-brochure-mailers #wrapper-best-uses .sixth-sec-row-hdg h5.sixth-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; text-align: left; width: 94%; padding: 0 15px; padding-top: 48px; margin-bottom: 31px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row { display: inline-block; width: 100%; border: none; box-shadow: none; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-frst-col { width: 100%; margin-right: 0px; border: none; box-shadow: none; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-frst-col-inner { background: #FFFFFF; border: 1px solid #D9DDE9; box-sizing: border-box; box-shadow: 0px 4px 12px -1px rgb(0 0 0 / 6%); border-radius: 4px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-row-for-twocols { display: block; padding: 0 15px 32px; width: 346px; } .cms-video-brochure-mailers #wrapper-best-uses .thrd-col-sec { padding-top: 32px; padding-bottom: 96px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner { padding: 15px 0px; } .cms-video-brochure-mailers #wrapper-best-uses .col.content.sixth-sec-secd-col { width: 100%; margin-left: 0px; margin-top: 12px; border: none; box-shadow: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-row-for-twocols .col.content.sixth-sec-frst-col-inner img { width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner h6 { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; padding-left: 2px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner a.btn-getsample { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #DF1C2F; padding-left: 22px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul { padding-left: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li { list-style: disc; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-inner-row .col.content.sixth-sec-secd-col-inner ul li::marker { font-weight: 900; font-size: 16px; line-height: 20px; text-align: center; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .seventh-sec-row-hdg h5.seventh-sec-hdg { padding: 15px; width: 80%; font-family: 'Intro'; font-style: normal; font-weight: 700; margin: 0px 0px 15px; font-size: 20px; line-height: 28px; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols { display: inline-block; width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col { width: 91% !important; padding: 0 15px; } .cms-video-brochure-mailers #wrapper-best-uses .threecols-secd-row { padding-top: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col { width: 50%; margin-right: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.first-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; margin-bottom: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col { width: 50%; margin-right: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.secd-img-col p{ font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; padding-top: 24px; margin-bottom: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col { width: 32%; margin-right: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols .col.thrd-img-col p { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; padding-top: 24px; letter-spacing: 0.02em; text-transform: uppercase; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .eight-sec-row-hdg h5.eight-sec-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; margin-bottom: 0px; color: #063081; padding: 48px 0 32px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec { width: 100%; padding-left: 0px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img { padding-right: 11px; padding-bottom: 22px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(5) { width: 125px; padding-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(6) { width: 63px; padding-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(7) { width: 60px; padding-left: 16px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(1) { width: 146px; padding-left: 36px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(2) { width: 90px; height: 40px; padding-left: 44px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(3) { width: 170px; padding-left: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec img:nth-child(4) { width: 60px; height: 60px; padding-left: 46px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row { display: block; padding-top: 64px; padding-bottom: 20px; background: #F4F8FA; width: 100%; margin-top: 40px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-frst-img-col { width: 92%; padding: 0 15px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .col.ninth-sec-secd-row-frst-img-col { width: 91%; padding: 0 15px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col { padding-bottom: 43px; padding-top: 43px; float: none; width: 100%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col img { padding-left: 14px; width: 266px; height: auto; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col h6.ninth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; padding-left: 20px; padding-top: 38px; width: 90%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col p.col.ninth-sec-secd-p-txt { width: 96%; padding-left: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul { padding-left: 41px; padding-bottom: 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li { width: 92%; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col ul li::marker { font-size: 22px; line-height: 24px; text-align: center; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.ninth-sec-row .col.ninth-sec-secd-txt-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 34px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; margin-left: 18px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row { display: flex; flex-wrap: wrap-reverse; width: 100%; background: #F4F8FA; padding-top: 48px; padding-bottom: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col { width: 100%; padding-left: 15px; padding-top: 32px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col h6.ninth-sec-secd-txt-hdg { width: 94%; font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #063081; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col p.col.ninth-sec-secd-p-txt { width: 90%; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-secd-row .ninth-sec-secd-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 34px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row { display: block; width: 100%; background: #F4F8FA; padding-top: 48px; padding-bottom: 48px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 91%; padding: 0 15px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col { width: 100%; padding-top: 20px; padding-left: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col h6.ninth-sec-secd-txt-hdg { width: 82%; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col p.col.ninth-sec-secd-p-txt { width: 83%; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .ninth-sec-third-row-frst-col a.btn.btn-getsuccess { background: #063081; border-radius: 4px; padding: 10px 20px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row { padding-top: 40px; text-align: center; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h5.tenth-sec-first-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #00A4E1; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row h6.tenth-sec-secd-txt-hdg { font-family: 'Intro'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 32px; text-align: center; color: #063081; padding: 0 24px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row a.btn.btn-getsample { background: #DF1C2F; border-radius: 4px; padding: 10px 110px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; display: none; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row .mobile-ipad-button a.btn.btn-mobile-button { background: #DF1C2F; border-radius: 4px; padding: 12px 44px; font-family: 'Intro'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; align-items: center; color: #FFFFFF; display: block; margin: 0 20px; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.tenth-sec-row img { margin-top: 32px; } } /*1366 res code */ @media only screen and (min-width:1330px) and (max-width:1386px){ .cms-video-brochure-mailers #wrapper-best-uses .row.content.sixth-sec-row-for-twocols { display: flex; width: 1278px; margin: 0 auto; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.seventh-sec-row-3cols { display: inline-block; width: 100%; padding-left: 0; } .cms-video-brochure-mailers #wrapper-best-uses .row.content.eight-sec-row-logo-sec { width: 100%; padding-left: 0; } .cms-video-brochure-mailers #wrapper-best-uses .content.ninth-sec-third-row .col.ninth-sec-third-row-frst-img-col { width: 94%; padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .cms-video-brochure-mailers #wrapper-best-uses .video-sec iframe { width: 100%; min-height: 100% !important; height: auto; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li { font-size: 16px !important; line-height: 24px; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec { height: 480px !important;; } } .cms-video-brochure-mailers #wrapper-best-uses .video-sec iframe { width: 100%; min-height: 100% !important; height: auto; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 40px; color: #666666; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng p.frst-p-text { padding-bottom: 55px; } .cms-video-brochure-mailers #wrapper-best-uses .frst-headng .row.btn-sec-shp-getsmp a.btn.btn-shopnow { font-weight: 700; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-left .row.btn-sec-shp-getsmp a.btn.btn-shopnow { font-weight: 700; } .cms-video-brochure-mailers #wrapper-best-uses .video-sec .column.vdeo-rght .row.btn-sec-shp-getsmp a.btn.btn-shopnow { font-weight: 700; } @media only screen and (min-width: 1440px) { .cms-video-brochure-mailers #wrapper-best-uses .video-sec { padding-bottom: 60px; width: 90%; min-height: 630px !important; } } /* video-cat-page-27052022*/ /* vdeo -cat-page*/ .catalog-category-view p.blw-hdg-txt-vdeo-catpage { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 200%; color: #666666; margin: 10px 0 30px; } .catalog-category-view .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; /*margin-left: 40px;*/ } .catalog-category-view .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 40px; color: #666666; } .catalog-category-view .video-sec .column.vdeo-left ul li .fa-circle:before { content: "\f111"; font-size: 8px; vertical-align: middle; padding: 0 8px; } .catalog-category-view .video-sec .column.vdeo-left ul li i.fa.fa-circle { vertical-align: text-top; } .catalog-category-view .video-sec .column.vdeo-rght { float: right; width: 49%; margin-bottom: 5%; } .catalog-category-view .video-sec .column.vdeo-left { float: left; width: 48%; margin-bottom: 5%; } .catalog-category-view .video-sec .column.vdeo-left h4 { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 30px; color: #063081; } .catalog-category-view .video-sec .column.vdeo-rght h4 { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 30px; color: #063081; } .catalog-category-view .video-sec .column.vdeo-rght ul { margin-top: 40px; text-align: left; } .catalog-category-view .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 40px; color: #666666; } .catalog-category-view .video-sec .column.vdeo-rght ul li .fa-circle:before { content: "\f111"; font-size: 8px; vertical-align: middle; padding: 0 8px; } .catalog-category-view .video-sec .column.vdeo-rght ul li i.fa.fa-circle { vertical-align: text-top; } .catalog-category-view .video-sec .column.vdeo-rght .row.btn-sec-shp-getsmp { margin-top: 47px; text-align: center; } .catalog-category-view .video-sec .column.vdeo-rght .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 4px; padding: 12px 26.5px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; align-items: center; color: #FFFFFF; margin-right: 16px; } .catalog-category-view .video-sec .column.vdeo-left .row.btn-sec-shp-getsmp { margin-top: 53px; text-align: center; } .catalog-category-view .video-sec .column.vdeo-left .row.btn-sec-shp-getsmp a.btn.btn-shopnow { background: #DF1C2F; border-radius: 4px; padding: 12px 26.5px; width: 145px; height: 48px; font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; align-items: center; color: #FFFFFF; margin-right: 16px; } /*ipad code*/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .catalog-category-view .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 40px; color: #666666; letter-spacing: -0.6px; } .catalog-category-view .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; margin-left: 0; } .catalog-category-view .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 16px; letter-spacing: -0.6px; line-height: 40px; color: #666666; } } /* mobile-code*/ @media only screen and (max-width: 767px){ .catalog-category-view .video-sec .column.vdeo-left ul { margin-top: 40px; text-align: left; margin-left: 0; } .catalog-category-view .video-sec .column.vdeo-left { float: none; width: 100%; } .catalog-category-view .video-sec .column.vdeo-left ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 34px; color: #666666; } .catalog-category-view .video-sec .column.vdeo-rght { float: none; width: 100%; margin-top: 42px; } .catalog-category-view .video-sec .column.vdeo-rght ul li { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 34px; color: #666666; position: relative; } }