/* start of css combination */ /* /******************************** RESET ***************************** */ html, body, div, span, iframe, button, input, select, textarea, p, img, sub, sup, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, footer, header, nav, section, summary, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, footer, header, nav, section { display: block; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } html { overflow-y: scroll; } ol { list-style-type: decimal; list-style-position: inside;} small { font-size: 85%; } strong, th { font-weight: bold; } sub { font-size: 65%; line-height: 0; position: relative; } sup { top: -0.5em; } textarea { overflow: auto; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } input.error, textarea.error { border-color:red } a {color: inherit; text-decoration: none;} .ie7 img { -ms-interpolation-mode: bicubic; } table{ width: 100%; border-collapse: collapse; vertical-align: middle; border-spacing: 0; } table td, table th {vertical-align: middle; } img {display: inline-block;} ul {list-style-position: inside;} /* /******************************** FONTS ***************************** */ @font-face { font-family: 'Dutch'; src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Roman.eot?15638860516220414093); src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Roman.eot?%23iefix&15638860516220414093) format('embedded-opentype'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Roman.woff?15638860516220414093) format('woff'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Roman.ttf?15638860516220414093) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Dutch'; src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Italic.eot?15638860516220414093); src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Italic.eot?%23iefix&15638860516220414093) format('embedded-opentype'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Italic.woff?15638860516220414093) format('woff'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/Dutch801BT-Italic.ttf?15638860516220414093) format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Circular Std'; src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Medium.eot?15638860516220414093); src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Medium.eot?%23iefix&15638860516220414093) format('embedded-opentype'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Medium.woff?15638860516220414093) format('woff'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Medium.ttf?15638860516220414093) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Bold.eot?15638860516220414093); src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Bold.eot?%23iefix&15638860516220414093) format('embedded-opentype'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Bold.woff?15638860516220414093) format('woff'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Bold.ttf?15638860516220414093) format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Circular Std'; src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Black.eot?15638860516220414093); src: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Black.eot?%23iefix&15638860516220414093) format('embedded-opentype'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Black.woff?15638860516220414093) format('woff'), url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/CircularStd-Black.ttf?15638860516220414093) format('truetype'); font-weight: 900; font-style: normal; } .dutch {font-family: 'Dutch', sans-serif;} .circular {font-family: 'Circular Std', sans-serif;} /* /******************************** BASE CONTENT STYLES ***************************** */ html,body { background: #ffffff; } body{ margin: 0px; font-family: 'Dutch', sans-serif; font-weight: 400; font-style: normal; font-size: 15px; color: #002970; letter-spacing: -0.02em; line-height: 1.5em; } #page {background-color: #ffffff;} .content-wrapper {background: #ffffff; position: relative; } .container {max-width: 1260px; margin: auto; padding: 0 20px; } @media all and (min-width: 901px) { .content-wrapper.padding-0 {padding-top: 0 !important;} } .content-wrapper.article {position: relative; height: 100%;} h1, h2, h3, h4, h5, h6 { color: #002970; font-family: 'Circular Std', sans-serif; font-weight: 400; font-style: normal; text-transform: none; margin: 0; letter-spacing: 0; line-height: 1em; } h1, h2 {text-align: center; margin-bottom: 30px;} h1 {font-size: 56px;} h2 {font-size: 52px;} p {font-size: 15px; margin: 0 0 15px 0; color: #002970; font-family: 'Dutch', sans-serif; font-weight: 400; font-style: normal; letter-spacing: -0.02em; line-height: 1.7em; } .antialiasing {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} li {font-size: 15px; font-family: 'Dutch', sans-serif; font-weight: 400; font-style: normal; letter-spacing: -0.02em; line-height: 1.7em; } .isNotMobile a:hover { color: #002970 } input, textarea{font-family: 'Dutch', sans-serif; font-weight: 400; font-style: normal; color: #002970; } input[type="text"], input[type='text'],input[type='email'], input[type="tel"], input[type="phone"], input[type='password'], input[type="submit"], input[type="button"], button {appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ border-radius: 0; background: transparent; border: 0;} input[type="submit"], input[type="button"], button {cursor: pointer;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: #fff !important; -webkit-box-shadow: 0 0 0px 1000px white inset; color: #002970; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;} .animation {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .ease-animation {-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .ease-animation-med {-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .ease-animation-slow {-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .ease-animation-slower {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } :focus {outline:none;} ::selection {background: #002970; color: #fff;} ::-moz-selection {background: #002970; color: #fff} ::-webkit-input-placeholder {color: #002970;} :-moz-placeholder {color: #002970;} ::-moz-placeholder {color: #002970;} :-ms-input-placeholder {color: #002970;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent !important; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; color: #002970;} /**** SELECT STYLES ****/ select {appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ border-radius: 0;} select {border: 3px solid #002970; box-sizing: border-box; padding: 15px 20px; width: 100%; color: #002970; font-size: 16px; font-style: italic; overflow: hidden; background: transparent url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/select.png?15638860516220414093) no-repeat 96% center; background-size: auto 50%; box-shadow: none; font-family: 'Dutch', sans-serif;} /**** INPUT STYLES ****/ input[type='text'],input[type='email'], input[type="tel"], input[type="phone"], input[type='password'], textarea {border: 3px solid #002970; box-sizing: border-box; padding: 15px 20px; width: 100%; color: #002970; font-size: 16px; font-style: italic; } textarea{border: 3px solid #002970; font-size: 16px; font-style: italic; height: 130px; padding: 15px 20px; background: transparent } /**** BUTTON STYLES ****/ .btn,a.btn,input.btn{display:inline-block;background:#002970;border:none;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;color:#fff;padding:12px 35px;font-size:14px;text-decoration:none;text-transform:none;font-weight:300;font-family:'Circular Std', sans-serif;font-style:normal;text-align:center;letter-spacing:0.02em;cursor:pointer;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear} .isNotMobile .btn:hover,.isNotMobile a.btn:hover, .isNotMobile input.btn:hover {background: #ffd531; } .btn.secondary {background: #aaa;} .btn.yellow {background: #ffd531;} .top-gradient {width: 100%; position: absolute; top: 0; left: 0; height: 90px; z-index: 9; background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));} /**** CUSTOM CHECKBOX AND RADIO STYLES ****/ .checkbox-custom, .radio-custom {opacity: 0; position: absolute;} .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;} .checkbox-custom-label, .radio-custom-label { position: relative;} .checkbox-custom + .checkbox-custom-label:before {float: left; content: ''; background: #fff url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/checked.png?15638860516220414093) no-repeat center; background-size: 0%; border: 2px solid #e5e5e5; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 15px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .radio-custom + .radio-custom-label:before {float: left; content: ''; border: 2px solid #e5e5e5; border-radius: 50%; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 15px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .checkbox-custom:checked + .checkbox-custom-label:before {background-color: #e5e5e5; background-size: 70%;} .radio-custom + .radio-custom-label:before { border-radius: 50%;} .radio-custom:checked + .radio-custom-label:before { background: #002970; box-shadow: inset 0px 0px 0px 4px #fff;} .disclaimer {font-size: 12px; line-height: 14px; border: 1px solid #d4d4d4; color: #A0A0A0; font-family: Helvetica, Arial, sans-serif; font-weight: lighter; padding: 10px; max-width: 682px; margin: auto; margin-top: 50px; text-align: center; letter-spacing: 0.05em;} /* /******************************** SCROLL TO TOP ***************************** */ .scrollup {display: none; position: fixed; z-index: 90; bottom: 20px; right:10px; } .scrollup a {background: #002970; display: block; width: 34px; height: 34px; color:#fff; font-size:26px; text-align:center; text-decoration:none; border-radius: 50%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .scrollup i {padding: 3px 0 0 0;} .isNotMobile .scrollup a:hover {color: #fff; background: #ffd531;} /* /******************************** OVERLAYS ***************************** */ #page::after {position: fixed; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.7); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 4000;} #page.mode-overlay::after {width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} #add-cart-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; z-index: 999999; opacity: 0.4; text-align: center; padding-top: 250px; display: none;} #loaderImage {top: 50%; left: 50%; position: fixed; margin-top: -40px; margin-left: -40px;} /* /******************************** HEADER ***************************** */ .header {color: #002970; position: relative;} #header {width: 100%; box-sizing: border-box; background: #ffffff; border-bottom: 1px solid #ffffff; text-align: center; position: relative; padding: 0;} #header .header-wrapper {margin: 0 auto; padding-top: 0; position:relative;} #header .bg {position: absolute; top: 0; left: 0; box-shadow: 0 0 0 2px rgba(0,0,0,0); width: 100%; height: 100%; background: transparent;} #header.scroll .bg, #header.shadow .bg {background: #ffffff; box-shadow: 0 0 0 2px rgba(0,0,0,0.1);} #header.scroll .logo, #header.shadow .logo {margin-top: 15px;} #header.scroll .main-menu, #header.shadow .main-menu {margin-top: 20px;} .template #header .bg {background: #ffffff; box-shadow: 0 0 0 2px rgba(0,0,0,0.1);} #header.article .bg {background: #f8f8ff; border-bottom: 1px solid #f8f8ff;} #header.article.scroll .bg {background: #f8f8ff; } #header.article #menu-mobile-button {background: #f8f8ff; } #header.blog.scroll .bg {background: #f8f8ff; } #header.blog #menu-mobile-button {background: #f8f8ff; } #header {position: fixed; z-index: 100;} #header .logo {position: absolute; cursor: pointer; width: 110px; left: 50%; margin-left: -55px; top: 0; z-index: 110; margin-top: 24px;} #header .logo a {display: block;} #header .logo svg {width: 100%; cursor: pointer; fill: #002970; max-width: 110px; max-height: 90px; } #header .cart-wrap {padding-right: 44px; position: relative; } #header .cart-wrap .circle {position: absolute; fill: #002970;text-align: center; top: -3px; right: 0; width: 34px; height: 34px; box-sizing: border-box; border: 2px solid #002970; border-radius: 50%; padding: 4px 0 0; } #header .cart-wrap .circle svg { width: 18px;} #header li .line {padding: 0; height: 3px; background: transparent; width: 100%; position: absolute; bottom: 0; left: 0;} #header li:hover .line {background: #002970;} #header.over-carousel {color: #fff; position: fixed; z-index: 100; background: transparent; border: none;} #header.over-carousel .menu-container .has-dropdown ul {background: transparent;} #header.over-carousel .logo svg {fill: #fff; } #header.over-carousel.scroll .logo svg {fill: #002970; } #header.over-carousel .logo:hover svg {fill: #002970;} #header.over-carousel.scroll .logo:hover svg {fill: #ffd531; } #header.over-carousel.scroll .main-menu {color: #002970;} #header.over-carousel.scroll .cart-wrap .circle svg {fill: #fff;} #header.over-carousel .cart-wrap .circle {border-color: #fff; } #header.over-carousel .cart-wrap .circle svg {fill: #fff; } #header.over-carousel.scroll .circle {border-color: #002970;} #header.over-carousel.scroll .cart-wrap .circle svg {fill: #002970;} #header.over-carousel li:hover .line {background: #fff;} #header.over-carousel.scroll li:hover .line {background: #002970;} .template .content-wrapper.padding-0 {padding-top: 80px !important;} .template #header .logo svg {fill: #002970; } .template #header .logo:hover svg {fill: #ffd531; } .template #header .main-menu {color: #002970;} .template #header .cart-wrap .circle svg {fill: #fff;} .template #header .circle {border-color: #002970;} .template #header .cart-wrap .circle svg {fill: #002970;} .template #header li:hover .line {background: #002970;} .template #header .cart-wrap .circle {border-color: #002970;} .template #header .cart-wrap .circle svg {fill: #fff; } .template #header .cart-wrap:hover .circle {border-color: #ffd531;} .template #header .cart-wrap:hover .circle svg {fill: #ffd531; } .template #header .logo {margin-top: 15px;} .template #header .main-menu {margin-top: 20px;} #header.over-carousel .cart-wrap:hover .circle {border-color: #002970;} #header.over-carousel .cart-wrap:hover .circle svg {fill: #002970; } #header.over-carousel.scroll .cart-wrap:hover .circle {border-color: #ffd531;} #header.over-carousel.scroll .cart-wrap:hover .circle svg {fill: #ffd531; } #header.affiliate {color: #002970;} #header.affiliate .logo svg path {} #header.affiliate.over-carousel .cart-wrap .circle svg {fill: #002970;} #header.affiliate.over-carousel .cart-wrap .circle {border-color: #002970;} #header.affiliate {color: #002970;} #header.ambassador .logo svg path {} /* /******************************** HEADER DROP ***************************** */ .header-drop {position: fixed; width: 100%; height: 56px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #ffffff; top: -67px; z-index: 999;} .header-drop.scroll {top: 0;} .header-drop .header-wrapper {margin: 0 auto; position: relative;} .header-drop .logo {float: left; margin-top: 13px; text-align: left} .header-drop .logo img {max-width: 130px; max-height: 40px; } .header-drop .top-utils {float: right; font-size: 17px; font-weight: 400; margin-top: 0; position: relative; top: 17px; right: 0; } .header-drop .top-utils ul {list-style-type: none;} .header-drop .top-utils li {float: left; margin-left: 20px;} .header-drop .top-utils li span {display: none;} .header-drop .cart-wrap {margin-left: 15px;} .header-drop .main-menu {float: left; margin-top: 18px; margin-left: 40px;} .header-drop .main-menu ul li div {padding-bottom: 12px;} /* ******************************* UTILITY BAR ***************************** */ #utility-bar {background: #f2f1f5; position: relative; color: #002970; overflow: hidden; padding: 5px 0 6px 0; text-align: center; font-size: 13px; line-height: 17px; font-family: 'Circular Std', sans-serif; } #utility-bar a:hover {color: #002970;} #utility-bar .container {position: relative; padding: 0 40px; max-width: 2000px; height: auto !important;} #utility-bar i {position: absolute; color: #002970; right: 20px; top: 50%; font-size: 16px; margin-top: -9px; } #utility-bar.image {padding: 0; } #utility-bar img {margin: auto; max-width: 100%; margin-bottom: -5px;} #utility-bar img.small--hide {margin-bottom: -5px;} /* /******************************** MENU ***************************** */ .main-menu {margin-top: 30px; } .main-menu ul {display: inline-block; list-style-type: none;} .main-menu ul li {display: inline-block; position: relative; letter-spacing: 0.02em; text-transform: none; font-family: 'Circular Std', sans-serif; font-size: 17px; font-weight: 400; margin-right: 40px; } .main-menu ul li div {padding-bottom: 20px;} .main-menu ul li.active {} .main-menu ul li a:hover {color: inherit;} .main-menu li.last {margin-right: 0;} .main-menu ul li.user i {margin-left: 5px;} .main-menu ul li.user .logout-label {display: none; position: absolute; color: #fff; width: 64px; left: 50%; background: #dfdde2; border-radius: 14px; text-align: center; margin-left: -32px; line-height: 120%; padding: 3px 0; top: -19px; font-size: 10px;} /* dropdown menus */ .main-menu .nav-arrow{ position: absolute; top: 0; right: 10px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #002970; display: block; } .main-menu .has-dropdown ul{clear: none; position: absolute; z-index: 30; background: #ffffff; top: 100%; left: -20px; padding: 5px 0; display: none;} .main-menu .has-dropdown li{text-align: left; display: block; text-transform: none; font-size: 11px; font-weight: 500; margin: 0; } .main-menu .has-dropdown li div {padding: 0 !important;} .main-menu .has-dropdown li.last {border-bottom: 0px;} .main-menu .has-dropdown li a{position: relative; margin: 0; box-sizing: border-box; min-width: 170px; padding: 10px 20px; display: block; border: none; padding-right: 0px;} .main-menu .has-dropdown .arrow {font-size: 14px; margin-left: 3px;} .main-menu .has-dropdown li .arrow-right {position: absolute; right: 20px; top: 50%; margin-top: -8px; font-size: 14px; margin-left: 3px;} /* level 3 */ .main-menu .has-dropdown ul .has-dropdown ul {top: -5px !important; left: 170px;} #menu-mobile-button.custom {cursor: pointer;} #menu-mobile-button.custom i {width: 20px; display: block; top: 50%; left: 15px; margin-top: -2px; height: 3px; background: #002970;} #menu-mobile-button.custom i:before {content:''; display: block; position: absolute; width: 100%; height: 3px; margin-top: -6px; background: #002970; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} #menu-mobile-button.custom i:after {content:''; display: block; position: absolute; width: 100%; height: 3px; margin-top: 6px; background: #002970; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} #menu-mobile-button.custom.active i {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} #menu-mobile-button.custom.active i:before {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 0;} #menu-mobile-button.custom.active i:after {opacity: 0; filter: alpha(opacity=0);} #menu-mobile.custom {display: none; overflow-y: auto; position: fixed; z-index: 30; top: 50px; width: 100%; background: #ffffff; border-top: 2px solid #ddd;} #menu-mobile.custom ul {list-style-type: none; padding: 40px 35px;} #menu-mobile.custom li {font-family: 'Circular Std', sans-serif; font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; color: #002970; border-bottom: 2px solid #002970;} #menu-mobile.custom li.last {margin: 0; padding: 0; border: 0;} #menu-mobile.custom a {display: block;} #menu-mobile.custom #social-links {} #menu-mobile.custom #social-links li {display: inline-block; margin: 0; margin-right: 10px; font-size: 16px; border: 0; padding: 0;} .menu-overlay {display: none; position: fixed; z-index: 20; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.6);} /* /******************************** CAROUSEL ***************************** */ #carousel {margin-bottom: 70px; overflow: hidden;} #carousel .item_img {background-repeat: no-repeat; background-position: center; background-size: cover; } #carousel .item_img.normal {padding-top: 48%;} #carousel .item {position: relative;} #carousel .item-overlay {position: absolute; text-align: center; color: #fff; z-index: 5; background: rgba(0,0,0,0.1); box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; } #carousel .item-overlay .wrap {display: table; width: 100%; height: 100%;} #carousel .item-overlay .content {display: table-cell; vertical-align: middle;} #carousel .item-overlay h1 {max-width: 700px; margin: auto; font-weight: 400; color: #fff; margin-bottom: 15px; padding: 0; padding-top: 35px; border-bottom: 1px solid rgba(255,255,255,0.3); border: none; font-size: 66px;} #carousel .item-overlay h1 span {font-family: 'Dutch', sans-serif; font-style: italic; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #carousel .item-overlay p {font-size: 30px; max-width: 610px; margin: auto; color: #fff; font-weight: 300; font-style: italic; line-height: 1.2em; letter-spacing: -0.02; margin-bottom: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #carousel .item-overlay .btn {padding: 17px 50px; font-size: 20px; border-radius: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .isNotMobile #carousel .item-overlay .btn:hover {background: #fff; color: #002970;} /*#carousel .item-overlay .btn {width: 95px; height: 95px; border: 2px solid #fff; box-sizing: border-box; background: transparent; border-radius: 50%; padding: 8px; font-size: 18px; line-height: 1.2em;} #carousel .item-overlay .btn:hover {background: #002970; border-color: #002970;}*/ #carousel .slick-slide {margin: 0;} #carousel .slick-arrow {color: #ffffff; opacity: 0; filter: alpha(opacity=0);} #carousel .slick-arrow:hover {color: #002970;} .isNotMobile #carousel:hover .slick-arrow.left-arrow {opacity: 1; filter: alpha(opacity=100); left: 30px;} .isNotMobile #carousel:hover .slick-arrow.right-arrow {opacity: 1; filter: alpha(opacity=100); right: 30px;} /* /****************************** BREADCRUMB ***************************** */ .breadcrumb {font-size: 11px; font-weight: 500; color: #aaa; padding-bottom: 24px; border-bottom: 1px solid #eee;} .breadcrumb i {margin: 0 5px;} .breadcrumb .page-title {color: #002970;} /* /****************************** FOOTER ********************************* */ #footer {width: 100%; box-sizing: border-box; overflow: hidden; color: #002970; margin: 0; background-color: #f2f1f5; border-top: 1px solid #f2f1f5 } #footer.blog, #footer.article {background: #ededf7; border-color: #ededf7; position: relative;} #footer.blog .mailing-list form, #footer.article .mailing-list form {background: #ededf7;} #footer .container {max-width: 1000px; padding: 50px 20px 90px 20px;} #footer img {width: 100%; max-width: 115px;} #footer .title {font-size: 18px; margin-bottom: 15px; color: #002970; text-transform: none; font-family: 'Circular Std', sans-serif; } #footer #social-links {list-style-type: none; margin-bottom: 25px;} #footer #social-links i {color: #002970; font-size: 19px; } .isNotMobile #footer #social-links i:hover {color: #ffd531;} #footer #social-links li {display:inline-block; margin: 0 0 0 12px; } #footer #social-links li:first-child {margin-left: 0;} #footer .links {list-style-type: none; } #footer .links li {display: block; margin: 0 0 8px 0; text-transform: none; font-family: 'Circular Std', sans-serif; font-size: 19px; font-weight: 400;} #footer .links li a {color: #002970;} .isNotMobile #footer .links li a:hover {color: inherit;} #footer .mailing-list {} #footer .mailing-list form {display: inline-block; position: relative; box-sizing: border-box; width: 100%; max-width: 280px; background: #f2f1f5; padding: 15px 15px 17px 18px; border: 3px solid #002970; } #footer .mailing-list form input[type="email"] {width: 60%; color: #002970; border: none; padding: 0; font-size: 17px; font-style: italic; background: transparent; } #footer .mailing-list form button {position: absolute; font-family: 'Circular Std', sans-serif; border-bottom: 2px solid #002970; padding: 0; font-size: 16px; right: 20px; top: 15px; background: transparent; color:#002970;} #footer .mailing-list .success {font-family: 'Circular Std', sans-serif; color: #f7c400; font-size: 18px; padding: 5px 0;} #footer .mailing-list form input[type="email"]::-moz-selection {background: #002970; color: #fff} #footer .mailing-list form input[type="email"]::-webkit-input-placeholder {color: #002970;} #footer .mailing-list form input[type="email"]:-moz-placeholder {color: #002970;} #footer .mailing-list form input[type="email"]::-moz-placeholder {color: #002970;} #footer .mailing-list form input[type="email"]:-ms-input-placeholder {color: #002970;} #footer .mailing-list form input[type="email"].error {color: #d50000;} /* /******************************** 404 ***************************** */ #page404 {position: relative; } #page404 .img {width: 100%; padding-top: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } #page404 {position: relative;} #page404 .overlay {position: absolute; text-align: center; color: #fff; z-index: 5; background: rgba(0,0,0,0.1); box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; } #page404 .overlay .wrap {display: table; width: 100%; height: 100%;} #page404 .overlay .content {display: table-cell; vertical-align: middle;} #page404 .overlay h1 {max-width: 600px; margin: auto; font-weight: 400; color: #fff; margin-bottom: 35px; padding: 0; border: none; font-size: 84px;} #page404 .overlay .btn {background: #ffd531; padding: 15px 50px; font-size: 16px; border-radius: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .isNotMobile #page404 .overlay .btn:hover {background: #002970;} /* /******************************** HOME ***************************** */ #instagram-card .module {position: relative;} #instagram-card .image {width: 100%; position: relative;} #instagram-card img {width: 100%; display: block;} #instagram-card .overlay {opacity: 0; filter: alpha(opacity=0); width: 100%; color: #fff; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background-color: #002970; background-color: rgba(0,0,0,0.6); } .isNotMobile #instagram-card .module:hover .overlay {opacity: 1; filter: alpha(opacity=100); } #instagram-card .caption {font-family: 'Circular Std', sans-serif; color: #fff; padding-right: 20px; padding-left: 20px; font-weight: 200; font-size: 15px; line-height: 1.2em; text-align: center; } #instagram-card .data {position: absolute; top: -5px; font-weight: 200; right: 10px; opacity: 0; color: #fff; z-index: 80;} #instagram-card .data i {margin-right: 5px; text-shadow: 0 0 0 #fff; } .isNotMobile #instagram-card .module:hover .data {top: 10px; opacity: 1;} .isNotMobile #instagram-card .data:hover {color: #ffd531;} .isNotMobile #instagram-card .data:hover i {text-shadow: 0 0 0 #ffd531;} .fancybox-title-float-wrap .child {font-size: 10px !important; font-weight: 300 !important; font-family: 'Dutch', sans-serif !important;} /* /******************************** RITUAL ***************************** */ #home section {margin-bottom: 50px;} #home .slick-dots {display: none !important; bottom: -20px; } #home .slick-dots li.slick-active button {background: #ffd531; border-color: #ffd531;} .carousel-controls {text-align: center; margin-top: 50px; } .carousel-controls .num {margin: 0 20px; letter-spacing: 3px; font-family: 'Circular Std', sans-serif; font-size: 22px;} .carousel-controls i {font-size: 22px;} .carousel-controls a {cursor: pointer;} .link {font-family: 'Circular Std', sans-serif; font-size: 20px; } .link a {border-bottom: 3px solid #ffd531; padding-bottom: 3px;} .link i {position: relative; top: 2px;} #home .cleanout {text-align: center; padding-top: 60px; padding-bottom: 60px;} #home .cleanout p {font-size: 24px; max-width: 1050px; margin: auto; margin-bottom: 40px; line-height: 1.3em; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #home .cleanout img {width: 40px; display: block; margin-right: 14px; margin: auto; margin-bottom: 25px; position: relative; top: 5px;} #home .cleanout .icons {max-width: 1100px; margin: auto; } #home .cleanout ul {list-style-type: none; /*display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-between;*/} #home .cleanout ul li {list-style: none; display: inline-table; margin: 0 1%; width: 14%; } #home .cleanout ul li span {font-family: 'Circular Std', sans-serif; font-style: normal; max-width: 150px; margin: auto; display: block; line-height: 120%;} #home .cleanout ul li br {display: none;} #home .essential-ingredients .pill-img {width: 100%; height: 540px; background-color: #f1f2f4; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/essential-ingredients-new.png?15638860516220414093); background-repeat: no-repeat; background-size: 438px; background-position: center; } #home .essential-ingredients h1 {max-width: 300px; padding-top: 80px; padding-right: 20px; margin-left: -82px; margin-bottom: 40px; font-size: 55px; line-height: 1.1em; text-align: left; } #home .essential-ingredients p {font-family: 'Circular Std', sans-serif; max-width: 370px; padding-right: 20px; margin-bottom: 40px; font-size: 20px; line-height: 1.3em; } #home .essential-ingredients .logos img {height: 42px;} #home .essential-ingredients .logos .lessismore {height: 35px; margin-right: 30px;} #home .open-source .right {float: right;} #home .open-source .map-img {width: 100%; height: 585px; background-color: #e8eaea; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/interactive-map.png?15638860516220414093); background-repeat: no-repeat; background-size: cover; background-position: center; } #home .open-source .text {position: relative; right: -85px; z-index: 10;} #home .open-source h1 {max-width: 475px; padding-top: 150px; padding-left: 20px; margin-left: auto; margin-bottom: 40px; font-size: 55px; line-height: 1.1em; text-align: left; } #home .open-source p {font-family: 'Circular Std', sans-serif; max-width: 395px; padding-left: 20px; margin-bottom: 20px; margin-left: auto; font-size: 20px; line-height: 1.3em; } #home .open-source .link {max-width: 395px; padding-left: 20px; margin-left: auto;} #home .at-your-door .product-img {width: 100%; height: 540px; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/at-your-door.jpg?15638860516220414093); background-repeat: no-repeat; background-size: cover; background-position: center; } #home .at-your-door h1 {max-width: 360px; padding-top: 170px; padding-right: 20px; margin-left: -82px; margin-bottom: 40px; font-size: 55px; line-height: 1.1em; text-align: left; } #home .at-your-door p {font-family: 'Circular Std', sans-serif; max-width: 370px; padding-right: 20px; margin-bottom: 20px; font-size: 20px; line-height: 1.3em; } #home .at-your-door .link {} #home .journal .wrap {padding: 60px 0; border-top: 3px solid #002970; border-bottom: 3px solid #002970;} #home .journal h1 {font-size: 30px; margin-bottom: 60px;} #home .journal .carousel {max-width: 900px; margin: auto;} #home .journal .slide h3 {font-size: 22px; margin-bottom: 10px;} #home .journal .slide .text p {line-height: 1.2em;} #home .journal .slide .text img {display: none;} #home .journal .slide hr {border-top: 3px solid #002970; width: 20px;} #home .journal .slide .main-img {width: 100%; padding-top: 90%; background-size: cover; background-position: center; background-repeat: no-repeat;} #home .journal .slide .footer {display: none;} #home .journal .slide .footer .avatar {width: 20%; padding-top: 20%; margin-right: 5%; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat;} #home .journal .slide .footer .author {width: 75%;} #home .journal .slide .author p {font-family: 'Circular Std', sans-serif; font-size: 15px; margin-top: 3px; line-height: 1.2em;} #home .journal .slide .author p span {font-family: 'Dutch', sans-serif; font-style: italic;} #home .myritual {text-align: center; padding-top: 10px;} #home .myritual p {font-size: 24px; max-width: 525px; margin: 0 auto 30px auto; line-height: 1.2em; } #home .founders {padding-bottom: 20px;} #home .founders .carousel {max-width: 1100px; margin: auto;} #home .founders .slide {position: relative; margin: 0;} #home .founders .main-img {width: 100%; padding-top: 130%; background-size: cover; background-position: center; background-repeat: no-repeat;} #home .founders .overlay {position: absolute; opacity: 0; filter: alpha(opacity=0); background: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; padding: 40px; box-sizing: border-box;} #home .founders .overlay p {color: #fff; font-size: 23px; line-height: 1.2em; margin: 0;} #home .founders .overlay .name {font-family: 'Circular Std', sans-serif; margin-top: 30px; } #home .founders .overlay .title {font-style: italic; color: #fff; } .isNotMobile #home .founders .slide:hover .overlay {opacity: 1; filter: alpha(opacity=100);} .isNotMobile #home .founders .slide:hover .overlay .name {margin-top: 0;} #home .instagram .wrap {padding: 60px 20px; border-top: 3px solid #002970; } #home .instagram h1 {font-size: 30px; margin-bottom: 60px;} #home .instagram .carousel {max-width: 900px; margin: auto;} .headlines {text-align: center;} .headlines .wrapper {padding: 60px 20px; border-bottom: 3px solid #002970; border-top: 3px solid #002970;} .headlines h1 {font-size: 30px; margin-bottom: 60px;} .headlines p {font-size: 20px; font-style: italic; max-width: 350px; min-height: 112px; margin: 0 auto 50px auto; line-height: 1.4em; } .headlines img {max-width: 220px; max-height: 68px; margin: auto;} .headlines .slick-dots {display: none !important;} .headlines hr {border-top: 2px solid #002970; width: 40px; margin: 25px auto;} .buy-now-target {display: none;} .buy-now.btn {position: fixed; bottom: 14px; right: 60px;} /* /******************************** APPROACH ***************************** */ #approach .top-section {width: 100%; height: 726px; position: relative; text-align: center; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/approach.jpg?15638860516220414093); background-size: cover; background-position: center;} #approach .top-section .overlay {position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.1);} #approach .top-section h1 {font-size: 128px; line-height: 90%; padding-top: 70px; color: #fff; display: inline-block; text-align: left; padding-bottom: 20px; margin: 0; border-bottom: 15px solid #fff;} #approach .top-section h1 span {padding-left: 160px;} #approach .text-section {padding-top: 80px; padding-bottom: 50px; } #approach .text-section p {max-width: 690px; line-height: 1.4em; margin: 0 auto 30px auto; font-size: 21px; text-align: center;} #approach .fixed-slider .left-column .text {padding-top: 400px;} #approach .fixed-slider .left-column .text.first {padding-top: 200px;} #approach .fixed-slider .left-column .text.last {padding-bottom: 400px;} #approach .fixed-slider .left-column h1 {font-size: 55px; line-height: 1.2em; margin-bottom: 40px;} #approach .fixed-slider .left-column h1 span {font-family: 'Dutch', sans-serif; font-style:italic;} #approach .fixed-slider .left-column p {font-family: 'Circular Std', sans-serif; letter-spacing: 0; font-size: 17px; text-align: center; max-width: 350px; margin: auto;} #approach .fixed-slider .left-column .small-img {width: 100%; max-width: 552px; height: 675px; margin: auto; margin-bottom: 60px; background-size: cover; background-position: center; background-repeat: no-repeat;} #approach .fixed-slider .right-column .img {width: 90%; margin-left: auto; height: 675px; background-size: cover; background-position: center; background-repeat: no-repeat;} #approach .fixed-slider .right-column .slide-wrapper {position: relative;} #approach .fixed-slider .right-column .wrap {width: 100%; padding-bottom: 70px;} #approach .created {background: #f6f4f9; padding: 80px 20px; margin: 40px 0;} #approach .created .wrap {max-width: 790px; margin: auto; } #approach .created h1 {font-size: 42px; line-height: 1.2em; margin-bottom: 60px;} #approach .created img {width: 100%;} #approach .created p {font-family: 'Circular Std', sans-serif; text-align: left;} #approach .created p.ceo {font-family: 'Dutch', sans-serif; font-size: 25px; font-style: italic; letter-spacing: 0;} #approach .team {max-width: 790px; padding: 80px 20px; margin: auto; } #approach .team h1 {font-size: 42px; line-height: 1.2em; margin-bottom: 60px;} #approach .team h2 {font-size: 20px; text-align: center; margin-bottom: 40px;} #approach .team .grid__item {margin-bottom: 25px;} #approach .team .img {width: 100%; padding-top: 130%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 10px;} #approach .team img {width: 100%; margin-bottom: 20px;} #approach .team p {font-family: 'Circular Std', sans-serif; line-height: 1.2em; font-size: 15px; letter-spacing: 0;} #approach .team p i {font-family: 'Dutch', sans-serif;} #approach .slide-wrapper .wrap {position: absolute; opacity:0; filter: alpha(opacity=0)} #approach .slide-wrapper .wrap.active {opacity:1; filter: alpha(opacity=100)} .everything-you-need-banner {width: 100%; position: relative; text-align: center; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/everything-you-need.jpg?15638860516220414093); background-size: cover; background-position: center;} .everything-you-need-banner .wrap {padding: 60px 20px; background: rgba(0,0,0,0.1);} .everything-you-need-banner h1 {font-size: 80px; color: #fff; line-height: 1.1em; margin-bottom: 40px;} .everything-you-need-banner button {border-radius: 40px; cursor: pointer; border: 3px solid #fff; padding: 15px 40px; font-size: 20px; background: rgba(255,255,255,0);} .everything-you-need-banner button.btn:hover {background: rgba(255,255,255,1); color: #ffd531;} .make-her-day {width: 100%; position: relative; text-align: center; background-image: url('gift-step1.jpg'); background-size: cover; background-position: center;} .make-her-day .wrap {padding: 130px 20px; background: rgba(0,0,0,0.1);} .make-her-day h1 {font-size: 80px; color: #fff; line-height: 1.1em; margin-bottom: 20px;} .make-her-day p {color: #fff; max-width: 435px; margin: auto; font-size: 30px; margin-bottom: 25px; font-weight: 300; line-height: 130% !important;} .make-her-day button {border-radius: 40px; cursor: pointer; border: 3px solid #002970; color: #fff; padding: 15px 40px; font-size: 20px; background: #002970;} .make-her-day button.btn:hover {background: transparent; color: #002970;} /* /****************************** INGREDIENTS ***************************** */ body.ingredients {padding-right: 52px;} body.ingredients #header {padding-right: 52px;} body.ingredients #header .logo {margin-left: -55px; } .ing-banner-btn-bg {position: fixed; z-index: 150; right: -52px; top: 0; width: 52px; height: 100%; overflow: hidden; background: #ffd531;} .ing-banner-btn-text {position: fixed; letter-spacing: 0; z-index: 151; color: #fff; top: 104px; right: -118px; font-family: 'Circular Std', sans-serif; font-size: 20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ing-banner-btn-text.overview {top: 90px; right: -104px; } .ing-banner-btn-text.ingredient {top: 132px; right: -42px; } .switch-button {cursor: pointer;} body.ingredients .ing-banner-btn-bg {right: 0; } body.ingredients .ing-banner-btn-text {right: -66px;} body.ingredients .ing-banner-btn-text.overview {right: -52px;} body.ingredients .ing-banner-btn-text.ingredient {right: -92px;} body.ingredients #ingredient-detail .relative {left: -27px;} #ingredients-overview {display: block;} .ingredients-section {display: none} #ingredients .head {padding: 60px 0; background: transparent;} #ingredients .head h1 {color: #ffd531; font-size: 64px;} #ingredients .head p {color: #444; max-width: 600px; margin: auto; text-align: center; font-size: 22px; line-height: 150%;} #ingredients .content {text-align: center; max-width: 1100px; margin: auto;} #ingredients .item {width: 17%; display: inline-table; margin-right: 1%; margin-left: 1%; margin-bottom: 50px; } #ingredients .item .img {position: relative; overflow: hidden; width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; border-radius: 50%; } #ingredients .item h2 {font-size: 22px; margin-bottom: 5px; text-align: center; margin-top: 20px;color: #ffd531;} #ingredients .item a {text-decoration: none;} #ingredients .item p {font-size: 13px; color: #ffd531; font-family: 'Circular Std', sans-serif; } #ingredients .item .overlay {position: absolute; width: 100%; border-radius: 50%; height: 100%; opacity: 0; filter: alpha(opacity=0); text-align: center; color: #fff; font-size: 35px; top: 0; left: 0; background: rgba(0,41,112,0.3); z-index: 10;} #ingredients .item .overlay .table {margin-top: 15px;} #ingredients .item:hover .overlay {opacity: 1; filter: alpha(opacity=100);} #ingredients .item:hover .overlay .table {margin-top: 0;} .switch-button {background: #ffd531; padding: 13px 10px; color: #fff; text-align: center; font-family: 'Circular Std', sans-serif; font-size: 19px;} /* /****************************** INGREDIENT DETAILS ***************************** */ #ingredient-detail .img {overflow: hidden; height: 940px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } #ingredient-detail h1 {text-align: left; color: #ffd531; font-size: 40px; margin-bottom: 5px; } #ingredient-detail h2.sub {text-align: left; text-transform: none; margin-bottom: 30px; letter-spacing: 0; color: #555; font-family: 'Dutch', sans-serif; font-style: italic; font-size: 21px; } #ingredient-detail h2 {font-family: 'Circular Std', sans-serif; text-align: left; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-size: 15px; letter-spacing: 0.08em; color: #000;} #ingredient-detail .relative {left: 0;} #ingredient-detail .content .wrapper {padding: 50px; max-width: 460px; } #ingredient-detail .content article {margin-bottom: 40px;} #ingredient-detail .data {font-family: 'Circular Std', sans-serif; text-transform: uppercase; font-size: 15px; letter-spacing: 0.08em; color: #000; line-height: 190%; } #ingredient-detail .data a {font-family: 'Dutch', sans-serif; text-transform: none; font-size: 18px; color: #002970; letter-spacing: 0.02em; text-decoration: underline; padding-left: 5px;} #ingredient-detail .icons {max-width: 340px;} #ingredient-detail .icons ul {list-style-type: none; display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-between;} #ingredient-detail .icons li {display: inline-block; line-height: 130%; text-align: center; max-width: 90px; font-size: 13px; letter-spacing: 0.15em; font-family: 'Circular Std', sans-serif; text-transform: uppercase; } #ingredient-detail .icons li img {width: 40px; display: block; margin: auto; margin-bottom: 15px;} #ingredient-detail .graphic {display: none; font-family: 'Circular Std', sans-serif; position: relative; margin-bottom: 80px !important; color: #999; font-size: 9px; line-height: 170%; text-transform: uppercase; letter-spacing: 0.2em;} #ingredient-detail .graphic i {display: block; width: 14px; height: 14px; border-radius: 50%; margin: auto; margin-bottom: 10px;} #ingredient-detail .graphic i.grey {background: #bbb; margin-left: 1px;} #ingredient-detail .graphic i.dark-grey {background: #888;} #ingredient-detail .graphic i.yellow {background: #ffd531; margin-right: 3px;} #ingredient-detail .graphic .bar {height: 14px; background: #f3f3f3; z-index: 3; width: 100%; border-radius: 10px; position: relative; margin: 10px 0; } #ingredient-detail .graphic .bar div {position: absolute; height: 100%; width: 10px; top: 0; left: 0; border-radius: 14px; background: #ffd531;} #ingredient-detail .graphic .bar div.avg {background: #bbb; } #ingredient-detail .graphic .bar div.most {background: #888; } #ingredient-detail .graphic .deficient {position: absolute; bottom: -11px; display: inline-block; } #ingredient-detail .graphic .deficient .line {width: 1px; background: #555; height: 27px; margin: auto; margin-bottom: 5px;} #ingredient-detail .graphic .deficient .text {position: absolute; text-align: center; width: 70px; left: -35px;} #ingredient-detail .graphic .range.deficient .line {background: transparent;} #ingredient-detail .graphic .range {position: absolute; z-index: 2; left: 0; width: 0%; bottom: -14px; display: inline-block; } #ingredient-detail .graphic .range .line {width: 100%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 5px; margin: auto; margin-bottom: 5px;} #ingredient-detail .graphic .range .text {position: absolute; left: 50%; text-align: center; width: 70px; margin-left: -35px;} #ingredient-detail .desc p {font-size: 18px; line-height: 130%; } #ingredient-detail .interactions h2 {margin-bottom: 30px; } #ingredient-detail .interactions .inter {margin-bottom: 25px; text-align: center; font-family: 'Circular Std', sans-serif; line-height: 130%; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; padding-bottom: 25px; border-bottom: 1px solid #002970;} #ingredient-detail .interactions .inter img {width: 66px; border-radius: 50%; display: block; margin: auto; margin-bottom: 15px;} #ingredient-detail .interactions .inter span {padding-top: 23px; font-size: 25px; display: block; } #ingredient-detail .interactions .inter i {font-size: 16px; line-height: 150%; position: relative; top: -3px; font-family: 'Dutch', sans-serif; text-transform: none; letter-spacing: 0.02em; } #ingredient-detail .interactions .inter.last {border-bottom: 0; padding-bottom: 15px;} #ingredient-detail .interactions .inter .text-left {padding-left: 38px; margin-top: 10px;} #ingredient-detail .interactions .inter .text-left i {letter-spacing: -0.02em; font-size: 18px; top: 0; } #ingredient-detail .studies .wrapper {padding-top: 60px; padding-bottom: 50px; border-top: 5px solid #002970;} #ingredient-detail .studies .wrap {max-width: 1000px; margin: auto;} #ingredient-detail .studies h2 {font-size: 36px; max-width: 655px; margin: auto; text-transform: none; letter-spacing: 0; color: #002970; margin-bottom: 60px; font-style: normal; text-align: center; font-family: 'Circular Std', sans-serif;} #ingredient-detail .studies h2 span {font-family: 'Dutch', sans-serif; font-style: italic;} #ingredient-detail .studies p.subtitle {font-size: 22px; max-width: 226px; line-height: 130%; } #ingredient-detail .studies .stud {margin-bottom: 18px; padding-bottom: 15px; border-bottom: 3px solid #f3f3f6;} #ingredient-detail .studies .stud.first {padding-top: 18px; border-top: 3px solid #f3f3f6;} #ingredient-detail .studies .stud h2 {font-size: 17px; font-family: 'Dutch', sans-serif; text-align: left; margin-bottom: 2px;} #ingredient-detail .studies .stud p {margin: 0; font-size: 12px;} /* /****************************** INGREDIENT MAP ***************************** */ #ingredient-map .map {float: right; overflow: hidden; min-height: 700px; } #ingredient-map .map .table {background: #e9ebeb;} #ingredient-map .map .wrap {position: relative; background: #e9ebeb; } #ingredient-map .img {overflow: hidden; width: 100%; padding-top: 81%; background-size: cover; background-position: center; background-repeat: no-repeat; } #ingredient-map .icons {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #ingredient-map .icons .target {position: absolute; top: 30%; left: 50%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} #ingredient-map .icons .target .dot {opacity: 0.6; filter:alpha(opacity=60); cursor: pointer; border: 1px solid #002970; display: inline-block; padding: 3px; border-radius: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} #ingredient-map .icons .target .dot .border {background: #002970; border-radius: 100%; width: 14px; height: 14px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} #ingredient-map .icons .target .dot:hover {opacity: 1; filter:alpha(opacity=100);} #ingredient-map .icons .target .label {position: absolute; z-index: 10; display: none; width: 150px; border-radius: 30px; bottom: 40px; left: 50%; margin-left: -72px; font-family: 'Circular Std', sans-serif; font-size: 16px; color: #fff; text-align: center; background: #002970; padding: 12px 0;} #ingredient-map .icons .target .label:after {position: absolute; top: 100%; left: 50%; margin-left: -13px; display: block; content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #002970;} #ingredient-map h1 {text-align: left; color: #ffd531; font-size: 40px; margin-bottom: 5px; } #ingredient-map h2.sub {text-align: left; text-transform: none; margin-bottom: 30px; letter-spacing: 0; color: #555; font-family: 'Dutch', sans-serif; font-style: italic; font-size: 21px; } #ingredient-map h2 {font-family: 'Circular Std', sans-serif; text-align: left; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-size: 15px; letter-spacing: 0.08em; color: #000;} #ingredient-map .content article {margin-bottom: 30px;} #ingredient-map .wrapper {padding: 50px; padding-left: 70px;} @media all and (min-width: 1200px) and (max-width: 1370px) { #ingredient-map .wrapper {padding: 50px 40px;} } @media all and (min-width: 900px) and (max-width: 1201px) { #ingredient-map .wrapper {padding: 50px 20px;} } @media all and (min-width: 1600px) { #ingredient-map .map {min-height: 100% !important;; height: auto !important;} } #ingredient-map .desc p {font-size: 18px; line-height: 130%; } #ingredient-map .desc img {width: 100%;} #ingredient-map .desc .link {font-family: 'Dutch', sans-serif; font-size: 18px; font-style: italic; margin-top: 10px;} #ingredient-map .desc .link a {border-bottom: 1px solid #002970;} #ingredient-map .desc .link i {padding-left: 3px;} #ingredient-map .icons .target.iron {top: 50%; left: 12.5%;} #ingredient-map .icons .target.vitamin-k2 {top: 37%; left: 54%;} #ingredient-map .icons .target.vitamin-b12 {top: 48.8%; left: 25.5%;} #ingredient-map .icons .target.vitamin-e {top: 85.9%; left: 29.5%;} #ingredient-map .icons .target.vitamin-d3 {top: 43%; left: 49.5%;} #ingredient-map .icons .target.omega-3 {top: 53%; left: 22.5%;} #ingredient-map .icons .target.boron {top: 45%; left: 20%;} #ingredient-map .icons .target.folate {top: 51%; left: 56%;} #ingredient-map .icons .target.magnesium {top: 49.5%; left: 54.5%;} #ingredient-map .icons .target.active .dot {opacity: 1; filter:alpha(opacity=100); } .ing-nav-arrows {position: fixed; text-align: center; bottom: 10px; right: 62px;} .ing-nav-arrows i {background: #bbb; line-height: 0; margin: 4px 2px; color: #fff; padding: 10px 8px; font-size: 16px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .ing-nav-arrows i.blue {background: #002970; cursor: pointer; } .ing-nav-arrows i.blue:hover { opacity: 1; filter: alpha(opacity=100); } @media all and (min-width: 1350px) { #ingredient-map .map .wrap {margin-top: -14%;} } @media all and (min-width: 1600px) { #ingredient-map .map .wrap {margin-top: -18%;} } /* /****************************** INGREDIENT SOURCE MODAL ***************************** */ #source-modal {display: none; position: fixed; width: 100%; overflow: auto; padding: 100px 20px; height: 100%; top: 0; left: 0; box-sizing: border-box; background: rgba(0,0,0,0.75); z-index: 900; } #source-modal .wrapper {display: none; max-width: 1300px; background: #fff; margin: auto; } #source-modal .close {position: absolute; cursor: pointer; right: 50px; top: 30px; font-size: 42px; color: #fff; text-shadow: 0 0 0; z-index: 901;} #source-modal .close span {font-family: 'Circular Std', sans-serif; font-size: 20px; position: relative; top: -13px;} #source-modal .close:hover {color: #ffd531; } #source-modal .head {padding: 80px 80px 100px; background-color: #ddd; background-position: center; background-size: cover; background-repeat: no-repeat;} #source-modal .head h1 {color: #fff; padding-top: 40px;text-align: left; font-size: 52px; margin-bottom: 5px;} #source-modal .head h2 {color: #fff; text-align: left; font-size: 48px; margin-bottom: 0; font-family: 'Dutch', sans-serif; font-style: italic;} #source-modal .head h3 {color: #fff; text-align: left; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0;} #source-modal .head hr {display: inline-block; border-top: 3px solid #fff; width: 50px; margin: 30px 0;} #source-modal .data {margin-top: -60px; padding: 30px 40px 30px 100px; box-sizing: border-box; max-width: 800px; background: rgba(255,255,255,0.9);} #source-modal .data .wrap {border-right: 1px solid #002970; padding: 10px 0;} #source-modal .data .final .wrap {border: 0; border-bottom: 1px solid #002970; padding-bottom: 10px; margin-bottom: 30px;} #source-modal .data .final .wrap.last {margin: 0; padding: 0; border: 0;} #source-modal .data .final p {margin-top: -10px; text-align: right; } #source-modal .data .label {font-family: 'Circular Std', sans-serif; font-size: 22px; margin-bottom: 25px; } #source-modal .data p {font-size: 40px; line-height: 100%; margin-bottom: 0;} #source-modal .data .grid {margin-left: -40px;} #source-modal .data .grid__item {padding-left: 40px;} #source-modal .content {padding: 50px 100px 30px 100px;} #source-modal .content .quote {font-size: 32px; color: #555; font-style: italic; line-height: 150%;} #source-modal .content .quote div {max-width: 375px;} #source-modal .content h2 {color: #000; font-size: 25px; text-align: left; margin-bottom: 10px; line-height: 120%;} #source-modal .content p {color: #444; font-size: 19px; margin-bottom: 40px;} #source-modal .head.omega {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/omega-manufacturer.jpg?15638860516220414093);} #source-modal .head.magnesium {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/magnesium-manufacturer.jpg?15638860516220414093);} #source-modal .head.k2 {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/k2-manufacturer.jpg?15638860516220414093);} #source-modal .head.iron {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/iron-manufacturer.jpg?15638860516220414093);} #source-modal .head.folate {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/folate-manufacturer.jpg?15638860516220414093);} #source-modal .head.e {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/e-manufacturer.jpg?15638860516220414093);} #source-modal .head.d3 {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/d3-manufacturer.jpg?15638860516220414093);} #source-modal .head.boron {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/boron-manufacturer.jpg?15638860516220414093);} #source-modal .head.b12 {background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/b12-manufacturer.jpg?15638860516220414093);} /* /****************************** AFFILIATE ***************************** */ #affiliate .top-section {width: 100%; height: 600px; position: relative; text-align: center; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/affiliate-bg.jpg?15638860516220414093); background-size: cover; background-position: center;} #affiliate .top-section .overlay {position: absolute; width: 100%; left: 0; top: 0; height: 100%;} #affiliate .top-section h1 {color: #002970; max-width: 400px; margin: auto; margin-top: 80px; font-size: 68px; margin-bottom: 25px;} #affiliate .top-section p {color: #002970; padding: 0 20px; max-width: 490px; margin: auto; line-height: 120%; font-size: 30px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #affiliate .top-section .but {cursor: pointer; font-family: 'Circular Std', sans-serif; font-size: 20px; line-height: 150%;margin-top: 50px;} #affiliate section .wrapper {max-width: 1100px; margin: auto; padding: 80px 0; border-bottom: 3px solid #002970;} #affiliate .info h1 {font-size: 35px; margin-bottom: 20px; text-align: center;} #affiliate .info h2 {font-family: 'Dutch', sans-serif; font-size: 26px; font-style: italic;text-align: center; margin: auto; max-width: 554px; line-height: 120%;} #affiliate .info .wrap {max-width: 1000px; margin: auto; margin-top: 70px;} #affiliate .info .wrap h2 {font-family: 'Circular Std', sans-serif; text-align: center; font-style: normal; font-size: 20px; margin-bottom: 20px;} #affiliate .info .wrap .cont {max-width: 270px; margin: auto;} #affiliate .info .wrap p {line-height: 130%; text-align: center; font-size: 18px; max-width: 173px; margin: auto; margin-bottom: 15px;} #affiliate .info .wrap hr {border-top: 2px solid #002970; max-width: 30px; margin: auto;} #affiliate .how-it-works {text-align: center;} #affiliate .how-it-works h1 {font-size: 66px; letter-spacing: -1px;} #affiliate .how-it-works .content {max-width: 850px; margin: auto;} #affiliate .how-it-works .content img {width: 100%;} #affiliate .how-it-works .content h1 {font-size:25px; max-width: 220px; line-height: 120%; margin: auto;} #affiliate .how-it-works .content hr {display: inline-block; width: 100%;max-width: 28px; margin: 18px 0 14px 0; border-top: 3px solid #002970;} #affiliate .how-it-works .content p {font-size: 18px; max-width: 300px; margin: auto;} #affiliate .how-it-works .right {float: right; } #affiliate .how-it-works .number {margin: auto; margin-bottom: 20px; margin-top: 85px; padding-top: 12px; font-size: 28px; padding-right: 1px; text-align: center; width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box; border: 2px solid #002970; font-family: 'Circular Std', sans-serif; } #affiliate .partner .wrapper {border: 0;} #affiliate .five.columns {text-align: center;} #affiliate .five.columns input {margin-right: 10px;} #affiliate .partner .btn {display: block; margin: auto;} #affiliate .partner .btn.big {display: inline-block; padding: 17px 50px; font-size: 20px; border-radius: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #affiliate .partner a {text-decoration: none;} /* /****************************** AMBASSADOR ***************************** */ #ambassador .top-section {width: 100%; height: 600px; position: relative; text-align: center; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/ambassador-bg.jpg); background-size: cover; background-position: center;} #ambassador .top-section .overlay {position: absolute; width: 100%; left: 0; top: 0; height: 100%;} #ambassador .top-section h1 {color: #fff; max-width: 400px; margin: auto; margin-top: 80px; font-size: 68px; margin-bottom: 25px;} #ambassador .top-section p {color: #fff; padding: 0 20px; max-width: 570px; margin: auto; line-height: 120%; font-size: 30px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #ambassador .top-section .but {cursor: pointer; font-family: 'Circular Std', sans-serif; color: #fff; font-size: 20px; line-height: 150%;margin-top: 50px;} #ambassador .top-section .but a {text-decoration: none;} #ambassador .top-section .but a:hover {color: #ffd531;} #ambassador section .wrapper {max-width: 1100px; margin: auto; padding: 80px 0; border-bottom: 3px solid #fff;} #ambassador .info .wrapper {border-bottom: 3px solid #002970; } #ambassador .info h1 {font-size: 35px; margin-bottom: 20px; text-align: center;} #ambassador .info h2 {font-family: 'Dutch', sans-serif; font-size: 26px; font-style: italic;text-align: center; margin: auto; max-width: 554px; line-height: 120%;} #ambassador .info .wrap {max-width: 1000px; margin: auto; margin-top: 70px;} #ambassador .info .wrap h2 {font-family: 'Circular Std', sans-serif; text-align: center; font-style: normal; font-size: 20px; margin-bottom: 20px;} #ambassador .info .wrap .cont {max-width: 270px; margin: auto;} #ambassador .info .wrap p {line-height: 130%; text-align: center; font-size: 18px; max-width: 173px; margin: auto; margin-bottom: 15px;} #ambassador .info .wrap hr {border-top: 2px solid #002970; max-width: 30px; margin: auto;} #ambassador .how-it-works {text-align: center;} #ambassador .how-it-works h1 {font-size: 66px; letter-spacing: -1px;} #ambassador .how-it-works h2 {font-family: 'Dutch', sans-serif; font-size: 26px; font-style: italic;text-align: center; margin: auto; margin-bottom: 10px;max-width: 554px; line-height: 120%;} #ambassador .how-it-works p {font-size: 18px;} #ambassador .how-it-works .content {max-width: 850px; margin: auto; padding-bottom: 0;} #ambassador .how-it-works .content img {width: 86%;} #ambassador .how-it-works .content h1 {font-size:25px; max-width: 220px; line-height: 120%; margin: auto;} #ambassador .how-it-works .content hr {display: inline-block; width: 100%;max-width: 28px; margin: 18px 0 14px 0; border-top: 3px solid #002970;} #ambassador .how-it-works .content p {font-size: 18px; line-height: 150%; max-width: 200px; margin: auto;} #ambassador .how-it-works .right {float: right; } #ambassador .how-it-works .number {margin: auto; margin-bottom: 20px; margin-top: 50px; padding-top: 12px; font-size: 28px; padding-right: 1px; text-align: center; width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box; border: 2px solid #002970; font-family: 'Circular Std', sans-serif; } #ambassador .how-it-works .number.larger {margin-top: 37px;} #ambassador .how-it-works .content .grid .grid__item:last-child .grid {margin-bottom: 0;} #ambassador .learn-more .wrapper {border-top: 3px solid #002970;} #ambassador .learn-more h1 {font-size: 66px; letter-spacing: -1px;} #ambassador .learn-more .title {font-size: 28px; font-style: italic; } #ambassador .learn-more .title div {width: 50%; box-sizing: border-box; padding: 60px 20px 40px;} #ambassador .learn-more .title .right {text-align: right; border-left: 3px solid #ffd531;} #ambassador .learn-more .chart {max-width: 920px; margin: auto; margin-top: 60px;} #ambassador .learn-more .values {padding: 30px; padding-bottom: 20px; font-size: 36px; font-family: 'Circular Std', sans-serif; border: 3px solid #ffd531; border-bottom: 0; } #ambassador .learn-more .values .row {position: relative;} #ambassador .learn-more .values .row div {position: relative; z-index: 2; background: #fff; padding: 10px; width: 100%; box-sizing: border-box; max-width: 210px;} #ambassador .learn-more .values .row:before {content: ''; z-index: 1; position: absolute; top: 50%; margin-top: -1px; width: 100%; height: 1px; border-top: 1px dotted #ffd531;} #ambassador .learn-more .values .row .right {text-align: right;} #ambassador .join .wrapper {border-top: 3px solid #002970; text-align: center;} #ambassador .join .btn {width: 100%; max-width: 600px; border-radius: 50px; font-size: 24px; padding: 30px 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* /****************************** PRODUCT ***************************** */ .error-itemincart {text-align: center; padding: 40px;} .quick-view #product-wrap {/*max-width: 1000px; margin: 0;*/ margin: auto; padding: 40px;} #product-wrap p {line-height: 1.5em;} #product-wrap .top-section .slick-slide {margin: 0;} #product-wrap .top-section .img {width: 100%; height: 660px; background-size: cover; background-position: center; background-repeat: no-repeat;} #product-wrap .top-section {position: relative;} #product-wrap .top-section .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #product-wrap .top-section .overlay .container {max-width: 1080px; height: 100%;} #product-wrap .top-section h1 {text-align: left; font-size: 48px; line-height: 80%;} #product-wrap .top-section h1 span {font-family: 'Dutch', sans-serif; font-size: 34px; letter-spacing: -1px;} #product-wrap .top-section hr {border-top: 2px solid #002970; width: 40px; margin: 20px auto;} #product-wrap .top-section .grid,#product-wrap .top-section .grid__item {height: 100%;} #product-wrap .info {text-align: left;} #product-wrap .info p {font-family: 'Circular Std', sans-serif; letter-spacing: 0; line-height: 1.2em; max-width: 200px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 2px solid #002970;} #product-wrap .info p.last {margin: 0; padding: 0; border: 0;} #product-wrap .info.small {background: #f4f3f8; padding: 40px 20px; text-align: center;} #product-wrap .info.small p {max-width: 240px; margin: 0 auto 10px !important;} #product-wrap .product-form {text-align: right;} #product-wrap .product-form form {display: inline-block; text-align: center;} #product-wrap .product-form p {max-width: 260px; margin: auto;} #product-wrap .product-form p.circular {margin-bottom: 10px; letter-spacing: 0;} #product-wrap .product-form .btn {padding: 17px 50px; font-size: 18px; border-radius: 35px;} .isNotMobile #product-wrap .product-form .btn:hover {background: #fff; color: #002970;} #product-wrap .product-form .price {font-size: 35px; color: #002970; margin-bottom: 10px; line-height: 1.2em; } #product-wrap .product-form .price .retail {display: inline-block; margin-right: 15px; color: #d50000; text-decoration:line-through;} #product-wrap .product-form .price .retail span {color: #002970;} #product-wrap .product-form .price .deal {display: inline-block; color: #002970} #product-wrap .product-form .red-message {color: #d50000; font-size: 17px; line-height: 25px; margin-top: 30px;} #product-wrap .product-form .quantity {display: none; font-size: 15px; margin-bottom: 30px;} #product-wrap .product-form .quantity .wrap {display: inline-block; padding: 3px; border: 1px solid #eee;} #product-wrap .product-form .quantity input[type=number]::-webkit-inner-spin-button, #product-wrap .product-form .quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} #product-wrap .product-form .quantity input[type=number] {padding: 0; width: 35px; height: 20px; text-align: center; font-weight: 500; color: #002970; border: none; background-color: transparent; float: left; -moz-appearance:textfield;} #product-wrap .product-form .quantity input.plus, #product-wrap .product-form .quantity input.minus {padding: 0; width: 20px; height: 22px; text-align: center; color: #002970; background-color: transparent; border: none; float: left;} .isNotMobile #product-wrap .product-form .quantity input.plus:hover, .isNotMobile #product-wrap .product-form .quantity input.minus:hover {color: #002970;} #product-wrap .product-form .options {font-size: 13px;} #product-wrap .product-form .options .selector-wrapper {margin-bottom: 30px;} #product-wrap .product-form .options label {display: none; margin-right: 10px; font-weight: 400; font-style: normal; color: #002970; } #product-wrap .product-form .options label.single {margin-bottom: 15px; display: block;} #product-wrap .product-form .options .select-variant {margin-bottom: 30px;} #product-wrap .product-form .content-available, #product-wrap .product-form .content-soldout {margin: 20px 0; } #product-wrap .product-form .description {font-size: 13px; line-height: 25px; margin-bottom: 30px;} #product-wrap .product-form .description p {margi-bottom: 15px;} #product-wrap .product-form .description ul {list-style-position: inside; margin-bottom: 15px;} /******** swatches *******/ #product-wrap .product-form .selector-wrapper {display: none;} #product-wrap .product-form .swatch {margin: 20px 0 0 0;} #product-wrap .product-form .swatch .header {display: none; font-size: 12px; margin-bottom: 15px; letter-spacing: 0.05em;} #product-wrap .product-form .swatch input {display:none;} #product-wrap .product-form .swatch label {font-family: 'Circular Std', sans-serif; display: inline-block; float:left; min-width: 30px !important; height: 30px !important; margin: 0 8px 0 0; border: 1px solid #ebebeb; color: #000; font-size:11px; text-align:center; line-height: 31px; white-space:nowrap; text-transform:uppercase; position: relative;} #product-wrap .product-form .swatch-element label { padding: 0 10px;} #product-wrap .product-form .color.swatch-element label { padding:0; border-radius: 50%; overflow: hidden;} .isNotMobile #product-wrap .product-form .swatch label:hover {border: 1px solid #000; } #product-wrap .product-form .swatch input:checked + label {background: #002970; border-color: #002970; color: #fff;} #product-wrap .product-form .swatch .swatch-element {display: inline-block; -webkit-transform:translateZ(0); -webkit-font-smoothing:antialiased; margin: 0; position:relative;} #product-wrap .product-form .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; opacity: 0.5; filter: alpha(opacity=50); } #product-wrap .product-form .swatch .swatch-element .crossed-out { display:none; } #product-wrap .product-form .swatch .swatch-element.soldout .crossed-out { display:block; } #product-wrap .product-form .swatch .swatch-element.soldout label {background-color: #eee; color: #002970;} #product-wrap .product-form .swatch .swatch-element.soldout label.color {opacity: 0.2; background-image: none !important; border: 1px solid #aaa; background-color: transparent !important; } #product-wrap .product-form .swatch .swatch-element.soldout label.color img {display: block !important;} /******** tooltip *******/ .swatch .tooltip {text-align:center;background:#002970;color:#fff; bottom:100%; padding: 4px; font-size: 11px; display:none; position:absolute; width:90px; left: 50%; margin-left:-47px; margin-bottom:15px; filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%;} .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid #002970 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0;} .isNotMobile .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);} #product-wrap .supplement-facts {text-align: center; cursor: pointer; padding: 20px; border-bottom: 1px solid #ddd; letter-spacing: -0.02em;} #product-wrap .supplement-facts:hover {background: #eee; } #product-wrap .cleanout {text-align: center; padding: 100px 20px;} #product-wrap .cleanout h1 {font-size: 40px; margin-bottom: 60px;} #product-wrap .cleanout img {height: 50px; margin-bottom: 5px;} #product-wrap .cleanout span {display: block; font-family: 'Circular Std', sans-serif; font-size: 18px;} #product-wrap .cleanout .icons {max-width: 850px; margin: auto; } #product-wrap .cleanout ul {} #product-wrap .cleanout ul li {list-style: none; float: left; width: 25%; padding: 0 20px; box-sizing: border-box;} #product-wrap .you-need h1 {font-size: 40px; margin-bottom: 20px; padding-top: 40px;} #product-wrap .you-need p {text-align: center; font-size: 20px; max-width: 515px; margin: auto; line-height: 1.3em; } #product-wrap .you-need .wrap {max-width: 790px; margin: auto; margin-top: 60px;} #product-wrap .you-need img {width: 100%;} #product-wrap .you-need .item {padding: 10px 0; border-bottom: 2px solid #002970;} #product-wrap .you-need .item .content {padding: 20px 0 20px 20px; text-align: left;} #product-wrap .you-need .item .content img {max-width: 300px; display: block; margin: auto; margin-bottom: 20px; } #product-wrap .you-need .item .content p {font-size: 15px; text-align: left; margin-bottom: 10px; } #product-wrap .you-need .item .content .tit {line-height: 100%;} #product-wrap .you-need .item .head {font-size: 20px; cursor: pointer; position: relative; letter-spacing: -0.02em;} #product-wrap .you-need .item .head span {position: absolute; width: 12px; height: 12px; right: 0; top: 6px;} #product-wrap .you-need .item .head span:before {position: absolute; content:""; display: block; width: 2px; background: #002970; height: 100%; left: 50%; top: 0; margin-left: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #product-wrap .you-need .item .head span:after {position: absolute; content:""; display: block; width: 100%; background: #002970; height: 2px; left: 0; top: 50%; margin-top: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #product-wrap .you-need .item .head.active span {color: #ffd531; } #product-wrap .you-need .item .head.active span:after {display: none;} #product-wrap .you-need .item .head.active span:before {background: #ffd531; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} #product-wrap .you-need .item .link {font-size: 16px; margin-top: 20px;} #product-wrap .you-need .item .link a {border-bottom: 2px solid #ffd531;} #product-wrap .you-need.nothing .wrap {padding-bottom: 60px;} #product-wrap .you-need.nothing h1 {padding-top: 0;} #product-wrap .you-need.nothing p {margin-bottom: 25px;} #product-wrap .you-need.nothing .main-image {float: right;} #product-wrap .skeptics .wrap {padding: 60px 0; border-top: 3px solid #002970; } #product-wrap .skeptics h1 {font-size: 30px; margin-bottom: 60px;} #product-wrap .skeptics .carousel {max-width: 980px; margin: auto;} #product-wrap .skeptics .slide h2 {font-size: 18px; margin-bottom: 5px; text-align: left;} #product-wrap .skeptics .slide h3 {font-family: 'Dutch', sans-serif; font-size: 18px; margin-bottom: 15px; } #product-wrap .skeptics .slide .main-img {width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;} #product-wrap .skeptics .slide .content {font-family: 'Dutch', sans-serif; font-style: italic; line-height: 1.2em;} #product-wrap .skeptics .slide .content p {font-family: 'Dutch', sans-serif; font-style: italic; line-height: 1.2em;} #product-wrap .skeptics .slick-dots {display: none !important;} #product-wrap .the-form {background: #f5f3f8; padding: 80px 0;} #product-wrap .the-form .container {max-width: 1050px; } #product-wrap .the-form .slick-dots {display: none !important;} #product-wrap .the-form h1 {font-family: 'Dutch', sans-serif; letter-spacing: -0.02em; font-style: italic; font-size: 46px; } #product-wrap .the-form h2 {font-size: 18px; margin-bottom: 80px;} #product-wrap .the-form img {display: none; width: 100%; max-width: 520px; } #product-wrap .the-form .carousel {padding-top: 40px; max-width: 420px;} #product-wrap .the-form p {font-family: 'Circular Std', sans-serif; font-size: 28px; line-height: 1.3em; } #product-wrap .the-form .text {float: left;} #product-wrap .the-form .pill {float: right; text-align: center; margin-top: -80px; } #product-wrap .the-form .pill .wrap {display: inline-block; position: relative;} #product-wrap .the-form .pill .item {position: absolute; width: 300px; color: #2352da;} #product-wrap .the-form .pill .item .num-wrap {float: left; width: 16%; margin-right: 1%; opacity: 0.6; filter: alpha(opacity=60);} #product-wrap .the-form .pill .item .number {font-family: 'Circular Std', sans-serif; border-radius: 50%; font-size: 20px; width: 36px; height: 36px; text-align: center; padding-top: 4px;box-sizing: border-box; border: 3px solid #2352da;} #product-wrap .the-form .pill .item a:hover {color: #2352da;} #product-wrap .the-form .pill .item p {display: none; float: left; text-align: left; width: 82%; line-height: 1.2em; font-size: 16px; color: #2352da;} #product-wrap .the-form .pill .item.active p {display: block;} #product-wrap .the-form .pill .item.active .num-wrap {opacity: 1; filter: alpha(opacity=100);} #product-wrap .the-form .pill .item.one {top: 19%; left: 15%;} #product-wrap .the-form .pill .item.two {top: 38.8%; left: 54.5%;} #product-wrap .the-form .pill .item.three {top: 81%; left: 53%;} #product-wrap .headlines .wrapper {padding: 80px 20px 80px 20px; border: 0;} #product-wrap .headlines p {font-size: 20px; min-height: 140px; font-style: italic; max-width: 350px; margin: 0 auto 25px auto; line-height: 140%; } #product-wrap .headlines img {max-width: 190px; max-height: 50px; margin: auto;} /******** sharing *******/ #sharing {padding: 20px; max-width: 300px; background: #f2f1f5; margin: 30px auto; font-size: 13px; text-align: left; font-weight: 500;} #sharing ul {list-style: none;} #sharing .social-meta {margin: 0; list-style: none; float: right;} #sharing .fa-share {margin-right: 4px;} #sharing .social-meta li {margin-left: 10px; display: inline-block;} /* /****************************** SUPPLEMENT MODAL ***************************** */ #supplement-modal {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; background: rgba(0,0,0,0.75); z-index: 900; } #supplement-modal .head {text-align: center; } #supplement-modal h2 {position: absolute; color: #fff; top: 50px; width: 100%; text-align: center; padding-bottom: 23px; font-size: 52px; line-height: 1em; } #supplement-modal .close {position: absolute; cursor: pointer; right: 50px; top: 50px; font-size: 42px; color: #fff; text-shadow: 0 0 0; z-index: 901;} #supplement-modal .close span {font-family: 'Circular Std', sans-serif; font-size: 20px; position: relative; top: -13px;} #supplement-modal .close:hover {color: #ffd531; } #supplement-modal .table {padding: 0 20px; box-sizing: border-box;} #supplement-modal .content {display: none; max-width: 700px; margin: auto; margin-top: -40px; padding: 40px 80px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,0.5);} #supplement-modal .content h3 {margin-top: 15px; margin-bottom: 10px; font-weight: bold; } #supplement-modal .content p {font-family: 'Circular Std', sans-serif; line-height: 1.2em; margin-bottom: 15px;} /* /******************************** CART ***************************** */ #cart-wrap {margin: 40px auto 20px auto; text-align: center;} #cart-wrap .empty {font-size: 15px; text-align: center; margin: 200px 0 200px 0; line-height: 24px; color: #002970; } #cart-wrap .empty i {font-size: 17px; padding-top: 5px; width: 29px; height: 24px; border: 1px solid #002970; border-radius: 50%; margin-bottom: 15px} #cart-wrap .empty a {color: #002970;} .isNotMobile #cart-wrap .empty a:hover {text-decoration: underline;} #cart-wrap .subtotal {width: 100%; text-align: center; margin: 40px 0 20px 0 } #cart-wrap .subtotal .label {background: #000; padding: 5px 0; letter-spacing: 0.15em; display: block; width: 230px; margin: auto; color: #fff; font-size: 11px; text-transform: none;} #cart-wrap .subtotal .number {background: #f5f5f5; padding: 25px 0; display: block; width: 230px; margin: auto; font-size: 23px; line-height: 1em; font-family: 'Circular Std', sans-serif; color: #002970; font-weight: normal; border-top: 1px solid #e5e5e5; } #cart-wrap th {background: #000; padding: 5px 0; letter-spacing: 0.15em; font-weight: 400; color: #fff; font-size: 11px; text-transform: none;} #cart-wrap th.text-left {padding-left: 25px;} #cart-wrap .title-small {background: #000; padding: 5px 0; letter-spacing: 0.15em; color: #fff; font-size: 11px; text-transform: none;} #cart-wrap .item {position: relative; background: #f5f5f5; border-top: 1px solid #e5e5e5;} #cart-wrap .item img {max-width: 180px; padding: 20px; display: block; } #cart-wrap .item .title .text {font-weight: bold; font-size: 15px; margin-bottom: 0;} #cart-wrap .item input[type="number"] {background: #fff; width: 35px; text-align: center; padding: 10px; border: 1px solid #ccc; box-shadow: 0; } #cart-wrap .item .remove i {font-size: 25px;} #cart-wrap .bottom-btns {text-align: center;} #cart-wrap .bottom-btns div {display: inline-block; margin: 10px;} #cart-wrap .bottom-btns input {background: #aaa;} #cart-wrap .bottom-btns input#paypal-express-button {background: transparent;} #cart-wrap .checkout-button input {background: #002970; } #cart-wrap #checkout-addnote {margin: 40px 0 30px 0;} #cart-wrap #checkout-addnote textarea {margin-top: 15px; border: solid 1px #eee; color: #002970; width: 305px; height: 100px; padding: 10px; } #cart-wrap .additional-message {margin-bottom: 30px;} #cart-wrap .return-policy-button {font-weight: bold; margin-bottom: 30px; color: #002970; } .isNotMobile #cart-wrap .return-policy-button:hover {color: #002970 } #cart-wrap #return-policy {display: none;} #return-policy {max-width: 700px; line-height: 23px; text-align: center; padding: 30px;} #return-policy .title {font-size: 16px; text-transform: none; color: #002970; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #eee; } #return-policy p {margin-top: 15px;} #cart-wrap #additional-checkout-buttons {display: block;} #cart-wrap #additional-checkout-buttons span {display: block; font-size: 9px; text-transform: uppercase; font-weight: 700; color: #999; margin-bottom: 5px;} /* /******************************** SHIPPING CALCULATOR ***************************** */ #shipping-calculator {margin-top: 50px; margin-bottom: 45px;} #shipping-calculator h1 {margin-bottom: 40px;} #shipping-calculator .form-wrap {border: 1px solid #eee; padding: 24px;} #shipping-calculator label {display: block; text-align: left; text-transform: uppercase; margin-bottom: 15px; font-size: 11px; font-weight: 500;} #shipping-calculator select {width: 100%; box-sizing: border-box; padding: 9px;} #shipping-calculator input[type=text] {width: 100%; box-sizing: border-box; padding: 9px;} #shipping-calculator .btn {margin-top: 33px; width: 100%;} #shipping-calculator #shipping-rates {list-style: none;} #shipping-calculator .response {min-height: 119px; background: #f5f5f5; text-align: left; padding: 24px; padding-bottom: 10px; box-sizing: border-box;} #shipping-calculator .response p {margin-bottom: 14px;} #shipping-calculator .response .default {padding: 24px 0;} #shipping-calculator .response i.fa-check {color: #002970;} #shipping-calculator .response i.fa-close {color: #d50000;} /* /******************************** COLLECTION LIST ***************************************** */ #collections-listing {margin: 30px auto;} #collections-listing .bg_img {height: 250px; margin-bottom: 20px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;} #collections-listing .grid__item {overflow: hidden;} .isNotMobile #collections-listing .grid__item:hover .layer {opacity: 0; filter: alpha(opacity=0);} #collections-listing .layer {opacity: 1; filter: alpha(opacity=100); position: absolute; background: rgba(0, 0, 0, 0.6); text-transform: lowercase; height: 100%; top: 0; width: 100%; text-align: center;} #collections-listing .layer h3 {font-size: 17px; font-weight: 100; color: #fff; margin: 0; margin-top: 10px; } #collections-listing .layer .num {color: #fff; margin: 0; margin-top: 10px; font-size: 10px; opacity: 0.7; filter: alpha(opacity=70);} /* /******************************** SIDE CART ***************************** */ #side-cart {width: 400px; right: -415px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow-y: auto; background-color: #ffffff; position: fixed; top: 0; bottom: 0; z-index: 9999;} #side-cart.open {right: 0;} #side-cart h1 {text-align: center; margin-bottom: 35px; font-size: 48px; line-height: 80%;} #side-cart h1 span {font-family: 'Dutch', sans-serif; font-size: 34px; letter-spacing: -1px;} #side-cart a {color: #002970;} #side-cart .wrapper {color: #002970; padding: 0; box-sizing: border-box; height: 100%;} #side-cart .header {margin-top: 0px; text-align: center; box-sizing: border-box; padding: 19px 26px 13px 30px; margin-bottom: 0; color: #002970; font-size: 25px; text-shadow: 0 0 0; } #side-cart .wrapper .wrap {padding: 0 50px; padding-top: 60px;} #side-cart .wrapper .item {padding: 23px 20px 18px; border-top: 3px solid #ffd531; border-bottom: 3px solid #ffd531; } #side-cart .quantity .wrap {display: inline-block; border: 0; padding: 0; font-size: 17px; font-family: 'Circular Std', sans-serif; } #side-cart .quantity span {padding-left: 5px;} #side-cart .price {position: relative; text-align: right; font-size: 20px; margin-top: 0;} #side-cart .price div {display: inline-block; } #side-cart .footer {margin-top: 80px; margin-bottom: 30px; text-align: center; } #side-cart .subtotal {font-size: 15px; text-align: center; font-size: 20px; margin-bottom: 20px;} #side-cart .footer p {max-width: 260px; margin: auto;} #side-cart .buttons-wrapper {margin-top: 20px;} #side-cart .buttons-wrapper .btn-checkout {width: 100%; padding: 15px 0; font-size: 17px;} #side-cart .empty {font-family: 'Circular Std', sans-serif; margin: 0; margin-top: -20px; padding: 30px 20px; border-top: 3px solid #ffd531; border-bottom: 3px solid #ffd531; color: #002970; font-size: 19px; text-align: center;} #side-cart .empty img {display: block; width: 100%; max-width: 160px; margin: 30px auto; } #side-cart .empty .link {font-family: 'Dutch', sans-serif; } #side-cart .empty .link a {border-bottom: 1px solid #002970;} #side-cart .empty-footer {text-align: center; margin-top: 20px; font-size: 15px; font-style: italic; line-height: 150%;} /* /****************************** CONTACT WITH FORM ********************************* */ #contact {margin: 0; text-align: center;} #contact .head {padding: 160px 0 100px; width: 100%; text-align: center; background: #ffd531; } #contact .head h1 {padding: 0 20px; color: #fff; font-size: 66px; margin-bottom: 50px; } #contact .bg {height: 410px; position: absolute; left: 0; top: 0; width: 100%; background: #ffd531;} #contact .content {position: relative; padding: 30px 30px; top: -40px; background: #fff; max-width: 880px; margin: auto; box-sizing: border-box;} #contact .info {text-align: left; padding: 0 0 0 20px; margin-bottom: 60px; border-bottom: 3px solid #002970;} #contact .info .grid__item {margin-bottom: 50px;} #contact .info p {font-style: italic; margin-bottom: 10px;} #contact .info h3 {line-height: 1.5em;} #contact .info i {position: relative; font-size: 16px;top: -2px; text-shadow: 0 0 0;} #contact form.search-form {max-width: 350px; background: #fff; margin: auto; padding: 18px 25px;} #contact form.search-form input[type="text"] {padding: 0; border: 0; font-size: 16px; font-style: italic; float: left; width: 90%; background: transparent;} #contact form.search-form input[type="submit"] {text-align: right; font-size: 16px; padding: 0; border: 0; margin-top: 2px; background: transparent; float: right; width: 10%;} #contact .note h3 {font-size: 22px; font-weight: 700; margin-bottom: 40px;} #contact .note .wrap {max-width: 300px; margin: auto;} #contact .note .wrap .btn {width: 100%; padding: 12px 20px; box-sizing: border-box; margin-bottom: 20px;} #contact .faq {padding: 0 20px; } #contact .faq h1 {font-size: 20px;} #contact .faq .results {padding-top: 30px;} #contact .faq .item {background: #efeff1; margin-bottom: 15px; padding: 20px; padding-bottom: 0; } #contact .faq .item .content {padding: 20px 0 20px 20px; position: static; background: transparent; text-align: left;} #contact .faq .item .content p {font-size: 15px; text-align: left; margin-bottom: 10px; } #contact .faq .item .question {font-size: 16px; padding-bottom: 17px; border-bottom: 2px solid #efeff1; cursor: pointer; position: relative; text-align: left; } #contact .faq .item .question span {position: absolute; width: 12px; height: 12px; right: 0; top: 6px;} #contact .faq .item .question span:before {position: absolute; content:""; display: block; width: 2px; background: #002970; height: 100%; left: 50%; top: 0; margin-left: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #contact .faq .item .question span:after {position: absolute; content:""; display: block; width: 100%; background: #002970; height: 2px; left: 0; top: 50%; margin-top: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #contact .faq .item .question.active {border-color: #fff;} #contact .faq .item .question.active span {color: #002970; } #contact .faq .item .question.active span:after {display: none;} #contact .faq .item .question.active span:before {background: #002970; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} #contact .faq .show-all {margin-bottom: 50px; margin-top: 30px;} #contact .faq .show-all a {text-decoration: none;} /* /****************************** FAQ ********************************* */ #faq {margin: 0; text-align: center;} #faq .head {height: 312px; width: 100%; padding: 0; text-align: center; background: #ffd531; } #faq .head h1 {padding: 160px 20px 0; color: #fff; font-size: 65px; margin: 0;} #faq .head p {color: #fff; font-size: 28px; padding: 0 20px;} #faq .bg {height: 410px; position: absolute; left: 0; top: 0; width: 100%; background: #ffd531;} #faq .navigation {border-bottom: 3px solid rgba(0,0,0,0.1); position: absolute; padding-bottom: 1px; z-index: 10; width: 100%; background: #fff; text-align: center;} #faq .navigation ul {max-width: 1000px; margin: auto; list-style-type: none;display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-between;} #faq .navigation ul li.label {font-family: 'Dutch', sans-serif; font-size: 15px; font-style: italic; } #faq .navigation ul li.label a {padding-top: 23px; border: 0 !important;} #faq .navigation ul li {display: inline-block; font-family: 'Circular Std', sans-serif; font-size: 18px;} #faq .navigation ul li a {padding: 20px 15px 18px; text-decoration: none; margin-bottom: -4px; display: block; border-bottom: 3px solid rgba(0,41,112,0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} #faq .navigation ul li:hover a {border-color: #002970;} #faq .navigation.scroll {border-bottom: 2px solid rgba(0,0,0,0.1); padding-bottom: 2px;} #faq .navigation.scroll ul li a {text-decoration: none; border-bottom: 2px solid rgba(0,41,112,0);} #faq .navigation.scroll ul li a:hover {border-color: #002970;} #faq .content {position: relative; padding: 30px; padding-top: 100px; max-width: 880px; margin: auto; box-sizing: border-box;} #faq .faq {padding: 0 20px; } #faq .faq .title h2 {font-size: 22px; text-align: left; margin: 0 0 25px 0;} #faq .faq .title p {text-align: right; font-size: 18px;} #faq .faq .search-block {margin-top: 70px;} #faq .faq .search-block h2 {margin: 30px 0; text-align: center; font-size: 20px;} #faq .faq form {max-width: 350px; margin: 0 auto; border: 3px solid #002970; padding: 18px 25px;} #faq .faq form input[type="text"] {padding: 0; border: 0; font-size: 16px; font-style: italic; float: left; width: 90%; background: transparent;} #faq .faq form input[type="submit"] {text-align: right; font-size: 16px; padding: 0; border: 0; background: transparent; float: right; width: 10%;} #faq .faq .common-questions {margin-bottom: 40px;} #faq .faq .common-questions h2 {text-align: center; margin-bottom: 40px;} #faq .faq .common-questions .item {border-bottom: 4px solid #ffd531;} #faq .faq .common-questions .results {margin-top: 40px;} #faq .faq .results {margin-top: 80px;} #faq .faq .item {background: #efeff1; margin-bottom: 15px; padding: 20px; padding-bottom: 0; } #faq .faq .item .content {padding: 20px 0 20px 20px; position: static; background: transparent; text-align: left;} #faq .faq .item .content p {font-size: 15px; text-align: left; margin-bottom: 10px; } #faq .faq .item .question {font-size: 16px; padding-bottom: 17px; padding-right: 24px; border-bottom: 2px solid #efeff1; cursor: pointer; position: relative; text-align: left; } #faq .faq .item .question span {position: absolute; width: 12px; height: 12px; right: 0; top: 6px;} #faq .faq .item .question span:before {position: absolute; content:""; display: block; width: 2px; background: #002970; height: 100%; left: 50%; top: 0; margin-left: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #faq .faq .item .question span:after {position: absolute; content:""; display: block; width: 100%; background: #002970; height: 2px; left: 0; top: 50%; margin-top: -1px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #faq .faq .item .question.active {border-color: #fff;} #faq .faq .item .question.active span {color: #002970; } #faq .faq .item .question.active span:after {display: none;} #faq .faq .item .question.active span:before {background: #002970; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} #faq .link.show-all {margin-top: 30px;} #faq .link.show-all a {text-decoration: none;} #faq .results-no h2 {text-align: center !important; color: #999;} #faq .note {margin: 70px 0 30px;} #faq .note h3 {font-size: 22px; font-weight: 700; margin-bottom: 40px;} #faq .note .wrap {max-width: 300px; margin: auto;} #faq .note .wrap .btn {width: 100%; padding: 12px 20px; box-sizing: border-box; margin-bottom: 20px;} #faq #search-result {display: none;} /* /******************************** GIFT STEPS ***************************** */ #gift-step {padding: 180px 20px 200px; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat;} #gift-step .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.04);} #gift-step .wrap {position: relative; margin: 0 !important;} #gift-step h1 {margin: 0; text-align: center; margin-bottom: 15px; font-weight: bold;} #gift-step h1 i {font-family: 'Dutch', sans-serif; font-weight: normal;} #gift-step h2 {margin: 0; text-align: center; font-size: 20px; margin-bottom: 40px; font-weight: bold;} #gift-step h2 i {font-family: 'Dutch', sans-serif; font-weight: normal;} #gift-step p {margin: 0 auto; line-height: 130%; text-align: center; max-width: 280px; padding-top: 15px; font-size: 20px; margin-bottom: 30px; border-top: 2px solid #002970;} #gift-step form {max-width: 280px; margin: auto;} #gift-step form input {width: 100%;} #gift-step form input[type="email"] {background: #fff; border: 0;} #gift-step form .btn {margin-top: 15px;} #gift-step.orange {padding: 140px 20px 100px;} #gift-step.s2 form {max-width: 520px;} #gift-step.s2 .note-wrapper {width: 100%; font-size: 33px; line-height: 130%; text-align: left; box-sizing: border-box; position: relative; padding: 50px; margin: auto; margin-top: 50px; background: #fff;} #gift-step.s2 div {margin-bottom: 20px;} #gift-step.s2 .corner {position: absolute; display: block; width: 40px; height: 40px; background: #ffd531;} #gift-step.s2 .corner.first {top: 0; left: 0;} #gift-step.s2 .corner.last {bottom: 0; right: 0;} #gift-step.s2 .corner span {width: 100%; height: 100%; display: block; background: #eee;} #gift-step.s2 .corner.first span { -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } #gift-step.s2 .corner.last span{-webkit-clip-path: polygon(100% 0, 0% 100%, 0 0); clip-path: polygon(100% 0, 0% 100%, 0 0);} #gift-step.s2 input[type="text"], #gift-step.s2 select {display: inline; font-size: 33px; width: auto; padding: 0; border: 0; border-bottom: 2px solid #ffd531; padding-bottom: 0; padding-right: 30px; padding-left: 3px; text-indent: 3px;} #gift-step.s2 input[type="text"] {padding-right: 0;} #gift-step.s2 select.reason {min-width: 215px;} #gift-step.s2 select.relationship {min-width: 215px;} #gift-step.s2 select.ending {min-width: 170px;;} #gift-step.s2 .btn {display: inline-block; max-width: 230px; margin-top: 50px;} #gift-step.s2 select {background: transparent url("data:image/svg+xml;utf8,") no-repeat 100% center; background-size: auto 27%; margin-right: 5px;} #gift-step.orange.s3 {padding-bottom: 50px;} #gift-step.s3 img {width: 100%; max-width: 450px; margin: auto; margin-top: 25px;} #gift-step.s3 p {border: 0; padding: 0; margin-top: 35px; max-width: 370px;} #gift-step.s3 h1 {font-size: 38px;} #gift-step.s3 #next-up {background: transparent; position: static;} @media all and (min-width: 585px) and (max-width: 900px) { #gift-step, #gift-step.s2 {padding: 100px 20px;} } @media all and (max-width: 584px) { #gift-step {background-size: 133%; padding: 55% 0 0; background-position: right -39px;} #gift-step h2 {margin-bottom: 25px;} #gift-step .wrap {background: #f5f5f5; padding: 50px 20px 80px;} #gift-step p {font-size: 16px; padding-top: 25px;} #gift-step.orange {background: #ffd531; padding: 0;} #gift-step.orange .wrap {background: transparent;} #gift-step.s2 .note-wrapper {padding: 40px 20px; font-size: 18px;} #gift-step.s2 input[type="text"], #gift-step.s2 select {font-size: 18px;} #gift-step.s2 select.reason {min-width: 140px;} #gift-step.s2 select.relationship {min-width: 140px;} #gift-step.s2 select.ending {min-width: 110px;} #gift-step.s2 .btn {max-width: 100%;} #gift-step.s3 h1 {font-size: 50px;} #gift-step.s3 p {font-size: 18px; margin: 20px 0;} } /* /******************************** REFER ***************************** */ #refer {position: relative;} #refer .container {box-sizing: border-box;} #refer .content { min-height: 750px; max-width: 100%; padding: 0; margin: 0; background: #f5d01e;} #refer iframe {width: 100%; display: block;} #refer .head {position: absolute; padding: 0; min-height: 750px; z-index: 10; background: transparent; top: 0; left: 10%; width: 450px; height: 100%;} #refer .head h1 {text-align: left; max-width: 390px; margin-bottom: 20px;} #refer .head p {text-align: left; max-width: 450px; line-height: 120%;} @media all and (min-width: 901px) and (max-width: 1200px) { #refer .head {left: 0;} } @media all and (min-width: 901px) and (max-width: 1000px) { #refer .head {position: static; background: #f5d01e; width: 100%; min-height: 1px;} #refer .head .table {padding: 140px 0; padding-bottom: 0px;} #refer .head h1 , #refer .head p {text-align: center; max-width: 100%;} } /* /******************************** SEARCH ***************************** */ #searchresults {margin: 50px auto 20px auto !important ; } #searchresults h1 {font-size: 18px; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 30px;} #searchresults p.note {margin: 100px 0 40px 0; text-align: center; } #searchresults .search-form {width: 230px; margin: 0 auto 100px auto;} #searchresults .search-form form {float: left; box-sizing: border-box; width: 100%; max-width: 210px; background: #002970; padding: 3px 10px 5px;} #searchresults .search-form form input[type="text"] {width: 80%; color: #fff; border: none; padding: 0; font-size: 11px; letter-spacing: 0.05em;} #searchresults .search-form form input[type="submit"] {width: 18%; color: #fff; margin-top: 4px;text-align: right; padding: 0;} /* /******************************** DEFAULT PAGE ***************************** */ .page {margin: 0 auto; } .page .head {padding: 160px 20px 140px 20px; box-sizing: border-box; width: 100%; text-align: center; background: #ffd531; } .page .head h1 {color: #fff; font-size: 68px; margin: 0;} .page .head p {color: #fff; font-size: 28px;} .page .bg {height: 410px; position: absolute; left: 0; top: 0; width: 100%; background: #ffd531;} .page .content {padding: 30px; padding-bottom: 50px; max-width: 880px; margin: auto; margin-top: -40px; background: #fff; box-sizing: border-box;} .page ul {margin-bottom: 15px; } .page li {font-size: 15px; font-family: 'Dutch', sans-serif; font-weight: 400; font-style: normal; letter-spacing: -0.02em; line-height: 1.7em; } .page p.tit {font-family: 'Circular Std', sans-serif; margin-bottom: 50px; } .page h2 {font-size: 35px; margin-top: 50px; text-align: left; } .page a {text-decoration: underline;} .page b {font-family: 'Circular Std', sans-serif;} .page.talkable-page .content {margin-top: -200px; max-width: 1250px;} /* /******************************** PAGINATION ***************************** */ .pagination {margin: 0 auto; padding: 0 0 70px 0; text-align: center;} .pagination ul {text-align: center;} .pagination li {display: inline-block; font-family: 'Circular Std', sans-serif;} .pagination a {float: left; margin: auto; padding: 2px 0; width: 28px; border-bottom: 3px solid #f8f8ff;text-align: center; text-decoration: none; color: #002970; } .isNotMobile .pagination .active a, .pagination .active a:hover {border-bottom: 3px solid #002970;} .isNotMobile .pagination a:hover {color: #002970; } .pagination .disabled a, .isNotMobile .pagination .disabled a:hover {opacity: 0.3; filter: alpha(opacity=30); cursor: default;} .pagination .prev a, .pagination .next a {width: auto !important; margin: 0 40px; font-size: 40px;} .pagination .prev i, .pagination .next i {font-size: 25px; margin-bottom: 15px;} .pagination-num-showing {display: none; line-height: 28px; font-size: 11px; margin-top: 10px; margin-right: 15px; color: #b0b0b0; } .isNotMobile .pagination i {display: block; } /* /******************************** BLOG ***************************************** */ #blog {margin: 0; } #blog h2 {text-align: left;} #blog .article {position: relative; max-width: 70%; margin-left: auto; } #blog .article hr {border: none; border-bottom: 1px solid #ffffff; margin: 40px 0;} .isNotMobile #blog .article:hover h2 {color: #002970;} #blog .articles-wrapper {margin-top: 80px;} #blog .pic-wrapper {width: 100%} #blog .pic-wrapper .image {padding-top: 120%; background-size: cover; background-position: center; background-repeat: no-repeat;} #blog .pic-wrapper img {width: 100%} #blog .text-wrapper {width: 100%; margin: 25px 0 0 0; font-size: 14px; letter-spacing: 0.03em; line-height: 21px;} #blog .text-wrapper h2 {font-size: 30px; line-height: 120%; margin-bottom: 6px;} #blog .text-wrapper h3 {font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px;} #blog .text-wrapper .content {margin-bottom: 15px;} #blog .categories {text-align: center; margin-top: 30px;} #blog .categories ul {max-width: 1250px; padding: 0 20px; margin: auto; list-style-type: none;display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-between;} #blog .categories ul li {display: inline-block; position: relative; font-family: 'Circular Std', sans-serif; font-size: 20px;} #blog .categories ul li.active a {border-color: #ffd531;} #blog .categories ul li a {padding: 20px 0 0; margin-bottom: 0; display: block; border-bottom: 5px solid #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} #blog .categories ul li:hover a {border-color: #002970;} #blog .categories ul li i {position: absolute; top: 27px; left: -30px; } #blog .articles-wrapper .grid__item {margin-bottom: 80px;} #blog .articles-wrapper .grid__item:nth-child(6n+1) .article {margin-right: auto;} #blog .articles-wrapper .grid__item:nth-child(6n+2) {margin-top: 8%;} #blog .articles-wrapper .grid__item:nth-child(6n+2) .pic-wrapper .image {padding-top: 130%;} #blog .articles-wrapper .grid__item:nth-child(6n+2) .article {} #blog .articles-wrapper .grid__item:nth-child(6n+3) {margin-top: -13%;} #blog .articles-wrapper .grid__item:nth-child(6n+3) .pic-wrapper .image {padding-top: 90%;} #blog .articles-wrapper .grid__item:nth-child(6n+4) {margin-top: 0%;} #blog .articles-wrapper .grid__item:nth-child(6n+4) .article {margin-right: auto; } #blog .articles-wrapper .grid__item:nth-child(6n+4) .pic-wrapper .image {padding-top: 90%;} #blog .articles-wrapper .grid__item:nth-child(6n+5) {margin-top: -16%;} #blog .articles-wrapper .grid__item:nth-child(6n+5) .article {margin-left: 0; } #blog .articles-wrapper .grid__item:nth-child(6n+6) {margin-top: 0%;} #blog .articles-wrapper .grid__item:nth-child(6n+6) .article {margin-right: auto;} #blog .articles-wrapper .grid__item:nth-child(6n+6) .pic-wrapper .image {padding-top: 90%;} #blog .vitamins-abc .wrapper {background: #f8f8ff; max-width: 1000px; margin-left: auto; margin-bottom: 120px; box-sizing: border-box; padding: 80px 60px; box-shadow: 12px 12px 0 0 #ffd531;} #blog .vitamins-abc h1 {text-align: left; font-size: 60px; margin-bottom: 30px; line-height: 110%;} #blog .vitamins-abc hr {border-top: 7px solid #002970; width: 55px;} #blog .vitamins-abc .art {padding: 0 20px; padding-bottom: 20px; border-bottom: 1px solid #002970; margin-bottom: 20px;} #blog .vitamins-abc .art.last {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #blog .vitamins-abc .art h2 {text-transform: uppercase; font-size: 15px; margin-bottom: 10px;} #blog .vitamins-abc .art h1 {text-transform: none; font-size: 25px; margin-bottom: 0;} /**** Article ****/ #article {margin: 0; background: #fff; position: relative; z-index: 2;} #article .wrapper {max-width: 1000px; margin: 0 auto; padding: 50px 0;} #article .head-wrap {padding: 0 20px; margin-bottom: 50px;} #article h1 {font-size: 32px; color: #000; max-width: 730px; margin: auto; line-height: 110%; margin-bottom: 20px;} #article h2 {font-family: 'Dutch', sans-serif; color: #000; font-style: italic; font-size: 22px; } #article h3 {font-size: 16px; margin-bottom: 15px; color: #000; text-transform: uppercase; text-align: center;} #article .pic-wrap { max-width: 400px; margin: 60px auto; overflow: hidden; } #article .pic-wrap .img {width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;} #article img {width: 100%; display: block; max-width: 620px; margin: 40px auto; /*padding-top: 14px; padding-bottom: 15px; border-top: 3px solid #000; border-bottom: 3px solid #000;*/ } #article .content {max-width: 780px; margin: auto; margin-top: 25px; font-size: 14px; letter-spacing: 0.05em; line-height: 22px;} #article .content p {margin-bottom: 15px; color: #000;} #article .content p a {color: #002970;} #article .content p.bigger {font-size: 23px; max-width: 100%; text-align: center;line-height: 120%; margin-bottom: 35px;} #article .content p {max-width: 620px; margin: auto; margin-bottom: 30px; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #article .content ul, #article .content ol {max-width: 620px; margin: auto; margin-bottom: 30px; } #article .content li {color: #000; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #article .content h1 {font-size: 30px; text-transform: none; text-align: left; max-width: 620px; margin: auto; } #article .content h2 {font-family: 'Circular Std', sans-serif; font-style: normal; font-size: 25px; text-transform: none; text-align: left; max-width: 620px; margin: auto; margin-bottom: 20px; } #article .content h3 {font-size: 22px; max-width: 620px; margin: auto; margin-bottom: 10px; text-transform: none; text-align: left; } #article .content .quote {padding: 50px 30px; position: relative; margin: 50px 0; font-size: 34px; line-height: 120%; text-align: center; border-top: 3px solid #000; border-bottom: 3px solid #000; color: #000; font-family: 'Circular Std', sans-serif;} #article .content .quote i {font-family: 'Dutch', sans-serif;} #article .content .quote ul {list-style-type: none; opacity: 0; filter: alpha(opacity=0); line-height: 50%; margin: 0; max-width: 100%; height: auto; position: absolute; top: 5px; right: 0;} #article .content .quote ul li {display: inline-block; margin: 0 8px; line-height: 100%;} #article .content .quote ul li a {display: block;} #article .content .quote ul span {font-size: 13px; line-height: 100%;} #article .content .quote:hover ul {opacity: 1; filter: alpha(opacity=100);} #article .content p.list i {font-family: 'Circular Std', sans-serif; font-size: 18px; font-style: normal;} #article .content a {text-decoration: underline;} #article .content .biography {padding: 30px 20px; margin-top: 80px; margin-bottom: 30px; border-top: 3px solid #000; border-bottom: 3px solid #000;} #article .content .biography p {line-height: 140%; max-width: 100%; font-size: 18px; margin: 0;} #article .content .biography img {width: 100%; border: 0; padding: 0; max-width: 250px;border-radius: 50%; margin: 0 auto; margin-bottom: 30px; overflow: hidden;} #article .content .biography p.name {font-size: 26px; text-align: center; margin: auto; margin-bottom: 30px; line-height: 110%; font-family: 'Circular Std', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #article .content .biography p.name span {font-size: 24px; font-family: 'Dutch', sans-serif;} #article .content hr {border-top: 3px solid #000; margin: 40px 0;} #article-comments .head {margin-top: 80px; margin-bottom: 40px; text-align: center;} #article-comments .head h3 {font-size: 18px; display: inline-block; text-align: center; border-bottom: 3px solid #002970; padding-bottom: 15px; margin-bottom: 30px;} #article-comments .comment {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 3px solid #e6e6f1;} #article-comments .comment .comment_author {font-weight: 700; font-family: 'Circular Std', sans-serif; font-size: 20px;} #article-comments .comment .comment-date {font-style: italic; font-size: 18px;} #article-comments .comment p {font-size: 17px;} #article-comments .new-comment input, #article-comments .new-comment textarea {margin-bottom: 20px;} #article-comments .form-success {font-family: 'Circular Std', sans-serif; margin-bottom: 40px; color: #48ba0e; font-size: 22px; text-align: center;} #article #sharing {position: fixed; background: transparent; margin: 0; right: 50px; top: 50%; margin-top: -115px; box-sizing: border-box;} #article #sharing li {display: block; margin: 8px 0; font-size: 22px; text-align: center;} #next-up {position: fixed; width: 100%; bottom: 0; background: #f8f8ff; overflow: hidden; z-index: 1;} #next-up h1 {font-size: 45px; margin-bottom: 50px;} #next-up .container {padding: 50px 20px 30px; max-width: 920px;} #next-up .relArt {position: relative; max-width: 240px; margin: auto; } #next-up .relArt hr {border: none; border-bottom: 1px solid #ffffff; margin: 40px 0;} .isNotMobile #next-up .relArt:hover h2 {color: #002970;} #next-up .pic-wrapper {width: 100%} #next-up .pic-wrapper .image {padding-top: 120%; background-size: cover; background-position: center; background-repeat: no-repeat;} #next-up .pic-wrapper img {width: 100%} #next-up .text-wrapper {width: 100%; margin: 25px 0 0 0; font-size: 14px; letter-spacing: 0.03em; line-height: 21px;} #next-up .text-wrapper h2 {font-size: 22px; text-align: left; max-width: 300px; line-height: 120%;} #next-up .text-wrapper h3 {font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px;} #next-up .text-wrapper .content {margin-bottom: 15px;} #next-up .grid .grid__item:nth-child(3n+2) .pic-wrapper .image {padding-top: 95%;} /* /******************************** BLOG ***************************************** */ #blog-carousel {position: relative;} #blog-carousel .item {position: relative;} #blog-carousel .slick-slider .slick-slide {margin: 0;} #blog-carousel .img {width: 100%; height: 550px; background-size: cover; background-position: center; background-repeat: no-repeat;} #blog-carousel .slick-dots {display: none !important; bottom: -20px; } #blog-carousel .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} #blog-carousel .overlay .table-cell {opacity: 0; filter: alpha(opacity=0);} #blog-carousel .overlay h1 {color: #fff; font-size: 68px; margin-bottom: 20px; padding: 0 40px;} #blog-carousel .overlay h1 i {font-family: 'Dutch', sans-serif; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #blog-carousel .overlay p {color: #fff; padding: 0 20px; max-width: 650px; margin: auto; line-height: 120%; font-size: 24px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #blog-carousel .carousel-controls {color: #fff; position: absolute; width: 100%; bottom: 30px; margin: 0;} #blog-carousel .slick-center .overlay {background: rgba(0,0,0,0.2);} #blog-carousel .slick-center .overlay .table-cell {opacity: 1; filter: alpha(opacity=100);} /* /******************************** PROMOTION POP UP ***************************** */ #promotion-pop-up-wrapper {text-align:center; width:365px;max-width:100%;padding:50px; background-color: #ffd531; } #promotion-pop-up-wrapper:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0);} #promotion-pop-up-wrapper .wrap {position: relative; z-index: 5;} #promotion-pop-up-wrapper h1 {font-size: 55px; text-align: left; color: #fff; margin: 0 auto 20px auto; font-weight: 700; line-height: 1em; padding: 0; padding-bottom: 20px; border: none; border-bottom: 6px solid #fff; } #promotion-pop-up-wrapper h1 span {padding-left: 40px;} #promotion-pop-up-wrapper p{color:#fff;font-size:16px;margin-bottom:30px;} #promotion-pop-up-wrapper form {margin-top:30px; position: relative; } #promotion-pop-up-wrapper input {padding: 20px 20px; padding-right: 90px; background: #fff; font-style: italic; color: #002970; border: 3px solid #fff;} #promotion-pop-up-wrapper input:focus {background: transparent;} #promotion-pop-up-wrapper input::-webkit-input-placeholder {color: #002970;} #promotion-pop-up-wrapper input:-moz-placeholder {color: #002970;} #promotion-pop-up-wrapper input::-moz-placeholder {color: #002970;} #promotion-pop-up-wrapper input:-ms-input-placeholder {color: #002970;} #promotion-pop-up-wrapper button {font-family: 'Circular Std', sans-serif; position: absolute; border-bottom: 2px solid #002970; padding: 0; font-size: 13px; right: 20px; top: 23px; background: transparent; color:#002970; } #promotion-pop-up-wrapper input.error {border-color: #d50000;} #promotion-pop-up-success-wrapper {text-align:center; position: relative; width:400px;max-width:100%;padding:50px; background-color: #ffd531; background-size:cover;} #promotion-pop-up-success-wrapper:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0);} #promotion-pop-up-success-wrapper .wrap {position: relative; z-index: 5;} #promotion-pop-up-success-wrapper h1 {font-size: 46px; color: #fff; margin: 0 auto; font-weight: 700; line-height: 1em; padding: 0; border: none;} #promotion-pop-up-success-wrapper p{color:#fff;font-size:16px; line-height: 26px; margin-bottom: 0;} #promotion-pop-up-success-wrapper p.p-bigger{font-family: 'Circular Std', sans-serif;font-weight:700;font-size:22px;color:#fff;line-height:1.3em;padding:5px 0; margin-bottom:0; margin-top: 35px; border-bottom:3px solid #fff;border-top:3px solid #fff;} .fancybox-skin.transparent {background: transparent;} .fancybox-opened .fancybox-skin.transparent {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} /* /******************************** CUSTOMER ACCOUNT ***************************** */ .spinner {margin: 100px auto 0; width: 70px; text-align: center;} .spinner > div { width: 18px; height: 18px; background-color: #002970; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;} .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .register-login.gift .action-bottom {margin-top: 20px;} #one-click-social-login-buttons {max-width: 295px; margin: auto;} .account .container {padding: 70px 20px 70px 20px;} .account .table {position: relative; min-height: 700px; padding: 130px 20px 90px 20px; box-sizing: border-box; } .account h1 {font-size: 50px; text-align: left; margin-bottom: 40px;} .register-login {position: relative; text-align: center; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/login-bg.jpg?15638860516220414093); background-size: cover; background-position: center; background-repeat: no-repeat;} .register-login:before {content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.1);} .register-login input {background: #fff; font-style: italic; border: 0; display: inline-block; max-width: 300px;} .register-login input[type="submit"] {font-style: normal; background: #ffd531; padding: 15px 0; width: 100%; max-width: 300px;} .register-login input[type="submit"]:hover {background: #002970;} .register-login h1 {text-align: center;} .register-link {position: absolute; bottom: 20px; width: 100%; font-size: 16px; box-sizing: border-box; padding: 0 20px; text-align: center; } #forgot_password {font-size: 12px; margin-top: 12px;} .page-header #page-actions{ float: right; } .register-login {margin: 0 auto;} .register-login form label {display: none; min-width: 120px; line-height: 22px; } .page-header #page-title{ border: none;} .page-header #page-actions{ float: right; } .form-row { margin: 0 0 15px 0; } .templateCustomersLogin .action-bottom,.templateCustomersRegister .action-bottom{ margin: 20px 0 0 0; } .templateCustomersLogin .action-bottom .note,.templateCustomersRegister .action-bottom .note{ font-size: 11px; padding: 0 0 0 5px; line-height: 27px; } .action-bottom .note { font-size: 13px; padding: 0 0 0 15px; display: block; } .action-bottom .note a {color: #002970; text-decoration: underline; } .action-bottom .cancel { background: none; border: none; font-size: 13px; padding: 0; line-height: 23px; position: relative; top: -1px; } .action-bottom .cancel {color: #002970; text-decoration: underline; } .action-bottom.smaller .btn {margin-top: 25px; line-height: 170%;} .default-address {font-size: 13px !important;} .default-address input {position: relative; top: -4px; margin-right: 7px;} .account p {font-size: 17px; line-height: 170%;; font-weight: 400; margin: 0; } .account p.note {font-size: 13px; line-height: 3em;} .account p.note.head {margin-bottom: 30px;} .account h3 {font-size: 24px; color: #002970; margin-bottom: 20px; font-weight: 400; } .account h4 {font-size: 18px; color: #002970; margin-bottom: 20px; font-weight: 400; } .account .errors ul {list-style-type: none;margin: 0 0 10px 0;} .account .errors ul li {text-align: center; font-size: 14px; color: #da4747;} .my-account-content, .order-detail {max-width:830px; margin: auto; background: #f2f1f5; padding: 50px 5%; } .my-account-content h1, .order-detail h1 {font-size: 42px;} .my-account-content h1 span {float: left;} .my-account-content h2, .order-detail h2 {font-size: 30px; text-align: left;} .my-account-content .action-bottom.smaller {position: absolute; top: -9px; right: 0;} .my-account-content .column {width:46%; margin-bottom:30px; margin-top: 50px;} .my-account-content .column h3 {padding-bottom: 17px; border-bottom: 3px solid #002970; margin-bottom: 40px;} .my-account-content .column h4 {color: #002970; } .my-account-content .columns-wrapper p {} .account table th {text-align: left !important; padding: 10px 0; background: transparent; color: #002970; text-transform: none; font-family: 'Circular Std', sans-serif; font-size: 13px; font-weight: 500; border-bottom: 1px solid #dfdde2; padding-bottom: 15px; } .account table td {text-align: left !important; padding: 20px 0 0 0; line-height: 23px;} .account table td a {text-decoration: underline; font-family: 'Circular Std', sans-serif;} .account .order_summary .total.money {color: #002970; font-family: 'Circular Std', sans-serif; } #customer_orders {float: none; margin-top: 30px; padding-top: 0; width: 100%; color: #002970} #customer_sidebar {float: right; width: 20%;} #customer_detail a {color: #000;} .isNotMobile #customer_detail a:hover {color: #002970} #order_address {margin-bottom: 60px; margin-top: 50px;} #page-actions a {color: #000} .isNotMobile #page-actions a:hover {color: #002970;} #page-actions {margin-bottom: 10px;} #address_tables label {display: none; color: #002970} /******** menu *******/ .my-account-menu {width:20%; float: left;} .my-account-menu h1 {margin-left: 14px} .my-account-menu ul li {display:inline-block; font-family: 'Circular Std', sans-serif; width:100%; padding: 6px 8px 6px 15px; box-sizing: border-box; color:#002970; text-transform:none; margin:1px 0; font-weight:bold } .isNotMobile .my-account-menu ul li:hover {color: #ffd531;} .my-account-menu .btn {margin-left: 14px;} /******** manage orders and addresses *******/ #view_address{ margin-top: 10px; display: block; } .address p,.view_address p{ } .address_actions{ float: right; font-weight: 700; } .address_actions a {font-size: 13px;} .address_actions .action_edit{ border-right: solid 1px #002970; padding-right: 15px; margin-right: 11px; } .action_top{ margin: 0 0 20px 0; } .action_edit, .action_delete, .action_add { display: inline-block; line-height: 17px; } .action_edit i, .action_delete i, .action_add i {margin-right: 10px;} .action_add{ background: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/add-sml.png?15638860516220414093) 0 6px no-repeat; } .default_address{ color: #002970; } .address_table,#add_address{margin: 0 0 40px 0 } #add_address {border-bottom: 4px solid #dedde3; padding-bottom: 40px;} .address_table .label,#add_address .label{ width: 125px; padding-left: 0; } .address_table h4{ padding: 0 0 5px 0; margin: 0 0 10px 0; } .customer_address_table{ margin: 0 0 30px 0; } .customer_address_table select {width: 100%;} .customer_address_table td{ border: none; } .customer_address_table input{ background: transparent; } .customer_address .action-bottom{ display: inline-block; } .customer_address .action-bottom input {display: inline-block;} .customer_address .action-bottom .note {display: inline-block;} .customer_address .action-bottom .note a {} .customer_address_table div {vertical-align: top;margin-top: 10px; } .customer_address_table div.default-address {margin-top: 20px;} .customer_address_table label {display: none; width: 90px; display: inline-block;} span.default_address {font-size: 70%; font-weight: 500;} /******** view individual orders *******/ #order_address{ overflow: hidden; height: 1%; } #order_address #order_payment, #order_address #order_shipping{ float: left; width: 46%; margin-right: 2%; } #order_payment {margin-bottom: 40px;} .order_date{ color: #002970; padding: 0 0 5px 0; margin: 0 0 20px 0; } /* /******************************** SUBSCRIPTION MANAGER ***************************************** */ #ReCharge a {font-family: 'Circular Std', sans-serif;} #ReCharge {padding: 110px 20px; max-width: 1260px; margin: auto; overflow: hidden; display: block;} #ReCharge #customer_tab_nav h2{ color:#002970; font-size: 35px; margin-bottom: 50px; text-align: left;} #ReCharge .rc_layout__sidebar h2{ color:#002970; font-size: 35px; margin-bottom: 50px; margin-left: 0; text-align: left; text-transform: capitalize;} #ReCharge #ReCharge-Nav ul li { display: inline-block; width: 100%; padding: 6px 8px 6px 0; font-size: 15px; color: #002970; font-family: 'Circular Std', sans-serif; text-transform: none; margin: 1px 0; font-weight: bold; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} #ReCharge #ReCharge-Nav ul li:hover { color: #ffd531;} #ReCharge #ReCharge-Nav ul li a:hover {color: #ffd531;} #ReCharge #customer_tab_content {float: left !important; width: 69.5% !important; margin-top: -40px; margin-left: 5%; background: #f2f1f5; padding: 40px 5%;} #ReCharge .rc_layout__content { float: left !important; width: 64.5% !important; margin-top: -40px; margin-left: 5%; background: #f2f1f5; padding: 40px 5%;} #ReCharge h3 {font-size: 30px; margin-bottom: 40px; } #ReCharge .form-group {margin-bottom: 10px;} #ReCharge #customer_tab_content h2{ color: #002970; font-size: 42px; text-align: left; margin-bottom: 30px;} #ReCharge .rc_title-bar__title h2{ color: #002970; font-size: 42px; text-align: left; margin-bottom: 30px;} #ReCharge #customer_tab_content { font-size: 13px; line-height: 30px; font-weight: 400;} #ReCharge #customer_tab_content .purchase-item .purchase-address {margin-bottom: 30px;} #ReCharge #customer_tab_content .purchase-item .purchase-address strong{font-size: 14px; margin-bottom: 40px; color: #002970; font-weight: 400; text-transform: uppercase;} #ReCharge #customer_tab_content .purchase-item .purchase-address { font-size: 13px; line-height: 30px; font-weight: 400;} #ReCharge #customer_tab_content .purchase-item .table-responsive th, #ReCharge #customer_tab_content .ReCharge-table th, #ReCharge th {text-align: left !important; padding: 10px 0; background: transparent; color: #002970; text-transform: none; font-family: 'Circular Std', sans-serif; font-size: 13px; font-weight: 500; border-bottom: 1px solid #dfdde2; padding-bottom: 15px;} #ReCharge td, #ReCharge #customer_tab_content .purchase-item .table-responsive td, #ReCharge #customer_tab_content .ReCharge-table{ text-align: left !important; padding: 20px 0 0 0; line-height: 23px; background: transparent !important;} #ReCharge #customer_tab_content a{ color: #fff; background: #002970; padding: 6px 16px 4px 16px; height: auto; line-height: 1em; font-size: 10px; margin-left: 5px; margin-bottom: 5px; border-radius: 10px; display: inline-block; font-weight: 500;} #ReCharge #customer_tab_content hr {display: none;} #customer_tab_content .purchase-address {position: relative;} #ReCharge #cancellation_reason_comments {display: none !important;} #ReCharge .btn-primary, #ReCharge .btn-success, #ReCharge .btn-default {padding: 18px 30px !important; font-size: 15px !important; border-radius: 30px !important; text-transform: none !important;} #ReCharge .btn-back {margin-bottom: 20px; padding: 6px 30px !important; font-size: 12px !important;} #ReCharge .cancel__confirm {} #skipLink {text-decoration:none;margin-bottom:20px;background-color:#fff;color:#142b6f;font-weight:600;padding:17px 50px;font-size:18px;border-radius:35px;} #skipLandingPage {background-color:#f4d532;min-height:740px;display:table;width:100%} #skipLandingPage > .container {display:table-cell;vertical-align:middle} #skipLandingPage .head {background-color:transparent} #skipLandingPage p {color:#142b6f;font-size:25px} #skipLandingPage img {max-width:416px;width:100%;margin-right:-58px} #skipLandingPage strong {font-family:'Circular Std', sans-serif;padding:0 20px} #skipOptions h1,#skippedSubPage h1 {margin-bottom:20px;font-size:56px} #skipOptions p,#skippedSubPage p {margin-bottom:0;line-height:36px} #skipOptions a {margin-left:20px;margin-top:30px;display: inline-block;font-family: 'Circular Std', sans-serif;border-radius: 100%;background-color: #fff;text-decoration: none;font-size: 24px;width: 118px;height: 118px;box-sizing: border-box;padding-top: 34px;font-weight: 600;} #skipOptions a:hover {background-color:#f2f1f5} #skipOptions a:first-child {margin-left:0} #skippedSubPage {background-color:#31336e} #skippedSubPage p {font-size:25px} #skippedSubPage.page .head {background-color:#31336e} #skippedSubPage img {max-width:405px;width:100%;margin-top:30px;margin-bottom:30px} #skippedSubPage a {background-color:#fff;color:#142b6f;text-decoration:none;font-weight:600;padding:17px 50px;font-size:18px;border-radius:35px } /* /******************************** SLICK CAROUSEL ***************************** */ .slick-slider .slick-slide img {width: 100%;} .slick-slider .slick-slide {margin: 0 10px;} .slick-slider .slick-arrow {font-size: 26px; color: #ccc; position: absolute; top: 50%; margin-top: -13px; cursor: pointer; z-index: 1;} .isNotMobile .slick-slider .slick-arrow:hover {color: #002970;} .slick-slider .slick-arrow.left-arrow {left: -30px;} .slick-slider .slick-arrow.right-arrow {right: -30px;} .slick-slider.slick-vertical .slick-slide {margin: 5px 0;} .slick-slider.slick-vertical .slick-arrow {position: static;} .slick-dots {position: absolute; bottom: 26px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 10;} .slick-dots li {position: relative; line-height: 0; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .isNotMobile .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .slick-dots li button {width: 14px; height: 14px; box-sizing: border-box; border-radius: 50%; background: transparent; border: 2px solid #002970; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .slick-dots li.slick-active button {background: #002970; border-color: #002970;} .slick-slider .slick-track {margin: auto;} /* /******************************** PRESS PAGE ***************************** */ #press-page .top {background-image:url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/press_header.jpg?15638860516220414093);background-repeat:no-repeat;background-size:cover;background-position:center;} #press-page .top .head {min-height:497px;padding-top:210px;background-color:rgba(20,43,111,0.30)} #press-page .top .head h1 {font-size:92px} #press-page .top .foot {background-color:#F5D356;padding:20px 0} #press-page .top .foot p {font-family:'Circular Std', sans-serif} #press-page .top .foot p,#press-page .top .foot a {color:#fff;text-decoration:none;margin-bottom:0;font-size:17px} #press-page .content .grid__item div {border:2px solid #002970;box-sizing:border-box;padding:30px 20px;text-align:center;min-height:190px;margin-bottom:25px} #press-page .content .grid__item a {text-decoration:none} #press-page .content {margin-top:0} #press-page .content .wow {visibility:hidden} /* #### Ipad Horizontal #### */ @media all and (min-width: 901px) and (max-width: 1300px) { #carousel .item_img.normal {padding-top: 60%;} .main-menu ul li {margin-right: 30px;} } @media all and (min-width: 913px) and (max-width: 1024px) { #ReCharge {padding: 60px 0;} } @media all and (min-width: 901px) and (max-width: 1100px) { #faq .navigation ul {display: block; justify-content: inherit; -webkit-justify-content: inherit;} #faq .navigation ul li a {border-color: transparent; padding: 0px 15px 15px; border: 0 !important;} #faq .navigation ul li.label {display: block;} #faq .navigation ul li.label a {padding: 0; padding-bottom: 20px; padding-top: 10px;} } @media all and (min-width: 585px) and (max-width: 900px) { .wow {visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;} .page.talkable-page .head {display: none;} .page.talkable-page .content {margin-top: 0; max-width: 1250px;} #ReCharge {padding: 60px 0;} #ReCharge #customer_tab_content { float: none !important; width: 100% !important; box-sizing: border-box; margin: 0 auto; margin-top: 0;} #ReCharge tr {border: 0 !important;} #customer_tab_nav{float: none !important; width: 100% !important; text-align: center; margin: 0 auto; color: #727272;} #ReCharge #customer_tab_content h2 { text-align: center !important; font-size: 22px;} #ReCharge #customer_tab_content .purchase-item .purchase-address {text-align: center !important;} #ReCharge #customer_tab_nav h2 {margin-left: 0; font-size: 28px; margin-bottom: 25px; text-align: center !important;} #ReCharge-Mobile-Nav{ float: none !important; max-width: 100% !important; margin: 0 auto; color: #727272;} #ReCharge .rc_layout__sidebar h2 {text-align: center; margin-bottom: 28px; font-size: 18px;} #ReCharge-Mobile-Nav {color: #002970 !important; height: auto !important; padding: 10px !important; } #page404 .img {padding-top: 70% !important;} /* /******************************** HEADER ***************************** */ .header-drop {display: none;} #header.over-carousel {color: #002970 !important; position: fixed; border-bottom: 0; z-index: 50; background: #ffffff !important;} #header {position: fixed; border-bottom: 0; z-index: 50; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff !important;} #header .container {height: 56px; padding: 0; position: relative;} #header .header-wrapper {padding-top: 0; height: 100%;} #header .logo {margin-top: 13px; width: 82px; margin-left: -41px; } #header .logo svg {fill: #002970; max-width: 82px; max-height: 40px; } #header.over-carousel .logo svg {fill: #002970;} #header.blog .bg {background: #f8f8ff; } #header.over-carousel .bg {border-bottom: 3px solid #002970; box-shadow: none; } #header.over-carousel.scroll .bg {border-bottom: 3px solid #002970; box-shadow: none; } #header .cart-wrap {position: absolute; right: 17px; padding-right: 0; top: 16px;} #header .cart-wrap .circle {position: static; padding: 0; border: 0; border-radius: 0; width: auto; height: auto;} #header .cart-wrap .circle svg {width: 21px;} #header.over-carousel .cart-wrap .circle svg {fill: #002970 !important;} /* /******************************** FOOTER ***************************** */ #footer .container {padding-bottom: 80px;} #footer img {padding-left: 40px;} #footer .bottom .wrap {border-top: 3px solid #002970; padding-top: 40px; margin-top: 50px;} #footer .bottom .follow {padding-left: 40px;} /* /******************************** SERCH AND MAILING MODALS ***************************** */ .search-mailing .form {width: 74%; margin-left: -37%;} .search-mailing i.lnr-cross {font-size: 30px; top: 15px;} .search-mailing .form .input-icon {font-size: 25px;} .search-mailing .form input {font-size: 40px;} /* /******************************** MENU ***************************** */ #menu-mobile-button {display: block !important; position: absolute; font-size: 18px; top: 0; left: 0; height: 100%; width: 50px; background: #ffffff; color: #002970;} #menu-mobile-button i {position: relative; top: 17px;} #menu-mobile.custom {top: 56px;} #menu-mobile.custom ul {box-sizing: border-box; padding: 50px; width: 50%; float: left;} #menu-mobile.custom #social-links {text-align: right;} /* /******************************** CAROUSEL ***************************** */ #carousel .item_img.normal {padding-top: 78%;} #carousel .item-overlay h1 {padding-top: 0;} #carousel .item-overlay p {} #carousel .item-overlay .btn {border-radius: 30px; padding: 15px 30px; width: auto; height: auto;} /* /******************************** HOMEPAGE ***************************** */ h1 {font-size: 48px;} #home .homepage-banner {font-size: 20px; padding: 30px 20px;} #home .cleanout {padding-top: 30px; padding-bottom: 40px;} #home .cleanout p {max-width: 605px; font-size: 23px;} #home .essential-ingredients {padding: 0 20px; margin-bottom: 60px; text-align: center;} #home .essential-ingredients h1 {padding-top: 40px; margin-left: 0; text-align: center; font-size: 48px; max-width: 100%; } #home .essential-ingredients p {max-width: 482px; margin: auto; margin-bottom: 40px; padding: 0;} #home .essential-ingredients .pill-img {background-image: url(essential-ingredients-small-new.png); background-size: 420px;} #home .open-source {text-align: center; padding: 0 20px;} #home .open-source .map-img {height: 540px; background-size: cover;} #home .open-source .text {position: absolute; right: 0; left: 0; padding: 0;} #home .open-source h1 {font-size: 48px; max-width: 100%; margin: 0; margin-bottom: 40px; text-align: center; padding: 40px 0 0 0;} #home .open-source p {text-align: center; margin: 0 auto 20px; padding: 0 20px; } #home .open-source .link {max-width: 100%; padding: 0;} #home .at-your-door {padding: 0 20px; margin-bottom: 120px; text-align: center;} #home .at-your-door h1 {padding-top: 40px; margin-left: 0; text-align: center; font-size: 48px; max-width: 100%; } #home .at-your-door p {max-width: 482px; margin: auto; margin-bottom: 40px; padding: 0;} #home .at-your-door .product-img {height: 470px;} #home .journal .slide .main-img {margin-bottom: 20px;} #home .journal .carousel {max-width: 75%;} #home .headlines .wrapper {padding: 60px 20px; border-top: 3px solid #002970;} #home .headlines h1 {font-size: 18px; margin-bottom: 30px;} #home .headlines p {font-size: 15px; margin-bottom: 30px;} #home .headlines img {max-width: 160px;} /* /******************************** APPROACH ***************************** */ body.ingredients #header .logo {margin-left: -40px; } #approach .fixed-slider .left-column .text {padding: 0 0 80px 0;} #approach .fixed-slider .left-column .text.first {padding-top: 0;} #approach .fixed-slider .left-column .text.last {padding-bottom: 80px;} .everything-you-need-banner h1 {font-size: 48px; margin-bottom: 40px;} .everything-you-need-banner button {font-size: 17px;} #approach .top-section h1 {padding-top: 0;} #approach .created {padding: 60px 20px;} #approach .created .wrap {max-width: 600px;} #approach .team {max-width: 480px; padding: 35px 20px;} /* /******************************** AFFILIATE ***************************** */ #affiliate .top-section {height: 540px;} #affiliate .top-section h1 {font-size: 52px;} #affiliate .top-section p {font-size: 26px;} #affiliate .how-it-works h1 {font-size: 52px;} #affiliate .how-it-works .number {margin-top: 35px;} #affiliate section.how-it-works .wrapper {max-width: 660px;} #affiliate .how-it-works .grid .grid {margin-bottom: 40px;} /* /******************************** AMBASSADOR ***************************** */ #ambassador .top-section {height: 540px;} #ambassador .top-section h1 {font-size: 52px;} #ambassador .top-section p {font-size: 26px;} #ambassador .how-it-works h1 {font-size: 52px;} #ambassador .how-it-works .number {margin-top: 35px;} #ambassador section.how-it-works .wrapper {max-width: 660px;} #ambassador .how-it-works .grid .grid {margin-bottom: 40px;} #ambassador .how-it-works .content p {font-size: 16px;} #ambassador .learn-more h1 {font-size: 54px;} #ambassador .learn-more .title {font-size: 24px;} #ambassador .learn-more .title div {padding: 40px 0 20px;} #ambassador .learn-more .values {font-size: 24px;} #ambassador .learn-more .values .row div {padding: 6px; max-width: 145px;} #ambassador .join .btn {box-sizing: border-box;} /* /******************************** INGREDIENTS ***************************** */ #ingredients .item {width: 30%;} #ingredient-detail .details {margin: auto; max-width: 460px;} #ingredient-detail .details .img {position: static !important; width: 100% !important; margin-top: 30px;} #ingredient-detail .content .wrapper {margin: auto; padding: 50px 0;} #ingredient-detail .img {height: 1px; padding-top: 120%;} body.ingredients #ingredient-detail .relative {left: 0;} /* /******************************** INGREDIENT ***************************** */ #ingredient-map .wrapper {margin: auto; max-width: 600px; padding: 50px 20px;} #ingredient-map h1 {text-align: center;} #ingredient-map h2.sub {text-align: center;} #ingredient-map .content .location h2 {text-align: center;} #ingredient-map .content .location {padding: 25px 0; margin: 40px 0; text-align: center; border-top: 3px solid #f3f3f6; border-bottom: 3px solid #f3f3f6; } #ingredient-map .content .location p {margin-bottom: 0; } #ingredient-map .bottom article {max-width: 250px;} #ingredient-map .bottom article.difference {margin-left: auto;} #ingredient-map .map {min-height: 100%; height: auto !important;} /* /******************************** SOURCE MODAL ***************************** */ #source-modal {padding: 88px 20px;} #source-modal .close {top: 20px; right: 12px;} #source-modal .head {padding: 50px 20px;} #source-modal .head h1 {padding: 0; font-size: 37px;} #source-modal .head h2 {font-size: 31px;} #source-modal .head hr {margin: 25px 0;} #source-modal .head h3 {font-size: 17px; } #source-modal .data {padding: 30px 40px; margin: 0; width: 100%; max-width: 100%; box-sizing: border-box;} #source-modal .content {padding-top: 0;} #source-modal .content .quote {font-size: 27px; } #source-modal .content .quote div {max-width: 537px; margin: auto; text-align: center; margin-bottom: 50px;} #source-modal .data .label {font-size: 15px; line-height: 120%;} #source-modal .data p {font-size: 24px;} #source-modal .data .final p {font-size: -5px;} #source-modal .content p {font-size: 15px;} /* /******************************** CONTACT ***************************** */ #contact .head {height: auto;} #contact .head h1 {padding: 110px 20px;} #contact .content {padding: 30px 50px; top: 0;} .page .head {padding: 110px 20px;} .page .content {padding: 30px 20px; margin: auto; top: 0;} .page .head h1 {} .page h2 {font-size: 30px; } /* /******************************** FAQ ***************************** */ #faq .head {height: auto;} #faq .head h1 {padding: 90px 0; font-size: 56px;} #faq .head p {padding-bottom: 90px;} #faq .navigation ul li a {border-color: transparent; padding: 0px 15px 15px; border: 0 !important;} #faq .navigation ul li.label {display: block; margin: 10px 0;} #faq .navigation ul li.label a {padding: 0; } #faq .content {padding: 30px 50px; padding-top: 127px;} #faq .navigation ul {display: block; justify-content: inherit; -webkit-justify-content: inherit;} #faq .faq .common-questions .results {margin-top: 60px;} #refer .head {position: static; background: #f5d01e; width: 100%; min-height: 1px;} #refer .head .table {padding: 80px 0; padding-bottom: 30px;} #refer .head h1 , #refer .head p {text-align: center; max-width: 100%;} /* /****************************** BLOG ********************************* */ #blog .categories ul {display: block; display: block; -webkit-justify-content: inherit; justify-content: inherit;} #blog .categories ul li {padding: 0 30px;} #blog .categories ul li i {left: 0;} #blog-carousel .img {height: 550px;} #blog-carousel .overlay h1 {margin-top: -30px;} #blog .articles-wrapper .grid .grid__item:nth-child(3n+2) {margin-top: 15%;} #blog .articles-wrapper .grid .grid__item:nth-child(3n+3) {margin-top: -26%;} #article #sharing {right: 0;} /* /******************************** PRODUCT ***************************** */ .product-top {margin-top: 40px;} .collection-top {margin-top: 40px;} #product-wrap .top-section .img {height: 605px;} #product-wrap .top-section .overlay {position: static;} #product-wrap .product-form {text-align: center; padding-top: 60px; padding-bottom: 60px;} #product-wrap .top-section h1 {text-align: center; margin-bottom: 5px;} #product-wrap .cleanout {padding-bottom: 0; padding-top: 80px; } #product-wrap .cleanout .icons {max-width: 660px; padding-bottom: 80px; border-bottom: 3px solid #002970; margin-bottom: 40px;} #product-wrap .you-need .wrap {max-width: 660px;} #product-wrap .headlines .wrapper {padding: 60px 20px; border: 0;} #product-wrap .headlines h1 {font-size: 18px; margin-bottom: 30px;} #product-wrap .headlines p {font-size: 15px; margin-bottom: 30px;} #product-wrap .headlines img {max-width: 160px;} #product-wrap .red-message {font-size: 14px; line-height: 22px; } #product-wrap .skeptics .carousel {max-width: 500px;} #product-wrap .the-form .pill {margin-top: 0;} #product-wrap .the-form .pill .item {width: 245px;} #product-wrap .the-form h2 {font-size: 32px; max-width: 400px; margin: auto; margin-top: 60px; margin-bottom: 20px;} #product-wrap .the-form .carousel {margin: auto; padding-top: 0;} #product-wrap .the-form p {font-size: 18px; text-align: center; font-family: 'Dutch', sans-serif; font-style: italic;} #product-wrap .the-form .carousel-controls {margin-top: 40px;} #product-wrap .the-form .pill .item p {font-family: 'Circular Std', sans-serif;} #product-wrap .cleanout ul li {width: 50%; margin-bottom: 40px;} #product-wrap .cleanout ul li:nth-child(3), #product-wrap .cleanout ul li:nth-child(4) {margin-bottom: 0;} #product-wrap.gift .how-it-works .icons {max-width: 500px !important;} #product-wrap.gift .how-it-works ul li {width: 50% !important; margin-bottom: 40px !important;} #product-wrap.gift .how-it-works ul li:nth-child(3), #product-wrap .cleanout ul li:nth-child(4) {margin-bottom: 0 !important;} #supplement-modal .content {padding: 30px 60px; } #supplement-modal .close {right: 20px;} #supplement-modal .close span {display: none;} #supplement-modal h2 {box-sizing: border-box; padding: 0 20px; text-align: left; font-size: 42px;} /* /******************************** SHIPPING CALCULATOR ***************************** */ #shipping-calculator label {margin-top: 15px; margin-bottom: 10px;} /* /******************************** CUSTOMER ACCOUNT ***************************** */ .my-account-content, .order-detail {} .my-account-content h1 span, .order-detail h1 span {float: none;} .my-account-content h1, .order-detail h1 .action-bottom.smaller {position: static; margin-top: 17px;} .template .content-wrapper.padding-0 {padding-top: 56px !important;} #ReCharge {padding: 60px 0;} #ReCharge #customer_tab_content { float: none !important; width: 80% !important; margin: 0 auto; margin-top: 0;} #customer_tab_nav{float: none !important; width: 90% !important; text-align: center; margin: 0 auto; color: #727272;} #ReCharge #customer_tab_content h2 { text-align: center !important; font-size: 30px;} #ReCharge #customer_tab_content .purchase-item .purchase-address {text-align: center !important;} #ReCharge #customer_tab_nav h2 {margin-left: 0; margin-bottom: 25px; text-align: center !important;} #ReCharge-Mobile-Nav{float: none !important; max-width: 90% !important; margin: 0 auto; color: #727272;} #ReCharge .rc_layout__sidebar h2 {text-align: center; margin-bottom: 28px; font-size: 22px;} .recharge .layout__sidebar, .recharge .rc_layout__sidebar {float: none !important; margin-bottom: 30px;} .share-the-health h1 {font-size: 28px !important;} .share-the-health h2 {font-size: 20px !important;} .share-the-health .btn {font-size: 18px !important; padding: 13px 33px !important;} /****** SKIP PAGE *******/ #skipOptions a {font-size: 18px;width: 100px;height: 100px;padding-top: 29px;} /* /******************************** PRESS PAGE ***************************** */ #press-page .top .head {min-height: 230px;padding-top: 135px;} #press-page .content .grid__item div {min-height:200px} #press-page .content .grid__item div p {font-size:17px} } @media screen and (max-width: 991px) and (min-width: 768px) { #ReCharge {padding: 60px 20px;} .recharge .layout__sidebar, .recharge .rc_layout__sidebar {width: 28% !important;} #ReCharge #customer_tab_content { width: 65% !important;} } @media screen and (max-width: 900px) and (min-width: 768px) { #ReCharge .rc_layout__sidebar h2 {text-align: center !important; } .recharge .layout__sidebar, .recharge .rc_layout__sidebar {width: 100% !important; padding: 0 !important;} #ReCharge #ReCharge-Nav ul li {text-align: center !important;} } @media screen and (min-width: 768px) { .recharge .layout__container, .recharge .rc_layout__container {max-width: 100% !important; padding: 0 !important;} } /* #### Mobile Phones Portrait #### */ @media all and (min-width: 585px) and (max-width: 768px) { #refer .head {display: none; position: static; background: #ffd531; width: 100%; min-height: 1px;} #refer .head .table {padding: 80px 0; padding-bottom: 30px;} #refer .head h1 , #refer .head p {text-align: center; max-width: 100%;} #refer .head h1 {font-size: 30px;} #refer .head p {font-size: 14px;} #refer .content {background: #ffd531; padding: 40px 0;} #refer iframe {width: 330px !important; display: block !important; margin:0 auto !important; } } @media all and (max-width: 584px) { .wow {visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;} .content-wrapper {} .page.talkable-page .head {display: none;} .page.talkable-page .content {margin-top: 0; max-width: 1250px;} #ReCharge-Mobile-Nav {color: #002970 !important; height: auto !important; padding: 10px !important; } #page404 .img {padding-top: 150% !important;} #page404 .overlay h1 {font-size: 50px; padding: 0 20px;} #page404 .overlay .btn {padding: 12px 30px; font-size: 14px;} /* /******************************** HEADER ***************************** */ .header-drop {display: none;} #header.over-carousel {color: #002970 !important; position: fixed !important; border-bottom: 0; z-index: 50; background: #ffffff !important;} #header {position: fixed !important; border-bottom: 0; z-index: 50; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff !important;} #header .container {height: 50px; padding: 0; position: relative;} #header .header-wrapper {padding-top: 0; height: 100%;} #header .logo {margin-top: 13px; width: 70px; margin-left: -35px; } #header.scroll .logo, #header.shadow .logo {margin-top: 13px;} #header .logo svg {fill: #002970; max-width: 82px; max-height: 40px; } #header.over-carousel .logo svg {fill: #002970;} #header.blog .bg {background: #f8f8ff; } #header.over-carousel .bg {box-shadow: 0 0 0 3px #002970; } #header.over-carousel.scroll .bg {box-shadow: 0 0 0 3px #002970; } #header .cart-wrap {position: absolute; right: 17px; padding-right: 0; top: 13px;} #header .cart-wrap .circle {position: static; padding: 0; border: 0; border-radius: 0; width: auto; height: auto;} #header .cart-wrap .circle svg {width: 21px;} #header.over-carousel .cart-wrap .circle svg {fill: #002970 !important;} #utility-bar {font-size: 10px;} #utility-bar .container {padding: 0 30px;} /* /******************************** FOOTER ***************************** */ #footer .container {padding-bottom: 80px;} #footer .logo {text-align: center; margin-bottom: 30px;} #footer img {max-width: 30px; margin: auto;} #footer .bottom .wrap {border-top: 3px solid #002970; padding-top: 30px; margin-top: 30px;} #footer .bottom .follow {} #footer .links li {font-size: 17px; margin-bottom: 2px;} #footer .mailing-list {border-top: 3px solid #002970; padding-top: 30px; margin-top: 30px;} #footer .title {font-size: 17px;} #footer #social-links {margin-bottom: 0;} #footer .mailing-list form {max-width: 1000px;} /* /******************************** SERCH AND MAILING MODALS ***************************** */ .search-mailing .form {width: 86%; margin-left: -43%;} .search-mailing i.lnr-cross {font-size: 25px;} .search-mailing .form .input-icon {font-size: 20px; top: 8px;} .search-mailing .form input {font-size: 25px;} /* /******************************** MENU ***************************** */ #menu-mobile-button {display: block !important; position: absolute; font-size: 18px; top: 0; left: 0; height: 100%; width: 50px; background: #ffffff; color: #002970;} #menu-mobile-button i {position: relative; top: 17px;} #menu-container {display: none;} /* /******************************** FOOTER ***************************** */ #footer #social-links li {margin-left: 10px;} #footer span {display: none;} /* /******************************** HOME ***************************** */ .ing-nav-arrows {right: 10px;} #home .collections .bigger .bg_img {height: 230px;} #home .collections .bg_img {height: 230px;} #home .homepage-banner {font-size: 18px; padding: 30px 20px;} h1 {font-size: 30px;} #home .link {font-size: 15px;} .carousel-controls {margin-top: 35px;} .carousel-controls i {font-size: 17px;} .carousel-controls .num {font-size: 16px;} #home .homepage-banner {font-size: 20px; padding: 30px 20px;} #home .cleanout {padding-top: 0; padding-bottom: 0;} #home .cleanout p {max-width: 605px; font-size: 15px; margin-bottom: 20px; } #home .cleanout img {display: block;} #home .cleanout .icons {display: block} #home .cleanout ul li {width: 50%; float: left;display: block; text-align: center; line-height: 1em; margin: 0; margin-bottom: 30px;} #home .cleanout ul li span {font-size: 13px; margin: auto;} #home .cleanout ul li br {display: block;} #home .cleanout ul li:nth-child(2n+1) {clear: left;} #home .essential-ingredients {padding: 0 20px; margin-bottom: 50px; text-align: center;} #home .essential-ingredients h1 {padding-top: 40px; margin-left: 0; margin-bottom: 20px; text-align: center; font-size: 30px; max-width: 100%; } #home .essential-ingredients p {max-width: 482px; font-size: 15px; margin: auto; margin-bottom: 40px; padding: 0;} #home .essential-ingredients .pill-img {height: 280px; background-image: url(essential-ingredients-small-new.png); background-size: 200px;} #home .essential-ingredients .logos .lessismore {height:28px;} #home .essential-ingredients .logos img {height: 35px;} #home .open-source {text-align: center; padding: 0 20px;} #home .open-source .map-img {height: 280px; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/interactive-map.png?15638860516220414093); background-size: cover;} #home .open-source .text {position: absolute; right: 0; left: 0; } #home .open-source h1 {font-size: 30px; max-width: 100%; margin: 0; margin-bottom: 25px; text-align: center; padding: 30px 0 0 0;} #home .open-source p {text-align: center; font-size: 15px; margin: 0 auto 20px; padding: 0 20px; } #home .open-source .link {max-width: 100%; padding: 0; margin-bottom: 35px; } #home .at-your-door {padding: 0 20px; margin-bottom: 60px; text-align: center;} #home .at-your-door h1 {padding-top: 40px; margin-left: 0; margin-bottom: 20px; text-align: center; font-size: 30px; max-width: 100%; } #home .at-your-door p {max-width: 482px; font-size: 15px; margin: auto; margin-bottom: 20px; padding: 0;} #home .at-your-door .product-img {height: 260px;} #home .journal h1 {font-size: 18px; margin-bottom: 30px; } #home .journal .slide .main-img {margin-bottom: 20px;} #home .journal .carousel {max-width: 100%;} #home .journal .wrap {padding: 40px 0 30px 0;} #home .journal .slide h3 {font-size: 18px;} #home .journal .slide .text p {font-size: 12px;} #home .journal .slide .author p {font-size: 13px; margin-top: 0; margin-bottom: 0;} #home .journal .slide .footer .avatar {width: 30px; padding-top: 30px;} #home .journal .slide hr {border-top: 2px solid #002970;} #home section {margin-bottom: 40px;} #home .myritual h1 {margin-bottom: 30px;} #home .myritual p {font-size: 15px; margin-bottom: 20px;} #home .founders .overlay {background: transparent; padding: 20px;} #home .founders .overlay .wrap {position: absolute; bottom: 20px; width: 90%; left: 20px;} #home .founders .overlay p { font-size: 16px; margin: 0 !important;} #home .founders .slick-center .overlay {opacity: 1; filter: alpha(opacity=100);} #home .instagram .wrap {padding: 40px 0 30px 0;} #home .instagram h1 {font-size: 18px; margin-bottom: 30px;} #instagram-card .module.slick-slide {margin: 0 5px;} #home .headlines .wrapper {padding: 40px 20px; border-top: 3px solid #002970;} #home .headlines h1 {font-size: 18px; margin-bottom: 30px;} #home .headlines p {font-size: 15px; margin-bottom: 30px; min-height: 84px; } #home .headlines img {max-width: 160px;} .buy-now.btn {padding: 7px 27px; font-size: 11px; bottom: 19px; right: 55px;} /* /******************************** APPROACH ***************************** */ #approach .fixed-slider .left-column .text {padding: 0 0 80px 0;} #approach .fixed-slider .left-column .text.first {padding-top: 0;} #approach .fixed-slider .left-column .text.last {padding-bottom: 80px;} .everything-you-need-banner .wrap {padding: 45px 20px;} .everything-you-need-banner h1 {font-size: 30px; margin-bottom: 40px;} .everything-you-need-banner button {font-size: 13px;} #approach .top-section {height: 340px;} #approach .top-section h1 {font-size: 50px; padding-bottom: 20px; padding-top: 0; border-bottom: 7px solid #fff; } #approach .top-section h1 span {padding-left: 65px;} #approach .text-section {padding-top: 40px; padding-bottom: 12px;} #approach .text-section p {font-size: 15px;} #approach .fixed-slider .left-column .small-img {width: 100%; height: 0; padding-top: 125%;} #approach .fixed-slider .left-column .small-img {margin-bottom: 35px;} #approach .fixed-slider .left-column h1 {font-size: 38px; margin-bottom: 25px;} #approach .fixed-slider .left-column p {font-size: 14px;} #approach .fixed-slider .left-column .text {padding-bottom: 50px;} #approach .created {padding: 60px 20px;} #approach .created h1 {font-size: 25px;} #approach .created img {display: block;max-width: 200px; margin: auto; margin-bottom: 30px;} #approach .created .wrap {max-width: 600px;} #approach .team {max-width: 480px; padding: 35px 20px;} #approach .team h1 {font-size: 25px; margin-bottom: 40px;} #approach .team p {font-size: 13px;} #approach .team .grid__item {margin-bottom: 20px;} /* /****************************** AFFILIATE ********************************* */ #affiliate .top-section {height: 280px;} #affiliate .top-section h1 {font-size: 30px; max-width: 260px; margin-top: 20px;} #affiliate .top-section p {font-size: 16px;} #affiliate .top-section .but {font-size: 11px;} #affiliate .how-it-works h1 {font-size: 36px;} #affiliate .how-it-works .number {margin-top: 35px;} #affiliate section.how-it-works .wrapper {max-width: 660px; padding-bottom: 10px;} #affiliate .how-it-works .grid .grid {margin-bottom: 40px;} #affiliate section .wrapper {padding: 50px 0;} #affiliate .info h1 {font-size: 24px;} #affiliate .info h2 {font-size: 18px;} #affiliate .info .wrap {margin-top: 50px;} #affiliate .info .wrap article.grid__item {margin-bottom: 50px;} #affiliate section.info .wrapper {padding-bottom: 0;} /* /****************************** AMBASSADOR ********************************* */ #ambassador .top-section {height: 280px; background-image: url(//cdn.shopify.com/s/files/1/1507/3216/files/ambassador-bg-mobile.jpg?13054364983785121223);} #ambassador .top-section .overlay {display: none;} #ambassador .top-section h1 {font-size: 30px; max-width: 260px; margin-top: 20px;} #ambassador .top-section p {font-size: 16px;} #ambassador .top-section .but {font-size: 11px;} #ambassador .how-it-works h1 {font-size: 36px;} #ambassador .how-it-works h2 {font-size: 18px;} #ambassador .how-it-works p {max-width: 240px; margin: auto; line-height: 130%;} #ambassador .how-it-works .content p {line-height: 130%;} #ambassador .how-it-works .number {margin-top: 35px;} #ambassador section.how-it-works .wrapper {max-width: 660px;} #ambassador .how-it-works .grid .grid {margin-bottom: 40px;} #ambassador section .wrapper {padding: 50px 0;} #ambassador .info h1 {font-size: 24px;} #ambassador .info h2 {font-size: 18px;} #ambassador .info .wrap {margin-top: 50px;} #ambassador .info .wrap hr {max-width: 20px;} #ambassador .info .wrap article.grid__item {margin-bottom: 50px;} #ambassador section.info .wrapper {padding-bottom: 0;} #ambassador .learn-more .chart {margin-top: 40px;} #ambassador .learn-more h1 {font-size: 34px; max-width: 300px; margin: auto;} #ambassador .learn-more .title {font-size: 18px;} #ambassador .learn-more .title div {padding: 0 0 20px; max-width: 100px;} #ambassador .learn-more .title .right {border: 0;} #ambassador .learn-more .values {font-size: 18px; padding: 16px 8px; border-right: 0; border-left: 0; border-bottom: 3px solid #ffd531} #ambassador .learn-more .values .row div {padding: 4px; max-width: 103px;} #ambassador .join .btn {box-sizing: border-box; font-size: 16px; padding: 16px 30px;} /* /****************************** INGREDIENTS ********************************* */ body.ingredients {padding-right: 0;} body.ingredients #header {padding-right: 0;} body.ingredients #header .logo {margin-left: -41px; } body.ingredients #ingredient-detail .relative {left: 0;} .ing-banner-btn-bg {display: none;} .ing-banner-btn-text {display: none;} #ingredients .head h1 {font-size: 40px; } #ingredients .content {padding: 0; padding-bottom: 30px;} #ingredients .head p {font-size: 18px;} #ingredients .item {width: 45%; margin-bottom: 10px;} #ingredients .item h2 {font-size: 16px;} /* /****************************** INGREDIENT DETAIL ********************************* */ #ingredient-detail .details {margin: auto; padding: 0 20px; max-width: 460px;} #ingredient-detail .details .img {position: static !important; width:100% !important; height: 1px !important; padding-top: 120% !important; margin-top: 20px;} #ingredient-detail .content .wrapper {margin: auto; padding: 30px 0;} #ingredient-detail .content article {margin-bottom: 34px;} #ingredient-detail h2 {font-size: 14px;} #ingredient-detail .desc p {font-size: 16px;} #ingredient-detail .interactions {text-align: center; max-width: 280px; margin: auto;} #ingredient-detail .interactions h2 {text-align: center;} #ingredient-detail .interactions .inter {margin-bottom: 50px;} #ingredient-detail .data {font-size: 14px;} #ingredient-detail .data a {font-size: 16px;} #ingredient-detail .studies h2 {max-width: 290px; margin: auto; font-size: 33px; margin-bottom: 30px; } #ingredient-detail .studies p.subtitle {margin: auto; font-size: 20px; max-width: 218px;text-align: center; margin-bottom: 30px;} #ingredient-detail .studies .stud h2 {margin: 0; margin-bottom: 2px;} /* /****************************** INGREDIENT MAP ********************************* */ #ingredient-map .map {min-height: 1px !important; height: auto !important;} #ingredient-map .wrapper {margin: auto; max-width: 600px; padding: 50px 20px;} #ingredient-map h1 {text-align: center;} #ingredient-map h2.sub {text-align: center;} #ingredient-map .content .location h2 {text-align: center;} #ingredient-map .content .location {padding: 25px 0; margin: 40px 0; text-align: center; border-top: 3px solid #f3f3f6; border-bottom: 3px solid #f3f3f6; } #ingredient-map .content .location p {margin-bottom: 0; } #ingredient-map .icons .target .dot .border {width: 10px; height: 10px;} #ingredient-map .icons .target.active .dot {padding: 4px;} #ingredient-map .icons .target.active .dot .border {width: 16px; height: 16px;} /* /****************************** SOURCE MODAL ********************************* */ #source-modal {padding: 50px 20px;} #source-modal .close {top: 10px; right: 16px; font-size: 30px;} #source-modal .close span {display: none;} #source-modal .wrapper {} #source-modal .head {padding: 0; height: 100px; position: relative; margin-bottom: 200px;} #source-modal .head .overlay {width: 100%; box-sizing: border-box; position: absolute; top: 100%; padding: 20px; } #source-modal .head h1 {padding: 0; font-size: 20px; color: #002970;} #source-modal .head h2 {font-size: 17px; color: #002970;} #source-modal .head hr {margin: 15px 0; border-color: #002970; } #source-modal .head h3 {font-size: 12px; color: #002970;} #source-modal .data {padding: 30px 20px 20px; margin: 0; width: 100%; max-width: 100%; box-sizing: border-box;} #source-modal .data .grid {margin-left: -20px; } #source-modal .data .grid__item {padding-left: 20px; } #source-modal .data .wrap {border: 0; padding: 0;} #source-modal .data .final .wrap {border: 0; padding: 0; margin: 0;} #source-modal .data .label {font-size: 14px; line-height: 120%;} #source-modal .data .label br {display: none;} #source-modal .data .final .wrap p {text-align: left;} #source-modal .data p {font-size: 22px;} #source-modal .data p {font-size: -4px;} #source-modal .data .final p {font-size: -4px;} #source-modal .content p {font-size: 15px; line-height: 130%; margin-bottom: 30px;} #source-modal .content {padding: 0 20px;} #source-modal .content .quote {font-size: 18px; } #source-modal .content .quote div {max-width: 537px; padding: 0; margin: auto; text-align: center; margin-bottom: 30px;} #source-modal .content h2 {font-size: 16px;} /* /******************************** REFER ***************************** */ #refer iframe {width: 330px !important; display: block !important; margin:0 auto !important;} #refer .head {display: none; position: static;} #refer .content {background: #ffd531; padding: 40px 0;} /* /******************************** CAROUSEL ***************************** */ #carousel .item_img.normal {padding-top: 60%;} #carousel .item-overlay h1 {font-size: 30px; padding-top: 0;} #carousel .item-overlay p {font-size: 15px; padding: 0 20px;} #carousel .item_img.normal {padding-top: 100%;} #carousel .item-overlay .btn {border-radius: 30px; padding: 12px 28px; font-size: 15px;width: auto; height: auto;} /* /******************************** APPROACH ***************************** */ #contact .head {height: auto;} #contact .info .grid__item {margin-bottom: 35px;} #contact .head h1 {padding: 70px 20px; font-size: 35px;} #contact .content {padding: 30px 20px; top: 0;} #contact .info {padding: 0; margin-bottom: 50px;} #contact .info p {text-align: center;} #contact .info h3 {text-align: center;} #contact .faq {padding: 0;} /* /******************************** FAQ ***************************** */ #faq .head {height: auto;} #faq .head h1 {padding: 70px 20px; font-size: 35px;} #faq .head p {font-size: 18px; padding-bottom: 60px;} #faq .content {padding: 0 20px 30px;} #faq .info {padding: 0; margin-bottom: 50px;} #faq .info p {text-align: center;} #faq .info h3 {text-align: center;} #faq .faq {padding: 0;} #faq .faq form {margin-top: 0;} #faq .faq .item .question {padding-right: 30px;} #faq .results {margin-top: 60px;} #faq .navigation {display: none;} #faq .faq .title h2 {text-align: center; margin-bottom: 8px;} #faq .faq .title p {font-size: 15px; text-align: center; margin-bottom: 30px;} #faq .faq .common-questions h2 {margin-bottom: 40px;} .page .head {padding: 70px 20px;} .page .content {padding: 30px 20px; margin: auto; top: 0;} .page .head h1 { font-size: 35px;} .page h2 {font-size: 22px; margin-top: 30px; margin-bottom: 20px;} /* /******************************** SINGLE PRODUCT ***************************** */ .product-top {margin-top: 40px;} .product-top .breadcrumb {float: none;} .collection-nav {float: none; text-align: left;} .collection-nav.shown {margin-top: 20px;} #product-wrapper .red-message {font-size: 14px; line-height: 22px;} #product-wrap .top-section .img {height: 440px;} #product-wrap .supplement-facts {padding: 12px;} #product-wrap .top-section .overlay {position: static;} #product-wrap .product-form {text-align: center; padding-top: 60px; padding-bottom: 60px;} #product-wrap .top-section h1 {text-align: center; margin-bottom: 5px;} #product-wrap .cleanout h1 {font-size: 33px; } #product-wrap .cleanout .icons {display: block; text-align: left;} #product-wrap .cleanout ul {text-align: center;} #product-wrap .cleanout ul li.first {border-top: 2px solid #f5f5f5; padding-top: 10px;} #product-wrap .cleanout ul li {width: 100%; text-align: left; overflow: hidden; border-bottom: 2px solid #f5f5f5; padding-bottom: 10px; margin-bottom: 10px;} #product-wrap .cleanout span {font-size: 18px;`} #product-wrap .cleanout img {float: left; margin: 0; margin-right: 25px; height: 30px; padding-left: 0;} #product-wrap .cleanout p {font-size: 15px; max-width: 158px;} #product-wrap .cleanout .wrap {max-width: 222px; margin: auto; } #product-wrap .cleanout .text {float: left; padding-top: 0;} #product-wrap .cleanout {padding-bottom: 0; padding-top: 80px; } #product-wrap .cleanout .icons {max-width: 660px; padding-bottom: 80px; border-bottom: 3px solid #002970; margin-bottom: 40px;} #product-wrap.gift .how-it-works .icons {max-width: 220px !important; margin: auto; !important} #product-wrap.gift .how-it-works ul {text-align: center !important;} #product-wrap.gift .how-it-works ul li.first {border-top: 0 !important; padding-top: 10px !important;} #product-wrap.gift .how-it-works ul li {width: 100% !important; text-align: center !important; overflow: hidden !important; border-bottom: 0 !important; padding-bottom: 10px !important; margin-bottom: 10px !important;} #product-wrap .you-need h1 {font-size: 33px;} #product-wrap .you-need .item .head {font-size: 18px;} #product-wrap .you-need .item .head span {width: 10px; height: 10px;} #product-wrap .you-need .item .content {padding-left: 0;} #product-wrap .you-need .wrap {max-width: 660px;} #product-wrap .skeptics h1 {margin-bottom: 35px;} #product-wrap .skeptics .slide .grid {opacity: 0.5; filter: alpha(opacity=50);} #product-wrap .skeptics .slide.slick-center .grid {opacity: 1; filter: alpha(opacity=100);} #product-wrap .skeptics .slide .main-img {margin-bottom: 25px;} #product-wrap .skeptics .slide h2, #product-wrap .skeptics .slide h3 {text-align: center;} #product-wrap .skeptics .slide .content p {text-align: center;} #product-wrap .skeptics .slide .grid__item.animation-slow {opacity: 0; filter: alpha(opacity=0);} #product-wrap .skeptics .slide.slick-center .grid__item.animation-slow {opacity: 1; filter: alpha(opacity=100);} #product-wrap .the-form .text {float: right;} #product-wrap .the-form h1 {font-size: 30px;} #product-wrap .the-form .pill {margin-top: 0;} #product-wrap .the-form .pill .item p {display: none !important; font-family: 'Circular Std', sans-serif;} #product-wrap .the-form .pill .item {width: auto;} #product-wrap .the-form h2 {font-size: 18px; max-width: 400px; margin: auto; margin-top: 30px; margin-bottom: 20px;} #product-wrap .the-form .carousel {margin: auto; padding-top: 0;} #product-wrap .the-form p {font-size: 15px; text-align: center; font-family: 'Dutch', sans-serif; font-style: normal;} #product-wrap .the-form .carousel-controls {margin-top: 10px;} #product-wrap .headlines .wrapper {padding: 40px 20px;} #product-wrap .headlines h1 {font-size: 18px; margin-bottom: 30px;} #product-wrap .headlines p {font-size: 15px; margin-bottom: 30px; min-height: 84px;} #product-wrap .headlines img {max-width: 160px;} #product-wrap .red-message {font-size: 14px; line-height: 22px; } #product-wrap .skeptics {padding: 0;} #product-wrap .skeptics .wrap {border: 0; padding-top: 10px;} #product-wrap .skeptics .carousel {max-width: 500px;} #product-wrap .skeptics .carousel.slick-slider .slick-slide {margin: 0;} #product-wrap.gift .how-it-works h1 {font-size: 33px !important;} #product-wrap.gift .headlines h1 {font-size: 33px !important} #product-wrap.gift .headlines {padding-top: 30px !important;} /* /****************************** SUPPLEMENT MODAL ********************************* */ #supplement-modal .content {padding: 10px 20px; width: 230px; } #supplement-modal .close {right: 20px; top: 20px; font-size: 30px;} #supplement-modal .close span {display: none;} #supplement-modal h2 {box-sizing: border-box; top: 20px; padding: 0 20px; text-align: left; font-size: 28px;} #supplement-modal .content {margin-top: 0;} #supplement-modal .content p {font-size: 13px;} /* /******************************** COLLECTION GRID ***************************** */ .collection-top {margin-top: 40px;} .collection-top .breadcrumb {float: none;} .collection-top .sort-select {float: none; text-align: left; margin-top: 20px;} #collection .item .quick-view-btn {display: none; height: 30px; } #collection .item .quick-view-btn {top: 20%} #product-info .price .retail {margin: 0 7px;} #product-info .price .deal {margin: 0 7px;} .product-item .quick-view-btn {display: none; height: 30px;} .product-item .quick-view-btn div {top: 20px;} .product-item .price .retail {margin: 0 7px;} .product-item .price .deal {margin: 0 7px;} .thumbs-swatches-wrap {padding: 10px 0 0 0;} .thumbs-swatches-wrap span.more {font-size: 3vw;} .product-item .thumbs-swatches-wrap div {margin-right: 4.5%; width: 15%; padding-top: 15%;} .product-item .thumbs-swatches-wrap div.last {display: none;} .product-item .thumbs-swatches-wrap span.more {font-size: 2vw;} .product-item .thumbs-swatches-wrap div.feat {margin-right: -4px;} /* /****************************** BLOG ********************************* */ #blog-carousel .img {height: 470px;} #blog-carousel .overlay {background: rgba(0,0,0,0.2);} #blog-carousel .overlay h1 {font-size: 42px; margin-top: -40px;} #blog-carousel .overlay h1 i {font-size: 80%;} #blog-carousel .overlay p {font-size: 18px;} #blog-carousel .overlay .table-cell {opacity: 1; filter: alpha(opacity=100);} #blog .categories ul {display: block; display: block; -webkit-justify-content: inherit; justify-content: inherit;} #blog .categories ul li {padding: 0 30px;} #blog .categories ul li i {left: 0;} #blog .articles-wrapper {margin-top: 60px;} #blog .articles-wrapper .grid__item {margin-bottom: 40px;} #blog .articles-wrapper .grid__item .article {max-width: 100% !important;} #blog .article {max-width: 100%;} #blog .articles-wrapper .grid__item:nth-child(6n+2) {margin-top: 15%;} #blog .articles-wrapper .grid__item:nth-child(6n+3) {margin-top: -13%;} #blog .articles-wrapper .grid__item:nth-child(6n+4) {margin-top: 5%;} #blog .articles-wrapper .grid__item:nth-child(6n+5) {margin-top: 0;} #blog .articles-wrapper .grid__item:nth-child(6n+6) {margin-top: 13%;} #blog .text-wrapper h3 {font-size: 10px; margin-bottom: 5px;} #blog .text-wrapper h2 {font-size: 16px;} #blog .text-wrapper p {display: none;font-size: 12px; line-height: 120%;} #blog .vitamins-abc {padding: 0 30px;} #blog .vitamins-abc .wrapper {padding: 30px 20px; margin-bottom: 80px; box-shadow: 10px 10px 0 0 #ffd531;} #blog .vitamins-abc h1 {font-size: 34px;} #blog .vitamins-abc hr {border-top: 5px solid #002970; margin-bottom: 40px; width:45px;} #blog .vitamins-abc .art {padding-left: 0; padding-right: 0;} #blog .vitamins-abc .art h2 {font-size: 12px;} #blog .vitamins-abc .art h1 {font-size: 20px;} .pagination .prev a, .pagination .next a {font-size: 28px; margin: 0 10px;} .pagination .prev i, .pagination .next i {font-size: 22px; margin-bottom: 10px;} #blog .categories-small {text-align: center; max-width: 200px; margin: auto; padding: 50px 0; padding-bottom: 0;} #blog .categories-small .target {cursor: pointer; font-family: 'Circular Std', sans-serif; display: inline-block; margin-bottom: 10px; padding-bottom: 8px; padding-right: 45px; border-bottom: 3px solid #002970; font-size: 22px; position: relative; } #blog .categories-small .target:after {content: ''; display: block; position: absolute; right: 0; top: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #002970;} #blog .categories-small ul {display: none;list-style-type: none;} #blog .categories-small li {display: block; position: relative; font-family: 'Circular Std', sans-serif; font-size: 20px; } #blog .categories-small li div {position: relative; display: inline-block;} #blog .categories-small li i {position: absolute; left: -30px; top: 6px;} /* /****************************** ARTICLE ********************************* */ #article h1 {font-size: 24px;} #article h3 {font-size: 14px;} #article h2 {font-size: 20px;} #article .head-wrap {margin-bottom: 45px;} #article .wrapper {margin-top: 0;} #article .pic-wrap {margin-top: 0;} #article #sharing {margin-top: -75px; right: -2px !important; padding: 12px; } #article #sharing li {font-size: 13px;} #article .content p.bigger {font-size: 20px; margin-bottom: 40px;} #article .content p {font-size: 15px;} #article .content .quote {font-size: 23px; padding: 35px 20px;} #article .content h3 {font-size: 18px;} #article .content h2 {font-size: 23px;} #article .content li {font-size: 18px;} #article .content .biography img {max-width: 125px; margin: 0 auto 20px auto;} #article .content .biography .author {float: none;margin-bottom: 25px;} #article .content .biography .author p.name {text-align: center; font-size: 22px;} #article .content .biography .author p.name span {font-size: 20px;} #article .content .biography p {text-align: center; font-size: 15px;} #next-up h1 {font-size: 36px; margin-bottom: 40px;} #next-up .container {padding: 40px 20px 20px;} #next-up .grid .grid__item:nth-child(3n+2) .pic-wrapper .image {padding-top: 90%;} #next-up .grid .grid__item:last-child {display: none;} #next-up .pic-wrapper .image {padding-top: 90%;} #next-up .text-wrapper h3 {font-size: 12px; margin-bottom: 5px;} #next-up .text-wrapper h2 {font-size: 20px;} /* /******************************** CART ***************************** */ #cart-wrap table td {display: block; margin-bottom: 20px;} #cart-wrap table .title {margin-bottom: 0;} #cart-wrap table .item img {margin: auto; padding: 20px 0 0 0;} #cart-wrap .item .remove a {position: relative;} #cart-wrap .item .remove a i {position: absolute; z-index: 60; bottom: 20px; left: 20px; font-size: 16px; width: 28px; height: 28px; box-sizing: border-box; padding-top: 5px; background: #000; color: #fff; text-shadow: 0px 0px 1px #fff; border-radius: 50%;} #cart-wrap .subtotal .number, #cart-wrap .subtotal .label {width: 100%;} #cart-wrap .bottom-btns div.checkout-button {display: block;} #cart-wrap .bottom-btns div.checkout-button input {width: 100%;} /* /******************************** SHIPPING CALCULATOR ***************************** */ #shipping-calculator label {margin-top: 15px; margin-bottom: 10px;} /* /******************************** SIDE CART ***************************** */ #side-cart {width: 80%; right: -82%;} #side-cart .header {padding-top: 13px;} #side-cart h1 {font-size: 32px; margin-bottom: 25px;} #side-cart h1 span {font-size: 22px;} #side-cart .wrapper .wrap {padding: 25px 30px 0;} #side-cart .wrapper .item {padding: 18px 20px 14px;} #side-cart .footer {margin-top: 30px; margin-bottom: 20px; } #side-cart .subtotal {font-size: 18px;} #side-cart .quantity .wrap {font-size: 15px; padding: 0;} #side-cart .quantity input[type=number] {font-size: 15px;} #side-cart .footer p {font-size: 13px; max-width: 220px; line-height: 1.3em; } #side-cart .buttons-wrapper .btn-checkout {padding: 12px 0; font-size: 15px;} #side-cart .price {font-size: 17px; } #side-cart .empty {font-size: 18px; margin-top: -10px;} #side-cart .empty img {max-width: 140px; margin: 20px auto;} #side-cart .empty .link {font-size: 16px;} #side-cart .empty-footer {font-size: 13px;} /* /******************************** PROMOTION POP UP ***************************** */ #promotion-pop-up-wrapper {width: 180px;padding: 30px;} #promotion-pop-up-wrapper h1 {font-size: 24px;} #promotion-pop-up-wrapper h1 span {padding-left: 20px;} #promotion-pop-up-wrapper input {font-size: 12px; padding: 15px; padding-right: 72px;} #promotion-pop-up-wrapper button {font-size: 11px; right: 15px; top: 17px;} #promotion-pop-up-success-wrapper {width: 180px;padding: 30px;} #promotion-pop-up-success-wrapper h1 {font-size: 24px;} /* /******************************** SLICK ***************************** */ .slick-dots {bottom: 20px;} /* /******************************** CUSTOMER ACCOUNT ***************************** */ .my-account-menu {width: 100%; float: none;} .my-account-menu h1 {margin-left: 0;} .my-account-menu ul {margin-bottom: 60px;} .my-account-menu ul li {padding: 6px 8px;} .my-account-content, .order-detail {width: 100%; background: #fff; border: none; margin-left: 0 !important; float: right !important; padding: 0; margin-top: 0;} .my-account-content .column {float: none; width: 100%;} .account {text-align: center;} .account .container {padding: 60px 20px;} .account h1 {text-align: center;} .account .action-bottom.logout {display: none;} .account.register-login h1 {margin-bottom: 60px;} .address_actions {float:none; margin: 25px 0} .account h2 {text-align: center; font-size: 22px; color: #002970; margin-bottom: 30px; } .account h3 {font-size: 15px; } .account h4 {font-size: 15px; } #address_tables {text-align: center; } span.default_address {display: block; margin-top: 5px;} .my-account-content h1 span, .order-detail h1 span {float: none;} .my-account-content h1 .action-bottom.smaller {position: static; margin-top: 17px;} #customer-accounts {text-align: center !important; } #customer-accounts h1 {text-align: center} .templateCustomersLogin form label, .templateCustomersRegister form label {min-width: 0; width: 100%;} #customer_orders h1 {text-align: center;} #customer_orders {padding-top: 0; margin-top: 40px;} #customer-login {float: none; margin-bottom: 50px; width: 100%} #customer-register {float: none; width: 100%; margin-top: 80px;} #recover-password {float: none; width: 100%} #order_address #order_payment, #order_address #order_shipping, #customer_sidebar, #customer_orders {float:none; width: 100%;margin-right:0;} #customer_sidebar {margin-top: 50px;} .template .content-wrapper.padding-0 {padding-top: 30px !important;} #ReCharge {padding: 60px 0;} #ReCharge #customer_tab_content { float: none !important; width: 92% !important; box-sizing: border-box; margin: 0 auto; margin-top: 0;} #ReCharge tr {border: 0 !important;} #customer_tab_nav{float: none !important; width: 100% !important; text-align: center; margin: 0 auto; color: #727272;} #ReCharge #customer_tab_content h2 { text-align: center !important; font-size: 22px;} #ReCharge #customer_tab_content .purchase-item .purchase-address {text-align: center !important;} #ReCharge #customer_tab_nav h2 {margin-left: 0; font-size: 28px; margin-bottom: 25px; text-align: center !important;} #ReCharge-Mobile-Nav{ float: none !important; max-width: 100% !important; margin: 0 auto; color: #727272;} #ReCharge .rc_layout__sidebar h2 {text-align: center; margin-bottom: 28px; font-size: 18px;} .recharge .layout__sidebar, .recharge .rc_layout__sidebar {float: none !important; margin-bottom: 30px;} .share-the-health h1 {font-size: 24px !important;} .share-the-health h2 {font-size: 16px !important;} .share-the-health .btn {font-size: 16px !important; padding: 13px 33px !important;} /****** SKIP PAGE *******/ #skipLandingPage, #skipLandingPage > .container {display:block} #skipLandingPage img {margin-right:-21px} #skipLandingPage .antialiasing a {display:block} #skipLandingPage p {font-size:20px;line-height:24px} #skipLandingPage span.snooze-date {display:block} #skipLink {font-size:16px} #skipOptions h1,#skippedSubPage p {font-size:52px} #skipOptions p,#skippedSubPage p {font-size:16px;line-height:24px} #skipOptions a {font-size: 18px;width: 100px;height: 100px;padding-top: 27px;display:inline-block!important;margin-left:30px} #skipOptions a:nth-child(odd){margin-left:0} #skippedSubPage {min-height:740px} #skippedSubPage .head {padding-top:120px} #skippedSubPage a {font-size:16px;padding: 17px 40px;} /* /******************************** PRESS PAGE ***************************** */ #press-page .top .head h1 {font-size:42px} #press-page .top .head {min-height: 230px;padding-top: 100px;} #press-page .top .foot p, #press-page .top .foot a {font-size:13px} #press-page .content .grid__item div {border:0;border-bottom:2px solid #002970;font-size:17px;min-height:auto} } /* Slider 1.6.0 */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Simplistic Helpers */ .clear-both,.clearfix:after,.grid-full-uniform .five-tenths:nth-child(2n+1),.grid-full-uniform .four-eighths:nth-child(2n+1),.grid-full-uniform .four-twelfths:nth-child(3n+1),.grid-full-uniform .large--three-twelfths:nth-child(4n+1),.grid-full-uniform .one-fifth:nth-child(5n+1),.grid-full-uniform .one-half:nth-child(2n+1),.grid-full-uniform .one-quarter:nth-child(4n+1),.grid-full-uniform .one-sixth:nth-child(6n+1),.grid-full-uniform .one-third:nth-child(3n+1),.grid-full-uniform .one-twelfth:nth-child(12n+1),.grid-full-uniform .one-whole:nth-child(1n+1),.grid-full-uniform .six-twelfths:nth-child(2n+1),.grid-full-uniform .three-sixths:nth-child(2n+1),.grid-full-uniform .two-eighths:nth-child(4n+1),.grid-full-uniform .two-sixths:nth-child(3n+1),.grid-full-uniform .two-twelfths:nth-child(6n+1),.grid-uniform .five-tenths:nth-child(2n+1),.grid-uniform .four-eighths:nth-child(2n+1),.grid-uniform .four-twelfths:nth-child(3n+1),.grid-uniform .large--three-twelfths:nth-child(4n+1),.grid-uniform .one-fifth:nth-child(5n+1),.grid-uniform .one-half:nth-child(2n+1),.grid-uniform .one-quarter:nth-child(4n+1),.grid-uniform .one-sixth:nth-child(6n+1),.grid-uniform .one-third:nth-child(3n+1),.grid-uniform .one-twelfth:nth-child(12n+1),.grid-uniform .six-twelfths:nth-child(2n+1),.grid-uniform .three-sixths:nth-child(2n+1),.grid-uniform .two-eighths:nth-child(4n+1),.grid-uniform .two-sixths:nth-child(3n+1),.grid-uniform .two-twelfths:nth-child(6n+1){clear:both}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}[class*="push--"]{position:relative},.push--large--one-tenth{left:10%},.clearfix{zoom:1}.left{float:left}.right{float:right}.table{display:table;width:100%;height:100%}.table-cell{display:table-cell;vertical-align:middle}.hide{display:none}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.relative{position:relative}.grid-full-uniform:after,.grid-full:after,.grid-uniform:after,.grid:after{content:'';display:table;clear:both}.grid,.grid-full,.grid-full-uniform,.grid-uniform{box-sizing:border-box;list-style:none;margin:0 0 0 -20px;padding:0}.grid__item{box-sizing:border-box;float:left;min-height:1px;vertical-align:top;width:100%;padding-left:20px}.grid-full,.grid-full-uniform{margin-left:0}.grid-full-uniform>.grid__item,.grid-full>.grid__item{padding-left:0}.center{margin:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.one-whole{width:100%}.one-half{width:50%}.one-third{width:33.333%}.two-thirds{width:66.666%}.one-quarter{width:25%}.two-quarters{width:50%}.three-quarters{width:75%}.one-fifth{width:20%}.two-fifths{width:40%}.two-fifths-bigger{width:47%}.one-fifth-large{width:26%}.two-fifths-small{width:37%}.three-fifths{width:60%}.three-fifths-smaller{width:53%}.four-fifths{width:80%}.one-sixth{width:16.666%}.two-sixths{width:33.333%}.three-sixths{width:50%}.four-sixths{width:66.666%}.five-sixths{width:83.333%}.one-eighth{width:12.5%}.two-eighths{width:25%}.three-eighths{width:37.5%}.four-eighths{width:50%}.five-eighths{width:62.5%}.six-eighths{width:75%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.two-tenths{width:20%}.three-tenths{width:30%}.four-tenths{width:40%}.five-tenths{width:50%}.six-tenths{width:60%}.seven-tenths{width:70%}.eight-tenths{width:80%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.two-twelfths{width:16.666%}.three-twelfths{width:25%}.four-twelfths{width:33.333%}.five-twelfths{width:41.666%}.six-twelfths{width:50%}.seven-twelfths{width:58.333%}.eight-twelfths{width:66.666%}.nine-twelfths{width:75%}.ten-twelfths{width:83.333%}.eleven-twelfths{width:91.666%}.one-eleventh{width:9%}.three-elevenths{width:27.2%}.rotate-90{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-360{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}@media only screen and (max-width:584px){.small--one-whole{width:100%}.small--one-half{width:50%}.small--one-third{width:33.333%}.small--two-thirds{width:66.666%}.small--one-quarter{width:25%}.small--two-quarters{width:50%}.small--three-quarters{width:75%}.small--one-fifth{width:20%}.small--two-fifths{width:40%}.small--three-fifths{width:60%}.small--four-fifths{width:80%}.small--one-sixth{width:16.666%}.small--two-sixths{width:33.333%}.small--three-sixths{width:50%}.small--four-sixths{width:66.666%}.small--five-sixths{width:83.333%}.small--one-eighth{width:12.5%}.small--two-eighths{width:25%}.small--three-eighths{width:37.5%}.small--four-eighths{width:50%}.small--five-eighths{width:62.5%}.small--six-eighths{width:75%}.small--seven-eighths{width:87.5%}.small--one-tenth{width:10%}.small--two-tenths{width:20%}.small--three-tenths{width:30%}.small--four-tenths{width:40%}.small--five-tenths{width:50%}.small--six-tenths{width:60%}.small--seven-tenths{width:70%}.small--eight-tenths{width:80%}.small--nine-tenths{width:90%}.small--one-twelfth{width:8.333%}.small--two-twelfths{width:16.666%}.small--three-twelfths{width:25%}.small--four-twelfths{width:33.333%}.small--five-twelfths{width:41.666%}.small--six-twelfths{width:50%}.small--seven-twelfths{width:58.333%}.small--eight-twelfths{width:66.666%}.small--nine-twelfths{width:75%}.small--ten-twelfths{width:83.333%}.small--eleven-twelfths{width:91.666%}.small--show{display:block!important}.small--hide{display:none!important}.small--text-left{text-align:left!important}.small--text-right{text-align:right!important}.small--text-center{text-align:center!important}.small--left{float:left!important}.small--right{float:right!important}.grid-full-uniform .small--five-tenths:nth-child(2n+1),.grid-full-uniform .small--four-eighths:nth-child(2n+1),.grid-full-uniform .small--four-twelfths:nth-child(3n+1),.grid-full-uniform .small--one-fifth:nth-child(5n+1),.grid-full-uniform .small--one-half:nth-child(2n+1),.grid-full-uniform .small--one-quarter:nth-child(4n+1),.grid-full-uniform .small--one-sixth:nth-child(6n+1),.grid-full-uniform .small--one-third:nth-child(3n+1),.grid-full-uniform .small--one-twelfth:nth-child(12n+1),.grid-full-uniform .small--one-whole:nth-child(1n+1),.grid-full-uniform .small--six-twelfths:nth-child(2n+1),.grid-full-uniform .small--three-sixths:nth-child(2n+1),.grid-full-uniform .small--three-twelfths:nth-child(4n+1),.grid-full-uniform .small--two-eighths:nth-child(4n+1),.grid-full-uniform .small--two-sixths:nth-child(3n+1),.grid-full-uniform .small--two-twelfths:nth-child(6n+1),.grid-uniform .small--five-tenths:nth-child(2n+1),.grid-uniform .small--four-eighths:nth-child(2n+1),.grid-uniform .small--four-twelfths:nth-child(3n+1),.grid-uniform .small--one-fifth:nth-child(5n+1),.grid-uniform .small--one-half:nth-child(2n+1),.grid-uniform .small--one-quarter:nth-child(4n+1),.grid-uniform .small--one-sixth:nth-child(6n+1),.grid-uniform .small--one-third:nth-child(3n+1),.grid-uniform .small--one-twelfth:nth-child(12n+1),.grid-uniform .small--six-twelfths:nth-child(2n+1),.grid-uniform .small--three-sixths:nth-child(2n+1),.grid-uniform .small--three-twelfths:nth-child(4n+1),.grid-uniform .small--two-eighths:nth-child(4n+1),.grid-uniform .small--two-sixths:nth-child(3n+1),.grid-uniform .small--two-twelfths:nth-child(6n+1){clear:both}}@media only screen and (min-width:585px) and (max-width:900px){.medium--one-whole{width:100%}.medium--one-half{width:50%}.medium--one-third{width:33.333%}.medium--two-thirds{width:66.666%}.medium--one-quarter{width:25%}.medium--two-quarters{width:50%}.medium--three-quarters{width:75%}.medium--one-fifth{width:20%}.medium--two-fifths{width:40%}.medium--three-fifths{width:60%}.medium--four-fifths{width:80%}.medium--one-sixth{width:16.666%}.medium--two-sixths{width:33.333%}.medium--three-sixths{width:50%}.medium--four-sixths{width:66.666%}.medium--five-sixths{width:83.333%}.medium--one-eighth{width:12.5%}.medium--two-eighths{width:25%}.medium--three-eighths{width:37.5%}.medium--four-eighths{width:50%}.medium--five-eighths{width:62.5%}.medium--six-eighths{width:75%}.medium--seven-eighths{width:87.5%}.medium--one-tenth{width:10%}.medium--two-tenths{width:20%}.medium--three-tenths{width:30%}.medium--four-tenths{width:40%}.medium--five-tenths{width:50%}.medium--six-tenths{width:60%}.medium--seven-tenths{width:70%}.medium--eight-tenths{width:80%}.medium--nine-tenths{width:90%}.medium--one-twelfth{width:8.333%}.medium--two-twelfths{width:16.666%}.medium--three-twelfths{width:25%}.medium--four-twelfths{width:33.333%}.medium--five-twelfths{width:41.666%}.medium--six-twelfths{width:50%}.medium--seven-twelfths{width:58.333%}.medium--eight-twelfths{width:66.666%}.medium--nine-twelfths{width:75%}.medium--ten-twelfths{width:83.333%}.medium--eleven-twelfths{width:91.666%}.medium--show{display:block!important}.medium--hide{display:none!important}.medium--text-left{text-align:left!important}.medium--text-right{text-align:right!important}.medium--text-center{text-align:center!important}.medium--left{float:left!important}.medium--right{float:right!important}.grid-full-uniform .medium--five-tenths:nth-child(2n+1),.grid-full-uniform .medium--four-eighths:nth-child(2n+1),.grid-full-uniform .medium--four-twelfths:nth-child(3n+1),.grid-full-uniform .medium--one-fifth:nth-child(5n+1),.grid-full-uniform .medium--one-half:nth-child(2n+1),.grid-full-uniform .medium--one-quarter:nth-child(4n+1),.grid-full-uniform .medium--one-sixth:nth-child(6n+1),.grid-full-uniform .medium--one-third:nth-child(3n+1),.grid-full-uniform .medium--one-twelfth:nth-child(12n+1),.grid-full-uniform .medium--one-whole:nth-child(1n+1),.grid-full-uniform .medium--six-twelfths:nth-child(2n+1),.grid-full-uniform .medium--three-sixths:nth-child(2n+1),.grid-full-uniform .medium--three-twelfths:nth-child(4n+1),.grid-full-uniform .medium--two-eighths:nth-child(4n+1),.grid-full-uniform .medium--two-sixths:nth-child(3n+1),.grid-full-uniform .medium--two-twelfths:nth-child(6n+1),.grid-uniform .medium--five-tenths:nth-child(2n+1),.grid-uniform .medium--four-eighths:nth-child(2n+1),.grid-uniform .medium--four-twelfths:nth-child(3n+1),.grid-uniform .medium--one-fifth:nth-child(5n+1),.grid-uniform .medium--one-half:nth-child(2n+1),.grid-uniform .medium--one-quarter:nth-child(4n+1),.grid-uniform .medium--one-sixth:nth-child(6n+1),.grid-uniform .medium--one-third:nth-child(3n+1),.grid-uniform .medium--one-twelfth:nth-child(12n+1),.grid-uniform .medium--six-twelfths:nth-child(2n+1),.grid-uniform .medium--three-sixths:nth-child(2n+1),.grid-uniform .medium--three-twelfths:nth-child(4n+1),.grid-uniform .medium--two-eighths:nth-child(4n+1),.grid-uniform .medium--two-sixths:nth-child(3n+1),.grid-uniform .medium--two-twelfths:nth-child(6n+1){clear:both}}@media only screen and (min-width:901px){.large--one-whole{width:100%}.large--one-half{width:50%}.large--one-third{width:33.333%}.large--two-thirds{width:66.666%}.large--one-quarter{width:25%}.large--two-quarters{width:50%}.large--three-quarters{width:75%}.large--one-fifth{width:20%}.large--two-fifths{width:40%}.large--three-fifths{width:60%}.large--four-fifths{width:80%}.large--one-sixth{width:16.666%}.large--two-sixths{width:33.333%}.large--three-sixths{width:50%}.large--four-sixths{width:66.666%}.large--five-sixths{width:83.333%}.large--one-eighth{width:12.5%}.large--two-eighths{width:25%}.large--three-eighths{width:37.5%}.large--four-eighths{width:50%}.large--five-eighths{width:62.5%}.large--six-eighths{width:75%}.large--seven-eighths{width:87.5%}.large--one-tenth{width:10%}.large--two-tenths{width:20%}.large--three-tenths{width:30%}.large--four-tenths{width:40%}.large--five-tenths{width:50%}.large--six-tenths{width:60%}.large--seven-tenths{width:70%}.large--eight-tenths{width:80%}.large--nine-tenths{width:90%}.large--one-twelfth{width:8.333%}.large--two-twelfths{width:16.666%}.large--three-twelfths{width:25%}.large--four-twelfths{width:33.333%}.large--five-twelfths{width:41.666%}.large--six-twelfths{width:50%}.large--seven-twelfths{width:58.333%}.large--eight-twelfths{width:66.666%}.large--nine-twelfths{width:75%}.large--ten-twelfths{width:83.333%}.large--eleven-twelfths{width:91.666%}.large--show{display:block!important}.large--hide{display:none!important}.large--text-left{text-align:left!important}.large--text-right{text-align:right!important}.large--text-center{text-align:center!important}.large--left{float:left!important}.large--right{float:right!important}.grid-full-uniform .large--five-tenths:nth-child(2n+1),.grid-full-uniform .large--four-eighths:nth-child(2n+1),.grid-full-uniform .large--four-twelfths:nth-child(3n+1),.grid-full-uniform .large--one-fifth:nth-child(5n+1),.grid-full-uniform .large--one-half:nth-child(2n+1),.grid-full-uniform .large--one-quarter:nth-child(4n+1),.grid-full-uniform .large--one-sixth:nth-child(6n+1),.grid-full-uniform .large--one-third:nth-child(3n+1),.grid-full-uniform .large--one-twelfth:nth-child(12n+1),.grid-full-uniform .large--one-whole:nth-child(1n+1),.grid-full-uniform .large--six-twelfths:nth-child(2n+1),.grid-full-uniform .large--three-sixths:nth-child(2n+1),.grid-full-uniform .large--three-twelfths:nth-child(4n+1),.grid-full-uniform .large--two-eighths:nth-child(4n+1),.grid-full-uniform .large--two-sixths:nth-child(3n+1),.grid-full-uniform .large--two-twelfths:nth-child(6n+1),.grid-uniform .large--five-tenths:nth-child(2n+1),.grid-uniform .large--four-eighths:nth-child(2n+1),.grid-uniform .large--four-twelfths:nth-child(3n+1),.grid-uniform .large--one-fifth:nth-child(5n+1),.grid-uniform .large--one-half:nth-child(2n+1),.grid-uniform .large--one-quarter:nth-child(4n+1),.grid-uniform .large--one-sixth:nth-child(6n+1),.grid-uniform .large--one-third:nth-child(3n+1),.grid-uniform .large--one-twelfth:nth-child(12n+1),.grid-uniform .large--six-twelfths:nth-child(2n+1),.grid-uniform .large--three-sixths:nth-child(2n+1),.grid-uniform .large--three-twelfths:nth-child(4n+1),.grid-uniform .large--two-eighths:nth-child(4n+1),.grid-uniform .large--two-sixths:nth-child(3n+1),.grid-uniform .large--two-twelfths:nth-child(6n+1){clear:both}.push--large--one-tenth{left:10%}} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpSmall{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpSmall{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#ffffff;color:#444;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-size:14px;font-family:'Dutch', sans-serif;font-weight:400;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}.fancybox-close{position:absolute;font-family:Linearicons-Free;top:15px;right:15px;;cursor:pointer;z-index:8040;width:25px;height:22px;font-size:25px;color:#fff}.fancybox-close:after{display:block;content:"\e870"}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:50px;height:50px;background:url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/fancybox_loading.gif?15638860516220414093) center center no-repeat}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/blank.gif?15638860516220414093);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;background-position:center}.fancybox-prev span{left:-35px;background-image:url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/left-box3.png?15638860516220414093);background-size:40px}.fancybox-next span{right:-35px;background-image:url(//cdn.shopify.com/s/files/1/1507/3216/t/27/assets/right-box3.png?15638860516220414093);background-size:40px}.fancybox-nav span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,.7)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)} /*! * Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.eot?v=4.6.1');src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Linearicons Free v1.0.0 - https://linearicons.com/free By Perxis - https://perxis.com (c) 2014-2015 Perxis.com License: https://linearicons.com/free/license */ @font-face{font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal}.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"} /* end of css combination */