/* Reset */ @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic); * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;} 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{padding:0;border:0;margin:0;vertical-align:baseline} body{}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} /* Set Initial Values */ html { font-size: 10px; background: #fff; } body { font-size: 16px; font-size: 1.6rem; font-family: Helvetica,Arial,sans-serif; color: #333; font-weight: 400; } img { height: auto; border: none; max-width: 100%; } h1, h2, h3, h4, h5, h6 { color: #000000; font-family: Helvetica,Arial,sans-serif; font-weight: 400; letter-spacing: 0; } a { color: #31569d; -webkit-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease;} a:hover { color: #873996; } /* Utility Classes */ .f { width: 98%; margin: 0 auto; } /* full */ .w { width: 93%; margin: 0 auto; max-width: 1200px; } /* normal */ .s { width: 76.33333333%; margin: 0 auto; } /* skinny */ .f:after, .w:after, .s:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } .imageContainer{margin-bottom: 0} .fullWidth{width: 100%;} .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: 0 !important; overflow: hidden; padding: 0 !important; position: absolute; width: 1px !important; } .red{color:red;} .fa, .fas { font-weight: 900; } .fa, .far, .fas { font-family: "FontAwesome"; } .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } embed, iframe, object, video { max-width: 100%; } .clearfix {clear: both; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden } header.body { background: #fff; } header.body > .w { padding: 0px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } header.body:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } header.body .right .search.group{ margin-top: 37px; display: flex; justify-content: flex-end;} header.body .search .all-products{margin-right: 20px;} header.body .search .all-products a{text-transform: capitalize;font-weight: 700;} header.body .search {position: relative;} header.body .search .input.search { float: right;} header.body .search .submit { position: absolute; right: 1px; top: 1px; } header.body .search .input.search input { color: #5f5f5f!important; border: 1px solid #31569d; font-size: 11px; height: 44px; line-height: 34px; width: 330px; padding: 0 60px 0 19px; letter-spacing: 0.24px; font-size: 16px; } header.body .search button.search-btn { border-radius: 0; border: none; position: absolute; right: 0; height: 43px;background: transparent; color: #333; font-size:0px; padding: 0 17px;} header.body .search button.search-btn i{font-size: 22px} header.body .search button.search-btn:hover{background: #31569D;} header.body .search button.search-btn:hover i{color:white;} header.body .logo { display: inline-block; text-align: center; width: 26.6%; padding-top: 35px; } header.body .logo #tagline { font-size: 19px; font-weight: 700; color: #f3d34a; margin: 99px 0 0 -122px; position: absolute; width: 360px; } header.body .logo #tagline .green{color: #63a990;} header.body .logo #tagline .blue{color: #32579c;} header.body .right .top {display: flex; justify-content: flex-end; } header.body .right {float:right; display: inline-block; vertical-align: top; padding: 21px 0 0; } header.body .right .call{ padding-right: 18px; border-right: 2px solid #e1e1e1;} header.body .call { vertical-align: top; } header.body .call p { color: #31569d; font-size: 24px; font-weight: 700; letter-spacing: -0.9px;text-align: right; line-height: .9; padding-bottom: 9px;} header.body .call p a{padding-left: 6px;} header.body .call p.spanish{ color: #31569d; font-size: 15px; width:130px; padding-bottom:0px; line-height: 1.2; } header.body .call div#google_translate_element{max-width:160px;} header.body .call p.spanish:hover{cursor:pointer;} header.body .call div.language_links{display:flex; justify-content: flex-end; align-items: center;} header.body .call div.language_links div.spanish_hours_hover {z-index: 999;width: 400px;height: 90px;position: absolute;top: 82px;right:254px;background-color: #f7f7f7;float:none;border-radius: 15px;border: 1px solid #31569d;} header.body .call div.language_links div.spanish_hours_hover p {text-align: center; padding:0px; float:none; margin-top:15px;} header.body .account a { text-decoration: none; } header.body .account .account-mini {padding: 0 18px; border-right: 2px solid #e1e1e1; margin-right: 12px; float: right; } header.body .account .account-mini div a { display: block; border-radius: 5px; background-color: #63a990; background: -o-linear-gradient(#7ed4b7, #63a990); background: -webkit-gradient(linear, left top, left bottom, from(#7ed4b7), to(#63a990)); background: linear-gradient(#7ed4b7, #63a990); color: #ffffff; font-size: 16px; font-weight: 700; padding: 13px 28px;text-shadow: #515151 1px 1px; } header.body .account .account-mini div a:hover{background-color: #32579c; background: -o-linear-gradient(#32579c, #294270); background: -webkit-gradient(linear, left top, left bottom, from(#32579c), to(#294270)); background: linear-gradient(#32579c, #294270); color:white;} header.body .account .account-mini span { display: none; font-size: 15px; margin-left: 5px; text-align: right; } header.body .account .account-mini span a { color: #6c6c6c; } header.body .account .account-mini a:hover { color: #7eb09c; } /* dropdown menu in header - START */ header.body .account .account-mini ul{display: inline-block; list-style: none;} header.body .account .account-mini ul li{padding: 0 5px 0 0 ; font-size: 14px; color: #494949; letter-spacing: 0.29px; font-weight: 600; position: relative;} header.body .account .account-mini ul li:hover { -webkit-transition: all, 0.2s; -o-transition: all, 0.2s; transition: all, 0.2s; cursor: pointer; position: relative;} header.body .account .account-mini ul li i{} header.body .account .account-mini ul li ul{background: #fff; padding: 0 15px 8px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; visibility: hidden; float: left; min-width: 280px; position: absolute; -webkit-transition: visibility 0.65s ease-in; -o-transition: visibility 0.65s ease-in; transition: visibility 0.65s ease-in; margin-top:1px; right: 0; text-align: right;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);} header.body .account .account-mini ul li ul li{} header.body .account .cart-mini:hover > ul, header.body .account .cart-mini ul:hover, header.body .account .account-mini ul li:hover ul, header.body .account .account-mini ul li > ul:hover { visibility: visible; } header.body .account .account-mini ul li ul li { clear: both; padding: 5px 0; width: 100%;} header.body .account .account-mini ul li ul li:hover {font-weight:bold;} header.body .account .account-mini a:hover {color: #1a9a65; } /* dropdown menu in header - END */ header.body .account .cart-mini { float: right; position: relative; } header.body .account .cart-mini .mini-cart-icon { z-index: 1000; position: inherit; text-align: center; vertical-align: middle; } header.body .account .cart-count { position: absolute; bottom: 0; left: 29px; background: #6eb29b; border-radius: 40px; width: auto; color: white; text-align: center; font-size: 11px; min-width: 13px; line-height: 1; padding: 4px 4px; text-align: center; } header.body .mobile-menu { background: #dcdcdc; text-align: center; display: none; width: 100%;} header.body .mobile-menu ul { list-style: none; } header.body .mobile-menu ul li { display: inline-block; width: 30%; position: relative; } header.body .mobile-menu ul li a { display: inline-block; color: #636363; text-decoration: none; font-weight: 500; padding: 10px; font-size: 16px; padding: 13px 12px; } header.body #menu-trigger { background: #333; color: #fff; font-weight: bold; padding: 10px; display: none; } header.body #menu-trigger i { float: right; font-size: 23px; } header.body .nav.w {padding-bottom: 8px;} header.body .navigation { border-radius: 5px; background-color: #31569d; text-align: center; } header.body .navigation ul { list-style: none; } header.body .navigation ul li { display: inline-block; position: relative; } header.body .navigation ul li a { display: inline-block; color: #fff; text-decoration: none; font-weight: bold; padding: 10px 19px; } header.body .navigation ul li a:hover { color: #f3d249; } header.body .navigation > ul > li > a{ text-shadow: #515151 1px 1px;} header.body .navigation ul li ul.subnav { display: none; position: absolute; background-color: #fff; -webkit-box-shadow: 1px 2px 5px 0 rgba(0,0,0,.24); box-shadow: 1px 2px 5px 0 rgba(0,0,0,.24); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; width: 200px; z-index: 1000000; padding: 7px 22px; } header.body .navigation ul li ul.subnav.categories{-webkit-column-count: 2; -moz-column-count: 2;column-count: 2;width: 500px; -webkit-box-sizing: border-box; box-sizing: border-box; } header.body .navigation ul li ul.subnav li { display: block; text-align: left; } header.body .navigation ul li ul.subnav li a { color: #31569d; padding: 6px 0; font-size: 14px; } header.body .navigation ul li:hover ul.subnav { display: block; } header.body .w.sitewide_block{padding: 0 0 4px;} header.body div.mini-cart ul{} header.body ul.cart {list-style: none; list-style: none; background: #fff;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20); padding: 0 15px 8px; top: 17px; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; visibility: hidden; float: left; min-width: 280px; position: absolute; -webkit-transition: visibility 0.65s ease-in; -o-transition: visibility 0.65s ease-in; transition: visibility 0.65s ease-in; margin-top: 12px; right: 0; } header.body ul.cart li ul { top: unset; visibility: unset; -webkit-transition: unset; -o-transition: unset; transition: unset; float: unset; position:unset; -webkit-box-shadow:unset; box-shadow:unset; margin: 0; padding: 0; max-height: 260px; overflow: scroll; } header.body ul.cart div.headline { font-family: Avenir-Black; font-size: 14px; color: #63a990; border-bottom: 1px solid #C0C0C0; letter-spacing: 1.8px; padding: 10px 0; line-height: 1.2; text-align: left; text-transform: uppercase; } header.body ul.cart div.next_cyp { font-size: 14px; border-bottom: 1px solid #C0C0C0; padding: 10px 0; line-height: 21px; text-align: left; font-weight: bold; color: red; } header.body ul.cart li ul li span { font-size: unset; padding: unset; text-align: unset; line-height: unset; } header.body ul.cart li ul li { display: -ms-grid; display: grid; -ms-grid-columns: 50px auto 70px; grid-template-columns: 50px auto 70px; padding: 15px 0 0; } header.body ul.cart li ul li .product_image { text-align: left; padding: 0; -ms-grid-row: span 2; grid-row-start: span 2; } header.body ul.cart li ul li .product_image img { max-height: 53px; margin: 0 auto; display: block; } header.body ul.cart li ul li .product_title { -ms-grid-column: span 2; grid-column-start: span 2; padding-right: 8px; text-align: left; } header.body ul.cart li ul li .subtotal{-ms-grid-column:3;} header.body ul.cart li ul li .layer_num { text-align: left; } header.body ul.cart li ul li .layer_num .label{font-size: 12px; line-height: 1;} header.body ul.cart li ul li .layer_total { line-height: 21px; text-align: right; font-weight: 700; font-size: 14px; color: #63a990; letter-spacing: 0; } header.body ul.cart li ul li .link { padding: 0 0 3px 0; line-height: 18px; } header.body ul.cart li ul li .link a { text-decoration: none; font-weight: 500; font-size: 12px; color: #494949; letter-spacing: 0; line-height: 16px; } header.body ul.cart li ul li .link a:hover { color: #1a9a65; } header.body ul.cart li ul li .price, header.body ul.cart li ul li .cases { font-size: 12px; color: #63a990; line-height: 18px; } header.body ul.cart li ul li .num { font-weight: bold; } header.body ul.cart li ul li:first-child { border-top: none; } header.body ul.cart div.cart-mini_footer { background: #F5F7F9; margin: 15px -15px -18px; padding: 15px; } header.body ul.cart div.cart-mini_footer .label { font-family: Avenir-Black; font-size: 16px; color: #494949; float: left; letter-spacing: 0; line-height: 16px; } header.body ul.cart div.cart-mini_footer .layer_total { font-family: Avenir-Black; font-size: 16px; color: #63a990; letter-spacing: 0; text-align: right; line-height: 16px; padding: 0; } header.body ul.cart div.cart-mini_footer .button {text-shadow: #515151 1px 1px; border-radius: 100px; background: #e8980f; background: -o-linear-gradient(#f9b73a, #e8980f); background: -webkit-gradient(linear, left top, left bottom, from(#f9b73a), to(#e8980f)); background: linear-gradient(#f9b73a, #e8980f); color: white; border-radius: 6px; font-family: Avenir-Black; text-transform: uppercase; font-size: 13px; width: 100%; margin-top: 12px; color: #FFFFFF; letter-spacing: 1.77px; text-align: center; padding: 15px; border: 0; } header.body .search_predictions { position: absolute; background: white; top: 44px; z-index: 999; box-shadow: 4px 4px 4px #5a5a5a; right: 0; border:1px solid #ccc; max-width: 530px;} header.body .search_predictions ul { list-style: none; margin: 0; padding: 20px; } header.body .search_predictions ul li { display: flex; align-items: center; padding-bottom: 12px; justify-content: space-between; } header.body .search_predictions ul li img { padding-right: 12px; flex: 0 0 45px; } header.body .search_predictions ul li a{flex: auto; text-decoration: none;} header.body .search_predictions ul li .search_price{padding-left: 17px;} header .account_notice {text-align: center; background: #fdd1a5; padding: 10px!important; border: 1px solid #fa4f00;margin-bottom:10px;} header .account_notice .list_of_notices {max-height:90px;overflow-y: auto;} header.body .skip-link {background: #FFFFFF;height: 30px;left: 50%;padding: 8px;position: absolute;transform: translateY(-100%);transition: transform 0.3s;} header.body .skip-link:focus {transform: translateY(0%);} footer.body { background: #ebebeb; text-align: center; margin: 50px 0 0; padding-bottom: 60px; } footer.body ul { list-style: none; margin-bottom: 10px;} footer.body ul li { display: inline-block; } footer.body ul li a { display: inline-block; color: #555555; text-decoration: none; padding: 0 6px; } footer.body p { margin-bottom: 3px; font-size: 12px; } footer.body p a { color: #787878; text-decoration: none; } footer.body .group { clear: both; padding: 20px 0; } footer .footer-top-content { } footer .footer-top-content #row { margin-right: -15px; margin-left: -15px; max-width: 1060px; margin: 0 auto; } footer .footer-top-content #row .left { padding-top: 15px; padding-bottom: 15px; width: 60%; float: left; position: relative; text-align: left; } footer .footer-top-content #row .right { padding-top: 15px; text-align: left; width: 40%; float: left; position: relative; } footer .footer-top-content #row .right .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 230px; margin: 0 auto 16px; } footer .footer-top-content #row .right .icon-block {padding: 0 0 2px 50px;margin-bottom: 15px; height: 40px;position: relative;margin-right: 10%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;} footer .footer-top-content #row .right .icon-block:last-child{margin-right: 0;} footer .footer-top-content #row .right .icon-block:before { color: #31569d; position: absolute; left: 0; top:0; font-size: 22px; padding: 8px 0 9px; border: 2px solid; border-radius: 45px; width: 42px; text-align: center; height: 43px; box-sizing: border-box; }footer .footer-top-content #row .right .icon-block * {color:#444; font-family: Helvetica, Arial, sans-serif; text-decoration: none; } footer .footer-top-content #row .right .time { font-size: 14px; color: #444; } footer .footer-top-content #row .right .icon-block.mail span{line-height: 40px;} footer .footer-top-content #row .right img { margin: 0 auto; display: block; } footer .footer-top-content #row .left form{width: 100%; margin-bottom: 22px;} footer .footer-top-content #row .left form input{width: 67%!important;} footer .footer-top-content #row .left form button { margin-left: -6px; color: white; background: #37569d; border-color: #37569d; border-radius: 0 10px 10px 0; } footer .footer-top-content #row .link-footer{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 800px;} footer .footer-top-content #row .link-footer div { padding: 27px 0 15px; } footer .footer-top-content #row .footer_links ul { max-width: 350px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; list-style: none; margin: 0 0 10px; line-height: 1; } footer .footer-top-content #row .footer_links ul li{ display: block;padding:0; margin: 0 0 10px; line-height: 1.2;} footer .footer-top-content #row .footer_links ul li a { color: #444; font-size: 13px; font-weight: 600; white-space: nowrap;padding:0;} footer .footer-top-content #row .footer_links ul li a:hover{color:#36559d;} footer .footer-top-content .trustlogos {-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-between; box-pack: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; box-align: center; -ms-flex-align: center; align-items: center;width: 100%; } footer .footer-top-content .trustlogos img{max-width: 480px;max-height: 60px;} footer .footer-top-content .trustlogos .connect_icons{width: 68px} footer .footer-top-content .trustlogos .connect_icons a svg{max-width: 30px; max-height: 30px; fill: #4267B2;} footer .footer-top-content .trustlogos .connect_icons a svg.svg_twitter{fill: #1DA1F2; margin-left: 4px;} footer .footer-top-content .trustlogos .connect_icons a svg:hover{fill: #494949;} #content embed, #content iframe, #content object, #content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #content h1 { font-size: 25px; font-size: 2.5rem; padding: 15px 0 25px; font-weight: bold;text-transform: uppercase; clear: both;color:#63a990; } #content h2 { color: #333; font-size: 21px; font-size: 2.1rem; padding: 10px 0; } #content h3 { color: #31569d; font-size: 24px; font-size: 2.4rem; padding-bottom: 15px; font-weight:700; } #content h4 { color: #31569d; font-size: 20px; font-size: 2rem; padding-bottom: 15px; } #content h5 { font-size: 20px; font-size: 2rem; padding-bottom: 8px; clear: both; } #content p { margin-bottom: 15px; font-weight: 400; line-height: 1.5; } #content ul, #content ol { margin: 0 0 25px 4.5%; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: 400; } #content ul li, #content ol li { margin-bottom: 8px; } #content ul li { padding-left: 10px; } #content blockquote { padding: 14px 5.181347150259067% 5px; margin-bottom: 32px; line-height: 32px; font-size: 22px; font-size: 2.2rem; } #content img { margin: 5px 10px 5px 0; } #content table { width: 100%; } #content table tr { border: 1px solid #D6D6D6; } #content table thead tr,#content table tr th{ background: #e1e1e1; } #content table tr td, #content table tr th { padding: 10px 14px; text-align: left;vertical-align: middle; } #content table tr th{border-right: 1px solid #ccc;} #content table tr td{border-right: 1px solid #e1e1e1;} #content table tfoot { background: #e1e1e1; } #content table tr th .input{margin-bottom: 0;} #content table tr td a, #content table tr th a{text-decoration: none;} #content .table-responsive + .pagination{background: #e1e1e1; padding: 15px; } #content .input { margin-bottom: 14px; } #content .input label { min-width: 140px; display: inline-block; margin-right: 10px; } #content .input input, #content .input select, #content .input textarea { margin-right: 10px; width: 100%; height: 36px; } #content .input input[type=checkbox], #content .input input[type=radio] { width: auto !important; height: auto; background: inherit; } #content .red_disclaimer{color: #f71701;} #content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 25px; } #content .video-container iframe, #content .video-container object, #content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content hr { border: none; border-top: 1px dashed #ccc; margin: 15px 0 15px; padding: 0; } #content > .w.group.default { padding: 40px 0; } .view #content .w.content, .index #content .w.content { margin: 25px auto ; } .orders.index #content .w.content { margin: 0 auto; } #content .main { width: 70%; float: right; height: 100%; position: relative;} #content .sidebar { width: 24.5%; float: left; } .checkout #content .main { width: 70%; float: left; height: 100%; position: relative;} .checkout #content .sidebar { width: 24.5%; float: right; } #content #logout_warning.overlay{ background: #0000008a; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 30 } @media screen and (max-width:767px) {#content #logout_warning.overlay { z-index: 100 }} #content #logout_warning .logout_warning_container {text-align: center; height: 200px; width: 400px; position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -100px; background: white; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #b1b1b1 1px solid; } #content #logout_warning .logout_warning_container .still_there_heading {color: #31569d; font-size: 24px; font-size: 2.4rem; padding-bottom: 15px; font-weight:700;} #content .sidebar .title { padding-bottom: 5px; font-size: 19px; } #content .sidebar ul.list { margin: 0; list-style: none; } #content .sidebar ul.list li { margin: 0; list-style: none; padding: 2px 0; } #content .sidebar .widget { -webkit-box-shadow: 0 1px 6px #B9B9B9; box-shadow: 0 1px 6px #B9B9B9; background: #fff; margin-bottom: 25px; } #content .sidebar .widget .title { background: #333; color: #fff; font-weight: bold; font-size: 16px; display: block; padding: 10px; } #content .sidebar .widget .content { padding: 10px; } #content .sidebar .widget .footer { padding: 10px; background: #e6e6e6; border-top: 1px solid #ccc; } #content .sidebar .widget .footer:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } #content .sidebar h3{border-bottom: 2px solid #e1e1e1; margin-bottom: 20px; padding: 0 0 12px;} #content .sidebar ul{margin:14px 0 0; } #content .sidebar ul li{list-style:none; padding: 0; margin: 0;} #content .sidebar ul li a{text-decoration:none; color: #31569d; letter-spacing: -0.36px;line-height: 1; padding: 4px 0;margin: 4px 0; display: block;} #content .sidebar .widget#cart .content { padding: 0; } #content .sidebar .widget#cart .content ul { list-style: none; margin: 0; padding: 0; } #content .sidebar .widget#cart .content ul li { padding: 10px; border-top: 1px solid #ccc; } #content .sidebar .widget#cart .content ul li:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } #content .sidebar .widget#cart .content ul li .link { padding: 0 0 3px 0; } #content .sidebar .widget#cart .content ul li .link a { font-weight: bold; text-decoration: none; color: #000; font-size: 18px; } #content .sidebar .widget#cart .content ul li .link a:hover { color: #1f99d5; } #content .sidebar .widget#cart .content ul li .total { float: left; } #content .sidebar .widget#cart .content ul li .quantity { float: right; color: #1f99d5; } #content .sidebar .widget#cart .content ul li:first-child { border-top: none; } #content .sidebar .widget#cart .footer .view { float: left; } #content .sidebar .widget#cart .footer .view a { color: #7eb09c; text-decoration: none; } #content .sidebar .widget#cart .footer .view a:hover { text-decoration: underline; } #content .sidebar .widget#cart .footer .total { float: right; color: #7eb09c; } #content .sidebar .widget#estimate .input { margin-bottom: 0; } #content .sidebar .widget#call .content { text-align: center; } #content .sidebar .widget#call .content h3 { color: #1f99d5; padding: 0 0 5px 0; } #content .sidebar .widget#call .content img, #content .sidebar .widget#call .content p { margin: 0; } #content .sidebar .widget ul { list-style: none; margin: 0; } #content .sidebar .widget ul li { border-bottom: 1px solid #ccc; padding: 5px 0; margin: 0; } #content .cols { zoom: 1; } #content .cols:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } #content .cols .col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } #content .cols .col h3 { display: inline-block; margin: 0; font-size: 18px; font-size: 1.8rem; clear: both; } #content .cols.three .col { width: 33%; padding: 1.5%; } #content .cols.two .col { width: 50%; padding: 1.5%; } #content .cols.one .col { width: 100%; padding: 1.5%; } #content .cols .actions { clear: both; padding-top: 24px; } .account-container {width: 80%; margin: auto; padding: 1% 3% 2% 3%; font-size: 16px; background-color: #ffffff; } #content p.breadcrumb {color: #666; margin: -18px 0 15px 0; padding-top: 21px; font-weight: 600;} #content p.breadcrumb a {color: #31569d; font-size: 15px; font-weight: 500; text-decoration: none; } #content p.breadcrumb a:hover {color: green; } .account-container h2 {text-align: left; padding-top: 15px; margin-bottom: 30px; } .account-container .account-details .account-text {float: left; margin-right: 4%; } .account-container .account-details .account-edit {float: left; position: relative; } .account-container .account-details .button, .account-container select {font-size: 14px; } .account-container .account-details .account-row {line-height: 28px; } .account-container .addresses {margin: 30px 0; } .account-container .addresses .addresses-edit .button {margin-top: 15px; } .account-container .addresses .address {float: left; width: 48%; padding-right: 2%; } .account-container .addresses .address .address-row {line-height: 28px; } .account-container .addresses .addresses-edit {clear: both; } .account-container .group .group {margin-top: 20px; } .address_list table th a{text-decoration: none; } .address_list .add-address-wrapper {padding: 15px 0 30px 0 ; } .address_list .actions a {font-size: 13px; margin: 10px 10px 0 0; } .address_list .before {padding-bottom: 3px; } .address_list .after {padding-top: 3px; } .address-view {font-size: 14px; line-height: 32px; } .address-view dt {clear: both; float: left; font-weight: bold; width: 10%; text-align: right; border-bottom: dotted 1px #ccc; } .address-view dd {float:left; padding-left: 30px; width: 85%; border-bottom: dotted 1px #ccc; } .address-view-wrapper .actions {padding: 20px; } .address-view-wrapper .actions ul li{list-style: none; float: left; margin-right: 20px; padding-top: 25px; } #estimate .shipping-estimate-widget .item label{padding: 5px 0; line-height: 20px; font-weight: bold; } #estimate .shipping-estimate-widget .item select {max-width: 100%; padding-right: 20px; } #estimate .shipping-estimate-widget .item select, #estimate .shipping-estimate-widget .item input {font-size: 15px; line-height: 20px; margin: 0; padding: 6px 16px 6px 8px; width: 100%; color: #1a1a1a; } #estimate .rates {padding-top: 10px; } #estimate .rates .rate {line-height: 30px; } #estimate .rates .rate .value{font-weight: bold; } #estimate .btn_actions {text-align: right; margin-top: 20px; } #content #checkout_steps {margin: 0; padding: 0; color: #aaa; } #content #checkout_steps li {list-style: none; border-left: 5px solid #ffffff; margin: 5px 0; padding: 5px; } #content #checkout_steps .completed, #content #checkout_steps .completed a{color: #89b8a6;} #content #checkout_steps .in_progress {color: #7eb09c; background: #e8e8e8; border-left: 5px solid #7eb09c; font-weight: bold; line-height: 32px; } #checkout_index .account .password, #checkout_index .account .repassword, #checkout_index .account .login_action, #checkout_index .account .toggle-password.repassword{display: none; } #checkout_index #patient_as_provider {display: none;} #checkout_index #login_fields {display: none;} #checkout_index #create_patient_fields {display: none;} #checkout_index #create_provider_fields {display: none;} #checkout_index .login .password, #checkout_index .login .login_action {display: block; } #checkout_index .login .login_action {text-align: right; } #checkout_index .register .password, #checkout_index .register .repassword {display: block; } #checkout_index .address_list {margin-bottom: 14px; } #checkout_index .address_list select {max-width: 100%; font-size: 13px; } #checkout_index #login_fields span.toggle-password, #checkout_index #login_fields span.toggle-password.repassword, #checkout_index #create_patient_fields span.toggle-password, #checkout_index #create_provider_fields span.toggle-password { float: right; margin-right: 10px; margin-top: -41px; position: relative; z-index: 2; } #checkout_index .section, #checkout_shipping .section, #checkout_review .section, #checkout_complete .section {background: #fff; margin-bottom: 15px; -webkit-box-shadow: 0 1px 6px #B9B9B9; box-shadow: 0 1px 6px #B9B9B9; position: relative; } #checkout_index .section h3, #checkout_shipping .section h3, #checkout_review .section h3, #checkout_complete .section h3 {background: #7eb09c; color: #fff; font-weight: bold; font-size: 16px; display: block; padding: 10px; } #checkout_index .section .header a.edit_btn, #checkout_shipping .section .header a.edit_btn, #checkout_review .section .header a.edit_btn, #checkout_complete .section .header a.edit_btn { position: absolute; right: 15px; top: 11px; color: white; text-decoration: none; } #checkout_index .section .content, #checkout_shipping .section .content, #checkout_review .section .content, #checkout_complete .section .content {font-size: 14px; padding: 15px 20px; } #checkout_index .section .content input, #checkout_index .section .content select, #checkout_shipping .section .content input, #checkout_shipping .section .content select, #checkout_review .section .content input, #checkout_review .section .content select {font-size: 14px; } #checkout_index .section .content .input:not(.checkbox) input, #checkout_index .section .content .input select {display: block; } #checkout_index .section .content input#CheckoutUseBillingAsShipping { width: auto; } #checkout_index .section .content table#money_table {border:0;} #checkout_index .section .content table td.send_money_to {max-width:50%; text-align:right; border:0;} #checkout_index .section .content table td.send_money_address {max-width:50%; text-align:left; border:0;} #checkout_index .section .content table td.send_money_details {max-width:100%; text-align:center; border:0;} #checkout_index .section .content .radio_display { padding-bottom:10px; } #checkout_index .section .content .reveal_if_active { opacity: 0; max-height: 0; overflow: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #checkout_index .section .content input[type=radio]:checked ~ .reveal_if_active {opacity:1; margin:auto; max-width:80%; max-height:900px; overflow:visible; padding-top:5px;} #checkout_index .section .content .date label, .checkout .section .content .date label {display: block;} #checkout_index .section .content .date select, .checkout .section .content .date select {display: inline-block; margin-right:5px; margin-left:5px; width: auto;} #checkout_index .section .content .checkbox {display: inline-block; margin-right:1px;} #checkout_index .section .content .continue_btn {text-align: right;} #checkout_index .section .viewable {cursor: pointer;} #checkout_index .section #order_review_content table{margin-bottom: 14px;} #checkout_index .section #order_review_content table tbody tr {background-color: white;} #checkout_index .section #order_review_content table tfoot {border-bottom: 1px solid #D6D6D6;} #checkout_index .section #order_review_content table tfoot tr {border-right: 1px solid #D6D6D6;border-left: 1px solid #D6D6D6;border-top:none;border-bottom:none;} #checkout_index .section #order_review_content table tfoot tr td {border-right: 1px solid #D6D6D6;} #checkout_index .section #order_review_content table tfoot tr td.align-right {text-align: right;} #checkout_index .section #order_review_content table tfoot tr td.grand-total {font-size: 16px; font-weight: bold;} #order_review_content table td:last-child, #order_review_content table th:last-child{text-align: right;} .checkout .section .content .nav_buttons { display: flex; justify-content: space-between; align-items: center; width: 100%; } .checkout .section .content .nav_buttons .back_btn a { text-decoration: none; text-transform: uppercase; } #checkout_index .address_list label, #checkout_shipping .address_list label, #checkout_review .address_list label {padding-bottom: 10px; font-size: 15px; display: inline-block; } #checkout_index .content .submit, #checkout_shipping .content .submit, #checkout_review .content .submit {text-align: right; } label.required:after {content: "*"; color: red; display: inline-block; margin: 0 0 0 7px; position: relative; font-size: 21px;} #checkout_index .error-message {color: red; margin-bottom: 15px; background: none; text-align: left; } #checkout_index .small_green {color: green;} #checkout_index .small_red {color: red;} .hidden {display: none; } #checkout_index .input label {padding-bottom: 5px; } #checkout_index select, #checkout_review select, #estimate select {appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("/css/images/arrow_down.png") no-repeat scroll right 5px center #fff; backgound-color: #fff; padding-right: 20px; } #estimate .item label { display: block; } #checkout_index .copy_billing_to_shipping input[type="button"] {position:absolute; right:0; top: 0; background-color: #888; text-transform:uppercase; width: auto; } .checkout #financing .content img{ max-width: 185px;} #direct_payment_content{margin:12px 0 0 0;} #payment_method_content #account_type_radio, #ownership_type_radio{ margin: 12px 0; line-height: 23px;} .checkout.complete #content .main table tr td:nth-child(2), .checkout.complete #content .main table tr td:last-child{text-align: right;} /*Order Being Processed Modal*/ .placing_order_modal.wrapper.order_in_progress { position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .6); } .placing_order_modal.content.order_in_progress { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; min-width: 400px; background: 0 0 #fff; text-align: center; padding: 15px 20px 20px; border: 1px solid #888; } .placing_order_modal.content.order_in_progress p{font-size: 20px;} select::-ms-expand { display: none; } #content #checkout_shipping .shipping_methods{margin: 10px 0; } #content #checkout_shipping label {padding: 10px; font-size: 16px; } #checkout_shipping .no-available label {color: #aaa; } #checkout_shipping .no-available span {padding-left: 10px; font-size: 14px; color: #aa9; } #content #checkout_review .table-responsive {-webkit-box-shadow: none;box-shadow: none; } #content #financing .content {padding: 10px 15px; font-size: 15px; } #financing .content img {float:right; margin: 5px; } #financing .content .more_info {margin-bottom: 10px; } table.gridtable {font-size:14px; } table.gridtable th {padding: 8px; color:#fff; font-size:15px; font-weight: bold; background-color: #7eb09c; } table.gridtable td {padding: 8px; } #content table.gridtable .total {text-align: right; } #order_list {width: 90%; } #order_list table tr th {padding: 5px; font-size: 14px; } #order_list table tr td {padding: 5px; font-size: 14px; } #order_list table input {margin-right: 0; width: 100px; } .product_search {min-height: 300px; padding: 20px; } .product_search .result_count {line-height: 22px; padding: 10px 4px; font-size: 18px; } .product_search .pagination {padding: 10px; } body.checkout.index #content .section .input.password input, body.checkout.index #content .section .input.repassword input, body.checkout.index #content .section .input.text input, body.checkout.index #content .section .address_list select, body.checkout.index #content .section .input.select select { width: 100%; } body.checkout.index #content .section .input.city, body.checkout.index #content .section .input.state, body.checkout.index #content .section .input.zip { width: 33.333%; float: left; } body.checkout.index #content .section .input.state { padding: 0 2%; } body.checkout.index #content .section a { cursor: pointer; } body.checkout.index #content .section table tr.selected_lab { background-color: #7eb09c; } body.checkout.index #content .section textarea { width: 100%; padding: 1%; margin-right: 0;} body.checkout.index #content .section #dropin-container {margin-top:10px;} body.checkout.review #content .section #CheckoutCardNumber { width: 250px; } #content .counter { float: left; margin-top: 15px; margin-bottom: 0; } #content .pages { float: right; margin: 0; } #content .pages span { text-align: center; font-size: 13px; font-weight: 600; display: block; float: left; padding: 10px 0; min-width: 42px; border: 1px solid #DBDBDB; border-left: none; background: white;} #content .pages span.prev, #content .pages span.next { padding: 10px 20px;background: white; } #content .pages span.prev { border-left: 1px solid #dbdbdb; } #content .pages span.current { background: #7eb09c; color: #fff; } #content .pages span a { text-decoration: none; } #content .pages span a:hover { color: #7eb09c; } /* Elements */ #content .section:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } #content .product-list { margin: 0; padding: 0; list-style: none; margin-top: 56px;} #content .product-list li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin: 0 0 16px; padding-left: 15px; padding-bottom: 16px; position: relative; border-bottom: 2px solid #e1e1e1; } #content .product-list li .image { height: 240px; background: #fff; text-align: center; border-bottom: 1px solid #ccc; } #content .product-list li .image img { max-height: 160px; max-width: 100%; margin: 40px 0; } #content .product-list li .title { padding-right: 20px;} #content .product-list li .title h3{padding: 0 0 10px;} #content .product-list li .title h3 a { margin: 10px 0;font-weight: 700; text-decoration: none; color: #31569d;font-size: 22px; font-weight: 700; letter-spacing: -0.48px; padding-top: 16px; } #content .product-list li .title a:hover { color: #94b7a7; } #content .product-list li .title a{text-decoration: none;} #content .product-list li .title a i{ padding-left: 4px;} #content .product-list li .title .price { font-size: 18px; color: #00a651; font-weight: 600; } #content .product-list li .title .tags p{color: #333333; display: inline-block; padding: 0px 24px; font-size: 16px; font-weight: 400; line-height: 36px; letter-spacing: -0.32px; border-radius: 35px; background-color: #ebebeb; margin: 0;} #content .product-list li .title .tags p a{color:#333;} #content .product-list li .title .short_description{padding: 16px 24px 0;} #content .product-list li .title .short_description a{cursor: pointer;} #content .product-list li .title .short_description span.red{color: red;} #content .product-list li .title .short_description div{display: none;} #content .product-list li .add-to-cart-box{} #content .product-list li .add-to-cart-box button[type=submit] { color:white; padding: 9px 0; font-weight: 600; width: 176px; border-radius: 18px; background-color: #007ea2; font-size: 16px; font-weight: 500; letter-spacing: -0.32px;text-transform: capitalize; } #content .product-list li .add-to-cart-box button[type=submit].Quest{ background-color: #51b948; } #content .product-list li .add-to-cart-box button[type=submit].buy_kit{ background-color: #fcd344;} #content .product-list li .add-to-cart-box form:first-child button[type=submit]{margin-bottom: 8px;} #content .product-list li .add-to-cart-box button[type=submit].unavailable{ opacity: .45;} ul.product-list .product .title span.red {color: red;} #content .addon h4{ padding-top: 22px; color: #7eb09c; } #content .product-list.addon-product-list{margin-top:0;} #content .product-list.addon-product-list li{padding-left: 0;} /* Flash */ #content #flash_box { position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .6); } #content #flash_box #flash_content { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; min-width: 400px; background: 0 0 #fff; text-align: center; padding: 15px 20px 20px; border: 1px solid #888; } #content #flash_box #flash_content #close { font-weight: bold; background: 0 0 #000; border: 2px solid #e9e9e9; border-radius: 50%; color: #fff; display: inline-block; font-size: 23px; height: 30px; line-height: 27px; position: absolute; right: -15px; top: -15px; width: 30px; } #content #flash_box #flash_content #close:hover, #content #flash_box #flash_content #close:focus {color: red; text-decoration: none; cursor: pointer;} #content #flash_box #flash_content .red {color: red;} #content #flash_box #flash_content p{font-size: 20px;} #content #flash_box.product_added #continue_shopping{margin-right: 20px;} #content #flash_box.questionnaire #flash_content #answer {margin-bottom:15px;} #content #flash_box.questionnaire #flash_content #answer #answer_form {margin-bottom:15px; text-align:left;} #content #flash_box.questionnaire #flash_content #answer label {margin-left:10px;} #content #flash_box.questionnaire #flash_content #question ul {list-style: none; margin-top:15px; margin-left:0px;} #content #flash_box.questionnaire #flash_content #question li {text-align:left; padding-left:0px;} .categories.view #content .hero { background-size: cover; height: 300px; background-position: center center; } .categories.view #content .intro { background: #fff; border-bottom: 1px solid #ccc; margin-bottom: 25px; } .categories.view #content .sidebar h3{border-bottom: 2px solid #e1e1e1; margin-bottom: 20px; padding: 6px;} .categories.view #content .sidebar ul{margin:14px 0 0; } .categories.view #content .sidebar ul li{list-style:none; padding: 0; margin: 0;} .categories.view #content .main:before, .categories.index #content .main:before{content:""; display: block; position: absolute; width: 2px; height: 74%; background: #e1e1e1; margin-left: -29px; margin-top: 18px;} .categories.view #content .main .details:before{ } .categories.view #content .main .details .category_image{float: left;} .categories.view #content .main .details h1{color: #63a990; font-size: 24px; font-weight: 900; line-height: 20.5px; letter-spacing: -0.36px; display: inline-block; } .categories.view #content .main .details h2.subcategories, .categories.view #content .main .details .labs h2{color: #444444; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; margin: 32px 0 18px;} .categories.view #content .main .details .labs{margin: 0 5% 50px;} .categories.view #content .main .details .labs h2 {text-align: center;margin: 32px 0 10px;} .categories.view #content .main .details .labs p.header, .search #content .main .labs p.header{color: #444444; margin-bottom: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; text-align: center;} .categories.view #content .main .details .labs .laboptions, .search #content .main .labs .laboptions{text-align:center; margin-bottom: 19px;} .categories.view #content .main .details .labs .laboptions button, .search #content .main .labs .laboptions button{ text-shadow: 0 1px 0 #007ea2;color: #ffffff; border-color: #007fa5;font-size: 17px; font-weight: 700; line-height: 48px;width: 180px; padding: 0;-webkit-box-shadow: 0 2px 0 #005870;box-shadow: 0 2px 0 #005870; border-radius: 24px;background-color: #007ea2;} .categories.view #content .main .details .labs .laboptions button.Quest, .search #content .main .labs .laboptions button.Quest{ text-shadow: 0 1px 0 #51b948;color: #ffffff; border-color: #51b948;font-size: 17px; font-weight: 700; line-height: 48px;width: 180px; padding: 0;-webkit-box-shadow: 0 2px 0 #005870;box-shadow: 0 2px 0 #005870; border-radius: 24px;background-color: #51b948;} .categories.view #content .main .details .labs .laboptions button.Home, .search #content .main .labs .laboptions button.Home{ text-shadow: 0 1px 0 #fcd344;color: #ffffff; border-color: #fcd344;font-size: 17px; font-weight: 700; line-height: 48px;width: 180px; padding: 0;-webkit-box-shadow: 0 2px 0 #005870;box-shadow: 0 2px 0 #005870; border-radius: 24px;background-color: #fcd344;} .categories.view #content .main .details .labs .laboptions button.All, .search #content .main .labs .laboptions button.All{ text-shadow: 0 1px 0 #31569d;color: #ffffff; border-color: #31569d;font-size: 17px; font-weight: 700; line-height: 48px;width: 180px; padding: 0;-webkit-box-shadow: 0 2px 0 #005870;box-shadow: 0 2px 0 #005870; border-radius: 24px;background-color: #31569d;} .categories.view #content .main .details .labs .laboptions button#quest, .search #content .main .labs .laboptions button#quest{ -webkit-box-shadow: 0 2px 0 #3c8735; box-shadow: 0 2px 0 #3c8735; background-color: #51b948; border-color: #51b948; margin: 0 55px; } .categories.view #content .main .details .labs .laboptions button#home, .search #content .main .labs .laboptions button#home{ -webkit-box-shadow: 0 2px 0 #bf8519; box-shadow: 0 2px 0 #bf8519; background-color: #f1a720; border-color: #f1a720;} .categories.view #content .main .details .labs .red, .search #content .main .labs .red{margin: 0; color: #db282f;} .search #content h1{ text-align: center; padding: 35px 0 45px;} /*Pagination*/ .categories.view #content .main .pagn{ border-radius: 5px; background-color: #e1e1e1;} .categories.view #content .main .pagn .options { border-radius: 5px 5px 0 0; background-color: #32579c;} .categories.view #content .main .pagn .options ul{ margin:0 12px; padding: 2px 0;display: grid; grid-template-columns: repeat(27, 1fr);} .categories.view #content .main .pagn .options ul li { list-style-type: none; margin: 5px 0; padding: 0; text-align: center; } .categories.view #content .main .pagn .options ul li a { text-transform: uppercase; color: white; cursor: pointer; display: block; width: 100%; } .categories.view #content .main .pagn .options_select { padding: 14px 12px; } .categories.view #content .main .pagn .options_select select { margin: 0 19px 0 7px; border: 0; } .categories.view #content .main .pagn .options_select .current { float: right; margin: 0; line-height: 40px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .categories.view #content .main .pagn .options ul li{float: left; width:3.5%;} } /*Categories Index START*/ .categories.index{} .categories.index ul#children{} .categories.index #content .trustlogos{text-align: center;} .categories.index #content .trustlogos img {padding: 0 30px 20px; max-height: 100px;} .categories.index #content .main .details h1{color: #63a990; font-size: 24px; font-weight: 900; line-height: 20.5px; letter-spacing: -0.36px; display: inline-block; } .categories.index #content .main .details .subcategories{color: #444444; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; margin: 32px 0 18px;} .categories #content .main .details ul#children{list-style:none; margin: 0 0 50px;; padding: 0;display: grid; -ms-grid-rows: auto; grid-template: auto / repeat(4, 1fr);grid-gap: 10px 17px;} .categories #content .main .details ul#children li{margin-bottom: 0; padding: 0;text-align: center; } .categories #content .main .details ul#children li a{ border: 1px solid #294a87; background-color: #32579c; color: white; text-decoration: none; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;height: 62px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .categories #content .main .details ul#children:after, .categories.view #content .main .pagn .options ul:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .categories #content .main .details ul#children li{float: left; margin: 0 15px 20px 0;} } .index #content .main .secure{margin: 48px 0 26px; text-align:center;} .index #content .main .secure p{color: #372d37; font-size: 18px; font-weight: 300; letter-spacing: 0.45px;border-bottom: 1px solid #e1e1e1; display:inline-block; padding: 0 15px 5px;} .index #content .main .secure div{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px;} .index #content .main .secure img{margin: 0 5%;} .index #content .main .secure img:first-child{margin: 0 1%;} .index #content .main .secure button{background-color: #fbb018; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffca5b), color-stop(#fec44d), color-stop(#fdbd3e), color-stop(#fcb72d), to(#fbb018)); background-image: -o-linear-gradient(top, #ffca5b, #fec44d, #fdbd3e, #fcb72d, #fbb018); background-image: linear-gradient(to bottom, #ffca5b, #fec44d, #fdbd3e, #fcb72d, #fbb018); color: white;font-size: 17px; padding: 7px 25px; border-color: #d3a03f;margin-top:22px;} /*Categories Index END*/ .products.search .note-msg{border: 1px solid #fcd344; background-position: 10px 9px; background-repeat: no-repeat; min-height: 24px; padding: 8px 5px; font-weight: 700; background-color: #fcd344;color: #000; margin: 30px 0; display: flex; align-items: center;} .products.search .note-msg i{font-size: 30px; padding-right: 10px; } .products.search #content .main .pagn{ border-radius: 5px; background-color: #e1e1e1;margin-top:15px;} .products.search #content .main .pagn .options { border-radius: 5px 5px 0 0; background-color: #32579c;} .products.search #content .main .pagn .options ul{ margin:0 12px; padding: 2px 0;display: grid; grid-template-columns: repeat(27, 1fr);} .products.search #content .main .pagn .options ul li { list-style-type: none; margin: 5px 0; padding: 0; text-align: center; } .products.search #content .main .pagn .options ul li a { text-transform: uppercase; color: white; cursor: pointer; display: block; width: 100%; } .products.search #content .main .pagn .options_select { padding: 14px 12px; } .products.search #content .main .pagn .options_select select { margin: 0 19px 0 7px; border: 0; } .products.search #content .main .pagn .options_select .current { float: right; margin: 0; line-height: 40px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .products.search #content .main .pagn .options ul li{float: left; width:3.5%;} } .view #content .main .secure{margin: 48px 0 26px; text-align:center;} .view #content .main .secure p{color: #372d37; font-size: 18px; font-weight: 300; letter-spacing: 0.45px;border-bottom: 1px solid #e1e1e1; display:inline-block; padding: 0 15px 5px;} .view #content .main .secure div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 101px; margin-bottom: 22px;} .view #content .main .secure img{margin: 0 5%;} .view #content .main .secure img:first-child{margin: 0 1%;} .view #content .main .secure button{background-color: #fbb018; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffca5b), color-stop(#fec44d), color-stop(#fdbd3e), color-stop(#fcb72d), to(#fbb018)); background-image: -o-linear-gradient(top, #ffca5b, #fec44d, #fdbd3e, #fcb72d, #fbb018); background-image: linear-gradient(to bottom, #ffca5b, #fec44d, #fdbd3e, #fcb72d, #fbb018); color: white;font-size: 17px; padding: 7px 25px; border-color: #d3a03f;margin-top:22px; border-radius: 5px;} .products.view #content .main{ width: 100%; float: none;} .products.view #content .main h1{ color: #63a990; font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.48px;} .products.view #content .main .addthis_inline_share_toolbox{padding-bottom: 23px;} .products.view #content .main .addthis_inline_share_toolbox span.at-label {font-size: 16px!important;} .products.view #content .main .addthis_inline_share_toolbox .at-svc-email{background-color: #595959!important;} .products.view #content .main .addthis_inline_share_toolbox .at-svc-print{background-color: #495A5A!important;} .products.view #content .main span.red{color:red;} .products.view #content .main .lab_options { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: auto auto; grid-column-gap: 40px; margin: 30px 0; } .products.view #content .main .lab_options .mobileTabs { display: none; list-style: none; margin: 0; border: 0; border-bottom: 2px solid #e1e0e1; background: none; border-radius: unset; } .products.view #content .main .lab_options .mobileTabs li:first-child{border-right: 2px solid #e1e0e1; border-color: #50b948;margin-right: .3%;} .products.view #content .main .lab_options .mobileTabs li:first-child a{color: #50b948;} .products.view #content .main .lab_options .mobileTabs li{margin: 0; padding:0;width:49.85%; background: #fff; border-color: #007ea1;} .products.view #content .main .lab_options .mobileTabs li a{color: #007ea1; text-decoration: none; line-height: 32px; width: 100%; } .products.view #content .main .lab_options .mobileTabs li a:focus{outline: none;} .products.view #content .main .lab_options .mobileTabs li.ui-tabs-active{background: #007ea1;} .products.view #content .main .lab_options .mobileTabs li.ui-tabs-active a{color:white;} .products.view #content .main .lab_options .mobileTabs li.ui-tabs-active:first-child{background: #50b948} .products.view #content .main .lab_options .option { border: 3px solid #007ea1; padding: 43px 15px 17px; position: relative; } .products.view #content .main .lab_options .option#tab-quest { border-color: #51b948;-ms-grid-column:3;} .products.view #content .main .lab_options .options#tab-labcorp{-ms-grid-column:1;} .products.view #content .main .lab_options .option:before { content: "LabCorp"; color: white; background: #007ea1; width: 100%; left: 0; top: 0; padding: 4px 23px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } .products.view #content .main .lab_options .option#tab-quest:before{ content: "Quest"; background: #51b948; } .products.view #content .main .lab_options .option#tab-kit:before{ content: attr(data-title); } .products.view #content .main .lab_options .option .button_con { display: -ms-grid; display: grid; grid-gap: 14px; -ms-grid-rows: 58px 44px; -ms-grid-columns: 50.453172205438065% 14px 43%; grid-template: 44px / 50.453172205438065% auto;margin-bottom: 15px; } .products.view #content .main .lab_options .option .button_con .tags { -ms-grid-column-span: 2; grid-column: span 2; text-align: center; } .products.view #content .main .lab_options .option .button_con button, .products.view #content .main .lab_options .option .button_con a.sample { border-radius: 18px; border: 0; color: #5e5e5e; background-color: #ebebeb; font-weight: 700; letter-spacing: -0.32px; font-weight: 500; padding: 13px 0; width: 100%; text-align: center; text-decoration: none;} .products.view #content .main .lab_options .option .button_con a.sample{-ms-grid-column:3; -ms-grid-row:1; display: block; height:44px; line-height: 1;} .products.view #content .main .lab_options .option .button_con button.LabCorp { background-color: #007ea2; color: white; } .products.view #content .main .lab_options .option .button_con button.Quest { background-color: #51b948; color: white; } .products.view #content .main .lab_options .option .button_con .tags p { border-radius: 17px; background-color: #ebebeb; display: inline-block; padding: 5px 24px; margin-bottom: 0;} .products.view #content .main .lab_options .option .label { font-weight: 700; color: #31569d; } .products.view #content .main .lab_options .option .button_con .add_to{-ms-grid-column:1; -ms-grid-row:2; } #WishlistAddToWishlistForm input[type=submit] {width: auto; margin-bottom: 17px; text-transform: capitalize; padding: 11px 15.5px 11px; border: none; font-size: 15px; font-size: 1.5rem; line-height: 1; color: #FFF; background-color: #e8980f; background: -o-linear-gradient(#f9b73a, #e8980f); background: -webkit-gradient(linear, left top, left bottom, from(#f9b73a), to(#e8980f)); background: linear-gradient(#f9b73a, #e8980f); border-radius: 14px; -webkit-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; text-shadow: #515151 1px 1px; } #WishlistAddToWishlistForm input[type=submit]:hover{} .products.view #content .details { background: #fff; padding: 0 0 25px 0; } .products.view #content .details hr{border-top: 3px solid #e1e1e1; margin: 15px 24px;} .products.view #content .details ul { list-style: none;} .products.view #content .details ul li::before { content: "\2022"; color: #31569d; font-weight: bold; display: inline-block; width: 1em; margin-left: -24px;} .products.view #content .related { background: #fff; padding: 60px 0; } .products.view #content .related h3 { margin: 0 0 20px; padding: 0; color: #63a990; font-size: 24px; font-weight: 600; line-height: 36px; } .products.view #content .related h3 span{ color: #444444; font-weight: 400; letter-spacing: -0.48px;} .products.view #content .related h3 span:before{content:"|"; display:inline-block; color: #e1e1e1; } .products.view #content .related ul.related-product-list{ margin-top: 0; list-style:none; margin:0; display: -ms-grid; display: grid; -ms-grid-columns: auto 40px auto; grid-template-columns: repeat(2, auto); grid-column-gap: 40px; } .products.view #content .related ul.related-product-list li.product {width: auto; border:0; } .products.view #content h2 {color: #31569d;font-size: 24px;font-size: 2.4rem;padding-bottom: 15px;font-weight: 700;} .orders.view{} .orders.view .section table tr td:first-child, .checkout.complete .section table tr td:first-child{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .orders.view .section table tr:nth-last-child(-n+3) td:first-child, .checkout.complete .section table tr:nth-last-child(-n+3) td:first-child{display: table-cell;} .orders.index #FilterIndexForm table tr td:nth-last-child(3){text-align: right;} /* Pages */ .cancellation-policy #content a.button, .customize-your-panel #content a.button{ float: right; margin-top: -69px;} .pages.contact{} .pages.contact #content .cols{display: -ms-grid;display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; } .pages.contact #content .cols .col.one{-ms-grid-column:1;} .pages.contact #content .cols .col.two{-ms-grid-column:2;} .pages.contact #content .cols .col.three{-ms-grid-column:3;} .pages.contact #content .cols ul{list-style: none;margin:0;max-width: 262px;} .pages.contact #content .cols ul li{display: flex;justify-content: space-between;align-items: center;padding: 0;} .pages.contact #content .cols ul li span:first-child{font-weight: bold;} .pages.contact #content .cols .col.one a{white-space: nowrap;} .pages.contact #content .cols .textarea textarea{min-height: 73px; } .users.login #content { text-align: center; } .users.login #content .login { padding: 30px 0; width: 93%; margin: 0 auto; max-width: 1060px; -webkit-box-sizing: border-box; box-sizing: border-box; } .users.login #content .login h2 { font-size: 17px; font-size: 1.7rem; padding: 0px 0 5px; font-weight: bold; margin: 0 0 30px; border-bottom: 1px solid #e9e9e9; } .users.login #content .login .create_login a { margin-bottom: 30px; min-width: 350px;} .users.login #content .login #UserLoginForm{margin-top: 10px;} .users.login #content .submit { margin-bottom: 15px; } .users.login #content .input input, .users.login #content .submit input { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 100%; max-width: none; } .users.login #content .terms, .users.login #content .forgot { font-size: 11px; margin-bottom: 5px; } .users.login #content .forgot { font-size: 14px; } .users #content form .toggle-password { float: right; margin-right: 10px; margin-top: -41px; position: relative; z-index: 2; } .users.create_account #content h2.red { color: #f71701; font-size: 18px; } .users.create_account #content .input input, .users.create_account #content .input select, .users.create_account #content .input textarea { width: 100%; } .users.create_account #content .input.date select { width: auto; margin: 0; } .users.create_account #content .input.select select {height: 36px} .users.create_account #content .user_info,.users.create_account #content .address_info{ border: 1px solid #ccc; background: #e1e1e1; padding: 10px 20px; margin-bottom: 25px;} .users.payment_info #content .main .content .braintree-show-methods .braintree-toggle {display:none;} .braintree-sheet__content--form .braintree-form__flexible-fields { display:block !important; } .users.forgot #content form, .users.reset_password #content form{margin:0 auto; max-width: 370px;} .users.reset_password #content {text-align: center;} .users.reset_password #content form .input{text-align: left;} /*CLR*/ .users.clr{} .users.clr #content table th .input input{width: 65px; margin:0;} .users.clr #FilterClrForm { display: flex; flex-wrap: wrap; margin: 23px 0; align-items: center; } .users.clr #FilterClrForm > *{margin-right: 15px;} .users.clr #FilterClrForm .select{max-width: 148px;} .users.clr #FilterClrForm .input.text{max-width: 420px;} .users.clr #FilterClrForm .submit input { padding: 11px 9px; width: 130px; } .users.clr #content #FilterClrForm .select label{} .users.clr #content .clrs.index table tr td.actions a img{margin:0; max-width: 45px;} .users.clr #content .clrs.index table tr td.actions:nth-child(3) a.button { margin-right: 15px; } .users.clr #content .clrs.index table tr td.actions:nth-child(3) a.button:nth-child(n+3){margin-top: 15px} .users.clr #content .clrs.index table tr td.actions:nth-child(4) a.button { margin-right: 15px; } .users.clr #content .clrs.index table tr td.actions:nth-child(4) a.button:nth-child(n+2){margin-top: 15px} body.users.wishlist td.product .product_link { text-decoration: none; font-weight: bold; margin-bottom: 10px; display: block; } body.users.wishlist td.product .description { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 163px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-bottom: 20px; } body.users.wishlist #content td{vertical-align: top;} body.users.wishlist #content td.product .input textarea { height: auto; } body.users.wishlist #content td:first-child{width: 50px;} body.users.wishlist #content td:last-child{text-align: center;} body.users.wishlist #content td img{margin: 0; } body.users.wishlist input.remove_from_wishlist { background: none; color: #36559d; font-size: 33px; padding: 0; } body.users.wishlist .button_container{ text-align: right; padding-top: 16px;} body.users.wishlist .button_container > div{display: inline-block;} .users.my_rewards #ReferFriendMyRewardsForm {max-width: 500px} .users.my_rewards #ReferFriendMyRewardsForm > * {max-width: 80%} .users.my_rewards #ReferFriendMyRewardsForm .input.text{position: relative;} .users.my_rewards #ReferFriendMyRewardsForm .input input.button{padding: 0;} .users.my_rewards #ReferFriendMyRewardsForm .input input.remove_email.red { color: red; position: absolute; right: -80px; top: 0; width: auto; text-shadow: none; background: none; text-align: left; text-transform: capitalize; padding: 0; } .users.my_rewards #ReferFriendMyRewardsForm .input.textarea textarea{min-height: 102px} .users.edit #content .main .birthday label {display:block;} .users.edit #content .main .birthday select {width:150px; margin-left:10px;} .users.edit #content .main .birthday select:first-of-type {width:150px; margin-left:0px;} .addresses.map #content .search { text-align: center; background: #fff; padding: 15px 0; } .addresses.map #content .search p { display: inline-block; margin: 0 5px; } .addresses.map #content .search div.input { display: inline-block; margin: 0 5px; } .addresses.map #content .search div.input input { margin: 0; } .addresses.map #content .search div.submit { display: inline-block; } .carts.index #content .main{ width: 100%; } .carts.index #content .main #CartIndexForm .input { padding: 0; margin: 0; } .carts.index #content .main #CartIndexForm .qty { margin: 0; padding: 5px; text-align: right; width: 65px; } .carts.index #content .main #CartIndexForm .grandTotal { font-size: 28px; font-weight: bold; } .carts.index #content .main #CartIndexForm .continue { text-align: right; } .carts.index #content .main #CartIndexForm .submit { display: inline-block; margin-right: 8px; } .carts.index #content .main #CartIndexForm .submit input { background: #979797; } .carts.index #content .main #CartIndexForm table tr td, .carts.index #content .main #CartIndexForm table tr th {padding: 4px 14px;} .carts.index #content .main #CartIndexForm table tr th{text-transform: uppercase;} .carts.index #content .main #CartIndexForm table tbody td:nth-of-type(2) a:first-child { padding-bottom: 9px; display: block; } .carts.index #content .main #CartIndexForm tr td:last-child,.carts.index #content .main #CartIndexForm tr th:last-child{text-align: right;} .carts.index #content .main #CartIndexForm tr td:first-child{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; } .carts.index #content .main #CartIndexForm table tfoot td{padding: 15px;} .carts.index #content .main button{background:#e8980f;} .carts.index #content .main .grid{display: -ms-grid;display: grid; -ms-grid-columns:2fr 30px 1fr; grid-template-columns:2fr 1fr; grid-column-gap: 30px; margin:30px auto; grid-row-gap: 30px; } .carts.index #content .main .grid .col{-ms-grid-column:3;} .carts.index #content .main .grid .col:first-child{-ms-grid-column:1;} .carts.index #content .main .grid .row1{ margin-bottom: 30px;} .carts.index #content .main .grid .discount{border: 1px solid #e9e9e9; padding: 11px 13px; background: #e1e1e1;} .carts.index #content .main .grid .discount h2{margin:0; padding-top: 0;line-height: 1; font-size: 23px; font-size: 2.3rem;} .carts.index #content .main .grid .discount label { border-bottom: 1px solid #e9e9e9; color: #000; font-size: 15px; margin-bottom: 10px; padding: 0 0 7px; text-transform: uppercase; display: block; font-weight: bold; } .carts.index #content .main .grid .discount .input-box{margin: 10px 0;} .carts.index #content .main .grid .cyptxt{text-align: center; font-size: 14px; line-height: 1.6;} .carts.index #content .main .grid .cyptxt span{color: red; } .carts.index #content .main .grid .cyptable table{font-size:13px;} .carts.index #content .main .grid .cyptable table tr td, .carts.index #content .main .grid .cyptable table tr th{padding: 5px 14px;} .carts.index #content .main .grid .cyp div img{display: block; margin:3px auto;} .carts.index #content table td .price{text-align: right; display: block;} .carts.index #content .main .grid .totals ul{ list-style-type: none; text-align: right; margin-top: 10px;} .carts.index #content .main .next_cyp { font-size: 16px; font-weight: bold; color: red; } .pages.help-contents #content ul.green-blocks{margin:0; display: flex; flex-flow: wrap;} .pages.help-contents #content ul.green-blocks li {width: 24%; height: 62px; margin: 0 1% 15px 0;} .pages.faq #content .questions { margin-bottom: 25px; } .pages.faq #content .questions .question .text { cursor: pointer; color: #7eb09c; } .pages.faq #content .questions .question .text p { margin-bottom: 8px;} .pages.faq #content .questions .question .answer { display: none; } ul.green-blocks{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:15px 0 20px;list-style:none} ul.green-blocks li{background:#63a990;width:200px;height:62px;margin:0 15px 15px 0;float:left} ul.green-blocks li a{color:#fff;font-weight:700;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-size:12px!important; text-decoration: none;} ul.green-blocks li a:hover{color:#fff!important} .pages.loyalty-program{} .pages.loyalty-program #content .banner { margin-bottom: 40px; text-align: center; } .pages.loyalty-program #content .banner img{margin: 0 auto; } .pages.loyalty-program #content .cols { max-width: 1000px; margin: 0 auto; } .pages.loyalty-program #content .col .faq:first-child { margin-bottom: 30px; border-bottom: 2px solid #ccc; padding-bottom: 15px; } .pages.loyalty-program #content .col .faq{margin-bottom: 36px} .pages.loyalty-program #content .col .faq h3 { } .pages.loyalty-program #content .col .highlight { border: 2px solid #ccc; text-align: center; padding: 15px 30px 30px; } .pages.loyalty-program #content .col .highlight p { font-size: 18px; text-transform: uppercase; color: #31569d; font-weight: bold; } .pages.loyalty-program #content table tr td, .pages.loyalty-program #content table tr th{text-align: center;} .pages.loyalty-program #content .col.right { width: 45%; float: right; border: 2px solid #ccc; } .pages.loyalty-program #content .col.right h2{font-size: 28px; text-align: center; text-transform: uppercase; color: #31569d; font-weight: bold; } .pages.loyalty-program #content .col.right > p { text-align: center; max-width: 80%; margin: 0 auto 23px; } .pages.loyalty-program #content .col.right ul { list-style: none; margin: 0 5%; } .pages.loyalty-program #content .col.right ul li { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .pages.loyalty-program #content .col.right ul li .small{font-size: 10px; display: block;} .pages.loyalty-program #content .col.right ul li .points { border: 2px solid #31569d; border-radius: 30px; padding: 7px 9px 12px; text-align: center; background: #2c73b724; } .pages.loyalty-program #content .col.right ul li .points em{font-size: 10px; display: block; font-style: normal; font-weight: 600;} body.home #topImages { } body.home #topImages a img{ margin: 0; } body.home #topImages img.mobile{display: none;} body.home #splash{margin:0 0 20px ; border-top: 10px solid #31569d;} body.home #splash div.col .title a{ vertical-align:top; color: #444444; font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.4px; max-width: 165px; text-decoration: none; padding-left: 30px;} body.home #splash div.col#one .title a {max-width: 175px;} body.home #splash div.lower ul{float:left} body.home #splash{color:#444;padding: 0; background-size:cover; margin-bottom: 20px; } body.home #splash h1{text-align:center;font-size:30px;font-weight:700;line-height:1;padding:40px 12px 44px} body.home #splash div.col{float:left;width:33%;text-align:center} body.home #splash div.col .title { font-size: 18px; font-weight: 700; line-height: 18px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.home #splash div.col span{ text-shadow:0 2px 0 #cfcdcd; font-weight:700; color:#f3d249; font-size:72px; line-height: 52px; } body.home #splash div.col img { margin: 14px 0 0; } body.home #splash div.col ul { list-style-position: inside; text-align: left; max-width: 360px; margin: 50px auto 0; font-size: 17px; font-weight: bold; } body.home #splash div.col a{display: block;} body.home #splash div.col button{margin: 57px auto; border:0; color:#fff; font-size:26px; font-weight:700; letter-spacing:2px; padding: 23px 39px; line-height:27px; text-transform:uppercase} body.home #pricing { border-radius: 5px 5px 0 0; display: -ms-grid; display: grid; -ms-grid-columns: auto 20px auto 20px auto; grid-template-columns: repeat(3, auto); grid-column-gap: 20px; margin: 25px 0; } body.home #pricing .top{ border-radius: 5px 5px 0 0; border: 1px solid #e1e1e1; background-color: #32579c; background-image:-webkit-gradient(linear, left bottom, left top, from(rgb(39, 67, 120)), to(#31569d)); background-image:-o-linear-gradient(bottom, rgb(39, 67, 120) 0%, #31569d 100%); background-image:linear-gradient(to top, rgb(39, 67, 120) 0%, #31569d 100%); margin: -1px -32px 0; padding: 3px 30px;color: #f3d34a; font-size: 30px; font-weight: 700; line-height: 41px; letter-spacing: 0.15px;} body.home #pricing .range{ border: 1px solid #b1b0ae; border: 1px solid #e1e1e1; background-color: #fefefe; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(215, 215, 215, 0.8)), to(rgba(255, 255, 255, 0.8))); background-image: -o-linear-gradient(bottom, rgba(215, 215, 215, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); background-image: linear-gradient(to top, rgba(215, 215, 215, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); padding: 0 30px;} body.home #pricing ul {margin: 14px 11px 20px; list-style:none; color: #444444;} body.home #pricing li::before { content: "\2022"; color: #2d4e8c; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } body.home #popular{ -webkit-box-shadow: 3px 4px 3px #e6e6e6; box-shadow: 3px 4px 3px #e6e6e6; margin: 18px 0 27px; padding: 16px 24px 0;} body.home #popular h2{ color: #32579c; font-size: 19px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.27px; border-bottom: 1px solid #d7d7d7; padding-bottom: 12px; margin-bottom: 24px;} body.home #popular .grid{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 30px; -ms-grid-column:1;} body.home #popular .grid .test:nth-child(2){-ms-grid-column:3;} body.home #popular .grid .test:nth-child(3){-ms-grid-column:5;} body.home #popular .grid .test:last-child{-ms-grid-column:7;} body.home #popular img{ float: left; margin: 0 15px 22px 0; height: 49px;} body.home #popular p{color: #252525; font-size: 14px; font-weight: 700; margin:0 } body.home #popular p.price{color: #db282f; font-size: 16px; margin-bottom: 16px } body.home #review h3{color:black; font-weight: 300;text-align: center;padding: 25px 0 0;} body.home #review p{font-size: 15px; text-align: center;} body.home #review .trustlogos{text-align: center;} body.home #review .trustlogos img {padding: 0 30px 20px; max-height: 60px;} body.home #triCTAs{display: -ms-grid;display: grid; -ms-grid-columns: 1fr 33px 1fr 33px 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 33px;} body.home #triCTAs img{ margin: 0; } body.home #triCTAs a{display: block;} body.home #triCTAs a:nth-child(2){-ms-grid-column:3;} body.home #triCTAs a:nth-child(3){-ms-grid-column:5;} body.home #triCTAs a:nth-child(2) img{display: block; margin:0 auto; } body.home #triCTAs a:last-child img{ float:right; } body.home #copy h3{} body.home #copy { padding: 105px 3.8% 97px} body.home #copy .row {padding-bottom:40px;margin:0; display: -ms-grid; display: grid;} body.home #copy .row.one{-ms-grid-columns: auto 36.5%;grid-template-columns: auto 36.5%; padding-bottom: 67px } body.home #copy .row.one .image{-ms-grid-column:2;} body.home #copy .row.two{-ms-grid-columns: 30.63% auto;grid-template-columns: 30.63% auto; } body.home #copy .row.one img{ margin-top:22px; -ms-grid-column:2; } body.home #copy .row.two img{margin:0;} body.home #copy .row.two .text{-ms-grid-column:2;} body.home #copy .row .text h3{ font-weight:700; color: #32579c; line-height: 32px; letter-spacing: -0.96px;} body.home #copy .row.know .text h3{color:#f27971} body.cms-home .copy.text-wrapper .image img{display:block;margin:0 auto} body.home #copy .row.two h3{color: #f17970; } body.home #copy strong, body.home #copy strong a{color: #63a990; text-decoration: none; } body.home .grey_bg{ background: #f8f8f8; margin-bottom: -50px;padding-top: 60px;} body.home #bottom_copy{display:-ms-grid;display:grid; -ms-grid-columns: 1fr 11% 1fr 11% 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 11%; text-align:center; margin-bottom: 30px;} body.home #bottom_copy img{margin: 0; } body.home #bottom_copy .col.two{-ms-grid-column:3;} body.home #bottom_copy .col.three{-ms-grid-column:5;} body.home #bottom_copy .col h4{font-size: 24px; line-height:1; padding: 26px 0; color: #444444; font-weight: 700; letter-spacing: -0.43px;} body.home #bottom_copy .col p {font-size: 14px;} body.home #bottom_copy .col.one img, body.home #bottom_copy .col.three img{max-width: 173px;} body.home #bottom_copy .col.two{margin:-22px 0 4px;} body.home #top_banner {display:-ms-grid;display:grid; -ms-grid-columns: 1fr 2% 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 2%; text-align:center; margin: 0 0 5px 0; width: 100%; } body.home #top_banner .two{-ms-grid-column:3;} body.home #top_banner img { margin:0 !important; width:100% !important; height:auto !important; } body.home #top_banner .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:0; } /*body.home #top_banner .video-container iframe, body.home #top_banner .video-container object, body.home #top_banner .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body.home #top_banner .video-container {padding-bottom: 91%;} } #content .related .product-list .product { width: 23%; } /* Form fields, general styles first */ button, input, textarea, select { background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1.6rem; border: 1px solid #ccc; font-family: inherit; padding: 8px; padding: 0.8428571428571429rem; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Buttons */ .button, .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; -webkit-appearance: none; text-decoration: none; text-transform: uppercase; padding: 15px 21.5px 14px; border: none; font-size: 15px; font-size: 1.5rem; line-height: 1; color: #FFF; background-color: #63a990; background: -o-linear-gradient(#7ed4b7, #63a990); background: -webkit-gradient(linear, left top, left bottom, from(#7ed4b7), to(#63a990)); background: linear-gradient(#7ed4b7, #63a990); border-radius: 5px; -webkit-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; text-shadow: #515151 1px 1px; letter-spacing: .5px;} .button, .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } .button:hover, .menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { color: #fafafa; background-color: #32579c; background: -o-linear-gradient(#32579c, #294270); background: -webkit-gradient(linear, left top, left bottom, from(#32579c), to(#294270)); background: linear-gradient(#32579c, #294270); } .button:active, .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { } button.yellow, .button.yellow {text-shadow: #515151 1px 1px; background: #e8980f; background: -o-linear-gradient(#f9b73a, #e8980f); background: -webkit-gradient(linear, left top, left bottom, from(#f9b73a), to(#e8980f)); background: linear-gradient(#f9b73a, #e8980f); -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5); color: #fff; } /** Notices and Errors **/ .message { clear: both; color: #fff; font-size: 100%; font-weight: bold; padding: 5px; } .success, .message, .cake-error, .cake-debug, .notice, p.error, .error-message { background: #ffcc00; padding: 7px 14px; color: #404040; } .success, .message, .cake-error, p.error, .error-message { clear: both; color: #fff; background: #1f99d5; border: none; text-shadow: none; line-height: 1; font-weight: 400; text-align: center; padding: 10px 10px 12px 10px; } p.error { font-size: 120%; padding: 0.8em; margin: 1em 0; } p.error em { font-weight: normal; line-height: 140%; } .notice { color: #000; display: block; font-size: 120%; padding: 0.8em; margin: 1em 0; } .success { color: #fff; } .modal { position: fixed; height: 100%; width: 100%; z-index: 99999; top: 0; left: 0; } .modal:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .modal .background { height: 100%; width: 100%; background: rgba(0,0,0,.7); } .modal .background .content { text-align: center; margin: 0 auto; position: relative; top: 15%; background: #fff; width: 450px; padding: 50px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); } .modal .background .content #close { color: #838383; padding-top: 20px; display: block; text-transform: lowercase; font-size: 15px; font-size: 1.5rem; cursor: pointer; } .modal .background .content #close { background: url('../img/modal.close.png') center center no-repeat; position: absolute; top: 0; right: 10px; text-indent: -9999em; display: block; width: 30px; height: 30px; padding-top: 0; top: -15px; right: -15px; } /*.modal#signup .background .content img { width: 67%; } .modal#signup .background .content h2 { font-size: 45px; font-size: 4.5rem; margin: 35px 0 25px; font-weight: 300; } .modal#signup .background .content p { font-size: 14px; font-size: 1.4rem; margin: 0 0 20px; font-family: 'source-sans-pro', sans-serif; } .modal#signup .background .content .input { margin-bottom: 15px; } .modal#signup .background .content .input input { width: 100%; background: #fff; padding: 3.5%; } .modal#signup .background .content .submit input { width: 100%; padding: 3.5%; color: #fff; background-color: #4cc02f; border-radius: 0; font-size: 19px; font-size: 1.9rem; } .modal#signup .background .content .submit input:hover { background-color: #3ba420; } */ .loading { display: none; } .ajax_loading { position: relative; } .ajax_loading input { background-color: #ccc !important; } .ajax_loading .loading { display: block; position: absolute; left: 0; top: 0px; margin: 0; } .ajax_loading .loading img { margin: 5px 10px; } #contact_form .section .input.text input { width: 100%; } #contact_form .section textarea { display: block; } body.locator #content a { cursor: pointer; } body.locator #content table tr.selected_lab { background-color: #7eb09c; } #locatorForm { padding: 20px; background-color: #e1e1e1; display: -ms-grid; display: grid; -ms-grid-rows: auto; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 106px; grid-template: auto / 1fr 1fr 1fr 106px; grid-gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #locatorForm fieldset{-ms-grid-column-span: 4;grid-column-start: span 4; } #locatorForm .input{-ms-grid-row:2;} #locatorForm .input.text:nth-child(4){-ms-grid-column:3;} #locatorForm .input.select{-ms-grid-column:5;} #locatorForm .submit{-ms-grid-column:7;-ms-grid-row:2;} #locatorForm legend { font-size: 22px; font-size: 2.2rem; font-weight:bold; margin:0 0 10px; } #locatorForm div { position:relative; float:left; } #locatorForm .input label { min-width: 0; } #locatorForm:after { content: ''; display: block; clear: both; } .site_notice { text-align:center; font-size:20px; font-weight:bold; color: #e26703; padding: 0px 0 8px !important; } #topImages p { margin-bottom:5px; } /*Address Book*/ .users.addresses .content .button.add_new{float: right; margin: -50px 0 30px;} /*Giftcards*/ .giftcards #design_list{list-style: none; display: flex; flex-wrap: wrap; margin: 0;} .giftcards #design_list li { margin: 0; padding: 0; max-width: 222px; margin: 0 15px 15px 0; } .giftcards #design_list li button{border:0; padding:0;} .giftcards #design_list li button img{width: 100%;margin:0;} .giftcards #design_list li button.selected img { border: solid #31569d; border-radius: 8px; } .giftcards #design_list li button:focus{outline: none;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .products.view #content .related ul.related-product-list {display: flex; flex-wrap: wrap;} .products.view #content .related ul.related-product-list li.product{width: 50%;} } .users.gift_cards .card {max-width: 500px; padding: 35px 15px;margin-bottom: 25px;} .users.gift_cards .card:first-child{border-top:0; margin-top:0;} .users.gift_cards .card div { display: flex; justify-content: space-between; align-items: center; min-height: 38px; border-bottom: 1px dotted; text-align: right; } .users.gift_cards .card div:last-child{border-bottom: 0;} .users.gift_cards .card div span{font-weight: bold;} .users.gift_cards .card.has_balance{border: 2px solid #63a990;} /*LOGIN MODAL*/ .loginModal { display: none; position: fixed; z-index: 1; padding-top: 40px; left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } .modal-content { background-color: #fefefe; margin: auto; padding: 15px; border: 1px solid #888; width: 80%; max-width: 751px; } .close { color: #aaaaaa; position: absolute; right: 12px; top: 0; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } #LoginModal.loginModal #contentModal { text-align: center; position: relative; } #LoginModal.loginModal #contentModal h3 { text-transform: uppercase; color: #31569d; font-size: 24px; font-size: 2.4rem; padding-bottom: 15px; font-weight: 700; } #LoginModal.loginModal #contentModal .cols.two .col{ float: left; -webkit-box-sizing: border-box; box-sizing: border-box;} #LoginModal.loginModal #contentModal .cols.two .col.two{float: right; max-width: 344px; padding: 0 0 0 1.5%;} #LoginModal.loginModal #contentModal .cols.two .col.one{width: calc(100% - 344px); padding: 0 1.5% 0 0;} #LoginModal.loginModal #contentModal .login { padding: 0; width: 100%; margin: 0 auto; max-width: 1060px; -webkit-box-sizing: border-box; box-sizing: border-box; } #LoginModal.loginModal #contentModal .login h2 { font-size: 17px; font-size: 1.7rem; padding: 0px 0 5px; font-weight: bold; margin: 0 0 30px; border-bottom: 1px solid #e9e9e9; } #LoginModal.loginModal #contentModal .login .create_login a { margin-bottom: 30px; width: 100%; } #LoginModal.loginModal #contentModal .login #UserLoginForm{margin-top: 10px;} #LoginModal.loginModal #contentModal .submit { margin-bottom: 15px; } #LoginModal.loginModal #contentModal .input input, .loginModal #contentModal .submit input { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; width: 100%; max-width: none; } #LoginModal.loginModal #contentModal .terms, #LoginModal.loginModal #contentModal .forgot { font-size: 11px; margin-bottom: 5px; } #LoginModal.loginModal #contentModal .forgot { font-size: 14px; } #LoginModal.loginModal #contentModal form .toggle-password { float: right; margin-right: 10px; margin-top: -41px; position: relative; z-index: 2; } #LoginModal.loginModal #contentModal .login #UserLoginForm {margin-top: 10px;} #LoginModal.loginModal #contentModal .title { font-size: 25px; font-size: 2.5rem; padding: 15px 0 25px; font-weight: bold; text-transform: uppercase; clear: both; color: #63a990; } #LoginModal.loginModal #contentModal .headline { color: #333; font-family: Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 17px; font-size: 1.7rem; padding: 0px 0 5px; font-weight: bold; margin: 0 0 30px; border-bottom: 1px solid #e9e9e9; } /*PROMO DRAWER*/ body.hide-promo #promo-drawer, body.filter-active #promo-drawer, #wrapper.menu-active ~ #promo-drawer { opacity: 0 } #promo-drawer { background: #fff; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica,Arial,sans-serif; left: 0; padding: 10px 10px 0 10px; position: fixed; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 100%; z-index: 23 } #promo-drawer * { -webkit-box-sizing: border-box; box-sizing: border-box } #promo-drawer .arrow-back, #promo-drawer .arrow-forward { background-color: transparent; border: 0; bottom: 0; color: #767676; cursor: pointer; font-size: 20px; height: 100%; padding: 10px; position: absolute; top: 0; width: 31px } #promo-drawer .arrow-back.inactive, #promo-drawer .arrow-forward.inactive { visibility: hidden } #promo-drawer .arrow-back { left: 0 } #promo-drawer .arrow-forward { right: 0 } #promo-drawer ul { -ms-overflow-style: -ms-autohiding-scrollbar; display: none; max-height: 75vh; text-align: center; white-space: nowrap } #promo-drawer .scroll-holder { margin: 0 auto; width: calc(100vw - 62px); -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden } #promo-drawer .scroll-holder ul { position: relative } #promo-drawer.promo-drawer-open { z-index: 30; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media screen and (max-width:767px) { #promo-drawer.promo-drawer-open { z-index: 101 } } #promo-drawer .coupon-msg { display: none; margin: 0 0 10px; text-align: center } #promo-drawer .pd-offer { background: #fff; border: 1px solid #767676; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 300px; margin: 0 20px 10px 0; padding: 10px; position: relative; text-align: center; vertical-align: top; width: 255px; cursor: pointer; } #promo-drawer .pd-offer:last-child { margin-right: 0 } #promo-drawer .pd-offer img { border: 1px solid #767676; display: block;margin-bottom: 10px; } #promo-drawer .pd-offer .title { font: 18px Helvetica,Arial,sans-serif; margin: 10px 0 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap } #promo-drawer .pd-offer .details { font-size: 14px; line-height: 1.4; margin: 0 0 5px; max-height: 136px; overflow: hidden; white-space: normal } #promo-drawer .pd-offer .disclaimer { font-size: 12px; font-style: italic; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } #promo-drawer .pd-offer .cta { border-top: 1px solid #ddd; bottom: 0; font: 16px Helvetica,Arial,sans-serif; height: 46px; left: 10px; position: absolute; width: 233px } #promo-drawer .pd-offer .cta button, #promo-drawer .pd-offer .cta a { background: #fff; border: 0; color: #000; cursor: pointer; font: inherit; height: 100%; text-transform: uppercase; width: 100% } #promo-drawer .pd-offer .cta button.success, #promo-drawer .pd-offer .cta a.success { color: #4D7A39 } #promo-drawer .pd-offer .cta button:disabled, #promo-drawer .pd-offer .cta a:disabled { opacity: 0.5 } #promo-drawer .pd-offer .cta button .icon-arrow-right, #promo-drawer .pd-offer .cta a .icon-arrow-right { font-size: 11px; margin-left: 6px; position: relative; top: -1px } #promo-drawer .pd-offer .cta button .icon-success, #promo-drawer .pd-offer .cta a .icon-success { color: #4D7A39; font-size: 28px; margin-right: 10px; vertical-align: middle } #promo-drawer .spinner { height: 32px; position: relative; text-align: center } #promo-drawer .spinner i { -webkit-animation: spin 1.4s linear infinite; animation: spin 1.4s linear infinite; font-size: 32px; left: 50%; margin-left: -16px; position: absolute } #promo-drawer .drawer-trigger { cursor: pointer; text-align: center } #promo-drawer .drawer-trigger p { display: inline-block; font: 18px/46px Helvetica,Arial,sans-serif; text-transform: uppercase } #promo-drawer .drawer-trigger .drawer-icon { color: #767676; font-size: 13px; margin-left: 10px; text-shadow: none; } #drawer-tab { background-color: #fff; border-radius: 5px 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; left: 0; margin: 0 auto; padding: 0 20px; position: absolute; right: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; width: 224px;text-transform: uppercase; line-height: 1; color: #FFF; background-color: #63a990; background: -o-linear-gradient(#7ed4b7, #63a990); background: -webkit-gradient(linear, left top, left bottom, from(#7ed4b7), to(#63a990)); background: linear-gradient(#7ed4b7, #63a990); border-radius: 5px; -webkit-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; text-shadow: #515151 1px 1px; } #drawer-tab:hover{ color: #fafafa; background-color: #32579c; background: -o-linear-gradient(#32579c, #294270); background: -webkit-gradient(linear, left top, left bottom, from(#32579c), to(#294270)); background: linear-gradient(#32579c, #294270);} #drawer-tab.ready { -webkit-transform: translate3d(0, -56px, 0); transform: translate3d(0, -56px, 0) } #promo-drawer-overlay { background: #000; display: none; height: 100%; left: 0; opacity: .5; position: fixed; top: 0; width: 100%; z-index: 30 } @media screen and (max-width:767px) { #promo-drawer-overlay { z-index: 100 } } .promo-drawer footer { padding-bottom: 55px } #promo-drawer-overlay.promo-drawer-overlay-on{display: block; opacity: .5;} .top-link { -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: fixed; bottom: 0; right: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 3em 5em 0; border-radius: 50%; padding: 0; width: 60px; height: 60px; background-color: #F8F8F8; } .top-link.show { visibility: visible; opacity: 1; } .top-link.hide { visibility: hidden; opacity: 0; } .top-link svg { fill: #31569d; width: 24px; height: 12px; } .top-link:hover { background-color: #E8E8E8; } .top-link:hover svg { fill: #31569d; } .screen-reader-text { position: absolute; -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; word-wrap: normal !important; clip: rect(1px, 1px, 1px, 1px); } .screen-reader-text:focus { display: block; top: 5px; left: 5px; z-index: 100000; -webkit-clip-path: none; clip-path: none; background-color: #eee; padding: 15px 23px 14px; width: auto; height: auto; text-decoration: none; line-height: normal; color: #444; font-size: 1em; clip: auto !important; } .low-price { text-align: center; } .giftcards .red { color: red; text-transform: uppercase; padding: 22px 0; } @media only screen and (min-width : 768px) { .cms-index-index span.countdown-row{display:block;width:100%;background: black;padding: 10px 0;} .cms-index-index span.countdown-section {text-align:center;padding: 0px 5px !important;background: black;color: white;border-right: 1px solid grey;margin-bottom: 0;display: inline-block;width: 25%;height: 51px;} .cms-index-index span.countdown-section span {/* display: block; */text-align: center;} .cms-index-index span.countdown-amount{font-size: 35px;padding-right:4px; display:inline;} .cms-index-index span.countdown-period{color:red; text-transform:lowercase; font-size:30px; display:inline} } span.countdown-row{display:block;width:100%} span.countdown-section{padding:15px 5px!important;background:#000;color:#fff;border-right:1px solid gray;margin-bottom:8px;display:inline-block;width:25%} .category_listing td .entry,span.countdown-section span{display:block;text-align:center} span.countdown-amount{font-size:25px} span.countdown-period{color:red;text-transform:lowercase} /*XLarge font fixes*/ .ll-at-fontsize-xlarge header.body .logo #tagline{position: relative; margin-left:0;} .ll-at-fontsize-xlarge header.body .search .input.search input{width: 400px;} .ll-at-fontsize-xlarge header.body .navigation ul li ul.subnav.categories { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .ll-at-fontsize-xlarge footer .footer-top-content #row .footer_links ul{max-width: unset;} .ll-at-fontsize-xlarge footer .footer-top-content #row .right .icon-block{ height: unset; } .ll-at-fontsize-xlarge footer .footer-top-content #row .right .row{margin-left:70px; max-width:unset;} .ll-at-fontsize-xlarge *{line-height: 1.1;} .ll-at-fontsize-xlarge #content .cc-highlight-steps .cc-steps-wraps .cc-step .cc-step-count{ top: -42px; width:100%;} .ll-at-fontsize-xlarge #content .cc-highlight-steps h2{width:100%; left:unset; position: relative; -webkit-transform:unset; transform: unset;} .ll-at-fontsize-xlarge .products.view #content .main .lab_options .option .button_con{display: flex; flex; flex-wrap: wrap; margin-top: 22px;} .ll-at-fontsize-xlarge .products.view #content .main .lab_options .option .button_con a.sample{height: auto;}