body {margin:0; padding:0; width:100%; overflow-x:hidden; color:#93969a; font:normal 14px "utopia-std"; min-width:320px; letter-spacing:1px; line-height:20px;} a {text-decoration:underline; color:#003060; outline:0;} a:hover {text-decoration:none;} a img {border:0;} ul {list-style:none; padding:0; margin:0;} p, div.variation p, #checkout dl p {margin:0 0 0 0; } ul, li, ol, fieldset {list-style:none; padding:0; margin:0; border:none;} input, textarea {-webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font:normal 14px "utopia-std"; color:#93969a; resize:none; margin-bottom:30px; background:transparent;} input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="button"], textarea, select {border:2px solid #eaecee; padding:15px 20px; width:100%; height:52px;} input[type="button"] {width:22px; background:none; padding:12px 0; cursor:pointer;} input[type="number"] {width:45px; padding:13px 15px; -moz-appearance:textfield;} input[type="submit"], button {border:none; background:#003060; text-transform:uppercase; font-size:22px; cursor:pointer; color:#fff; letter-spacing:2px; padding:20px 0; width:100%; } input[type="submit"]:hover, button:hover, table .product-remove .remove:hover {background:#002447;} input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox; width:15px; float:left; margin:0 10px 15px 0;} input[type="radio"] {-webkit-appearance:radio;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} ::-webkit-input-placeholder {color: #93969a; opacity:1; filter:alpha(opacity=100);} :-moz-placeholder {color: #93969a; opacity:1; filter:alpha(opacity=100);} ::-moz-placeholder {color: #93969a; opacity:1; filter:alpha(opacity=100);} :-ms-input-placeholder {color: #93969a; opacity:1; filter:alpha(opacity=100);} * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} *:focus {outline:none;} img {vertical-align:top;} select {-webkit-appearance:none; -moz-appearance:none; appearance: none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-overflow:""; padding-left:10px; text-indent:3px; background:url(../images/small-arrow.png) no-repeat 100% 20px #fff; font:normal 14px "utopia-std"; color:#93969a; margin-bottom:30px;} select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #93969a;} select::-ms-expand {display:none;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} mark {background:#fff;} dd {margin: 0 0 0 10px;} dd p {width:auto !important;} div.variation {margin-top:15px;} .variation-choice {float:left;} .variation-cont label, dt {font-size:14px; text-transform:uppercase; float:left; margin-right:5px; width:auto;} label, .single-product div.addon-description p, #product-info strong {text-transform:uppercase; float:left; width:100%; margin-bottom:10px; font-style:normal;} abbr {border:none;} /*RETINA*/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #cart-link {background:url(../images/cart-icon-2x.jpg) no-repeat right 4px; background-size:16px;} #cart-link:hover {background-image:url(../images/cart-icon-hover-2x.jpg);} select {background:url(../images/small-arrow-2x.jpg) no-repeat 100% 20px #fff; background-size:38px;} #product-share #share-fb {background:url(../images/share-facebook-2x.jpg) no-repeat #a3a6aa; background-size:8px;} #product-share #share-pinterest {background:url(../images/share-pinterest-2x.jpg) no-repeat #a3a6aa; background-size:12px;} } /*ALL WEBKIT BROWSERS*/ @media all -webkit-device-pixel-ratio { #footer #signup-cont input[type="submit"] {margin-top:-46px;} input[type="number"] {padding:12px 15px;} } /* addons in single product */ .single-product div.product-addon.product-addon-make-these-prescription-lenses { display: block;} .product-addon input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 3px solid #003060; background-color: white;} .product-addon input[type="checkbox"]:checked {background:url('../images/checkmark.gif'); background-size: cover;} #product-addons-total { display: none;} .single-product div.product-addon.product-addon-prescription-upload, .single-product div.product-addon.product-addon-doctors-information { padding :0; border:0} div.product-addon.product-addon-prescription-upload small { display: none;} .single-product div.product-addon.product-addon-choices div.product-addon.product-addon-doctors-information label,.single-product div.product-addon.product-addon-choices div.product-addon.product-addon-prescription-upload label { width: 100%;font: normal 14px "refrigerator-deluxe"; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;} .single-product div.product-addon.product-addon-doctors-information input[type="text"] { height: 30px; padding: 5px; margin: 5px 0;} .single-product div.product-addon-choices .addon-description p{ color: #003060; font-size: 20px; text-align: left; font-family: "refrigerator-deluxe",sans-serif;font-style: normal;font-weight: 700;text-transform: uppercase;letter-spacing: 1px; margin-bottom: 8px;} .single-product div.product-addon.product-addon-choices label { vertical-align: middle; margin: 10px 0; font:normal 14px "utopia-std"; text-transform: none; } .single-product div.product-addon.product-addon-choices input[type="radio"] { margin: 0; -webkit-appearance: none;width: 15px;height: 15px; border: 3px white solid;outline: 2px #003060 solid; margin-right: 5px;} .single-product div.product-addon.product-addon-choices input[type="radio"]:checked { background-color: #003060;} /* addons in cart */ .cart_table_item .variation-cont, .order_table_item .variation-cont { text-align: left;} .cart_table_item .variation-cont:nth-child(n+4), .checkout_table_item .variation-cont:nth-child(n+4), .order_table_item dd:nth-child(n+7), .order_table_item dt:nth-child(n+7) { display: none;} .variation-cont label.variation-Choices { display: none;} label.variation-Attach.prescription.here, .cart_table_item .variation-cont:nth-child(3) label, .checkout_table_item .variation-cont:nth-child(3) div { display: none;} .variation-cont:nth-child(3) .variation-choice p { font-family: "refrigerator-deluxe",sans-serif;font-style: normal;font-weight: 700; font-size: 14px; text-transform: uppercase;} .order_table_item .product-info dt.variation-Choices:nth-child(5), .order_table_item .product-info dd.variation-Choices:nth-child(6), .order_table_item .product-info dt.variation-Maketheseprescriptionlenses3610000 { display: none;} .order_table_item .product-info dd.variation-Maketheseprescriptionlenses3610000 { font-family: "refrigerator-deluxe",sans-serif;font-style: normal;font-weight: 700; font-size: 14px; text-transform: uppercase; margin-left: 0 } .order_table_item .product-info dd.variation-Maketheseprescriptionlenses3610000 p { padding-left: 0} /*REUSABLE*/ .mid-cont {position:relative; max-width:1085px; margin:auto; width:90%;} .hidden, .mobile, #header, #footer, #main-wrap, ul.products .add_to_cart_button, #more-info2, .product .stock {display:none;} .last, #header #nav-left li:last-child {margin-right:0;} .left {float:left;} .right {float:right;} .center, table td.product-quantity {text-align:center;} .container {margin:auto;} .cont, .input-cont, span.wpcf7-form-control-wrap, div.variation, dl.variation {float:left; width:100%;} .cont-right {float:right; width:100%;} .cont-inline {display:inline-block; width:100%;} .no-underline, #top-header a {text-decoration:none; color:#93969a;} .gray-hover, #header .main-nav li a:hover, .current_page_item a, #top-header a:hover {color:#767c85;} .rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .lobster {background:url(../images/lobster.png) center 0 no-repeat #eaecee; padding:75px 0; margin:40px 0;} h3, .single-product .single_variation_wrap .price {font-size:32px; margin-top:0; letter-spacing:2px !important; line-height:30px;} .blue, h3, .text-cont strong, #faq-cont ul li strong, #contact-cont .col-right a:hover {color:#003060;} .text-cont p {margin-bottom:30px; float:left; width:100%;} h4 {color:#003060; float:left; width:100%; margin:0 0 30px 0; padding-bottom:2px; border-bottom:2px solid #003060;} #error-cont {margin:130px 0;} .table {display:table; text-align:center; width:100%; height:100%;} .table-cell {display:table-cell; vertical-align:middle;} /*FONTS*/ .utopia, .single-product .woocommerce-message a {font-family: "utopia-std",sans-serif; font-style: normal; font-weight: 400;} .geo-regular, .lobster strong {font-family: "refrigerator-deluxe",sans-serif; font-style: normal; font-weight: 300; letter-spacing:2px;} .geo-medium, table .product-remove .remove {font-family: "refrigerator-deluxe",sans-serif; font-style: normal; font-weight: 400; text-transform:uppercase; letter-spacing:1px;} .geo-semi-bold, input[type="submit"], button, #top-header, #footer #footer-nav li a, #footer #signup-cont label, h3, h4, #contact-cont .col-right, #form-cont .wpcf7-response-output, .main-nav li a, .cbp-spmenu a, label, #product-info strong, .addon-description, #faq-cont ul li strong, .text-cont strong, ul.products a .price, input[type="button"], input[type="number"], .mobile-button, .woocommerce-error, .single-product .woocommerce-message, #cart .woocommerce-message, table th, dt, table .product-name .product-info a, table .product-name .product-info span, table.order_details tr.total td, table.cart tr.discount td, #total-table, #footer #signup-cont #mc_embed_signup div.mce_inline_error, #footer #signup-cont #mc_embed_signup #mce-success-response, #overlay-message, .single-product .single_variation_wrap .price, .single-product .single_variation_wrap .out-of-stock {font-family: "refrigerator-deluxe",sans-serif; font-style: normal; font-weight: 700; text-transform:uppercase; letter-spacing:1px;} .italic {font-style:italic;} /*HEADER*/ #top-header {padding:10px 0; border-bottom:2px solid #eaecee; font-size:12px;} #header {padding:30px 0 60px 0; text-align:center;} #header #logo {position:absolute;} #header .main-nav {margin-top:60px; float:left; text-align:center} #header #nav-left li {float:left; margin-right:16%;} #header #nav-right li {float:left; margin-left:14%;} #header .main-nav li a {float:left; text-transform:uppercase; color:#93969a; text-decoration:none; font-size:15px;} #header #nav-cont { margin-top: -20px;} #header #nav-left li:first-child {margin-left:0;} #header #nav-left div {float:left; width:78%; padding-left:10px;} #header #nav-right div {float:right; width:86%;} #cart-link {background:url(../images/cart-icon.png) no-repeat right 4px; width:135px;} #cart-link:hover {background-image:url(../images/cart-icon-hover.png);} #cart-link img {margin-top:3px;} /*FOOTER*/ #footer {background:#eaecee; padding:20px 0 45px 0; margin:55px 0 35px 0; max-height:105px;} #footer-right {float:right; width:405px;} #footer #footer-logo {position:absolute; margin-top:-45px;} #footer #footer-nav li {float:left; margin:20px 40px 0 0;} #footer #footer-nav li a, #footer #signup-cont label {font-size:14px; color:#a3a6aa; text-decoration:none;} #footer #footer-nav li a:hover {color:#767c85;} #signup-cont {float:left; width:250px; margin-right:45px;} #footer #signup-cont label {margin-bottom:5px;} #footer #mc_embed_signup form {padding:0;} #footer #signup-cont #mc_embed_signup input[type="email"] {border:2px solid #a3a6aa; margin-bottom:0; padding:10px 12px; float:left; height:40px; max-width:250px;} #footer #signup-cont input[type="submit"] {position:absolute; right:0; background:url(../images/signup-arrow.png) no-repeat; width:8px; height:12px; margin:14px 15px 0 0; padding:0; } #footer #signup-cont #mc_embed_signup div.mce_inline_error {position:absolute; background:#b44f4f; color:#fff; margin-left:255px; padding:10px; width:100%; text-align:center; max-width:240px;} #footer #signup-cont #mc_embed_signup #mce-success-response {background:#f2f3f4; margin-left:-20px; top:11px; color:#93969A; position:absolute; padding:10px; width:100%; text-align:center; max-width:240px;} #footer #signup-cont .mc4wp-success {position:absolute; margin:12px;} #footer #social-cont {text-align:right; margin-top:30px; width:110px; float:left;} #footer #social-cont .social-icon {display:inline-block; margin-right:15px;} #footer #social-cont .social-icon img, #product-share .social-icon img {background:#a3a6aa;} #footer #social-cont .social-icon:last-child {margin-right:0; height:13px;} #footer #social-cont .social-icon:hover img, #product-share .social-icon:hover img {background:#767c85;} /*HOMEPAGE*/ #home-slider .flex-direction-nav, #slider .flex-control-nav, #home-slider .flex-control-nav {display:none;} #home-slider .flexslider:hover .flex-direction-nav {display:block; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} #home-slider .slide-info {padding-left:45px; text-decoration:none; position:absolute; top:0; width:100%; margin-top:17%;} #home-slider .slide-info h3 {margin-bottom:5px; background:url(../images/dot.png) no-repeat bottom left; float:left; width:100%; padding:45px 0 18px 0;} #home-slider .slide-info span {color:#93969a; font-style:italic;} #home-slider .flexslider .slides .slide-img {text-decoration:none;} #home-slider .flexslider .slides img {width:100%;} /*#home-slider .slide-info, #home-slider .slide-img {float:right !important;}*/ #home-slider .flexslider .flex-direction-nav li a.flex-next, #slider .flexslider .flex-direction-nav li a.flex-next {margin-top:-27px; right:0; -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);} #home-slider .flex-direction-nav li .flex-prev {margin-left:-38px;} #home-slider .flex-direction-nav li .flex-next {margin-right:-38px;} /*ABOUT*/ .lobster p {max-width:874px; display:inline-block;} .lobster p strong {font-size:30px; display:inline-block; line-height:34px;} .lobster p em {font-size:16px; margin-top:20px; display:inline-block;} .videoWrapper {position: relative;padding-bottom: 56.25%; height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*FAQ*/ #faq-cont ul li {background:#eaecee; padding:35px 30px; margin-bottom:20px;} #faq-cont ul li strong {float:left; width:100%; margin-bottom:20px;} #faq-cont ul img {width:100%; height:auto; margin-bottom:20px;} /*CONTACT*/ #contact-cont .col-right {font-size:22px; text-transform:uppercase; margin-bottom:60px;} #contact-cont .col-right .cont {border:2px solid #eaecee; padding:45px 30px 40px 30px;} #contact-cont .col-right .cont:last-child {border-top:none; text-align:center;} #contact-cont .col-right .phone, #contact-cont .col-right .email {font-size:42px;} #contact-cont .col-right .phone {text-align:right; margin-top:10px;} #contact-cont .col-right a {text-decoration:none; color:#93969a; line-height:24px; text-align:center;} #contact-cont .col-left p {max-width:90%;} #form-cont textarea {height:272px; margin:0;} #form-cont input[type="submit"] {margin-top:-2px;} #form-cont .wpcf7-response-output {border:none; font-size:16px; float:right; margin:0; text-align:center; width:100%; padding:24px 25px; background:#b44f4f; color:#fff; letter-spacing:2px;} #form-cont .wpcf7-mail-sent-ok {background:#f2f3f4; color:#93969a;} #form-cont span.wpcf7-not-valid-tip {display:none !important;} #form-cont #form-error {margin-top:-30px; float:right; margin-bottom:40px;} #contact-us .col-left img {width:100%; height:auto; margin-bottom:25px;} /*PRODUCTS*/ ul.products li {margin-bottom:35px; min-height:400px;} ul.products li img {width:100%; line-height:34px;} ul.products li:hover img {opacity:.7; filter:alpha(opacity="70");} ul.products a {text-decoration:none;} ul.products a h3 {margin:14px 0 5px 0; width:75%; float:left; line-height:22px;} ul.products a .price {float:left; text-align:right; width:25%; font-size:20px; margin-top:18px;} ul.products a .price .amount:nth-child(2) {display:none;} ul.products .product-type-variable .product_type_variable {display:block; float:left; width:100%; color:#93969a; font-style:italic; font-weight:bold; margin-top:5px; font-size:18px;} #limited-box h3 {width:100%; line-height:34px;} #limited-box img {position:absolute; z-index:-1;} .term-limited-edition h3, .term-accessories h3 {font-size:20px;} .term-limited-edition ul.products a .price, .term-accessories ul.products a .price {margin-top:14px;} /*.term-accessories ul.products li:first-child .product_type_variable {position:absolute; float:none; margin-top:60px;}*/ /*SINGLE PRODUCT*/ #product-info-cont {margin-top:50px;} .quantity .plus {border-left:none;} .quantity .minus {border-right:none;} .single-product .images img, .swatch-wrapper img {width:100%; height:auto;} .single-product .single_variation_wrap, .single-product .single_variation_wrap .out-of-stock {display:block !important;} .single-product .single_variation_wrap .price {float:right; margin-bottom:-85px; padding-right:25px; padding-top:38px;} .single-product .single_variation_wrap .stock {display:none;} .single-product .single_variation_wrap .out-of-stock {float:left; width:100%; padding:15px 0 0 30px; text-transform:uppercase; border-top:2px solid #eaecee; color:#003060; font-size:18px;} .single-product #product-price {float:right;} .single-product form.swatches .variations-table {width:100%; float:left; padding:25px; border:2px solid #eaecee; border-bottom:none;} .single-product label {width:auto;} .single-product .swatch-anchor {width:60px !important; height:60px !important; color:transparent; text-indent:0 !important; position: relative;} .single-product .swatch-wrapper {padding:0; border:4px solid #a3a6aa; margin-right:20px; margin-bottom: 20px;} .single-product .swatch-wrapper:last-child {margin-right:0;} .single-product .swatch-wrapper:hover, .single-product div.swatch-wrapper.selected {border:4px solid #003060; padding:0;} .single-product .qty-cont {padding:25px; border-style:solid solid none; border-color:#eaecee; border-width:2px;} .single-product .qty-cont label {margin:15px 25px 0 0;} .single-product form.swatches .variations-table label:before {content:'Select ';} .single-product form.swatches .variations-table .select {float:left;} .single-product .woocommerce-error, .single-product .woocommerce-message {float:right; background:#f2f3f4; padding:25px 30px 20px; text-align:center; text-transform:uppercase; font-size:16px; margin-top:20px; border-left:25px solid #fff; width:50%;} .single-product .woocommerce-message a {text-transform:none; font-weight:normal; float:left; width:100%; margin-top:10px;} #product-info p {float:left; width:100%; margin-bottom:25px;} #product-share .social-icon {float:left; margin-left:25px;} #product-share .social-icon:last-child {margin-top:1px;} #product-share #share-fb {background:url(../images/share-facebook.png) no-repeat #a3a6aa; width:8px; height:17px;} #product-share #share-pinterest {background:url(../images/share-pinterest.png) no-repeat #a3a6aa; width:12px; height:15px;} #product-share .social-icon:hover {background-color:#767c85 !important;} .single-product .swatch-anchor[rel]:hover:after {content: attr(rel); width:auto; text-align:center; padding: 8px; white-space: nowrap; z-index: 20; background:url(../images/tooltip.png) no-repeat center 0; color:#fff; display:inline-block; position:absolute; bottom: -40px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); min-width: 61px;} .single-product .swatch-anchor[data-name]:hover:after {content: attr(data-name); width:77px; text-align:center; padding: 8px 0; white-space: nowrap; z-index: 20px; background:url(../images/tooltip.png) no-repeat center 0; color:#fff; margin:10px 0 0 -7px; display:inline-block; position:relative;} .single-product #pa_metal .swatch-anchor[rel]:hover:after {width:125px; margin-left:-32px;} #product-info-cont.accessories .swatch-cont, #product-info-cont.accessories .swatch-cont label {width:100%;} #product-info-cont.accessories .swatch-cont {padding:25px;} #product-info-cont .swatch-cont select {margin-bottom:5px;} #product-info-cont.accessories .swatch-cont:first-child {border-bottom:2px solid #eaecee;} #product-info-cont.accessories form.swatches .variations-table {padding:0;} .single-product div.product-addon {float:left; margin:0; width:100%; padding:0 25px; border:2px solid #eaecee; border-top:none; border-bottom:none; display:none;} .single-product div.product-addon h3, .single-product div.product-addon .chars_remaining {display:none;} .single-product div.product-addon input[type="text"] {margin:10px 0 25px 0;} #overlay-message {background:#f2f3f4; color:#93969a; font-size:16px; text-align:center; width:100%; z-index:1000; display:none; margin:25px 0; padding:20px; float:left; width:100%;} #slider .flex-direction-nav li .flex-prev {margin-left:12px;} #slider .flex-direction-nav li .flex-next {margin-right:12px;} .single-product .qty-cont input {margin-bottom:0; text-align:center;} input.input-text.qty.text { margin-left: -4px; margin-right: -4px;} #pa_artwork option[disabled], #pa_artwork option[readonly], #pa_artwork option[disabled="disabled"], #pa_artwork option:disabled {text-decoration:line-through !important; -webkit-text-fill-color: red; -webkit-appearance: none; color:red;} #pa_artwork option[disabled='disabled']::-ms-value {color:red;} .single-product .single_add_to_cart_button {margin-top:-1px;} .product .out-of-stock {float:right; text-transform:uppercase; display:block !important;} .product-left iframe { max-width: 100%;} /*TABLES*/ table.shop_table {width:100%; float:left; border-collapse:collapse;} table.shop_table td {border:2px solid #eaecee; border-right:none; border-top:none; padding:22px;} table.shop_table td:last-child {border-right:2px solid #eaecee;} table.cart tr.discount td:last-child {text-align:left; padding:0 22px 0; vertical-align:middle;} table .product-name .product-img {max-width:134px;} table .product-name img, #checkout #order-confirmation table .product-name img {max-width:134px; height:auto; width:100%;} table .product-remove .remove {text-decoration:none; color:#fff; background:#003060; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:14px; padding:9px 0px; text-align:center; width:38px; display:inline-block;} table .product-quantity .minus, table .product-quantity .plus {display:none;} table .product-name .product-info {max-width:235px;} table th {padding:5px 22px; border-bottom:2px solid #eaecee;} table th:nth-child(3), table th:nth-child(4), table td.product-price, table td.product-subtotal, table td.product-total {text-align:right;} table .product-name .product-info a {font-size:20px; text-decoration:none; float:left; width:100%;} /* table.cart tr:last-child td, table.cart tr.discount td {border-right:none; border-left:none; border-bottom:none; text-align:right; padding:40px 22px 40px 0;} */ /* table.cart tr:last-child td.total, table.order_details tr:last-child td.total {font-size:24px;} */ table input[type="number"] {margin:0; text-align:center; width:40px; height:40px; padding:5px;} table.order_details td:nth-child(3), table.order_details td:nth-child(4), table.order_details th:nth-child(3), table.order_details th:nth-child(4) {padding:22px 10px 0 10px;} table.order_details td, table.order_details th {border-top:none; border-bottom:2px solid #eaecee;} table.order_details tr.total td {border:none; text-align:right; padding-top:22px; padding-bottom:0;} /*CART*/ #cart .actions {float:left; width:50%; text-align:center;} #cart .coupon-form {text-align:left;} #cart #coupon_code {margin-bottom:18px;} #cart table.shop_table td:last-child {text-align:center;} #cart .cart_totals {float:right; width:50%; margin-bottom:35px; margin-top: 35px;} /*CHECKOUT*/ #checkout #order_review h4 {margin-bottom:1px;} #checkout #customer_details .form-row, #checkout #payment fieldset p {padding-right:0; margin-bottom:0;} #checkout #payment fieldset {float:left; width:100%;} #checkout table .product-name .product-info, #checkout dt {font-size:12px;} #checkout table .product-name .product-info span {font-size:16px; text-decoration:none; color:#003060;} #checkout table .product-name img {max-width:75px;} #checkout table td.product-quantity {text-align:center;} #checkout tfoot {background:#f2f3f4;} #checkout tfoot td {border-color:#f2f3f4; padding:15px 22px 10px 22px; text-align:right; border:2px solid transparent; border-right:2px solid #eaecee; border-top:none;} #checkout tfoot td:last-child {padding:15px 22px 10px 0px;} #checkout #billing_first_name_field, #checkout #billing_last_name_field, #checkout #billing_city_field, #checkout #billing_state_field, #checkout #billing_postcode_field, #checkout #billing_phone_field, #checkout #shipping_first_name_field, #checkout #shipping_last_name_field, #checkout #shipping_city_field, #checkout #shipping_state_field, #checkout #shipping_postcode_field, #checkout #billing_email_field {width:50%;} #checkout label.checkbox {width:auto; float:left;} #checkout #payment input[type="radio"], #checkout #payment img {display:none;} #checkout #payment fieldset p {padding-right:0;} /*#checkout #payment .select-cont:nth-child(2) {padding-right:25px;}*/ #checkout #payment { margin-top:25px;} #checkout table thead th {border-left:2px solid #eaecee; padding:12px 22px;} #checkout table thead th:last-child {border-right:2px solid #eaecee;} #checkout table tfoot th {border:none; text-align:right; border-left:2px solid #eaecee;} #checkout table tfoot tr:last-child th, #checkout table tfoot tr:last-child td {border-bottom:2px solid #eaecee;} #checkout #stripe_card_csc, #checkout #payment fieldset .form-row-first .select-cont:first-child, .payment_methods .woocommerce_error {width:100% !important;} /*#checkout .checkout-right {position:fixed; z-index:10;}*/ #checkout input#cvv {width:100% !important;} #checkout fieldset .form-row:nth-of-type(3) select {width:46%;} #checkout fieldset #expmonth {margin-right:6%;} #checkout .woocommerce-error, #cart .woocommerce-message, #cart .woocommerce-error {float:left; background:#f2f3f4; padding:25px 30px 20px; text-align:left; text-transform:uppercase; font-size:16px; margin-top:20px; width:100%; margin-bottom:35px;} #checkout .woocommerce-error strong {color:#93969A;} #checkout .terms {margin-bottom:20px;} #checkout table tr.checkout_table_item div.variation {margin-top:0;} #checkout table tr.checkout_table_item .variation-cont label {margin-bottom:0;} #checkout #order_review table tfoot td:nth-last-child(2) {border-right:none;} #checkout #order_review table tfoot td:last-child strong {color:#93969a; font-size:24px;} #checkout .page-title {margin-bottom:10px;} #checkout .blockOverlay {min-height:1200px !important; height:100% !important; background-position:center center !important;} #checkout .shipping .span6 { width: 100%; text-align: right;} .select2-container .select2-choice { -webkit-appearance: none !important; -moz-appearance: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; font: normal 14px "utopia-std" !important; color: #93969a !important; resize: none !important; margin-bottom: 30px !important; background: transparent; border: 2px solid #eaecee !important; padding: 15px 20px !important; width: 100% !important; height: 52px !important;} .select2-container .select2-choice .select2-arrow { width: 40px;} .select2-dropdown-open .select2-choice .select2-arrow b:after { margin-top: 0;} /*ORDER CONFIRMATION*/ #checkout #order-confirmation table thead th {padding-right:10px; padding-left:10px; border-left:none; border-right:none;} #total-table .cont label, #total-table .cont .total {float:right; width:auto; padding:22px 10px 0 0;} #total-table .cont .total {width:16%; text-align:right;} /*GRIDPAK*/ .span1, table .product-quantity, table .product-remove {width:8.33333333333%;} .span2, table .product-price, table .product-subtotal {width:16.6666666667%;} .span3, #checkout table .product-name .product-img {width:25%; float:left;} .span4, .term-limited-edition ul.products li, .term-accessories ul.products li, table .product-name .product-img, #checkout #payment fieldset .form-row-last, #contact-us .col-left {width:33.3333333333%; float:left;} .span5 {width:41.6666666667%; float:left;} .span6, #header .main-nav, #footer-nav, #faq-cont ul, .half, ul.products li, .main-hero, #slider, .product-left, .product-right, .single-product .swatch-cont, #checkout #customer_details, #checkout #order_review, #checkout #payment fieldset p:first-child, #checkout #payment fieldset p:nth-child(2), #checkout fieldset .form-row-first .select-cont, #about .text-cont p {width:50%; float:left;} .span7 {width:58.3333333333%; float:left;} .span8, table .product-name .product-info, #checkout #payment fieldset p:nth-child(4), #contact-us .col-right {width:66.6666666667%; float:left;} .span9, #checkout table .product-name .product-info {width:75%; float:left;} .span_10 {width:83.3333333333%;} .span11 {width:91.6666666667%;} .span12 {width:100%; float:left;} .col, #faq-cont ul, .products li, .main-hero, #slider, .product-left, .product-right, table .product-name .product-info, #checkout #order_review, #cart .actions, #checkout #payment fieldset p, #checkout fieldset .form-row-first .select-cont, #checkout #customer_details, #checkout #customer_details .form-row, #about .text-cont p {padding-left:25px;} .text-cont p {padding-right:25px;} .row {margin-left:-25px;} /*.col {border-left-width:25px; padding:0 0px;}*/ /* Reusable column setup */ .col {border:0px solid rgba(0,0,0,0);float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box !important;-webkit-background-clip:padding-box !important;background-clip:padding-box !important; width:100%;} #home-slider { position: relative;} #home-overlay {position:absolute; width:100%; top:0; left:0; bottom:0; z-index:1000; overflow:hidden; display:none; } #splash-signup {min-height: 300px; position:absolute; background:#fff;left:50%; width: 645px; top:50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); text-align: center; border: 3px solid #eaecee;} #splash-signup .close {position:absolute; top:12px; right:15px;font-size:12px; cursor:pointer; color: #003060} #splash-signup .header-wrapper { width: 100%;background-color: #eaecee; padding: 30px 0;} #splash-signup .header-wrapper h3 { margin: 0;} #splash-signup .coupon-cont { display: none;} #splash-signup .splash-cont, #splash-signup .coupon-cont { padding: 40px 80px;} #splash-signup .splash-cont form { width: 75%; margin: 20px auto; padding: 0} #splash-signup #mc_embed_signup .mc-field-group { float; none; margin: 0; width: 100%;padding-bottom:0;} #splash-signup label { display: none;} #splash-signup input[type="email"] { width: 65%; margin: 0 auto; border: 3px solid #eaecee;} #splash-signup input[type="submit"] { background: #003060; color: white;border-radius: 0; text-transform: uppercase; width:100%; padding: 10px 0; height: auto;border: 3px #003060 solid;} #splash-signup input[type="submit"]:hover { background: white; color: #003060; border: 3px #003060 solid; } #splash-signup .mce_inline_error { margin: 0 !important;} #splash-signup #mc_embed_signup #mce-responses { width: 125%; margin: 0; margin-left: -12.5%} #splash-signup #mc_embed_signup div.response { width: 100%; } #splash-signup #mc_embed_signup #mce-success-response { color:#003060; width: 100%; display: none;} @media screen and (max-width: 768px) { #home-overlay { position: initial; width: 100%;bottom: 0; z-index: 1000;overflow: hidden; background: none; height: initial; } #splash-signup { padding: 35px 15px 25px;position: absolute; background: #fff; top: initial; z-index: 10; width: 100%;bottom: initial ; transform: none; -moz-transform: none; -webkit-transform: none; text-align: center; left: 0} #splash-signup .close { display: none;} #splash-signup input[type="email"]{ width: 100%;} } @media screen and (min-device-width:768px) and (max-device-width:1024px) { #home-slider .flexslider:hover .flex-direction-nav {display:none;} #checkout #payment fieldset .form-row-first {width:100%;} } @media screen and (max-width:1180px) { #header #nav-left li {margin-right:11%;} #contact-cont .col-right .phone, #contact-cont .col-right .email {font-size:35px;} /*FOOTER*/ #footer-right {width:50%; max-width:405px;} #footer #signup-cont, #footer #social-cont {float:right; width:250px; margin-right:0; } #footer {max-height:none; padding-bottom:18px;} #footer #footer-nav li {width:35%; margin-right:0;} #footer #footer-nav li:last-child {width:39%;} #footer #footer-logo {margin-top:-25px;} #footer #social-cont {text-align:left; margin-top:25px;} #footer #signup-cont {margin-top:-5px;} } @media screen and (max-width:999px) { #header #nav-right div, #header #nav-left div, #contact-cont .col-right .half, #contact-cont .col-right, .single-product .swatch-cont, .single-product .swatch-cont label {width:100%;} dd {margin:0;} /*HOMEPAGE*/ #home-slider .slide-info {padding-left:25px; margin-top:15%;} #home-slider .slide-info h3 {background:none; padding-bottom:0;} /*HEADER*/ #header .main-nav {margin-top:105px;} #header #nav-left div {padding-left:0;} #header #nav-left li {margin-right:13%;} #header #nav-right li {margin-left:13%;} #header #nav-cont { margin-top: 0;} /*CONTACT*/ #contact-cont .col-right .cont1 {border:none; padding:0; text-align:center;} #contact-cont .col-right .phone, #contact-cont .col-right .address {text-align:center; border:2px solid #eaecee; padding:45px 30px 40px 30px; margin:0;} #contact-cont .col-right .phone {border-top:none;} #contact-cont .col-right .address {padding:35px 30px 30px 30px;} #contact-cont .col-left {display:none;} #contact-cont .col-left p {max-width:100%;} #contact-cont .col-right .phone, #contact-cont .col-right .email {font-size:42px;} /*PRODUCTS*/ .term-limited-edition ul.products li, .term-accessories ul.products li {width:50%;} /*SINGLE PRODUCT*/ .single-product .swatch-cont {margin-bottom:45px;} .single-product .swatch-anchor[rel]:after { content: attr(rel); width: 77px; text-align: center; padding: 8px 0; white-space: nowrap; z-index: 20; background: url(../images/tooltip.png) no-repeat center 0; color: #fff; display: inline-block; position: absolute; bottom: -40px; left: -9px;} /*CHECKOUT*/ #checkout .product-img {display:none;} #checkout table .product-name .product-info {padding-left:0; width:100%;} } @media screen and (max-width:767px) { #header .mid-cont, #footer-nav, #footer-right, #footer #footer-nav li, #footer .mid-cont, .text-cont .column.c2, #faq-cont ul, #form-cont .col-left, #form-cont .col-right, #footer #footer-nav li:last-child, ul.products li, .term-limited-edition ul.products li, .term-accessories ul.products li, .main-hero, #slider, .product-left, .product-right, .single-product .woocommerce-error, .single-product .woocommerce-message, #cart .text-cont .mid-cont, #checkout .text-cont .mid-cont, table .product-name .product-info, #cart .actions, #order-confirmation .text-cont .mid-cont, #home-slider .slide-info, #home-slider .slide-img, #checkout .checkout-left, #checkout .checkout-right, .variation-cont label, dt, #checkout .checkout-right, #checkout #payment fieldset p:first-child, #checkout #payment fieldset p:nth-child(2), #checkout fieldset .form-row-first .select-cont, #checkout #payment fieldset p:nth-child(4), #checkout #payment fieldset .form-row-last, #about .text-cont p, #checkout #billing_email_field {width:100%;} .mobile {display:block;} .desktop, #cart-link span, #contact-us h4 span, .single-product .flex-direction-nav, table .product-name .product-img, table td.product-price, table th.product-price, /*table.cart tr:last-child td:first-child,*/ #cart .page-title, table.order_details tr.total td:first-child {display:none;} /*#main-wrap {margin-top:55px;}*/ #cart #main-wrap, #contact-us #footer {margin-top:0;} #contact-cont .col-right .phone, #contact-cont .col-right .email {font-size:28px;} .mobile-button {float:left; width:100%; text-align:center; padding:20px 0 20px 0; background:#eaecee; color:#003060; font-size:18px; cursor:pointer;} table .product-name .product-info, #payment fieldset .select-cont {padding-left:0;} .variation-cont {margin-bottom:25px;} #order-confirmation #confirmation-message, #checkout .small-cont {width:90%; position:relative; margin:auto;} .row, #checkout #payment fieldset p:nth-child(4) {margin-left:0;} #cart .actions, .col, #faq-cont ul, .products li, .main-hero, #slider, .product-left, .product-right, table .product-name .product-info, #checkout #order_review, #checkout #customer_details p.form-row, #cart .actions, #checkout #order_review, #checkout #customer_details p.form-row, #cart .actions, #checkout #payment fieldset p, #checkout fieldset .form-row-first .select-cont, #checkout #payment fieldset p:nth-child(4) label, #checkout #customer_details, #about .text-cont p {padding-left:0;} #cart .coupon-form {text-align:center;} .single-product .woocommerce-error, .single-product .woocommerce-message {border:none;} ul.products li {min-height:0;} #about .text-cont p {margin-bottom:0; text-align:center; padding-right:0;} .lobster p strong {font-size:28px;} .cart-empty {width:82%; position:relative; margin:auto;} ul.products li:last-child {margin-bottom:0;} #checkout .blockOverlay {min-height:2400px !important;} #cart .cart_totals {width:90%;} /*HOMEPAGE*/ /*#home-slider {margin-bottom:35px;}*/ #home-slider .slide-info {position:relative; padding-left:0; margin-top:25px;} #home-slider .slide-info h3 {background:none; padding:0; margin-bottom:0; font-size:24px;} #home-slider .flexslider:hover .flex-direction-nav, #slider .flexslider:hover .flex-direction-nav {display:none;} /*HEADER*/ #header #logo {left: 25px !important;} #header #showRightPush {float:right; cursor:pointer;} .cbp-spmenu {background: #003060; position: fixed;} .cbp-spmenu a {color:#fff; font-size:18px; text-decoration:none; margin-bottom:45px; padding-left:30px; float:left; width:100%;} .cbp-spmenu li:first-child {margin-top:90px;} .cbp-spmenu-vertical {width: 200px;height: 100%;top: 0;z-index: 1000;} .cbp-spmenu-right {right: -200px;} .cbp-spmenu-right.cbp-spmenu-open {right: 0px;} .cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;} .cbp-spmenu-push-toleft {left: -200px;} .cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} #cart-link {width:35px;} /*FOOTER*/ #footer {margin-bottom:0; padding-bottom:35px; text-align:center;} #footer-right {max-width:100%;} #footer #footer-nav {text-align:center; margin:15px 0 55px 0;} #footer #footer-logo {position:relative; display:inline-block; left:0 !important;} #footer-logo img {width:78px; height:auto; margin-top:-35px;} #footer #footer-nav li {margin-bottom:12px;} #footer #footer-nav li a, #footer #signup-cont label {font-size:16px; text-align:left;} #footer #signup-cont {border:2px solid #a3a6aa; border-right:none; border-left:none; padding:40px 0; text-align:center; width:100%;} #footer #signup-cont form, #footer #signup-cont label, #cart .actions input {width:90%; float:none; display:inline-block; max-width:250px;} #footer #social-cont {margin-top:40px; text-align:center; width:100%;} #footer #signup-cont input[type="email"] {float:none;} #footer #signup-cont #mc_embed_signup #mce-success-response {top:32px;} #footer #signup-cont #mc_embed_signup div.mce_inline_error {margin:10px 0 0 0; position:relative; float:left;} /*SINGLE PRODUCT*/ ul.products a h3 {font-size:20px;} ul.products a .price {margin-top:14px;} #product-info-cont {margin:15px 0 30px 0;} #gallery-btn {float:right; padding:16px 35px 15px 35px; width:auto; font-size:14px; margin:20px 0;} #gallery-btn span {float:left;} #gallery-btn img {width:auto; margin:3px 0 0 20px; width:23px;} .single-product .product-right {margin-top:25px;} .single-product #product-price {position:relative; float:left; margin:-15px 0 0 0} .single-product .qty-cont input {margin-bottom:0; text-align:center;} .single-product .swatch-anchor[rel]:after, .single-product .swatch-anchor[rel]:hover:after {background:none; color:#93969A; padding:0;} .single-product .product-left h3 {margin-bottom:0;} .single-product #product-price {margin-top:-25px;} .single-product form.swatches .variations-table .select {margin-bottom:20px;} .single-product .swatch-cont {margin-bottom:0px;} .single-product .product-cat-sunglasses .swatch-cont:first-child {margin-bottom:15px;} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #cart-link {background:url(../images/cart-icon-2x.jpg) no-repeat right 4px; background-size:16px;} #cart-link:hover {background-image:url(../images/cart-icon-hover-2x.jpg);} #product-share #share-fb {background:url(../images/share-facebook-2x.jpg) no-repeat #a3a6aa; background-size:8px; height:16px;} #product-share #share-pinterest {background:url(../images/share-pinterest-2x.jpg) no-repeat #a3a6aa; background-size:12px; height:14px;} } /*TABLES*/ table th {padding:5px 10px;} table .product-name {width:66.6666666667%;} table.shop_table td {padding:22px 15px; vertical-align:top;} table.shop_table td.product-subtotal span {margin-top:10px; display:inline-block;} table .product-remove .remove {padding:5px 11px; margin-top:7px; display:inline-block;} #cart table tr:last-child td.total span {margin-right:-30px;} table td:first-child {border-left:none;} table.shop_table td:last-child {border-right:none; padding:22px;} #cart table.shop_table td:last-child {padding:22px 10px;} #cart table .product-name .product-info a {font-size:16px;} #cart table.shop_table td.product-quantity, #checkout table.shop_table td.product-quantity {padding:22px 10px;} #cart table td.product-name {padding:22px 10px;} /*CHECKOUT*/ #checkout .checkout-right {position:relative !important; margin-left:0 !important;} #checkout #customer_details, #checkout #customer_details h4, #checkout #order_review, #checkout #payment {margin-left:0; width:100%;} #checkout #billing_first_name_field, #checkout #billing_last_name_field, #checkout #billing_city_field, #checkout #billing_state_field, #checkout #billing_postcode_field, #checkout #billing_phone_field, #checkout #shipping_first_name_field, #checkout #shipping_last_name_field, #checkout #shipping_city_field, #checkout #shipping_state_field, #checkout #shipping_country_field, #checkout #shipping_postcode_field {width:100%;} #checkout .woocommerce-error {padding:25px 18px 20px;} #checkout #order-confirmation table thead th:last-child {padding-right:22px;} #total-table .cont label, #total-table .cont .total {padding:22px 22px 0 0;} #total-table .cont label {margin-right:0;} #checkout #order_review {margin-top:15px;} } @media screen and (max-width:480px) { h3 {font-size:30px;} /*CONTACT */ #contact-cont .col-right .phone, #contact-cont .col-right .email {font-size:20px;} #contact-cont .col-right .cont, #contact-cont .col-right .phone {padding:35px 15px 30px 15px;} #contact-cont .col-right .cont1 {padding:0;} #contact-cont .col-right .address {padding:25px 15px 20px 15px; font-size:16px;} /*SINGLE PRODUCT*/ #product-info-cont.accessories .swatch-cont {padding:20px;} #checkout fieldset .form-row:nth-of-type(3) select {width:100%;} #checkout fieldset #expmonth {margin-right:0%;} }