@charset "UTF-8"; html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } html, body { font-size: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /** * @license * MyFonts Webfont Build ID 3042460, 2015-06-15T13:39:18-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Campton-LightDEMO by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/light-demo/ * * Webfont: Campton-BoldDEMO by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/bold-demo/ * * Webfont: Campton-Book by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/book/ * * Webfont: Campton-ExtraLight by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/extra-light/ * * Webfont: Campton-ExtraLightItalic by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/extra-light-italic/ * * Webfont: Campton-BoldItalic by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/bold-italic/ * * Webfont: Campton-BookItalic by Rene Bieder * URL: http://www.myfonts.com/fonts/rene-bieder/campton/book-italic/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3042460 * Licensed pageviews: 10,000 * Webfonts copyright: Copyright © 2014 by René Bieder. All rights reserved. * * © 2015 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'Campton-Light'; src: url("https://static.photojojo.com/webfonts/2ECEBE_1_0.eot"); src: url("https://static.photojojo.com/webfonts/2ECEBE_1_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2ECEBE_1_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2ECEBE_1_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2ECEBE_1_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-Bold'; src: url("https://static.photojojo.com/webfonts/2ECEBE_0_0.eot"); src: url("https://static.photojojo.com/webfonts/2ECEBE_0_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2ECEBE_0_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2ECEBE_0_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2ECEBE_0_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-Book'; src: url("https://static.photojojo.com/webfonts/2E6C9C_2_0.eot"); src: url("https://static.photojojo.com/webfonts/2E6C9C_2_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2E6C9C_2_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2E6C9C_2_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2E6C9C_2_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-ExtraLight'; src: url("https://static.photojojo.com/webfonts/2E6C9C_3_0.eot"); src: url("https://static.photojojo.com/webfonts/2E6C9C_3_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2E6C9C_3_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2E6C9C_3_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2E6C9C_3_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-ExtraLightItalic'; src: url("https://static.photojojo.com/webfonts/2E6C9C_4_0.eot"); src: url("https://static.photojojo.com/webfonts/2E6C9C_4_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2E6C9C_4_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2E6C9C_4_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2E6C9C_4_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-BoldItalic'; src: url("https://static.photojojo.com/webfonts/2E6C9C_5_0.eot"); src: url("https://static.photojojo.com/webfonts/2E6C9C_5_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2E6C9C_5_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2E6C9C_5_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2E6C9C_5_0.ttf") format("truetype"); } @font-face { font-family: 'Campton-BookItalic'; src: url("https://static.photojojo.com/webfonts/2E6C9C_6_0.eot"); src: url("https://static.photojojo.com/webfonts/2E6C9C_6_0.eot?#iefix") format("embedded-opentype"), url("https://static.photojojo.com/webfonts/2E6C9C_6_0.woff2") format("woff2"), url("https://static.photojojo.com/webfonts/2E6C9C_6_0.woff") format("woff"), url("https://static.photojojo.com/webfonts/2E6C9C_6_0.ttf") format("truetype"); } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { /* cursor:url(/img/grabbing.png) 8 8, move; */ } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } @media screen and (min-width: 0) { body, html { font-family: "Campton-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, p, input, select, textarea, div { font-weight: normal; } h1, h2, h3 { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, input a, select a, textarea a, div a { color: #16BDE1; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea { font-family: "Campton-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } input[type="submit"], select { font-family: "Campton-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); font-family: "Campton-BookItalic", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } input::-moz-placeholder { color: rgba(0, 0, 0, 0.5); font-family: "Campton-BookItalic", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } input:-moz-placeholder { color: rgba(0, 0, 0, 0.5); font-family: "Campton-BookItalic", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); font-family: "Campton-BookItalic", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .tablet { display: none; } .mobile { display: block; } .desktop { display: none; } hr { border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 0; border-left: 0; border-right: 0; } select { outline: 0px solid white; -webkit-appearance: none; border-radius: 0px; border: 1px solid #979797; font-size: 12px; padding: 4px 30px 4px 4px; width: 100%; margin: 4px auto; background-color: white; background-image: url("/img/select-bg.png"); background-repeat: no-repeat; background-position: 100% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { select { background-image: url("/img/select-bg_2x.png"); background-size: 24px 6px; } } @media screen and (min-width: 0) { @-moz-document url-prefix() { select { margin-right: -30px; } .css-select-moz { /*background-image: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png"); background-repeat: no-repeat; background-position: right center;*/ background-color: white; padding: 6px 30px 6px 0; background-image: url("/img/select-bg.png"); background-repeat: no-repeat; background-position: 100% 50%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .css-select-moz { background-image: url("/img/select-bg_2x.png"); background-size: 24px 6px; } } } input[type="text"], input[type="number"], input[type="email"] { outline: 0px solid white; -webkit-appearance: none; border-radius: 0px; border: 1px solid #979797; font-size: 12px; padding: 4px 4px; margin: 4px auto; background-color: white; } input[type="submit"], input[type="button"], .button { outline: 0px solid white; border-radius: 0px; border: 1px solid #979797; text-transform: uppercase; text-decoration: none; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px; padding: 10px 6px; background-color: white; color: black; width: 100%; } input[type="submit"].yellow-submit { background: #FFB700; border: 1px solid #FFB700; color: white; } input[type="button"].yellow-submit { background: #FFB700; border: 1px solid #FFB700; color: white; } .container { max-width: 90%; margin-left: auto; margin-right: auto; } .container::after { clear: both; content: ""; display: table; } .container::after { clear: both; content: ""; display: table; } .text-wrap { max-width: 90%; margin-left: auto; margin-right: auto; } .text-wrap::after { clear: both; content: ""; display: table; } .responsive { width: 100%; height: auto; } nav::after { clear: both; content: ""; display: table; } .navigation-centered { width: 100%; background: #16BDE1; /* li.nav-link.header-search { display: none; }*/ } .navigation-centered .mobile-logo { display: inline; display: inline-block; padding: 10px 0; } .navigation-centered .float-left { position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .navigation-centered .cart-wrap-mobile { position: absolute; right: 0; top: 0; } .navigation-centered .cart-wrap-mobile .cart { background-image: url("/img/cart-mobile-1.png"); background-repeat: no-repeat; background-position: 50% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered .cart-wrap-mobile .cart { background-image: url("/img/cart-mobile-1_2x.png"); background-size: 33px 22px; } } @media screen and (min-width: 0) { .navigation-centered .cart-wrap-mobile .cart.happy { background-image: url("/img/cart-mobile-2.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered .cart-wrap-mobile .cart.happy { background-image: url("/img/cart-mobile-2_2x.png"); background-size: 33px 22px; } } @media screen and (min-width: 0) { .navigation-centered .cart-wrap-mobile a { display: block; width: 68px; height: 51px; } .navigation-centered .cart-wrap-mobile .count { display: inline-block; position: absolute; top: 4px; right: 4px; padding: 4px 6px; font-size: 11px; background: white; color: #16BDE1; border-radius: 50px; line-height: 1em; } .navigation-centered .navigation-centered-mobile-menu { color: transparent; margin: 0; position: relative; display: inline-block; vertical-align: top; height: 51px; } .navigation-centered .navigation-centered-mobile-menu div { display: block; background: white; height: 3px; width: 32px; position: absolute; top: 24px; right: 0; border-radius: 4px; } .navigation-centered .navigation-centered-mobile-menu div:before { content: ""; display: block; position: absolute; width: 32px; height: 3px; background-color: white; top: -9px; right: 0; border-radius: 4px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .navigation-centered .navigation-centered-mobile-menu div:after { content: ""; display: block; position: absolute; width: 32px; height: 3px; background-color: white; top: 9px; right: 0; border-radius: 4px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .navigation-centered .navigation-centered-mobile-menu.open div { background: transparent; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .navigation-centered .navigation-centered-mobile-menu.open div:before { -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px); -moz-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px); -ms-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px); -o-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px); transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px); width: 27px; } .navigation-centered .navigation-centered-mobile-menu.open div:after { -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); -moz-transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); -ms-transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); -o-transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); width: 27px; } .navigation-centered .navigation-centered-wrapper { max-width: 68em; margin-left: auto; margin-right: auto; position: relative; text-align: center; } .navigation-centered .navigation-centered-wrapper::after { clear: both; content: ""; display: table; } .navigation-centered .navigation-centered-wrapper::after { clear: both; content: ""; display: table; } .navigation-centered .navigation-centered-wrapper .nav-logo-toggle-wrapper { max-width: 90%; margin-left: auto; margin-right: auto; padding: 6px 0 0; text-align: center; } .navigation-centered .navigation-centered-wrapper .nav-logo-toggle-wrapper::after { clear: both; content: ""; display: table; } .navigation-centered ul.navigation-centered-menu { clear: both; display: none; margin: 0 auto; overflow: visible; width: 100%; border-top: 1px solid white; } .navigation-centered ul.navigation-centered-menu li a { display: block; color: white; text-decoration: none; text-transform: uppercase; width: 100%; } .navigation-centered ul.navigation-centered-menu .categories { font-size: 12px; border-top: 1px solid white; padding-top: 12px; background: white; } .navigation-centered ul.navigation-centered-menu .categories li a { color: #16BDE1; font-size: 14px; } .navigation-centered ul.navigation-centered-menu.show { display: block; } .navigation-centered ul.navigation-centered-menu .spacer { display: none; } .navigation-centered ul.navigation-centered-menu h5 { text-align: left; text-transform: uppercase; margin: 0; padding: 0; } .navigation-centered ul.navigation-centered-menu .social-nav { background: #C9E9F3; padding: 1em 0; font-size: 16px; text-align: left; } .navigation-centered ul.navigation-centered-menu .social-nav .social-center-wrap { max-width: 90%; margin-left: auto; margin-right: auto; } .navigation-centered ul.navigation-centered-menu .social-nav .social-center-wrap::after { clear: both; content: ""; display: table; } .navigation-centered ul.navigation-centered-menu .social-nav li { display: inline-block; margin: 0px 4px; background-image: url("/img/main-nav-facebook-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .social-nav li { background-image: url("/img/main-nav-facebook-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .social-nav .twitter { background-image: url("/img/main-nav-twitter-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .social-nav .twitter { background-image: url("/img/main-nav-twitter-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .social-nav .pinterest { background-image: url("/img/main-nav-pinterest-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .social-nav .pinterest { background-image: url("/img/main-nav-pinterest-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .social-nav .instagram { background-image: url("/img/main-nav-instagram-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .social-nav .instagram { background-image: url("/img/main-nav-instagram-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .social-nav .tumblr { background-image: url("/img/main-nav-tumblr-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .social-nav .tumblr { background-image: url("/img/main-nav-tumblr-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .social-nav li a { display: block; width: 16px; height: 16px; } .navigation-centered ul.navigation-centered-menu .social-nav .newsletter { margin: 10px auto 12px; } .navigation-centered ul.navigation-centered-menu .social-nav .newsletter::after { clear: both; content: ""; display: table; } .navigation-centered ul.navigation-centered-menu .social-nav .newsletter input[type="email"], .navigation-centered ul.navigation-centered-menu .social-nav .newsletter input[type="submit"] { -webkit-appearance: none; border: 0px; background-color: white; float: left; margin: 0 2px; padding: 4px 7px; font-size: 14px; color: black; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; outline: 0px solid white; } .navigation-centered ul.navigation-centered-menu .social-nav .newsletter input[type="submit"] { text-transform: uppercase; color: #16BDE1; width: 100px; } .navigation-centered ul.navigation-centered-menu .global-nav { padding: 1em 0; background: white; } .navigation-centered ul.navigation-centered-menu .global-nav .global-center-wrap { max-width: 90%; margin-left: auto; margin-right: auto; display: inline-block; vertical-align: top; } .navigation-centered ul.navigation-centered-menu .global-nav .global-center-wrap::after { clear: both; content: ""; display: table; } .navigation-centered ul.navigation-centered-menu .global-nav .global-center-wrap h5 { display: inline-block; vertical-align: middle; } .navigation-centered ul.navigation-centered-menu .global-nav ul { display: inline-block; vertical-align: middle; } .navigation-centered ul.navigation-centered-menu .global-nav li { display: inline-block; margin: 0 4px; vertical-align: middle; background-image: url("/img/other-parabo.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .global-nav li { background-image: url("/img/other-parabo_2x.png"); background-size: 58px 20px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu .global-nav li a { display: block; width: 58px; height: 20px; } .navigation-centered ul.navigation-centered-menu .global-nav .zoomin { background-image: url("/img/other-zoomin.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .navigation-centered ul.navigation-centered-menu .global-nav .zoomin { background-image: url("/img/other-zoomin_2x.png"); background-size: 58px 20px; } } @media screen and (min-width: 0) { .navigation-centered ul.navigation-centered-menu.tablet { display: none; } .navigation-centered ul.navigation-centered-menu.mobile { display: block; } .navigation-centered ul li.nav-link { display: block; text-align: left; max-width: 90%; margin-left: auto; margin-right: auto; } .navigation-centered ul li.nav-link::after { clear: both; content: ""; display: table; } .navigation-centered ul li.nav-link a { display: inline-block; } .navigation-centered ul li.nav-link:last-child a { padding-right: 0; } .navigation-centered ul li.nav-link a.logo { display: none; } .navigation-centered ul li.nav-link .search-icon { display: none; } .navigation-centered ul li.nav-link a { padding: 0.8em 0; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 18px; } .navigation-centered ul li.nav-link.cart-wrap { display: none; } .navigation-centered ul li.categories > ul { max-width: 90%; margin-left: auto; margin-right: auto; padding: 0 0 12px; } .navigation-centered ul li.categories > ul::after { clear: both; content: ""; display: table; } .navigation-centered ul li.categories > ul li a { padding: 12px 0; text-align: left; } .navigation-centered li.logo.nav-link { display: none; line-height: 0; } .search-icon { display: inline-block; width: 40px; height: 46px; background-image: url("/img/search-mobile.png"); background-repeat: no-repeat; background-position: 50% 62%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .search-icon { background-image: url("/img/search-mobile_2x.png"); background-size: 22px 23px; } } @media screen and (min-width: 0) { .header-search-form { display: none; } .header-search-form input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; outline: 0px solid white; border: 0px none; background: #f7f7f7; color: black; font-size: 16px; padding: 1em 0; text-indent: 20px; } .header-search-form input[type="search"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .header-search-form input[type="search"]::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .header-search-form input[type="search"]:-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .header-search-form input[type="search"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .search-field { width: 100%; } .header.free-shipping a { color: white; font-size: 12px; padding: 4px 0 10px; text-decoration: none; display: block; margin: 0 auto; } .recently-added { display: inline-block; background: white; } .recently-added table { width: auto; } .recently-added table tr:first-child { border-bottom: 1px solid #dcdcdc; } .recently-added table tr td { vertical-align: middle; font-size: 12px; padding: 10px 6px; } .recently-added table tr td a { padding: 0; margin: 0; } .recently-added table tr .cart-item { width: 70px; } .recently-added table tr .cart-detail { width: 132px; } .recently-added table tr .total { text-align: right; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .cart-do-or-buy { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none; } .cart-do-or-buy h4 { padding: 4px 0; margin: 0; text-transform: uppercase; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .cart-do-or-buy table { display: inline-block; padding: 0 10px; } .cart-do-or-buy > div { top: 50%; margin-top: -100px; position: relative; } .cart-do-or-buy .button { display: inline-block; padding: 10px 4px; width: 49%; } .cart-do-or-buy .button.warp { background: #FFB700; border: 1px solid #FFB700; color: white; } .cart-do-or-buy.show { display: block; } .buy-overlay { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; display: none; } .buy-overlay.show { display: block; } .container { max-width: 90%; margin-left: auto; margin-right: auto; } .container::after { clear: both; content: ""; display: table; } .share-row ul { list-style: none; padding: 0; margin: 0; } .share-row li { display: inline-block; vertical-align: top; margin: 10px 2px; } .share-row li.facebook { margin: 8px 2px; } .landing-list { list-style: none; padding: 0; text-align: center; } .landing-list::after { clear: both; content: ""; display: table; } .landing-list li { position: relative; width: 46%; min-height: 300px; margin: 2%; float: left; text-align: left; } .landing-list li h3 { display: inline-block; font-size: 14px; text-transform: uppercase; } .landing-list li a { color: #16BDE1; text-decoration: none; } .landing-list li .product-name { font-size: 12px; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; line-height: 1.3em; } .landing-list li .product-description { margin: 4px auto; font-size: 10px; } .landing-list li .product-price { font-size: 8px; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); } .landing-list li .product-price span { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .product-messaging { position: absolute; top: 0; left: 0; } .product-messaging h6 { color: white; padding: 5px 10px 4px; } .product-messaging h6.soldout { background: black; outline: 1px solid red; } .product-messaging h6.popular { background: #FF6464; outline: 1px solid red; } .product-messaging h6.sale { background: red; outline: 1px solid red; } .product-messaging h6.new { background: #16bde1; outline: 1px solid #0f6a83; } .product-page::after { clear: both; content: ""; display: table; } .product-page .headline { text-align: center; margin: 20px auto; } .product-page h1 { font-size: 24px; margin: 10px auto; line-height: 1.3em; } .product-page h2 { font-size: 14px; font-weight: 300; } .product-page h3 { font-size: 16px; line-height: 1.3em; } .product-page h4 { margin: 4px auto; } .product-page h6 { font-weight: 100; } .product-page .owl-buttons { display: none; } .option { padding: 6px 0 10px; width: 100%; border-top: 1px solid #f1f1f1; } .option h2 { font-size: 18px; text-transform: uppercase; padding: 5px 0 0 0; } .option h3, .option h4 { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .option h5 { font-family: "Campton-BookItalic", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px; line-height: 1.3em; } .option h6 { color: #417505; font-size: 12px; text-align: left; line-height: 1.5em; margin: 4px 0; background: #FAFAFA; padding: 3px 6px; display: inline-block; } .option .out-of-stock { color: #D0021B; } .option a { color: #16BDE1; } .option .option-details-wrap { display: table; width: 100%; } .option .option-details-wrap > div { display: table-cell; vertical-align: middle; padding-top: 10px; } .option .option-details { width: 68%; padding-right: 10px; } .option .add-button { /*width:32%;*/ } .option.error { border: 1px solid #D0021B; } .option.error .message { display: block !important; width: 100%; color: #D0021B; font-size: 10px; text-transform: uppercase; text-align: center; padding: 10px 0 0; margin-bottom: -10px; } .option.error select { border: 1px solid #D0021B; color: #D0021B; } .options-wrap .free-ship { border: 1px solid #EBF3E1; background-color: #F3FFE7; padding: 10px 0; color: #3BBA48; text-align: center; margin-bottom: 10px; } .options-wrap .free-ship h5 { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; margin-bottom: 2px; } .zippy-checkout { display: block; width: 201px; height: 38px; margin: 0 auto 10px; background-image: url("/img/zippy-checkout-2.png"); background-position: 50% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .zippy-checkout { background-image: url("/img/zippy-checkout-2_2x.png"); background-size: 201px 38px; } } @media screen and (min-width: 0) { .shipping-timer { text-align: center; margin: 10px auto; } .owl-carousel .item { position: relative; } .owl-carousel .item .caption { color: black; text-align: left; position: absolute; bottom: 0; left: 0; padding: 10px; font-size: 10px; width: 100%; background: rgba(255, 255, 255, 0.6); } .accordion-tabs-minimal { line-height: 1.5; padding: 0; margin: 20px 0 0; } .accordion-tabs-minimal::after { clear: both; content: ""; display: table; } .accordion-tabs-minimal p { font-size: 14px; line-height: 1.5em; margin-bottom: 14px; } .accordion-tabs-minimal li.tab-header-and-content { list-style: none; } .accordion-tabs-minimal a.tab-link { background-color: white; border-top: 1px solid gainsboro; color: black; display: block; font-size: 16px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 12px 0; text-decoration: none; background-image: url("/img/accordian-bg.png"); background-repeat: no-repeat; background-position: 95.5% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .accordion-tabs-minimal a.tab-link { background-image: url("/img/accordian-bg_2x.png"); background-size: 6px 12px; } } @media screen and (min-width: 0) { .accordion-tabs-minimal a.tab-link:hover { /*color: $base-link-color;*/ } .accordion-tabs-minimal a.tab-link:focus { outline: none; } .accordion-tabs-minimal a.tab-link.is-active { border-bottom: 0; background-image: url("/img/select-bg.png"); background-position: 98.5% 50%; background-repeat: no-repeat; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .accordion-tabs-minimal a.tab-link.is-active { background-image: url("/img/select-bg_2x.png"); background-size: 20px 6px; } } @media screen and (min-width: 0) { .accordion-tabs-minimal .tab-content { display: none; padding: 0 10px 20px; width: 100%; } .accordion-tabs-minimal .tab-content p { line-height: 1.8em; } .accordion-tabs-minimal .tab-content .description-right ul { list-style: none; font-size: 12px; padding: 0px 0px; } .accordion-tabs-minimal .tab-content .description-right ul li { margin: 4px auto; padding: 10px 0; border-bottom: 1px solid #f1f1f1; } .accordion-tabs-minimal .tab-content .question { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; } .accordion-tabs-minimal .tab-content .answer { margin-bottom: 40px; } } @media screen and (min-width: 0) and (min-width: 40em) { .accordion-tabs-minimal .tab-content { border-top: 1px solid gainsboro; float: left; } } @media screen and (min-width: 0) { .tested::after { clear: both; content: ""; display: table; } .tested li { width: 100%; float: none; padding: 0; background: white !important; } .tested li ul { padding: 0; margin: 0; background: white !important; } .tested li ul li { padding: 0 !important; margin: 0 !important; background: white !important; font-size: 12px; } table.works-with-2 { border-spacing: 0; border-collapse: collapse; margin: 14px 0; } table.works-with-2 tr { border-top: 1px solid #f2f3f3; } table.works-with-2 tr:first-child { border-top: none; } table.works-with-2 tr td { height: 58px; width: 44px; border-left: 1px solid #f2f3f3; } table.works-with-2 tr td:first-child { border-left: none; border-right: 1px solid #cecece; } .yes { background-position: top; } .no { background-position: bottom; } .title-iPhone { background-image: url("../img/compatible/w-title-iphone-2@2x.png"); } .title-iPad { background-image: url("../img/compatible/w-title-ipad-2@2x.png"); } .title-iPad-Mini { background-image: url("../img/compatible/w-title-ipad-2@2x.png"); } .title-iPod { background-image: url("../img/compatible/w-title-ipod-2@2x.png"); } .title-Android { background-image: url("../img/compatible/w-title-android-2@2x.png"); } .iPhone3gs { background-image: url("../img/compatible/w-iphone-3GS@2x.png"); } .iPhone4 { background-image: url("../img/compatible/w-iphone-4@2x.png"); } .iPhone4S { background-image: url("../img/compatible/w-iphone-4S-2@2x.png"); } .iPhone5 { background-image: url("../img/compatible/w-iphone-5-nu@2x.png"); } .iPhone5S { background-image: url("../img/compatible/w-iphone-5S-2@2x.png"); } .iPhone5C { background-image: url("../img/compatible/w-iphone-5C-2@2x.png"); } .iPhone6 { background-image: url("../img/compatible/w-iphone-66s@2x.png"); } .iPhone6plus { background-image: url("../img/compatible/iPhone_6_6sPlus.png"); } /*.iPhone6splus { background-image: url("../img/compatible/w-iphone-6s-plus@2x.png"); }*/ .iPhone7 { background-image: url("../img/compatible/w-iphone-7@2x.png"); } .iPhone7plus { background-image: url("../img/compatible/w-iphone-7-plus@2x.png"); } .iPad1 { background-image: url("../img/compatible/w-ipad-1-2@2x.png"); } .iPad2 { background-image: url("../img/compatible/w-ipad-2-2@2x.png"); } .iPad3 { background-image: url("../img/compatible/w-ipad-3-2@2x.png"); } .iPad4 { background-image: url("../img/compatible/w-ipad-4-2@2x.png"); } .iPad5 { background-image: url("../img/compatible/w-ipad-5@2x.png"); } .iPad-air, .iPad-Air { background-image: url("../img/compatible/w-air-1@2x.png"); } .iPad-Air2 { background-image: url("../img/compatible/w-air-2@2x.png"); } .iPad-Air3 { background-image: url("../img/compatible/w-air-3@2x.png"); } .iPad-Air4 { background-image: url("../img/compatible/w-air-4@2x.png"); } .iPad-Pro { background-image: url("../img/compatible/w-pro@2x.png"); } .iPad-Mini1 { background-image: url("../img/compatible/w-ipad-mini-1@2x.png"); } .iPad-Mini2 { background-image: url("../img/compatible/w-ipad-mini-2@2x.png"); } .iPad-Mini3 { background-image: url("../img/compatible/w-ipad-mini-3@2x.png"); } .iPad-Mini4 { background-image: url("../img/compatible/w-ipad-mini-4@2x.png"); } .iPod3 { background-image: url("../img/compatible/w-ipod-3-2@2x.png"); } .iPod4 { background-image: url("../img/compatible/w-ipod-4-2@2x.png"); } .iPod5 { background-image: url("../img/compatible/w-ipod-5-2@2x.png"); } .Android-Mobile { background-image: url("../img/compatible/w-android-phone-2@2x.png"); } .Android-Tablets { background-image: url("../img/compatible/w-android-tablet-2@2x.png"); } table.works-with-2 td { background-size: 42px 112px; background-repeat: no-repeat; } #sync1 .item { background: white; margin: 5px; color: #FFF; text-align: center; } #sync2 .item { background: white; margin: 5px; color: #FFF; text-align: center; cursor: pointer; } #sync2 .item h1 { font-size: 18px; } #sync2 .synced .item { background: white; } footer { background: #F4FBFD; margin-top: 100px; } footer ul { list-style: none; } footer h6 { font-size: 12px; } footer .newsletter-wrap { max-width: 100%; margin-left: auto; margin-right: auto; background-color: white; } footer .newsletter-wrap::after { clear: both; content: ""; display: table; } footer .newsletter h4 { max-width: 80%; margin-left: auto; margin-right: auto; margin: 10px auto; color: #8B8B8B; } footer .newsletter h4::after { clear: both; content: ""; display: table; } footer .newsletter form { max-width: 80%; margin-left: auto; margin-right: auto; border: 0px none; margin: 2px auto; padding: 2px 0; margin: 0 auto; background-image: url("/img/dotted-line.png"); background-repeat: repeat-x; background-position: bottom left; } footer .newsletter form::after { clear: both; content: ""; display: table; } footer .newsletter form::after { clear: both; content: ""; display: table; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .newsletter form { background-image: url("/img/dotted-line_2x.png"); background-size: 306px 2px; } } @media screen and (min-width: 0) { footer .newsletter input[type="email"] { float: left; width: 90%; padding: 6px 0; border: 0px none; outline: 0px solid white; } footer .newsletter input[type="submit"] { outline: 0px solid white; color: transparent; width: 10%; height: 30px; padding: 0; background-color: transparent; border: 0px none; float: right; background-image: url("/img/mobile-submit.png"); background-position: 0% 50%; background-repeat: no-repeat; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .newsletter input[type="submit"] { background-image: url("/img/mobile-submit_2x.png"); background-size: 27px 21px; } } @media screen and (min-width: 0) { footer .footer-flare-wrap { max-width: 68em; margin-left: auto; margin-right: auto; background-color: white; background-image: url("/img/mobile-footer-repeat-bg.png"); background-repeat: no-repeat; } footer .footer-flare-wrap::after { clear: both; content: ""; display: table; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-flare-wrap { background-image: url("/img/mobile-footer-repeat-bg_2x.png"); background-size: 9px 100px; } } @media screen and (min-width: 0) { footer .footer-flare-wrap .footer-flare { display: block; width: 67px; height: 97px; margin: 0 auto; background-image: url("/img/footer-flare.png"); background-repeat: no-repeat; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-flare-wrap .footer-flare { background-image: url("/img/footer-flare_2x.png"); background-size: 66px 95px; } } @media screen and (min-width: 0) { footer .footer-links-wrap { max-width: 80%; margin-left: auto; margin-right: auto; padding: 20px 10px; } footer .footer-links-wrap::after { clear: both; content: ""; display: table; } footer .footer-links { -moz-column-width: 5.5em; -webkit-column-width: 5.5em; column-width: 5.5em; } footer .footer-links ul li { padding: 4px 0; } footer .footer-links ul li:first-child { margin-top: 0px; } footer .footer-links ul li a { font-size: 12px; color: #16BDE1; text-decoration: none; } footer .call-box-wrap { background: #16BDE1; color: white; padding: 20px 0; } footer .call-box-wrap .call-box { max-width: 80%; margin-left: auto; margin-right: auto; } footer .call-box-wrap .call-box::after { clear: both; content: ""; display: table; } footer .call-box-wrap a { color: white; } footer .call-box-wrap h5 { font-size: 14px; font-weight: 300; } footer .call-box-wrap h4 { font-size: 22px; padding: 6px 0; } footer .call-box-wrap h6 { font-size: 11px; line-height: 1.8em; font-weight: 300; } footer .footer-social { text-align: center; margin: 30px auto; } footer .footer-social li { display: inline-block; margin: 0 6px; } footer .footer-social a { display: block; width: 16px; height: 16px; } footer .footer-social .facebook { background-image: url("/img/main-nav-facebook-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-social .facebook { background-image: url("/img/main-nav-facebook-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { footer .footer-social .twitter { background-image: url("/img/main-nav-twitter-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-social .twitter { background-image: url("/img/main-nav-twitter-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { footer .footer-social .pinterest { background-image: url("/img/main-nav-pinterest-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-social .pinterest { background-image: url("/img/main-nav-pinterest-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { footer .footer-social .instagram { background-image: url("/img/main-nav-instagram-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-social .instagram { background-image: url("/img/main-nav-instagram-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { footer .footer-social .tumblr { background-image: url("/img/main-nav-tumblr-mobile.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .footer-social .tumblr { background-image: url("/img/main-nav-tumblr-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 0) { footer .unifooter-wrap { background: white; padding: 10px 0; } footer .unifooter { max-width: 80%; margin-left: auto; margin-right: auto; text-align: center; } footer .unifooter::after { clear: both; content: ""; display: table; } footer .unifooter h6 { display: inline-block; vertical-align: middle; color: #8B8B8B; } footer .unifooter .parabo { display: inline-block; vertical-align: middle; width: 58px; height: 20px; background-image: url("/img/other-parabo.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { footer .unifooter .parabo { background-image: url("/img/other-parabo_2x.png"); background-size: 58px 20px; } } @media screen and (min-width: 0) { .lever-wrap { display: none; } .lever-wrap.mobile { display: block; width: 90%; max-width: 300px; height: 100px; margin: 0 auto; } .lever-wrap.mobile a { display: inline-block; vertical-align: middle; width: 34px; height: 89px; margin: 0 auto; background-image: url("/img/lever_up.png"); } .lever-wrap.mobile a:hover { background-image: url("/img/lever_hit.png"); } .lever-wrap.mobile a:active { background-image: url("/img/lever_down.png"); } .donotthinkaboutit { width: 200px; height: 100px; display: inline-block; vertical-align: middle; background-image: url("/img/lever/mobile-callout.png"); background-size: 200px 100px; } .cart-page .right-column { margin-top: 40px; } .cart-page .right-column h2 { font-size: 21px; text-align: center; margin: 10px auto; } .cart-page input[type="submit"] { font-size: 14px; margin: 10px auto; } .cart-page h6 { text-align: center; margin: 10px; } .shopping-cart-list-wrap .shopping-cart-list-item { background: #F9F9F9; padding: 10px; margin: 4px auto; } .shopping-cart-list-wrap .shopping-cart-list-item::after { clear: both; content: ""; display: table; } .shopping-cart-list-wrap .product-image { width: 20%; float: left; display: inline-block; } .shopping-cart-list-wrap .product-name { font-size: 14px; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .shopping-cart-list-wrap .details-wrap { width: 77%; display: block; float: right; margin-left: 3%; font-size: 12px; } .shopping-cart-list-wrap .details-wrap > div { margin: 0 0 6px; } .shopping-cart-list-wrap .details-wrap a { text-decoration: underline; } .shopping-cart-list-wrap .details-wrap span { display: inline-block; } .shopping-cart-list-wrap .details-wrap input { text-align: center; padding: 6px 0; } .shipping-calculator-wrap { padding: 10px; background: #F9F9F9; } .shipping-calculator-wrap input[type="submit"] { width: 100%; } .shipping-calculator-wrap input[type="submit"]:disabled { border: 1px solid #eaeaea; color: #eaeaea; } .shipping-calculator-wrap .calculator-wrap { margin: 10px auto 20px; } .shipping-calculator-wrap .calculator-wrap > div { margin: 10px auto; } .shipping-calculator-wrap .calculator-wrap > div::after { clear: both; content: ""; display: table; } .shipping-calculator-wrap .calculator-wrap > div label { width: 30%; text-transform: uppercase; font-size: 12px; float: left; line-height: 2.5em; } .shipping-calculator-wrap .calculator-wrap > div input[type="number"], .shipping-calculator-wrap .calculator-wrap > div input[type="text"], .shipping-calculator-wrap .calculator-wrap > div select { width: 68%; margin-left: 2%; } .shipping-option-wrap { display: table; padding: 10px; width: 100%; } .shipping-option-wrap .shipping-option { display: table-row; } .shipping-option-wrap .shipping-option > div { padding: 10px; display: table-cell; vertical-align: middle; } .shipping-option-wrap .more-details label { font-size: 14px; } .shipping-option-wrap .more-details span { display: block; font-size: 12px; } .shipping-option-wrap .price { font-size: 12px; } .payment-options-wrap .payment-method { display: block; height: 50px; width: 100%; margin: 10px auto; background-color: #F3F3F3; border: 1px solid #B8B8B8; background-image: url("/img/paywithpaypal-tablet.png"); background-repeat: no-repeat; background-position: 50% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .payment-options-wrap .payment-method { background-image: url("/img/paywithpaypal-tablet_2x.png"); background-size: 168px 25px; } } @media screen and (min-width: 0) { .payment-options-wrap .amazon { background-color: #F6C953; background-image: url("/img/paywithamazon-tablet.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .payment-options-wrap .amazon { background-image: url("/img/paywithamazon-tablet_2x.png"); background-size: 168px 25px; } } @media screen and (min-width: 0) { .total-wrap { padding: 10px 0; } .total-wrap ul { list-style: none; } .total-wrap ul li { width: 100%; margin: 10px auto; } .total-wrap ul li::after { clear: both; content: ""; display: table; } .total-wrap span.label { float: left; } .total-wrap span.value { float: right; } .total-wrap .grand-total { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .gift-option-wrap .gift-options { width: 100%; display: block; padding: 10px 0; margin: 0; position: relative; font-size: 12px; text-transform: uppercase; } .gift-option-wrap .gift-options:after { content: url("/img/select-bg.png"); position: absolute; top: 8px; right: 0px; } .gift-option-wrap .coupon_options input[type="button"] { padding: 4px 6px; line-height: 1.5em; } .gift-option-wrap .gift-wrap-preview { background: #f8f8fa; padding: 10px 10px 1px 10px; margin: 2px auto; text-align: center; } .gift-option-wrap .gift-wrap-preview p { font-size: 10px; } .gift-option-wrap label { width: 100%; display: block; margin: 4px auto; font-size: 12px; padding: 6px 0; position: relative; } .gift-option-wrap table { width: 100%; } .gift-option-wrap textarea { width: 100%; font-size: 12px; margin: 4px auto; padding: 10px; } .coupon-gift-input-wrap input[type="text"] { display: inline-block; vertical-align: middle; } .gift-card-remove { display: inline-block; vertical-align: middle; } .gift-card-remove a { display: block; width: 20px; height: 20px; margin: 0 auto; color: transparent; background-image: url("/img/gift-card-remove.png"); background-repeat: no-repeat; background-position: 50% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .gift-card-remove a { background-image: url("/img/gift-card-remove_2x.png"); background-size: 13px 13px; } } @media screen and (min-width: 0) { .checkout-page h2 { margin: 10px auto; } .checkout-page .headline span { display: inline-block; width: 20px; height: 20px; margin: 0 4px; background-image: url("/img/checkout-lock.png"); background-repeat: no-repeat; background-position: 50% 50%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .checkout-page .headline span { background-image: url("/img/checkout-lock_2x.png"); background-size: 20px 20px; } } @media screen and (min-width: 0) { .checkout-page .checkout-section { background: #FBFBFB; padding: 10px 20px 20px; margin: 20px auto; } .checkout-page label { text-transform: uppercase; font-size: 14px; display: block; width: 100%; margin: 20px 0 0; } .checkout-page select { width: 100%; padding: 6px 6px; } .checkout-page input[type="text"], .checkout-page input[type="number"], .checkout-page input[type="email"] { padding: 6px; width: 100%; } .checkout-page input[type="submit"] { font-size: 16px; } .checkout-page table { width: 100%; } .checkout-page table tr td { padding: 0; /*input[type="text"],input[type="number"],input[type="email"], select { width: auto;}*/ } .checkout-page table tr td:first-child { padding: 0 10px 0 0; } .checkout-page .exp-date { width: 44%; } .jumbotron { text-align: center; margin: 20px auto; } input[type="number"].error, input[type="text"].error, input[type="email"].error, select.error { border: 2px solid #f46353; } .error-alert { background: #f46353; color: white; font-size: 12px; text-align: center; padding: 4px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .product-info-wrap .nytimes, .product-info-wrap .tuaw, .product-info-wrap .lifehacker, .product-info-wrap .notcot, .product-info-wrap .wired, .product-info-wrap .uncrate, .product-info-wrap .gizmodo, .product-info-wrap .core77, .product-info-wrap .realsimple, .product-info-wrap .instagram { display: inline-block; vertical-align: middle; width: 100px; height: 77px; margin: 0 1%; } .product-info-wrap .nytimes { background-size: 100px 155px; } .product-info-wrap .tuaw { height: 55px; background-size: 100px 110px; } .product-info-wrap .lifehacker { height: 29px; background-size: 100px 58px; } .product-info-wrap .notcot { height: 22px; background-size: 100px 45px; } .product-info-wrap .wired { height: 21px; background-size: 100px 42px; } .product-info-wrap .uncrate { height: 27px; background-size: 100px 54px; } .product-info-wrap .gizmodo { height: 17px; background-size: 100px 34px; } .product-info-wrap .instagram { height: 33px; background-size: 100px 67px; } .product-info-wrap .realsimple { height: 13px; background-size: 100px 26px; } .product-info-wrap .core77 { height: 26px; background-size: 100px 53px; } .single-page-wrap { text-align: center; margin: 20px auto; } .single-page-wrap h2 { font-size: 28px; margin: 0 auto 12px; text-align: center; } .single-page-wrap h3 { font-size: 21px; line-height: 1.5em; margin: 0 auto 4px; } .single-page-wrap p { text-align: left; line-height: 1.5em; margin: 0 0 1em; } .single-page-wrap table { margin: 20px auto; } .single-page-wrap ol { list-style: none; text-align: left; padding: 0; } .single-page-wrap ol li { margin: 0 0 1em; line-height: 1.5em; } .single-page-wrap form input, .single-page-wrap form textarea, .single-page-wrap form label, .single-page-wrap form select { width: 100%; display: block; text-align: left; font-size: 14px; } .single-page-wrap form input, .single-page-wrap form textarea, .single-page-wrap form select { margin: 0 auto 1em; padding: 4px; outline: 1px solid white; } .single-page-wrap form input[type="submit"] { text-align: center; padding: 1em 0; } .single-page-wrap .title { margin-bottom: 20px auto; } .single-page-wrap .title h1 { font-size: 32px; line-height: 1.3em; text-align: center; margin: 0 auto; } .single-page-wrap .title h2 { font-size: 28px; margin: 0 auto 12px; text-align: center; } .single-page-wrap .title p { font-size: 16px; line-height: 1.7em; margin: 0 auto 16px; } .single-page-wrap .title p a { text-decoration: none; } .single-page-wrap .one-column { float: none; width: 100%; } .single-page-wrap .two-column { float: none; width: 100%; } .single-page-wrap .three-column { float: none; width: 100%; } .single-page-wrap .faq { list-style: none; text-align: left; } .single-page-wrap .faq h3 { font-size: 16px; margin: 0 0 0.3em; } .single-page-wrap .faq p { font-size: 12px; } .single-page-wrap .faq li { margin: 0 0 1em; } .shipping-table { text-align: left; } .shipping-table td { border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; } .shipping-table thead td:first-child { border: 0 none; } .wholesale-logos { list-style: none; text-align: center; } .wholesale-logos li { display: inline-block; background-repeat: no-repeat; background-size: 96px 96px; } .wholesale-logos li a { display: block; width: 96px; height: 96px; } .wholesale-logos li .brit { background-image: url("/img/wholesale-1.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .wholesale-logos li .brit { background-image: url("/img/wholesale-1_2x.png"); background-size: 96px 96px; } } @media screen and (min-width: 0) { .wholesale-logos li .diy { background-image: url("/img/wholesale-2.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .wholesale-logos li .diy { background-image: url("/img/wholesale-2_2x.png"); background-size: 96px 96px; } } @media screen and (min-width: 0) { .wholesale-logos li .oc { background-image: url("/img/wholesale-3.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .wholesale-logos li .oc { background-image: url("/img/wholesale-3_2x.png"); background-size: 96px 96px; } } @media screen and (min-width: 0) { .wholesale-logos li .sesame { background-image: url("/img/wholesale-4.png"); } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .wholesale-logos li .sesame { background-image: url("/img/wholesale-4_2x.png"); background-size: 96px 96px; } } @media screen and (min-width: 0) { .jobs-listing { margin: 20px auto; } .jobs-listing h2 { font-size: 28px; margin: 0 auto 12px; text-align: center; } .jobs-listing h3 { font-size: 21px; line-height: 1.5em; margin: 0 auto 4px; } .jobs-listing p { font-size: 16px; line-height: 1.7em; margin: 0 auto 16px; } .jobs-listing p a { text-decoration: none; } .jobs-listing .title { margin-bottom: 40px; } .jobs-listing .title h1 { font-size: 32px; line-height: 1.3em; text-align: center; margin: 0 auto 10px; } .jobs-listing .title h2 { margin: 10px auto; font-size: 18px; text-align: center; } .jobs-listing .right { margin: 20px auto 50px; } .jobs-listing .right h3 { margin: 0 0 20px 0; } .jobs-listing .right ul { list-style: square; padding: 0 0 0 20px; } .jobs-listing .right ul li { margin: 0 auto 10px; } .jobs-listing ol { padding: 0 0 0 20px; line-height: 1.6em; } .jobs-listing ol li { margin: 0 auto 10px; } .jobs-listing ul { list-style: none; padding: 0; } .jobs-listing ul li { text-align: left; margin: 0 0 40px; line-height: 1.6em; } .jobs-listing .jobs-newsletter { text-align: center; width: 100%; } .jobs-listing .jobs-newsletter h4 { font-size: 21px; margin: 0 auto 20px; font-weight: 900; line-height: 1.8em; } .jobs-listing .jobs-newsletter input[type="text"] { display: block; width: 100%; padding: 10px; font-size: 16px; text-align: center; } .jobs-listing .jobs-newsletter input[type="submit"] { font-size: 16px; } .jobs-listing .list { list-style: square; padding: 0 0 0 20px; } .jobs-listing .list li { margin: 0 auto 10px; } .jobs-newsletter { margin: 40px auto 0px; background: #f5f5f5; padding: 1.5em 1em 1em; } } @media screen and (min-width: 0) and (max-width: 766px) { .responsive-table { display: block; margin: 0 0 10px; } .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display: block; } .responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive-table tr { border: 1px solid #ccc; margin: 14px auto; } .responsive-table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .responsive-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .responsive-table td:nth-of-type(1) { padding: 10px; text-align: center; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; background: #eee; } .shipping-table { /* Label the data */ } .shipping-table td:nth-of-type(1):before { content: ""; } .shipping-table td:nth-of-type(2):before { content: "Time"; } .shipping-table td:nth-of-type(3):before { content: "Cost"; } .shipping-table td:nth-of-type(4):before { content: "Tracking"; } } @media screen and (min-width: 0) { .downloadables { list-style: none; } .downloadables li { display: inline-block; margin: 10px; } .downloadables a { display: block; width: 150px; padding: 10px; } .downloadables a:hover { border: 1px solid rbga(0, 0, 0, 1); } .downloadables .download-button { background: #16BDE1; color: white; text-decoration: none; padding: 10px 0; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .donephp h3 { font-size: 18px; } .donephp p { text-align: center !important; margin: 0 auto; font-size: 19px; } .donephp .small { font-size: 12px; margin: 0 auto; } .referral-program { border: 1px solid #16BDE1; padding: 0 20px 20px 20px; text-align: center; margin: 30px auto 0; } .referral-program .dino { margin-top: -10px; } .referral-program p { text-align: center; font-size: 14px; } .referral-program input[type="text"] { width: 100%; text-align: center; margin: 14px auto 0; padding: 10px; border: 0px solid white; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .referral-program input[type="text"]:focus { background-color: #f6f5f1; } .referral-program .share-wrap { margin: 10px auto 0; } .referral-program .share-wrap::after { clear: both; content: ""; display: table; } .referral-program .share-wrap .share-label { float: left; padding: 0; } .referral-program .share-wrap ul { float: right; padding: 0; margin: 0; list-style: none; } .referral-program .share-wrap ul li { float: left; margin: 0 4px; } .two-column { max-width: 90%; margin-left: auto; margin-right: auto; } .two-column::after { clear: both; content: ""; display: table; } .two-column h4 { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 18px; margin: 10px auto; } .two-column h5 { font-size: 16px; } .two-column h5 span { color: #05ab01; } .form-row { margin: 0 auto 40px; } .form-row label { display: block; } .form-row .checked { background-color: #E1E1E1; } .funny-comments { display: none; } .giftcard-deets input[type="text"], .giftcard-deets input[type="email"] { width: 100%; margin: 4px auto 25px; font-size: 16px; padding: 6px 0 6px 10px; } .giftcard-deets input[type="submit"] { margin: 10px auto 20px; font-size: 16px; } .giftcard-deets textarea { width: 100%; margin: 4px auto 15px; font-size: 16px; padding: 6px 0 6px 10px; } .gift-card-kinds { max-width: 100%; margin-left: auto; margin-right: auto; cursor: pointer; border: 2px solid #D1D1D1; padding: 12px 6px 12px 12px; border-radius: 4px; margin: 4px auto; } .gift-card-kinds::after { clear: both; content: ""; display: table; } .gift-card-kinds input[type="radio"] { display: none; } .gift-card-kinds span.gift-card-kind-title { font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; } .gift-card-kinds.checked { background: #16BDE1; border: 2px solid #16BDE1; color: white; } .gift-card-kinds.checked span { color: white; } .first { border-bottom: 0px; margin-bottom: 0px; } .electronic_costs, .mail_costs { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .electronic_costs label, .mail_costs label { text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; flex-grow: 1; border: 1px solid #D1D1D1; border-radius: 3px; margin: 4px 2px; } .electronic_costs input[type="radio"], .mail_costs input[type="radio"] { display: none; } .electronic_costs label, .mail_costs label { padding: 10px; dispay: inline-block; font-size: 8px; } .electronic_costs input[type="radio"]:checked + label, .mail_costs input[type="radio"]:checked + label { background-color: #16BDE1; border: 1px solid #16BDE1; } .electronic_costs input[type="radio"]:checked + label, .mail_costs input[type="radio"]:checked + label { color: white; } .right-column .cart-wrap.open .closeSecretStore { display: block; } .right-column .cart-wrap.open .secret-store-wrap { display: block; } .secretStoreButton { font-size: 12px; text-transform: uppercase; text-decoration: none; } .secret-store-wrap { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; } .secret-product { background: white; width: 90%; margin: 0 auto; padding: 10px; text-align: center; } .secret-product .button { width: 90%; margin: 0 auto; } .closeSecretStore { position: absolute; top: 0px; right: 10px; text-decoration: none; } .secret-sign { display: block; width: 90%; height: 103px; margin: 27px auto 20px; background-color: white; background-image: url("/img/secret-store-sign-mobile.png"); background-repeat: no-repeat; background-position: 50% 0%; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .secret-sign { background-image: url("/img/secret-store-sign-mobile_2x.png"); background-size: 187px 103px; } } @media screen and (min-width: 0) { .secret-product .thumbnail { width: 90%; margin: 0 auto; display: table; } .secret-product .thumbnail img { margin: 0; display: table-cell; vertical-align: middle; } .secret-product .description { margin: 0; padding: 0; font-size: 12px; display: table-cell; vertical-align: middle; text-align: left; padding: 0px 10px; } .alert { max-width: 90%; margin-left: auto; margin-right: auto; margin: 8px auto 0; display: block !important; color: white; background: #F46352; padding: 14px 50px 14px 14px; width: 100%; cursor: pointer; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; position: relative; } .alert::after { clear: both; content: ""; display: table; } .alert.alert-success { background: #a7c031; } .alert.alert-info { background: white; border: 1px solid #16BDE1; color: #16BDE1; } .alert:after { content: ''; position: absolute; display: block; top: 50%; right: 10px; font-size: 32px; margin-top: -20px; } .admin-login { max-width: 90%; margin-left: auto; margin-right: auto; margin: 20px auto; } .admin-login::after { clear: both; content: ""; display: table; } .admin-login .form-group { margin: 20px auto; } .admin-login .panel-heading { font-size: 28px; text-align: center; } .admin-login button { -webkit-appearance: none; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; display: block; width: 100%; padding: 10px; border: 4px solid #16BDE1; background: white; text-transform: uppercase; color: #16BDE1; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin: 0 auto 10px; } .admin-login .panel { max-width: 260px; margin-left: auto; margin-right: auto; } .admin-login .panel::after { clear: both; content: ""; display: table; } .admin-login .panel input { display: block; width: 100%; padding: 6px; font-size: 16px; border: 1px solid #c8c8c8; outline: 0px none; } .admin-login .panel input[type="checkbox"] { display: block; width: 20px; float: left; } .dino-news-wrap { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(240, 87, 81, 0.96); color: white; z-index: 10000000; -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); -webkit-animation: photojojoMailSlide 1s ease-out 6s forwards; -moz-animation: photojojoMailSlide 1s ease-out 6s forwards; -o-animation: photojojoMailSlide 1s ease-out 6s forwards; animation: photojojoMailSlide 1s ease-out 6s forwards; } .dino-news-wrap .container { margin: 0px auto 20px; display: table; } .dino-news-wrap .container::after { clear: both; content: ""; display: table; } .dino-news-wrap .photosaurus { min-width: 70px; width: 22%; height: 95px; display: table-cell; background-image: url("/img/photosaurus-mobile.png"); background-repeat: no-repeat; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { .dino-news-wrap .photosaurus { background-image: url("/img/photosaurus-mobile_2x.png"); background-size: 70px 95px; } } @media screen and (min-width: 0) { .dino-news-wrap .texty { padding: 0 14px; display: table-cell; } .dino-news-wrap .texty p { font-size: 12px; } .dino-news-wrap form { margin: 10px auto; } .dino-news-wrap form::after { clear: both; content: ""; display: table; } .dino-news-wrap form input[type="email"] { -webkit-appearance: none; border: 0px none; outline: 0px none; font-size: 14px; padding: 6px 0px 6px 10px; margin: 0; width: 146px; } .dino-news-wrap form input[type="submit"] { -webkit-appearance: none; border: 0px none; font-size: 14px; text-transform: none; margin: 0 0 0 1px; padding: 6px; } .dino-news-wrap .close { text-align: right; font-size: 12px; padding: 10px; } .dino-news-wrap .dino-mail::after { clear: both; content: ""; display: table; } .dino-news-wrap .dino-mail div { float: left; margin: 0; } @-webkit-keyframes photojojoMailSlide { 0% { -webkit-transform: translateY(400px); } 100% { -webkit-transform: translateY(0px); } } @-moz-keyframes photojojoMailSlide { 0% { -moz-transform: translateY(400px); } 100% { -moz-transform: translateY(0px); } } @-o-keyframes photojojoMailSlide { 0% { -o-transform: translateY(400px); } 100% { -o-transform: translateY(0px); } } @keyframes photojojoMailSlide { 0% { transform: translateY(400px); } 100% { transform: translateY(0px); } } .product-email-alert { background: #FAFAFA; width: 100%; } .product-email-alert form { display: block; width: 100%; } .product-email-alert form::after { clear: both; content: ""; display: table; } .product-email-alert form input { float: left; width: auto; padding: 6px; font-size: 12px; margin: 6px 0; } span#timer { display: block; background: #FFF000; text-align: center; color: #F4545F; font-weight: 900; font-size: 24px; padding: 10px 0; } #habla_window_div #habla_topbar_div { border: 0 none !important; background-color: transparent !important; background-image: url("/img/chat-dino-150_2x.png") !important; background-size: 150px 87px !important; background-position: 100% 100% !important; background-repeat: no-repeat !important; color: #000; cursor: pointer; height: 67px; width: 133px; float: right; } #habla_oplink_a { display: none !important; } #habla_window_div #habla_closebutton_a { background-color: gainsboro !important; border-radius: 50% !important; } #habla_panel_div { background-color: transparent !important; } #habla_window_div #habla_expanded_div { border: 0px solid white !important; background-color: white; } .iris-pink { padding: 10px 0 0; margin: 0; background: #ffc0cb; line-height: 0em; } .iris-pink a { color: transparent; text-decoration: none; } .iris-pink a:hover { text-decoration: none; } .iris-pink img { display: inline-block; width: 90%; max-width: 500px; margin: 0 auto; padding: 0; } .holiday-ship { margin-top: -8px; } .holiday-ship a { position: relative; display: inline-block; outline: none; color: black; text-decoration: none; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; -webkit-font-smoothing: antialiased; } .holiday-ship a:hover, .holiday-ship a:focus { outline: none; } .holiday-ship a { line-height: 34px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .holiday-ship a span { position: relative; display: inline-block; padding: 0 14px; background: #16BDE1; -webkit-font-smoothing: antialiased; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .holiday-ship a span::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #16BDE1; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .holiday-ship a span { -webkit-animation: mymove 10s infinite; -moz-animation: mymove 10s infinite; animation: mymove 10s infinite; } @-webkit-keyframes mymove { 1% { -webkit-transform: rotateX(0deg) translateY(0); } 30% { -webkit-transform: rotateX(0deg) translateY(0); } 40% { -webkit-transform: rotateX(90deg) translateY(-22px); } 90% { -webkit-transform: rotateX(90deg) translateY(-22px); } 100% { -webkit-transform: rotateX(0deg) translateY(0); } } @-moz-keyframes mymove { 1% { -moz-transform: rotateX(0deg) translateY(0); } 30% { -moz-transform: rotateX(0deg) translateY(0); } 40% { -moz-transform: rotateX(90deg) translateY(-22px); } 90% { -moz-transform: rotateX(90deg) translateY(-22px); } 100% { -moz-transform: rotateX(0deg) translateY(0); } } @keyframes mymove { 1% { transform: rotateX(0deg) translateY(0); } 30% { transform: rotateX(0deg) translateY(0); } 40% { transform: rotateX(90deg) translateY(-22px); } 90% { transform: rotateX(90deg) translateY(-22px); } 100% { transform: rotateX(0deg) translateY(0); } } @-moz-document url-prefix() { select { background-image: none; background-repeat: no-repeat; background-position: right center; padding-right: 20px; } } } @media screen and (min-width: 768px) { .tablet { display: block; } .mobile { display: none; } .container { max-width: 90%; margin-left: auto; margin-right: auto; } .container::after { clear: both; content: ""; display: table; } .text { max-width: 640px; margin-left: auto; margin-right: auto; } .text::after { clear: both; content: ""; display: table; } .navigation-centered { width: 100%; background: white; } .navigation-centered .mobile-logo { display: none; } .navigation-centered .navigation-centered-mobile-menu { display: none; } .navigation-centered .navigation-centered-wrapper { position: relative; max-width: none; } .navigation-centered .navigation-centered-wrapper::after { clear: both; content: ""; display: table; } .navigation-centered .navigation-centered-wrapper .nav-logo-toggle-wrapper { padding: 0; display: none; } .navigation-centered .main-nav-tablet { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .navigation-centered ul.navigation-centered-menu { clear: both; display: block; margin: 0 auto; overflow: visible; width: 100%; text-align: center; border-bottom: 1px solid #C9E9F3; } .navigation-centered ul.navigation-centered-menu li a { display: block; color: #16BDE1; text-decoration: none; width: 100%; text-transform: uppercase; } .navigation-centered ul.navigation-centered-menu li.categories { border-top: 1px solid #16BDE1; border-bottom: 1px solid #16BDE1; width: 100%; padding-top: 0; } .navigation-centered ul.navigation-centered-menu li.categories > ul { padding: 0px; } .navigation-centered ul.navigation-centered-menu li.categories > ul li { text-align: center; width: 25%; } .navigation-centered ul.navigation-centered-menu li.categories > ul li a { text-align: center; display: block; width: 100%; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 10px; } .navigation-centered ul.navigation-centered-menu li.categories > ul li a:hover { color: white; background: #16BDE1; -webkit-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -moz-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } .navigation-centered ul.navigation-centered-menu li.categories > ul .main-nav-tablet li { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; } .navigation-centered ul.navigation-centered-menu li.categories > ul .main-nav-tablet li a { font-size: 12px; } .navigation-centered ul.navigation-centered-menu.show { display: block; } .navigation-centered ul.navigation-centered-menu .spacer { display: block; } .navigation-centered ul.navigation-centered-menu h5 { text-transform: uppercase; } .navigation-centered ul.navigation-centered-menu .social-nav { display: none; } .navigation-centered ul.navigation-centered-menu .global-nav { display: none; } .navigation-centered ul li.nav-link { display: inline-block; vertical-align: middle; text-align: left; width: auto; flex-grow: 1; } .navigation-centered ul li.nav-link a { display: inline-block; padding-right: 1em; } .navigation-centered ul li.nav-link a.logo { display: block; } .navigation-centered ul li.nav-link .search-icon { display: block; } .navigation-centered ul li.nav-link:last-child a { padding-right: 0; } .navigation-centered ul li.nav-link a { padding: 1.8em 0em; width: 80px; text-align: center; margin: 0 18px; } .navigation-centered ul li.nav-link.logo a { width: 212px; } .navigation-centered ul li.nav-link.cart-wrap { display: block; position: relative; float: right; width: 60px; } .navigation-centered ul li.nav-link.cart-wrap::after { clear: both; content: ""; display: table; } .navigation-centered ul li.nav-link.cart-wrap a.cart { padding: 0; height: auto; width: 120px; padding: 10px 6px 10px 28px; float: right; background-repeat: no-repeat; background-position: 0% 50%; background-image: url("/img/cart-1.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .navigation-centered ul li.nav-link.cart-wrap a.cart { background-image: url("/img/cart-1_2x.png"); background-size: 22px 14px; } } @media screen and (min-width: 768px) { .navigation-centered ul li.nav-link.cart-wrap a.cart.happy { background-image: url("/img/cart-2.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .navigation-centered ul li.nav-link.cart-wrap a.cart.happy { background-image: url("/img/cart-2_2x.png"); background-size: 22px 14px; } } @media screen and (min-width: 768px) { .navigation-centered ul li.nav-link.cart-wrap .count { display: inline-block; vertical-align: top; background-color: #16BDE1; color: white; padding: 5px 6px 3px; border-radius: 50px; font-size: 12px; line-height: 1em; } .navigation-centered ul li.nav-link.cart-wrap .recently-added { position: absolute; background: white; border: 1px solid gainsboro; width: 290px; top: 42px; right: 20px; z-index: 1000000000; padding: 6px; display: none; } .navigation-centered ul li.nav-link.cart-wrap .recently-added .cart-item a { margin: 0; padding: 0; } .navigation-centered ul li.nav-link.cart-wrap .recently-added:before { content: url("/img/cart-preview-tip.png"); display: block; width: 20px; height: 10px; position: absolute; left: 70%; margin-left: -10px; margin-top: -20px; } .navigation-centered ul li.nav-link.cart-wrap .recently-added:hover .recently-added { display: block; } .navigation-centered ul li.nav-link.cart-wrap .recently-added.show { display: block; } .navigation-centered ul li.nav-link.cart-wrap .recently-added .button { width: 100%; display: block; color: black; padding: 10px; margin: 0 auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .navigation-centered ul li.nav-link.cart-wrap .recently-added .button:hover { background: black; color: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .navigation-centered ul li.nav-link.cart-wrap .recently-added table { margin: 0 auto; } .navigation-centered ul li.nav-link.cart-wrap:hover .recently-added { display: block; } .navigation-centered #menu-header-menu { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .navigation-centered #menu-header-menu li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .navigation-centered li.logo.nav-link { display: inline-block; line-height: 0; } .navigation-centered li.nav-link.header-search { display: inline-block; vertical-align: middle; width: 60px; height: 116px; float: left; padding-left: 28px; } .navigation-centered li.nav-link.header-search .search-icon { cursor: pointer; height: 116px; background-image: url("/img/seach-icon-tablet.png"); background-position: 50% 50%; background-repeat: no-repeat; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .navigation-centered li.nav-link.header-search .search-icon { background-image: url("/img/seach-icon-tablet_2x.png"); background-size: 20px 20px; } } @media screen and (min-width: 768px) { .header-search-form { display: none; height: 78px; } .header-search-form input[type="search"] { display: block; width: 100%; padding: 1em; outline: 0px solid white; border: 0px none; background: #16BDE1; color: white; font-size: 1.5em; } .header-search-form input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search-form input[type="search"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search-form input[type="search"]:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search-form input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .global-nav-wrap { background: #F4FBFD; max-width: 100% !important; } .global-wrap { max-width: 68em; margin-left: auto; margin-right: auto; position: relative; } .global-wrap::after { clear: both; content: ""; display: table; } .global-wrap::after { clear: both; content: ""; display: table; } .global-nav { background: #F4FBFD; padding: 4px 10px; float: left; margin-top: 6px; position: relative; z-index: 1; } .global-nav h5, .global-nav ul { display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 0; font-size: 10px; color: #16BDE1; } .global-nav li { display: inline-block; vertical-align: top; margin: 0 4px; background-image: url("/img/other-parabo.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .global-nav li { background-image: url("/img/other-parabo_2x.png"); background-size: 58px 20px; } } @media screen and (min-width: 768px) { .global-nav li a { display: block; width: 58px; height: 20px; } .global-nav .zoomin { background-image: url("/img/other-zoomin.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .global-nav .zoomin { background-image: url("/img/other-zoomin_2x.png"); background-size: 58px 20px; } } @media screen and (min-width: 768px) { .global-nav.tablet { display: block; } .global-nav.mobile { display: none; } .social-nav { background: white; padding: 0 0.5em; font-size: 16px; float: right; position: relative; z-index: 1; } .social-nav::after { clear: both; content: ""; display: table; } .social-nav form { display: inline-block; margin-right: 4px; float: right; font-size: 12px; padding: 2px; } .social-nav form input[type="email"] { border: 1px solid #16BDE1; border-radius: 2px; outline: 0px solid white; padding: 2px 0 2px 22px; background-image: url("/img/social-nav-email.png"); background-repeat: no-repeat; background-position: 3px 1px; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav form input[type="email"] { background-image: url("/img/social-nav-email_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav ul { float: right; margin-right: 4px; margin-top: 8px; } .social-nav li { display: inline-block; margin: 0px 2px; background-image: url("/img/main-nav-facebook-mobile.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav li { background-image: url("/img/main-nav-facebook-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav .twitter { background-image: url("/img/main-nav-twitter-mobile.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav .twitter { background-image: url("/img/main-nav-twitter-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav .pinterest { background-image: url("/img/main-nav-pinterest-mobile.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav .pinterest { background-image: url("/img/main-nav-pinterest-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav .instagram { background-image: url("/img/main-nav-instagram-mobile.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav .instagram { background-image: url("/img/main-nav-instagram-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav .tumblr { background-image: url("/img/main-nav-tumblr-mobile.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .social-nav .tumblr { background-image: url("/img/main-nav-tumblr-mobile_2x.png"); background-size: 16px 16px; } } @media screen and (min-width: 768px) { .social-nav li a { display: block; width: 16px; height: 16px; } .social-nav .newsletter { margin: 10px auto 12px; } .social-nav .newsletter::after { clear: both; content: ""; display: table; } .social-nav .newsletter input[type="email"], .social-nav .newsletter input[type="submit"] { -webkit-appearance: none; outline: 0px solid white; border: 0px; background-color: white; float: left; margin: 0 2px; padding: 4px 7px; font-size: 14px; color: black; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .social-nav .newsletter input[type="submit"] { text-transform: uppercase; color: #16BDE1; } .search-field { display: none; width: 100%; } .free-shipping { text-align: center; margin-top: 6px; display: block; float: left; position: absolute; width: 100%; z-index: 0; } .free-shipping a { text-decoration: none; font-size: 12px; color: black; } .landing-list { text-align: center; max-width: 90%; margin-left: auto; margin-right: auto; } .landing-list::after { clear: both; content: ""; display: table; } .landing-list li { float: none; display: inline-block; vertical-align: top; text-align: left; width: 200px; min-height: 400px; margin: 10px; border: 1px solid #E6E6E6; } .landing-list li .product-description { font-size: 14px; } .landing-list li .description-wrap { margin: 10px; } .landing-list li .product-name { font-size: 16px; } .landing-list li .product-price { font-size: 11px; margin: 10px auto; } .product-page { max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 36px; } .product-page::after { clear: both; content: ""; display: table; } .product-page::after { clear: both; content: ""; display: table; } .carousel-wrap { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-right: 0; } .carousel-wrap:last-child { margin-right: 0; } .right-column { float: right; width: 220px; } .left-column { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-right: 0; } .left-column:last-child { margin-right: 0; } .option { margin: 0 auto 4px; padding: 14px 20px 0px; background: #F9F9F9; border-top: 0px solid #f1f1f1; } .option h2 { text-align: center; } .option h3, .option h4, .option h6 { display: block; width: 100%; } .option h3 { font-size: 16px; } .option h4 { font-size: 16px; } .option h5 { font-size: 11px; margin: 10px 0 0 0; } .option h6 { text-align: center; margin: 10px auto; } .option .option-details-wrap { display: block; } .option .option-details-wrap > div { display: block; width: 100%; } .option .option-details-wrap .option-details h6 { display: none; } .option .option-details-wrap .add-button h6 { display: block; } .option .option-details-wrap .add-button input[type="submit"] { padding: 8px 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); } .option input[type="submit"] { font-size: 14px; margin: 4px auto; } .option input[type="submit"]:active { background-color: #0084BE; } .option:hover { background: #fbfbfb; } .accordion-tabs-minimal .tab-content { padding: 20px 10px 20px; } .accordion-tabs-minimal .tab-content ul li { font-size: 16px; line-height: 1.8em; } .accordion-tabs-minimal .tab-content .description-right ul li { font-size: 12px; } .accordion-tabs-minimal .tab-content p { font-size: 16px; line-height: 1.8em; } .accordion-tabs-minimal .tab-content .question { font-size: 16px; margin-bottom: 4px; } .owl-theme img { width: 100%; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons { display: block; } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-buttons div { position: absolute; } .owl-theme .owl-controls .owl-buttons .owl-prev { height: 42px; width: 42px; background-image: url("/img/product-page-arrow-left.png"); left: 16px; top: 50%; margin-top: -20px; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .owl-theme .owl-controls .owl-buttons .owl-prev { background-image: url("/img/product-page-arrow-left_2x.png"); background-size: 42px 42px; } } @media screen and (min-width: 768px) { .owl-theme .owl-controls .owl-buttons .owl-next { height: 42px; width: 42px; background-image: url("/img/product-page-arrow-right.png"); right: 16px; top: 50%; margin-top: -20px; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .owl-theme .owl-controls .owl-buttons .owl-next { background-image: url("/img/product-page-arrow-right_2x.png"); background-size: 42px 42px; } } @media screen and (min-width: 768px) { .home-carousel { max-width: 100%; margin-left: auto; margin-right: auto; } .home-carousel::after { clear: both; content: ""; display: table; } .owl-carousel .item .caption { font-size: 12px; } footer { margin: 100px 0 0; max-width: 100%; margin-left: auto; margin-right: auto; } footer::after { clear: both; content: ""; display: table; } footer .newsletter-wrap { max-width: 100%; margin-left: auto; margin-right: auto; } footer .newsletter-wrap::after { clear: both; content: ""; display: table; } footer .newsletter-wrap .newsletter { max-width: 90%; margin-left: auto; margin-right: auto; } footer .newsletter-wrap .newsletter::after { clear: both; content: ""; display: table; } footer .center-the-footer { max-width: 90%; margin-left: auto; margin-right: auto; } footer .center-the-footer::after { clear: both; content: ""; display: table; } footer .newsletter h4 { max-width: 90%; margin-left: auto; margin-right: auto; } footer .newsletter h4::after { clear: both; content: ""; display: table; } footer .newsletter form { position: relative; max-width: 90%; margin-left: auto; margin-right: auto; } footer .newsletter form::after { clear: both; content: ""; display: table; } footer .newsletter input[type="email"] { font-size: 34px; } footer .newsletter input[type="submit"] { width: 90px; height: 90px; position: absolute; right: 0; top: -10px; background-image: url("/img/footer-submit-tablet.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { footer .newsletter input[type="submit"] { background-image: url("/img/footer-submit-tablet_2x.png"); background-size: 87px 78px; } } @media screen and (min-width: 768px) { footer .footer-flare-wrap { background: transparent; float: left; display: block; margin-right: 2.35765%; width: 6.17215%; } footer .footer-flare-wrap:last-child { margin-right: 0; } footer .footer-flare-wrap .footer-flare { margin-top: -10px; } footer .footer-links-wrap { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } footer .footer-links-wrap:last-child { margin-right: 0; } footer .call-box-wrap { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } footer .call-box-wrap:last-child { margin-right: 0; } footer .footer-social { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; } footer .footer-social:last-child { margin-right: 0; } .cart-page .right-column { margin-top: 0px; } .cart-page .right-column h2 { font-size: 17px; text-align: center; margin: 10px auto; } .cart-page input[type="submit"] { font-size: 14px; margin: 0px auto; } .cart-page input[type="text"], .cart-page input[type="number"], .cart-page input[type="number"] { font-size: 12px; } .cart-page h6 { text-align: center; margin: 10px; } .shopping-cart-list-wrap .shopping-cart-list-item .details-wrap { width: 82%; } .shopping-cart-list-wrap .shopping-cart-list-item .details-wrap > div { display: table-cell; text-align: center; vertical-align: middle; } .shopping-cart-list-wrap .shopping-cart-list-item .details-wrap .product-name { text-align: left; } .shopping-cart-list-wrap .shopping-cart-list-item .details-wrap .mobile { display: none; } .shopping-cart-list-wrap .shopping-cart-list-item.header { background-color: white; } .shopping-cart-list-wrap .shopping-cart-list-item.header .details-wrap > div { font-size: 10px; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; text-transform: uppercase; } .shopping-cart-list-wrap .shopping-cart-list-item.header .product-image, .shopping-cart-list-wrap .shopping-cart-list-item.header .product-name { height: 12px; } .shopping-cart-list-wrap .product-image { width: 65px; height: 65px; } .shopping-cart-list-wrap .product-name { width: 50%; height: 65px; padding: 0 4px; } .shopping-cart-list-wrap .product-price { width: 70px; } .shopping-cart-list-wrap .product-quantity { width: 68px; } .shopping-cart-list-wrap .product-subtotal { width: 78px; } .shopping-cart-list-wrap .product-remove { width: 13px; } .shopping-cart-list-wrap .product-remove a { display: block; width: 20px; height: 20px; position: relative; color: transparent; } .shopping-cart-list-wrap .product-remove a:after { position: absolute; content: "+"; color: black; width: 20px; height: 20px; top: 0; left: 0; font-size: 21px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .shopping-cart-list-header { background: blue; } .shipping-option-wrap { width: 100%; padding: 10px 0; } .shipping-option-wrap .shipping-option { display: table; width: 100%; } .shipping-option-wrap .shipping-option > div { padding: 10px 4px; display: table-cell; vertical-align: middle; } .shipping-option-wrap .more-details label { font-size: 12px; } .shipping-option-wrap .more-details span { display: block; font-size: 10px; } .shipping-option-wrap .price { font-size: 12px; text-align: right; padding: 0; } .payment-options-wrap { padding: 10px 0; } .payment-options-wrap .payment-method { height: 40px; } .total-wrap { padding: 10px 0; } .total-wrap ul li { font-size: 12px; } .total-wrap span.label { text-transform: uppercase; } .header.free-shipping a { color: black; } .checkout-page label { margin: 20px 0 0; } .checkout-page input[type="text"], .checkout-page input[type="number"], .checkout-page input[type="email"] { width: 100%; padding: 6px; font-size: 14px; } .checkout-page input[type="submit"] { font-size: 14px; } .checkout-page select { padding: 7px 6px; } .checkout-page .shipping-option-wrap { padding: 0; margin: 0; } .checkout-page .shipping-option-wrap .more-details label { margin: 0; } .single-page-wrap { margin: 20px auto; } .single-page-wrap h1 { font-size: 4em; } .single-page-wrap h2 { font-size: 2.5em; margin: 0; line-height: 1em; } .single-page-wrap h3 { font-size: 1.5em; } .single-page-wrap p { text-align: left; line-height: 1.5em; margin: 0 0 1em; } .single-page-wrap form { max-width: 400px; margin: 0 auto; } .single-page-wrap form input, .single-page-wrap form select, .single-page-wrap form textarea { font-size: 16px; padding: 10px; } .single-page-wrap .one-column { float: none; width: 100%; margin: 0 auto; } .single-page-wrap .two-column { float: left; width: 50%; padding: 10px; } .single-page-wrap .two-column .text-wrap { max-width: 400px; margin-left: auto; margin-right: auto; } .single-page-wrap .two-column .text-wrap::after { clear: both; content: ""; display: table; } .single-page-wrap .three-column { float: left; width: 33.333333%; padding: 10px; } .single-page-wrap .contact-reasons, .single-page-wrap .contact-form { margin: 0 auto; } .single-page-wrap .faq { list-style: none; text-align: left; max-width: 640px; } .single-page-wrap .faq h3 { font-size: 21px; margin: 0 auto 0.3em; } .single-page-wrap .faq p { font-size: 16px; } .single-page-wrap .faq li { margin: 0 0 2em; } .single-page-wrap .title { margin: 30px auto; } .single-page-wrap .title h1 { font-size: 38px; line-height: 1.3em; max-width: 960px; margin-left: auto; margin-right: auto; margin: 0px auto 0px; } .single-page-wrap .title h1::after { clear: both; content: ""; display: table; } .single-page-wrap .text-wrap { max-width: 640px; margin: 0 auto; } .jobs-listing .container { max-width: 90%; margin-left: auto; margin-right: auto; } .jobs-listing .container::after { clear: both; content: ""; display: table; } .jobs-listing .container::after { clear: both; content: ""; display: table; } .jobs-listing h2 { text-align: left; font-size: 24px; } .jobs-listing h3 { font-size: 24px; } .jobs-listing p { font-size: 16px; } .jobs-listing .title { margin: 30px auto; } .jobs-listing .title h1 { font-size: 38px; line-height: 1.3em; max-width: 960px; margin-left: auto; margin-right: auto; margin: 0px auto 0px; } .jobs-listing .title h1::after { clear: both; content: ""; display: table; } .jobs-listing .left { width: 60%; float: left; } .jobs-listing .right { width: 30%; margin: 0 auto; float: right; } .jobs-listing ul { list-style: none; padding: 0; text-align: left; } .jobs-listing ul p { font-size: 14px; } .donephp p { margin: 0 auto; text-align: center; } .referral-program > img { max-width: 200px; } .referral-program p { margin: 12px auto 0px; } .referral-program .container { max-width: 380px; margin-left: auto; margin-right: auto; } .referral-program .container::after { clear: both; content: ""; display: table; } .giftcard-deets input[type="text"], .giftcard-deets input[type="email"] { font-size: 14px; } .giftcard-deets input[type="submit"] { font-size: 14px; } .giftcard-deets textarea { font-size: 14px; } .gift-card-special { width: 100%; height: auto; } .funny-comments { list-style: none; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; } .funny-comments li { flex-grow: 0; flex-shrink: 1; } .gift-option-wrap .gift-options:hover { cursor: pointer; } .electronic_costs label, .mail_costs label { font-size: 12px; } .right-column .cart-wrap { position: relative; } .right-column .cart-wrap.open .secret-store-door { z-index: 1; width: 100%; position: relative; z-index: 10; -webkit-animation: swing 0.2s linear 0.3s forwards; -moz-animation: swing 0.2s linear 0.3s forwards; animation: swing 0.2s linear 0.3s forwards; } .right-column .cart-wrap.open .closeSecretStore { display: block; -webkit-animation: closeUp 0.5s ease-out 0.5s forwards; -moz-animation: closeUp 0.5s ease-out 0.5s forwards; animation: closeUp 0.5s ease-out 0.5s forwards; } .right-column .cart-wrap.open .secret-store-wrap { display: block; } .secretStoreButton { font-size: 12px; text-decoration: none; padding: 8px 0; display: block; } .secret-store-door { position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: min-height 0.3s ease; -moz-transition: min-height 0.3s ease; transition: min-height 0.3s ease; z-index: 1000000; background: white; width: 100%; position: relative; z-index: 10; } .secret-store-door .reverseSwing { -webkit-animation: reverseSwing 0.3s linear forwards; -moz-animation: reverseSwing 0.3s linear forwards; animation: reverseSwing 0.3s linear forwards; } .secret-store-door:after { content: ''; right: 0px; bottom: 0px; position: absolute; top: 0px; left: 0px; background: red; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes swing { 0% { -webkit-transform-origin: right; -webkit-transform: rotateY(0deg); } 1% { -webkit-transform-origin: right; -webkit-transform: rotateY(10deg); } 100% { -webkit-transform-origin: right; -webkit-transform: rotateY(90deg); } } @-moz-keyframes swing { 0% { -moz-transform-origin: right; -moz-transform: rotateY(0deg); } 1% { -moz-transform-origin: right; -moz-transform: rotateY(10deg); } 100% { -moz-transform-origin: right; -moz-transform: rotateY(90deg); } } @keyframes swing { 0% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 1% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(10deg); -moz-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); } 100% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes reverseSwing { 0% { -webkit-transform-origin: right; -webkit-transform: rotateY(90deg); } 99% { -webkit-transform-origin: right; -webkit-transform: rotateY(10deg); } 100% { -webkit-transform-origin: right; -webkit-transform: rotateY(0deg); } } @-moz-keyframes reverseSwing { 0% { -moz-transform-origin: right; -moz-transform: rotateY(90deg); } 99% { -moz-transform-origin: right; -moz-transform: rotateY(10deg); } 100% { -moz-transform-origin: right; -moz-transform: rotateY(0deg); } } @keyframes reverseSwing { 0% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } 99% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(10deg); -moz-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); } 100% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } .secret-store-wrap { z-index: 1; text-align: center; background: #F7F6F5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.06); box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.06); border: 1px solid #DFDFDF; display: none; } .secret-store-wrap { display: none; } .closeSecretStore { display: none; z-index: 100; position: absolute; top: 0px; left: 50%; margin-left: -50px; width: 100px; padding: 4px 10px; background: red; color: white; font-family: "Campton-Bold", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; text-decoration: none; } @-webkit-keyframes closeDown {} @-moz-keyframes closeDown {} @keyframes closeDown {} @-webkit-keyframes closeUp { 0% { -webkit-transform-origin: right; -webkit-transform: translateY(0px); } 100% { -webkit-transform-origin: right; -webkit-transform: translateY(-30px); } } @-moz-keyframes closeUp { 0% { -moz-transform-origin: right; -moz-transform: translateY(0px); } 100% { -moz-transform-origin: right; -moz-transform: translateY(-30px); } } @keyframes closeUp { 0% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } } @-webkit-keyframes closeDown { 0% { -webkit-transform-origin: right; -webkit-transform: translateY(-30px); } 100% { -webkit-transform-origin: right; -webkit-transform: translateY(0px); } } @-moz-keyframes closeDown { 0% { -moz-transform-origin: right; -moz-transform: translateY(-30px); } 100% { -moz-transform-origin: right; -moz-transform: translateY(0px); } } @keyframes closeDown { 0% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes popOut { 0% { -webkit-transform-origin: right; -webkit-transform: translateY(20px); } 70% { -webkit-transform-origin: right; -webkit-transform: translateY(20px); } 95% { -webkit-transform-origin: right; -webkit-transform: translateY(-6px); } 100% { -webkit-transform-origin: right; -webkit-transform: translateY(0px); } } @-moz-keyframes popOut { 0% { -moz-transform-origin: right; -moz-transform: translateY(20px); } 70% { -moz-transform-origin: right; -moz-transform: translateY(20px); } 95% { -moz-transform-origin: right; -moz-transform: translateY(-6px); } 100% { -moz-transform-origin: right; -moz-transform: translateY(0px); } } @keyframes popOut { 0% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 70% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 95% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .secret-sign-wrap { width: 90%; margin: 0 auto; background-image: url("/img/secret-store-sign-bg.png"); background-repeat: repeat-x; -moz-box-shadow: 2px 2px 0px 0px #D8D8D3; -webkit-box-shadow: 2px 2px 0px 0px #D8D8D3; box-shadow: 2px 2px 0px 0px #D8D8D3; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .secret-sign-wrap { background-image: url("/img/secret-store-sign-bg_2x.png"); background-size: 2px 103px; } } @media screen and (min-width: 768px) { .secret-store-wrap .secret-sign { display: block; margin: 0 auto; width: 187px; height: 104px; background-color: transparent; background-image: url("/img/secret-store-sign.png"); background-repeat: no-repeat; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .secret-store-wrap .secret-sign { background-image: url("/img/secret-store-sign_2x.png"); background-size: 187px 104px; } } @media screen and (min-width: 768px) { .secret-store-wrap .secret-product { padding: 6px; width: 90%; margin: 8px auto; padding: 14px 6px 8px; background-color: #ffffff; -moz-box-shadow: 2px 2px 0px 0px #D8D8D3; -webkit-box-shadow: 2px 2px 0px 0px #D8D8D3; box-shadow: 2px 2px 0px 0px #D8D8D3; } .secret-product .title { display: block; width: 100%; font-size: 14px; background-position: 50% 50%; background-repeat: no-repeat; } .secret-product .button { display: block; vertical-align: top; width: 126px; margin: 4px auto; padding: 7px 0px 4px; } .secret-product .thumbnail { margin: 7px auto; } .secret-product .description { width: 75%; font-size: 10px; } .secret-product .thumbnail img { width: 100%; max-width: 40px; } .error-banner-wrap { max-width: 90%; margin-left: auto; margin-right: auto; } .error-banner-wrap::after { clear: both; content: ""; display: table; } .error-banner-wrap .error-banner { font-size: 14px; margin: 10px auto; text-align: center; padding: 14px; } .dino-news-wrap h3 { font-size: 28px; } .dino-news-wrap .container { max-width: 90%; margin-left: auto; margin-right: auto; } .dino-news-wrap .container::after { clear: both; content: ""; display: table; } .dino-news-wrap .texty { max-width: 480px; } .dino-news-wrap .texty p { margin: 10px 0; font-size: 16px; } .dino-news-wrap .photosaurus { width: 133px; height: 180px; background-position: 50% 50%; background-image: url("/img/photosaurus.png"); } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) { .dino-news-wrap .photosaurus { background-image: url("/img/photosaurus_2x.png"); background-size: 133px 180px; } } @media screen and (min-width: 768px) { .dino-news-wrap form { margin: 10px 0 0; width: 100%; } .dino-news-wrap form::after { clear: both; content: ""; display: table; } .dino-news-wrap form input[type="email"] { color: white; font-size: 18px; padding: 6px 0px 6px 10px; margin: 0; width: 360px; border: 4px solid white; background-color: #f05751; } .dino-news-wrap form input[type="submit"] { color: white; font-size: 18px; text-transform: uppercase; margin: 0 0 0 2px; padding: 6px 10px; border: 4px solid white; background-color: #f05751; } span#timer { font-size: 50px; padding: 10px 0; } .holiday-ship { margin-top: -9px; } .holiday-ship a { line-height: 32px; } .holiday-ship a span { background: #F4FBFD; } .holiday-ship a span::before { background: #F4FBFD; } } @media screen and (min-width: 1024px) { .desktop { display: block; } .container { max-width: 960px; margin-left: auto; margin-right: auto; } .container::after { clear: both; content: ""; display: table; } .product-page { max-width: 90%; margin-left: auto; margin-right: auto; } .product-page::after { clear: both; content: ""; display: table; } .product-page .headline { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .product-page .headline::after { clear: both; content: ""; display: table; } .product-page h1 { font-size: 42px; } .product-page h2 { font-size: 28px; font-family: "Campton-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .product-page p { font-size: 21px; margin-bottom: 20px; line-height: 1.6em; } .product-page ul { font-size: 16px; } .right-column { float: right; width: 254px; } .option h3 { font-size: 21px; } .option h4 { font-size: 21px; } .option .option-details-wrap { display: block; } .option .option-details-wrap > div { display: block; width: 100%; } .option .option-details-wrap .option-details h6 { display: none; } .option .option-details-wrap .add-button h6 { display: block; } .option .option-details-wrap .add-button input[type="submit"] { font-size: 16px; padding: 6px; } .option .option-details-wrap .add-button select { font-size: 14px; } .option input[type="submit"] { font-size: 14px; margin: 4px auto; } .option input[type="submit"]:active { background-color: #0084BE; } .option:hover { background: #fbfbfb; } footer .center-the-footer { max-width: 90%; margin-left: auto; margin-right: auto; } footer .center-the-footer::after { clear: both; content: ""; display: table; } footer .call-box-wrap { padding-bottom: 50px; } .lever-wrap { display: block; width: 60px; height: 100px; float: left; margin: 0; } .lever-wrap a { display: block; width: 34px; height: 89px; margin: 0 auto; background-image: url("/img/lever_up.png"); } .lever-wrap a:hover { background-image: url("/img/lever_hit.png"); } .lever-wrap a:active { background-image: url("/img/lever_down.png"); } .lever-wrap.mobile { display: none; } .donotthinkaboutit { display: block; width: 80px; height: 160px; display: block; background-image: url("/img/lever/desktop-callout.png"); background-size: 80px 160px; } .arm { position: absolute; top: -100px; left: 50%; z-index: 10000000000; } .show { display: block !important; } .shopping-cart-list-wrap .product-name { width: 236px; } .shopping-cart-list-wrap .product-remove a:after { font-size: 34px; line-height: 1em; top: -5px; } .cart-page .carousel-wrap { float: left; display: block; margin-right: 2.35765%; width: 57.35098%; } .cart-page .carousel-wrap:last-child { margin-right: 0; } .cart-page .candy-cart-wrap { outline: 1px solid #f1f1f1; float: left; display: block; margin-right: 2.35765%; width: 14.70196%; text-align: center; float: left; } .cart-page .candy-cart-wrap:last-child { margin-right: 0; } .cart-page .candy-cart-wrap a { color: #16BDE1; text-decoration: none; } .cart-page .candy-cart-wrap h3 { font-size: 14px; margin: 11px auto; } .cart-page .candy-cart-wrap h4 { font-size: 12px; } .cart-page .candy-cart-wrap img { width: 100%; height: auto; } .cart-page .candy-cart-wrap .candy-cart { background: #fbfbfb; } .cart-page .candy-cart-wrap .candy-item { background-color: white; margin: 10px auto; } .cart-page .right-column { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; } .cart-page .right-column:last-child { margin-right: 0; } .landing-list { max-width: 90%; margin-left: auto; margin-right: auto; } .landing-list::after { clear: both; content: ""; display: table; } .landing-list li { width: 240px; margin: 20px; } .donephp h3 { font-size: 18px; } .donephp p { text-align: center !important; margin: 0 auto; font-size: 16px; } .donephp .small { font-size: 12px; margin: 0 auto; } .referral-program .container { max-width: 460px !important; margin: 0 auto; } .referral-program .container p { font-size: 16px; } .referral-program .container input { font-size: 18px; } .owl-carousel .item .caption { font-size: 16px; padding: 26px; } .accordion-tabs-minimal { margin-top: 10px; } .accordion-tabs-minimal a.tab-link { background-image: none; font-size: 10px; padding: 11px 9px; display: inline-block; border-top: 0; background: gainsboro; border-top-left-radius: 5px; border-top-right-radius: 5px; } .accordion-tabs-minimal a.tab-link.is-active { background-image: none; border: 1px solid gainsboro; border-bottom-color: white; margin-bottom: -1px; background: white; } .accordion-tabs-minimal li.tab-header-and-content { display: inline; } .accordion-tabs-minimal .tab-content { padding: 0; } .accordion-tabs-minimal .tab-content::after { clear: both; content: ""; display: table; } .accordion-tabs-minimal .tab-content ul { padding: 0; font-size: 16px; } .accordion-tabs-minimal .tab-content ul li { padding: 10px 6px; } .accordion-tabs-minimal .tab-content .product-faq .question { font-size: 16px; } .accordion-tabs-minimal .tab-content .product-faq .answer { font-size: 16px; } .accordion-tabs-minimal .tab-content .description-left { float: left; width: 65%; padding: 16px 16px 0 8px; } .accordion-tabs-minimal .tab-content .description-right { float: right; width: 35%; padding: 16px 0 0 16px; border-left: 1px solid #f1f1f1; /*background: #F7F7F7;*/ background: #f7f7f7; background: -moz-linear-gradient(left, #f7f7f7 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #f7f7f7 0%, #ffffff 100%); background: linear-gradient(to right, #f7f7f7 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 ); } .accordion-tabs-minimal .tab-content .description-right:empty { display: none; } .accordion-tabs-minimal .tab-content ul { font-size: 12px; } .tested::after { clear: both; content: ""; display: table; } .tested li { width: 50%; float: left; padding: 0; background: white !important; } .tested li ul { padding: 0; margin: 0; background: white !important; } .tested li ul li { padding: 0 !important; margin: 0 !important; background: white !important; font-size: 12px; } .single-page-wrap h1 { font-size: 4.5em; } .single-page-wrap h2 { font-size: 2.8em; } .single-page-wrap h3 { font-size: 1.5em; } .single-page-wrap p { font-size: 21px; text-align: left; line-height: 1.5em; margin: 0 auto 1em; } .single-page-wrap .container { max-width: 1024px; margin-left: auto; margin-right: auto; } .single-page-wrap .container::after { clear: both; content: ""; display: table; } .single-page-wrap .text-wrap { max-width: 640px; margin-left: auto; margin-right: auto; } .single-page-wrap .text-wrap::after { clear: both; content: ""; display: table; } .single-page-wrap .title { margin: 30px auto; } .single-page-wrap .title h1 { font-size: 52px; line-height: 1.3em; max-width: 960px; margin-left: auto; margin-right: auto; margin: 0px auto 0px; } .single-page-wrap .title h1::after { clear: both; content: ""; display: table; } .navigation-centered ul li.nav-link.logo a { width: 189px; height: auto; } .two-column { width: 50%; padding: 0 20px; } .two-column::after { clear: both; content: ""; display: table; } .two-column h4 { font-size: 14px; } .two-column h5 { font-size: 14px; } .two-column.left { float: left; } .two-column.right { float: right; } .jobs-listing .container { max-width: 960px; margin-left: auto; margin-right: auto; } .jobs-listing .container::after { clear: both; content: ""; display: table; } .jobs-listing .container::after { clear: both; content: ""; display: table; } .jobs-listing ul { max-width: 600px; margin-left: auto; margin-right: auto; } .jobs-listing ul::after { clear: both; content: ""; display: table; } .jobs-listing .title { margin: 60px auto; } .jobs-listing .title h1 { font-size: 52px; } .jobs-listing p { font-size: 18px; } .jobs-listing ul, .jobs-listing ol { font-size: 18px; } } @media screen and (min-width: 1280px) { .product-page { max-width: 90%; margin-left: auto; margin-right: auto; } .product-page::after { clear: both; content: ""; display: table; } .product-page h1 { font-size: 42px; } .product-page h2 { font-size: 28px; } .product-page p { font-size: 18px; margin-bottom: 20px; line-height: 1.6em; } .product-page ul { font-size: 16px; } .product-page .headline { margin: 40px auto; } .accordion-tabs-minimal a.tab-link { font-size: 14px; } .lever-wrap { margin: 0 37px; } } @media screen and (min-width: 1440px) { .container { max-width: none; } .product-page { max-width: 1280px; margin-left: auto; margin-right: auto; } .product-page::after { clear: both; content: ""; display: table; } .text { max-width: none; } .accordion-tabs-minimal a.tab-link { font-size: 14px; padding: 11px 12px; } .single-page-wrap h1 { margin: 40px auto; } .single-page-wrap .accordian-tabs-minimal a.tab-link { font-size: 18px; } .single-page-wrap .accordian-tabs-minimal .tab-header-and-content a { font-size: 21px; } .single-page-wrap .responsive-table { font-size: 21px; } .single-page-wrap .responsive-table td { padding: 20px; } .single-page-wrap .tab-content { padding: 36px 10px; font-size: 16px; } .single-page-wrap .faq p { font-size: 18px; line-height: 1.5em; } .giftcard-page { max-width: 960px; margin-left: auto; margin-right: auto; } .giftcard-page::after { clear: both; content: ""; display: table; } .two-column h4 { font-size: 18px; } .two-column h5 { font-size: 16px; } footer .center-the-footer { max-width: 1280px; margin-left: auto; margin-right: auto; } footer .center-the-footer::after { clear: both; content: ""; display: table; } footer .newsletter-wrap .newsletter { max-width: 1280px; margin-left: auto; margin-right: auto; } footer .newsletter-wrap .newsletter::after { clear: both; content: ""; display: table; } .home-carousel { max-width: 1280px; margin-left: auto; margin-right: auto; } .home-carousel::after { clear: both; content: ""; display: table; } }