body{color:#323232;font-weight:400;background:#fff}strong{font-weight:700}h1,h2,h3,h4,h5,h6{margin:.25em 0 .5em;line-height:1.2em}img{max-width:100%;height:auto}a{color:#004ac5;outline:0}a:hover,a:focus,a:active{color:#333}blockquote p{line-height:1.6}dd{margin-bottom:1em}table{width:100%;margin-bottom:20px}table th,table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}table th{font-weight:700}table thead th{vertical-align:bottom}table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}table tbody+tbody{border-top:2px solid #ddd}embed,iframe,object{max-width:100%}img{max-width:100%;height:auto}.ie-alert{background-color:#000;text-align:center;font-weight:700;width:100%;margin-bottom:10px}.ie-alert a{color:#fff;line-height:24px;text-decoration:none}.wide-container{width:100%}.lubielink{border:3px solid #25b0fc;background:0 0;color:#25b0fc;padding:8px 20px;font-size:13px;text-transform:uppercase;font-weight:700;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.lubielink:hover{background:#25b0fc;color:#fff}#back-to-top{position:fixed;z-index:1000;bottom:80px;right:20px;display:none}#back-to-top a{display:block;width:40px;height:40px;background:#999 url(img/backtotop.png) no-repeat center center;text-indent:-9999px;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;-o-transition:.4s all ease;transition:.4s all ease}#back-to-top a:hover{background-color:#1fa0ae}.gmaps,.gmaps_loading{width:260px;height:195px}#minimap img,.gmaps.full img{max-width:none}.infowindow h2{font-family:Raleway,Arial,sans-serif;font-size:16px;font-weight:400;color:red;text-transform:uppercase;border-bottom:1px solid #d2d2d2;padding-bottom:10px;margin-bottom:10px}.infowindow a{color:#000}#minimap{width:100%;height:250px}.gmaps.large,.gmaps_loading.large{width:339px;height:254px}.gmaps.half,.gmaps_loading.half{width:100%;max-width:700px;height:200px}#largemap{height:250px;width:100%}.gmaps.full,.gmaps_loading.full{width:100%;max-width:700px;height:400px}.gmaps_loading{background:#000 url(img/loading.gif) no-repeat center center;position:absolute;z-index:2;display:none}h1.standard{text-transform:none;color:#619e3f;font-size:38px;font-size:3.8rem}h2{font-size:34px;font-size:3.4rem}h3{font-size:29px;font-size:2.9rem}h4{font-size:25px;font-size:2.5rem}h5{font-size:20px;font-size:2rem}h6{font-size:16px;font-size:1.6rem}h6.overline{text-transform:uppercase}ul.bull li{list-style-type:disc}p{margin-bottom:24px}#site-header #change-language{position:absolute;right:25px;z-index:999}#site-header #change-language a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;color:#fff;background-color:#3dae2b;text-decoration:none;padding:8px 10px}#site-header #change-language a:hover{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;color:#3dae2b;background-color:#e6ffc3}#site-header{padding:15px 0 0;margin:0 auto;border-bottom:4px solid #3dae2b}#site-header #header-container{position:relative}#site-header .karma-logo{display:block;z-index:100;position:absolute;height:100%}#site-header .karma-logo img{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}#site-header .karma-logo img:hover{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-webkit-filter:brightness(110%);-moz-filter:brightness(110%);-o-filter:brightness(110%);-ms-filter:brightness(110%)}#site-header #main-nav{height:82px}#site-header .main_menu_container{padding:0 15px;width:100%;position:absolute;right:0;bottom:0;margin-bottom:0;z-index:100}#site-header .main_menu_container .menu-item-has-children a{cursor:default!important}#site-header .main_menu_container .sub-menu a{cursor:pointer!important}#site-header .main_menu_container>.main-menu-item{margin:0;display:inline-block}#site-header .main-menu-item>a{font-size:20px;text-decoration:none;display:block;padding:8px 10px;border-radius:0;cursor:pointer;color:#3dae2b}#site-header .main-menu-item>a:hover{color:#fff;background:#3dae2b!important}#site-header .main-menu-item.current_page_item>a,#site-header .main-menu-item.current-menu-item>a,#site-header .main-menu-item.current-menu-parent>a,#site-header .main-menu-item.current-page-parent>a,#site-header .main-menu-item.current-page-ancestor>a,#site-header .main-menu-item.current_page_ancestor>a {background:url(img/nav-current-arrow.gif) no-repeat bottom center}#site-header #main-nav .sub-menu{display:none;overflow:hidden;background:rgba(255,255,255,.9);border-top:4px solid #3dae2b;border-bottom:4px solid #3dae2b;padding-left:0;position:absolute;right:0;width:100%;text-align:center;z-index:100}#site-header #main-nav .sub-menu li{display:inline-block;text-align:center;padding:20px 5px 20px 0;min-width:183px;max-width:185px;height:auto!important}#site-header #main-nav .menu-item-object-variety{max-width:187px!important}#site-header #main-nav .sub-menu li img{margin:auto;margin-bottom:10px;max-height:140px}#site-header #main-nav .sub-menu li:hover{background:#fff}#site-header #main-nav .sub-menu li a{text-decoration:none!important;display:flex;flex-flow:column}#site-header #main-nav .sub-menu li img,#site-header #main-nav .sub-menu li span.item-description{display:block;font-family:helvetica neue,helvetica,arial}#site-header #main-nav .sub-menu{display:none;padding-bottom:10px}#site-header #main-nav .sub-menu-item>a{font-family:proxima-nova-condensed,sans-serif;margin:0;padding:0;color:#196a35;text-align:center;text-transform:uppercase;font-size:20px}#site-header #main-nav .sub-menu-item>a .item-description{font-size:14px;color:#196a35}#content-holder .entry-header h1{margin-top:0!important;font-size:20px;text-transform:uppercase;letter-spacing:-1px;margin:25px 0 0}#content-holder .entry-header h2{font-size:32px;line-height:39px;letter-spacing:-1px;margin-bottom:10px}#content-holder .entry-header .subtitle{margin-bottom:30px!important}#content-holder strong span{color:#196a35}.why-drink-karma .col-xs-2{margin-bottom:15px}.why-drink-karma .col-xs-10{vertical-align:middle;margin-top:45px}#content-holder .entry-header .separator{border-style:dashed;border-color:#97cb4f}#content-holder .varieties-sidenav{padding-left:0;margin-bottom:0;width:52px}#content-holder .varieties-sidenav li{text-align:center;margin-bottom:5px}#content-holder .varieties-sidenav li a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;margin-left:auto;margin-right:auto;text-decoration:none}#content-holder .varieties-sidenav li a:hover{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-webkit-filter:brightness(115%);-moz-filter:brightness(115%);-o-filter:brightness(115%);-ms-filter:brightness(115%)}.lubie-step .step-image{margin-bottom:10px}.lubie-step h3{font-size:35px;line-height:39px;letter-spacing:-1px;margin-bottom:6px;color:#3dae2b}.lubie-step .subtitle{color:#93c948}#featured-image img{width:300px;height:auto;margin-top:5px}#content-holder .varieties-sidenav img{max-width:52px}.single-product .global-wrapper{min-height:850px;margin-top:-35px;padding-top:25px;padding-bottom:115px}.single-product #content-holder{overflow:hidden;background-position:left top;background-size:contain}.single-product .entry-header{position:relative}.single-product .entry-header:before{content:"";width:33%;height:1px;position:absolute;top:92px;left:-23%;z-index:1}.variety{padding-left:0;border-left:1px dashed #fff;position:relative}.variety:before{display:block;width:31%;height:25px;position:absolute;left:-27%;top:80px;z-index:10;background-size:contain!important;background-position:top left!important;background-repeat:no-repeat!important}} .variety h1 { position: relative; text-transform: uppercase !important; border-bottom: 1px dashed #fff; padding: 0 15px 10px 15px; } .variety h2 { font-family: 'GothamMedium'; font-size: 32px; line-height: 32px; text-transform: lowercase; border-bottom: 1px dashed #fff; padding: 10px 0px; margin: 0; } .varieties-sidenav { margin-top: 100px; } #variety-data ul { margin: 0; padding: 0; } #variety-data #ingredients-list { padding: 0; margin: 0; } #variety-data .ingredient-name { margin: 0; font-size: 19px; line-height: 19px; letter-spacing: -1px; text-transform: uppercase; text-shadow: #FFF 0 1px 1px; } #variety-data .ingredient-description { display: block; line-height: 14px; text-shadow: #fff 0 1px 1px; font-size: 14px; margin-bottom: 0; margin-top:3px; } #variety-data .entry-content,#variety-data .entry-content p { margin-bottom: 0; } #variety-data .entry-content p { padding: 10px 0px 0 0px; } .vitamin { padding: 0 8px; margin: 0 0 6px; color: #fff !important; font-family: proxima-nova-condensed,sans-serif; font-size: 15px; line-height: 32px; color: inherit; max-width: 250px; } .vitamin.standout { max-width: 232px; } .vitamin .vitamin-name { font-family:'Helvetica Neue','Helvetica','Arial'; font-size: 15px; line-height: 32px; color: inherit; color: #fff; font-weight: bold; } .vitamin .vitamin-name strong{ font-size:21px; font-family:'Helvetica Neue','Helvetica','Arial'; } .vitamin-satistic { font-family: proxima-nova-condensed,sans-serif; font-size: 32px; line-height: 1.3; color: inherit; color: #fff; } #information-buttons { padding: 10px 0 10px 0px; } #information-buttons .btn { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-family: proxima-nova-condensed,sans-serif; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #fff; text-decoration: none; padding: 3px 20px 3px 5px; margin-right: 14px; background-image: url(img/links-arrow-right.png); background-repeat: no-repeat; background-position: right center; border-radius: 0; background-color:#3dae2b; margin-top: 15px; } #information-buttons .btn:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-filter:hue-rotate(-20deg); -moz-filter:hue-rotate(-20deg); filter:hue-rotate(-20deg); opacity:0.85; } #supplement_facts_modal .modal-header,#home-video-lightbox .modal-header { border-bottom: none !important; } #retailers { display: flex; flex-flow: row wrap; } #retailers .store { justify-content: center; display: flex; align-items: center; padding: 25px 15px; flex: 1; min-width: 150px; } #retailers .store img { width: 100%; height: auto; } #retailers .retailer{ margin-bottom: 25px; } .question { border: none; padding: 0; box-shadow: none; } .question .panel-heading { padding: 0; background: none; margin-bottom: 20px; } .question .panel-heading a { font-size: 16px; font-weight: 700; color: #767676; text-decoration: none !important; } .question .panel-body { padding: 0; border: none !important; margin-bottom: 25px; } #site-footer .inner { background-color: #f4f4f4; margin-top: 50px; padding: 15px 0 10px; } #site-footer .footer-nav ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #site-footer .footer-nav li { display: inline-block; margin: 0 15px 0 0; padding: 0; } #site-footer .footer-nav li a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; color: #323232; text-decoration: none; padding: 0; margin: 0; } #site-footer .footer-nav li a:hover{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#5a9e37; padding-left:3px;} .social-icons{float:right; width:300px; display: flex !important; justify-content: flex-end;} .entry-content .social-icons{ float: none !important; margin-top: -15px; margin-bottom: 20px; justify-content: start; } #mobileMenu .social-icons{ width:100% !important; text-align: center; float:none; display:block; padding:5px 0; background-size: contain; } #mobileMenu .social-icons a{ text-align: center; display:inline-block !important; float:none; padding:0px !important; } .social-icons a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; color: #5a5a5a; text-decoration: none; display: inline-block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 8px; float:right; } .social-icons a:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); } .social-icons>*{ } #site-footer #copyright { font-size: 12px; color: #5a5a5a; margin: 10px auto; } .blogSection { float: left; width: 100%; } .blog_item { background: #fff; border-bottom: 3px solid #fff; float: left; margin: 0 5% 20px 0; width: 45%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; } .blog_item:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 #1fa0ae; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 #1fa0ae; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 #1fa0ae; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 #1fa0ae; } .blog_item .text_post { padding: 20px; position: relative; } .blog_item h3 { background: #fff; font-size: 24px; line-height: 28px; padding: 0 0 10px; font-weight: 700; color: #050505; display: inline-block; position: relative; z-index: 990; top: 0; } .blog_item h3 a { color: #050505; } .blog_item h3 a:hover { color: #1fa0ae !important; } .blog_item .postBoxItem_date { color: #aaaaa9; font-size: 13px; margin-bottom: 10px; display: block; } .blog_item .postBoxItem_date a { color: #aaaaa9 !important; } .blog_item .postBoxItem_date a:hover { color: #1fa0ae !important; } .blog_item .post_excerpt { font-size: 13px; margin-bottom: 0; } .blog_item .post_excerpt p { margin-bottom: 0; font-size: 16px; } .blog_item .preview_post { background: #000; float: none; width: 100%; margin-left: 0; } .cartouche { border-top: 1px solid #ececec; font-weight: 700; padding: 20px; } .cartouche .comments { background: url(img/comment_icon.png) no-repeat left 6px; color: #aaa !important; padding-left: 24px; float: right; } .cartouche .readmore { color: #4c4c4c !important; font-style: italic; font-weight: 700; float: left; } .cartouche .readmore:hover { color: #1fa0ae !important; } .singlePost { background: #fff; margin: 0 20px 0 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 3px 0 0 transparent; } .singlePost.faqSingle { background: #1fa0ae; border-bottom: 4px solid #1fa0ae; } .singlePost h1 { font-size: 36px; padding: 40px; color: #1fa0ae; } .singlePost.faqSingle h1 { padding: 0 40px !important; } .catFAQ { padding: 40px 40px 20px; text-transform: uppercase; } .singlePost .article_content { padding: 40px; border-bottom: 1px solid #1fa0ae; } .post-1795 h2.text-left{color:#e9b406 !important;} .post-75 p{margin-bottom:60px;} .post-62 p{margin-bottom:10px !important;} #header .mobileMenu_tool { display: none; width: 80px; height: 80px; position: absolute; top: 0; right: 0; z-index: 300; } #header #mobileMenu a{color:#1d6a34; } #header #mobileMenu ul ul a{ } #header #mobileMenu a:hover{text-decoration:none;} .admin-bar #header .mobileMenu_tool { top: 46px; } #header .mobileMenu_tool .opener { background: #fff url(img/mobileMenu_tool.png) no-repeat center center; cursor: pointer; width: 50px; height: 50px; padding: 15px; } #header .mobileMenu_tool .opener.active { background: #3dae2b url(img/mobileMenu_tool.png) no-repeat center center; } #header #mobileMenu { display: none; position: relative; top: 0; clear: both; min-height: 0; } #header #mobileMenu ul { display: none; top: auto; margin: 0; padding: 0; list-style: none; } #header #mobileMenu ul ul { border-top: 1px solid #d5d5d5; display: none; margin: 0 0 20px; padding: 0 0 20px; list-style: none; position: inherit; } #header #mobileMenu li { border-bottom: 1px solid #d5d5d5; position: relative; display: block; cursor:pointer; } #header #mobileMenu>li { text-transform: uppercase; } #header #mobileMenu ul li ul li { display: block; font-size: 13px; } #header #mobileMenu li.dropper.active { background: #f3f4f7; } #header #mobileMenu li.dropper.active li { background: #fff; } #header #mobileMenu li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li.dropper.active li { background: #fff; } #header #mobileMenu li li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li li.dropper.active li { background: #fff; } #header #mobileMenu li li li li.dropper.active { background: #f3f4f7; } #header #mobileMenu li li li li.dropper.active li { background: #fff; } #header #mobileMenu ul li a { padding: 8px 10px 8px 20px; display: block; line-height: 30px; } #header #mobileMenu ul li a:hover { } #header #mobileMenu .dropper span { cursor: pointer; position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: block; text-align: center; line-height: 37px; font-size: 20px; color: #999; background: url(img/droppyDark.png) no-repeat center center; } #header #mobileMenu .dropper.active>span { background: url(img/droppyDarkactive.png) no-repeat center center !important; } #header #mobileMenu .dropper.active span li span { background: url(img/droppyDark.png) no-repeat center center; } .alignleft { display: inline; float: left; margin: 0 1.5em 1.5em 0; } .alignright { display: inline; float: right; margin: 0 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); } .screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus { top: 0; left: 0; width: auto; height: auto; display: block; clip: auto !important; line-height: normal; text-decoration: none; z-index: 100000; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } :first-child+html .clearfix { min-height: 1px; } .clearfix { display: block; } .clear { clear: both; width: 100%; display: block; } .error{ border:1px solid #ff0000; border-left-width: 4px; } .col1,.col2{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:50%; float:left; } .spacer{ height:1px; width:100%; clear:both; } .spacer30{ height:30px; width:100%; clear:both; } .site-header { padding: 40px 0 20px; } .site-branding { float: left; } .site-title { margin: 0; font-size: 30px; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; line-height: 1em; } .site-title a { color: #333; text-decoration: none; } .site-description { color: #a6a6a6; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; } #leftcol li.active a { color: #000; } .sf-menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sf-menu ul { display: inline-block; } * html .sf-menu ul { height: 1%; } :first-child+html .sf-menu ul { min-height: 1px; } .sf-menu ul { display: block; } .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li ul { top: -999em; position: absolute; z-index: 99999; } .sf-menu li:hover ul,.sf-menu li.sfHover ul { top: 40px; } .sf-menu li:hover li ul,.sf-menu li.sfHover li ul { top: -999em; } .sf-menu li li:hover ul,.sf-menu li li.sfHover ul { top: 0; left: 170px; } .sf-menu li li:hover li ul,.sf-menu li li.sfHover li ul { top: -999em; } .sf-menu li li li:hover ul,.sf-menu li li li.sfHover ul { top: 0; left: 170px; } .sf-menu li { float: left; position: relative; visibility: inherit; } .sf-menu li a { float: left; display: block; font-weight: 400; font-family: oswald,arial,helvetica,sans-serif; text-decoration: none; text-transform: uppercase; } .sf-menu li a:hover,.sf-menu li.sfHover>a,.sf-menu li.current_page_item>a,.sf-menu li.current-menu-item>a,.sf-menu li.current-menu-parent>a,.sf-menu li.current-page-parent>a,.sf-menu li.current-page-ancestor>a,.sf-menu li.current_page_ancestor>a { } .sf-menu li:hover li a,.sf-menu li.sfHover li a { width: 140px; } #main-navigation #menu-main-menu>li:first-child>a { padding-left: 0 !important; } #top-navigation { background: #333; } #top-navigation ul { border-left: 1px dotted #565656; } #top-navigation li ul { } #top-navigation li:hover ul,#top-navigation li.sfHover ul { top: 40px; background: #333; border-left: none; border-top: 1px dotted #565656; } #top-navigation li li:hover ul,#top-navigation li li.sfHover ul { top: 0; border-left: 1px dotted #565656; } #top-navigation li { border-right: 1px dotted #565656; } #top-navigation li li { border-right: none; border-bottom: 1px dotted #565656; } #top-navigation li a { padding: 0 15px; color: #a6a6a6; font-size: .9em; line-height: 40px; } #top-navigation li a:hover,#top-navigation li.sfHover>a,#top-navigation li.current_page_item>a,#top-navigation li.current-menu-item>a,#top-navigation li.current-menu-parent>a,#top-navigation li.current-page-parent>a,#top-navigation li.current-page-ancestor>a,#top-navigation li.current_page_ancestor>a { color: #fff; } #top-navigation li:hover li a,#top-navigation li.sfHover li a { padding: 10px 15px; font-size: .75em; line-height: normal; } #main-navigation { border: solid #333; border-width: 1px 0 3px; } #main-navigation li a { padding: 0 20px; color: #333; font-size: 1.2em; line-height: 50px; letter-spacing: 1px; } #main-navigation .sf-menu>ul>li:after { width: 6px; float: left; margin-top: 3px; content: "/"; display: block; color: #e6e6e6; font-size: 1.8em; font-family: arial,helvetica,sans-serif; } #main-navigation .sf-menu>ul>li:last-child:after { display: none; } #main-navigation li:hover ul,#main-navigation li.sfHover ul { top: 50px; background: #333; } #main-navigation li li:hover ul,#main-navigation li li.sfHover ul { top: 0; border-left: 1px dotted #565656; } #main-navigation li li { border-bottom: 1px dotted #565656; } #main-navigation li li a { color: #a6a6a6; } #main-navigation li a:hover,#main-navigation li.sfHover>a,#main-navigation li.current_page_item>a,#main-navigation li.current-menu-item>a,#main-navigation li.current-menu-parent>a,#main-navigation li.current-page-parent>a,#main-navigation li.current-page-ancestor>a,#main-navigation li.current_page_ancestor>a { color: #1fa0ae; } #main-navigation li:hover li a,#main-navigation li.sfHover li a { padding: 10px 20px; font-size: .75em; line-height: normal; } .spacer { width: 100%; clear: both; } .spacer30 { height: 30px; width: 100%; clear: both; } .hidden { display: none; } .container { max-width: 960px; } .content-area { width: 100%; float: left; } .site-content { margin: 0; } .site-sidebar { } .site-main { padding: 25px 0 0; } .site-content li { margin: 0 0 8px; } .site-content ul ul,.site-content ul ol,.site-content ol ol,.site-content ol ul { margin-top: .75em; } .sticky { } .hentry { margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-header { margin: 0 0 -10px; text-align: center; } .entry-title { margin: 0 40px; font-size: 16px; font-size: 1.6em; line-height: 1.4; text-transform: uppercase; } .entry-title a { color: #333; text-decoration: none; } .entry-title a:hover { color: #1fa0ae; } .entry-meta { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; } .entry-meta a { color: #a6a6a6; text-decoration: none; } .entry-meta a:hover { color: #333; } .entry-meta .cat-links { margin: 0 20px 0 0; } .entry-meta [class^=ico-]:before { margin-right: 5px; color: #333; } .comments-link:before { margin: 0 0 0 8px; padding: 0 6px 0 0; content: "/"; color: #d6d6d6; } .entry-thumbnail { margin: 0 0 20px; } .entry-thumbnail img { display: block; } .entry-content { margin: 0; } .entry-summary { margin: 0 0 30px; } .entry-footer { clear: both; padding: 8px 0; border: solid #333; border-width: 1px 0 3px; } .more-link,.page-links { margin: 15px 0 0; display: block; text-align: center; } .post-password-required label { float: left; margin: 0 10px 0 0; } .page-header { margin: 0 0 30px; border-bottom: 3px solid #333; } .page-title { margin: 0 0 10px; color: #a6a6a6; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; } body.page .entry-header { text-align: left; } body.page .entry-title { margin: 0; } body.search .page .entry-footer { padding: 0; border-top: none; } .author-info { margin: 0 0 40px; padding: 0 0 30px; border-bottom: 1px solid #333; } .author-info .author-photo { float: left; margin: 0 30px 0 0; } .author-info .author-content { margin: 0 0 0 105px; } .author-info .author-content h3 { margin: 0 0 10px; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; } .author-info .author-links a { margin: 0 20px 0 0; color: #a6a6a6; font-size: .9em; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; } .author-info .author-links a:hover { color: #333; } .page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; border: none; } .wp-caption { border: 1px solid #d5d5d5; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: .5em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .entry-attachment .attachment { margin: 0 0 15px; } .site-content [class*=navigation] { margin: 0 0 15px; overflow: hidden; } [class*=navigation] .nav-previous { width: 50%; float: left; } [class*=navigation] .nav-next { width: 50%; float: right; text-align: right; } .site-content [class*=navigation] a { display: inline-block; padding: 4px 15px; color: #fff; font-size: 1.2em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; text-decoration: none; line-height: 26px; background: #333; border: solid #666; border-width: 0 0 3px; } .site-content [class*=navigation] a:hover { background: #666; border-color: #333; } .site-content .post-navigation { margin-top: -25px; padding: 0 0 10px; border-bottom: 1px solid #333; } .site-content .post-navigation a { padding: 0; color: #333; font-size: .9em; font-weight: 400; line-height: 20px; background: none; border: none; } .site-content .post-navigation a:hover { color: #1fa0ae; background: none; border: none; } .site-content .post-navigation span { display: block; color: #a6a6a6; font-size: 1.3em; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; } .site-content .post-navigation .meta-nav { display: none; } .site-content .post-navigation .nav-next { width: 35%; margin-left: 5%; padding-right: 10%; text-align: left; } .site-content .post-navigation .nav-previous { width: 35%; margin-right: 5%; padding-left: 10%; text-align: right; } .winner_block{ border-bottom:6px solid #3dae2b; background:#deeef5; margin-bottom:20px; } .winner_block .inner_block{ padding:25px; } #concours-subscribe .winner_block h4{ background:#3dae2b; font-size:20px; color:#fff; padding:25px; position:relative; margin-bottom:0px; } .winner_block h4:after{ content:" "; position:absolute; bottom:-10px; left:25px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #3dae2b; } .winner_block span{ background:#3dae2b; color:#fff; font-size:14px; } .winner_block .inner_block strong{ font-size:16px; color:#1a80d1; font-weight:normal; display: inline-block; line-height: 18px; } .winner_block .inner_block a{ text-decoration:underline; } .winner_block .inner_block a,.winner_block .inner_block{ font-size:14px; } .blue_link{ color:#1a80d1; text-decoration:underline; display:inline-block; margin:20px 0px; } #elevate-karma strong{ font-weight:normal; font-size:16px; color:#1a80d1; } #reply-title,.comments-title { margin: 0 0 20px; padding: 0 0 15px; color: #a6a6a6; font-size: 1.3em; text-transform: uppercase; letter-spacing: 2px; border-bottom: 3px solid #333; } .comment-list { margin: 0 0 20px; padding: 0; list-style: none; } .comment-list ul.children { margin: 0 0 0 50px; list-style: none; } .comment-list li.comment,.comment-list li.pingback { margin: 0; padding: 0; } .comment-list li.pingback p { margin: 0; font-style: italic; } .comment-list li.comment .comment-body { padding: 30px 0 20px; border-bottom: 1px solid #d6d6d6; } .comment-list li.comment .comment-author .avatar { float: left; margin: 0 20px 0 0; display: block; } .comment-list li.comment .comment-author .fn { color: #999; font-size: 1.2em; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; } .comment-list li.comment .comment-author .fn a { color: #333; text-decoration: none; } .comment-list li.comment .comment-author .fn a:hover { color: #1fa0ae; } .comment-list li.comment .comment-metadata { margin: 0 0 3px; } .comment-list li.comment .comment-metadata a { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; text-decoration: none; } .comment-list li.comment .comment-metadata a:hover { color: #333; } .comment-list li.comment .reply { float: right; } .comment-list li.comment .reply a { color: #a6a6a6; font-size: .9em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; text-decoration: none; } .comment-list li.comment .reply a:hover { color: #333; } .comment-content { clear: both; margin: 20px 0 0; } .comment-content a { word-wrap: break-word; } .bypostauthor { } #reply-title { margin-top: 20px; } #cancel-comment-reply-link { margin: 0 0 0 10px; color: #333; font-size: .9em; text-decoration: none; } #commentform { margin: 0; padding: 0; } #commentform label { display: block; width: 100%; color: #a6a6a6; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; } #commentform textarea { height: 125px; } .widget { margin: 0 0 15px; } .widget-title { margin: 0 0 15px; padding: 0 0 15px; font-size: 1.2em; font-weight: 400; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .widget select { max-width: 100%; } .widget ul { margin: 0 0 20px; padding: 0; list-style: none; } .widget ul ul { margin: 0 0 0 10px; } .widget li { margin: 0 0 10px; } .widget li a { color: #333; } .widget li a:hover { color: #1fa0ae; } ul.widget-tab-nav { margin: 0 0 15px; border-bottom: 3px solid #333; zoom: 1; } .widget-tab-nav li { float: left; width: 33.3%; margin: 0; text-align: center; } .widget-tab-nav li a { display: block; padding: 4px 15px; color: #a6a6a6; font-size: 1.1em; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; line-height: 30px; background: none; border: none; border-radius: 0; } .widget-tab-nav li a:hover,.widget-tab-nav li a:focus { color: #333; text-decoration: none; } .widget-tab-nav li.active a { color: #fff; background: #333; } .widget-tab-content .tab-pane { display: none; } .widget-tab-content .active { display: block; } .widget-tab-content .tab-pane li { margin: 0 0 15px; } .widget-entry-thumbnail { float: left; width: 50px; height: 50px; } .widget-entry-thumbnail img { width: 50px; height: 50px; display: block; } .widget-entry-summary { margin: 3px 0 0 60px; } .widget-entry-content span,.widget-entry-summary span { color: #a6a6a6; font-size: .875em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; } .widget-entry-content h4,.widget-entry-summary h4 { margin: 0; font-size: 1em; text-transform: uppercase; line-height: 1.4; } .widget-entry-content h4 a,.widget-entry-summary h4 a { } .widget-entry-content h4 a:hover,.widget-entry-summary h4 a:hover { text-decoration: none; } #widget-tab-tags { padding: 0 0 15px; font-size: .9em; font-weight: 300; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; line-height: 1.8; } #widget-tab-tags a { color: #a6a6a6; text-decoration: none; } #widget-tab-tags a:hover { color: #333; } .widget-oembed-content { margin: 0 auto 5px; } .widget-oembed-content embed,.widget-oembed-content iframe,.widget-oembed-content object,.widget-oembed-content video { max-width: 100%; min-height: 200px; max-height: 250px; } .widget-oembed-description { margin: 0 0 15px; } .widget-social-icons li { float: left; margin: 5px 10px 5px 0; text-align: center; } .widget-social-icons li a { display: block; } .widget-social-icons li a [class^=ico-]:before { width: 40px; margin: 0; color: #fff; font-size: 20px; line-height: 40px; background: #333; } .widget-social-icons li a:hover [class^=ico-]:before { background: #1fa0ae; } .widget-flickr-stream { margin: 0 -10px; } .flickr_badge_image { float: left; width: 60px; display: block; margin: 0 10px 20px; } .flickr_badge_image img { display: block; } .site-header .widget { float: right; clear: right; margin: 0; text-align: right; border: none; } .site-sidebar .widget_search .search-form { margin: 15px 0; } .site-sidebar .widget_search .search-field { float: left; width: 65%; margin: 0 10px 0 0; } .site-sidebar .search-submit { width: 20px; height: 20px; background: url(img/loupe.png) top left no-repeat; border: none; font-size: 0; color: transparent; float: left; margin-top: 20px; padding: 8px 20px; margin-left: 10px; } .site-sidebar .search-submit:hover { background: url(img/loupe.png) top left no-repeat; border: none; } .site-sidebar .search-form { display: block; background: #fff; height: 50px; width: 100%; position: relative; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .site-sidebar .search-form:after { content: ''; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; width: 0; height: 0; position: absolute; top: -10px; left: 10px; } .site-sidebar .search-field { width: 78%; border: none; display: block; float: left; height: 50px; line-height: 50px; cursor: pointer; margin-left: 2%; } .site-extra { padding: 20px 0; border-top: 1px solid #333; } .site-extra .pad { margin: 0 -15px; } .site-extra .widget-area { float: left; width: 25%; } .extra-one .widget-area { width: 100%; } .extra-two .widget-area { width: 50%; } .extra-three .widget-area { width: 33.3%; } .site-extra .widget { margin: 0 15px 30px; padding: 0; border: none; } .site-extra .widget-social-icons li a [class^=ico-]:before { width: 25px; line-height: 25px; background: none; } .site-extra .widget-social-icons li a:hover [class^=ico-]:before { color: #1fa0ae; } .site-footer { padding: 15px; color: #a6a6a6; font-size: .875em; font-family: oswald,arial,helvetica,sans-serif; text-transform: uppercase; letter-spacing: 1px; background: #333; } .site-footer a { color: #fff; text-decoration: none; } .site-footer a:hover { color: #1fa0ae; } .site-info { float: left; } .site-credit { float: right; } #content h6{color:#767676; font-size:22px; } .home{min-height:900px;} .home #primary{height:auto;} .home #content-holder{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} #container-slider-home{height:662px;} #container-slider-home li{position:absolute; left:0; top:-26px; z-index:1;} #container-slider-home .slider-home-img{opacity:0; filter:alpha(opacity=0);} #container-slider-home .slider-home-text-container{position:absolute; left:5%; top:0; width:95%; text-align:center;} #container-slider-home h2{padding-top:8px; font-size:40px; line-height:40px; letter-spacing:2px; text-transform:uppercase; color:#1d6a34;} #container-slider-home h2 span{font-size:40px; line-height:40px; letter-spacing:2px; text-transform:uppercase; color: #15aa38} #container-slider-home h3{font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#1d6a34; padding-top:40px;} #container-slider-home p{margin-top:-5px; color:#36763a;} #container-slider-home strong{color:#5a9e37;} #slider-home-drag-button{position:absolute; left:657px; top:-687px; width:83px; height:84px; z-index:99; background-image:url('img/drag_btn.png'); cursor:all-scroll;} #container-slider-bottle-home{} #container-slider-bottle-home li{position:absolute; left:650px; top:-698px; width:311px; height:686px;} #container-slider-bottle-home .img{ position:absolute; left:0; width:311px; height:686px; background-size:311px 686px !important;} #container-slider-bottle-home .slider-home-bottle-img{opacity:0; filter:alpha(opacity=0);} #karma-spirit-plume-mobile{display:none; opacity:0; filter:alpha(opacity=0); z-index:98;} #home-link-bottom{width:auto; height:auto; text-align:center; margin-top:10px;} #home-link-bottom img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin:0 0 40px; padding:0 20px; vertical-align:middle; cursor:pointer;} #home-link-bottom img:hover{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity:0.80;} .no-border{border-right:none !important;} .home #border-grey{position:relative; top:661px; width:100%; border-bottom:1px solid #8e8e8e; z-index:99;} .home #border-green{display:none; z-index:99;} #link-american-website{-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; float:right; text-decoration:none; color:#5a5a5a; font-size:13px;} #link-american-website img{ width:35px; margin-top:5px; margin-right:20px; float:right; } #link-american-website p{ float:left; margin-right:10px; margin-top:3px; margin-bottom:0; display:none; } #link-american-website:hover{-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; color:#5a9e37;} #concours-subscribe .col-xs-12,#concours-subscribe .col-md-12{ float:left; } #elevate-karma{ display:inline-block; margin-bottom:75px; } #elevate-karma img{ margin-top:-25px; } #elevate-karma h1{ font-size:46px; color:#8dc63f; line-height:50px; text-transform:uppercase; } #elevate-karma h2{ font-size:20px; font-family: 'GothamLight'; color:#4b4a4a; line-height:26px; } #elevate-karma h4{ font-size:14px; color:#4b4a4a; } #elevate-karma strong{ } #elevate-karma .blue-btn{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-top:30px; background-color:#188ce9; padding:15px 50px 15px 25px; color:#fff; display:inline-block; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase; background-image:url('img/arrow-blue-btn.png'); background-repeat:no-repeat; background-position:90% 50%; border:2px solid #188ce9; } #elevate-karma .blue-btn:hover{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-image:url('img/arrow-blue-btn-hover.png'); background-position:90% 60%; background-color:#fff; color:#188ce9; } #concours-subscribe .img{ min-width:370px; height:auto; } #concours-subscribe h2{ font-size:40px; color:#8dc63f; font-family: lato,arial,helvetica,sans-serif; font-weight:bold; text-transform:uppercase; margin-bottom:30px; line-height:40px; } #concours-subscribe h3{ font-family:lato,arial,helvetica,sans-serif; font-weight:lighter; font-size:24px; color:#8dc63f; margin-bottom:20px; } #concours-subscribe h4{ color:#1a80d1; font-size:16px; font-family:lato,arial,helvetica,sans-serif; font-weight:bold; margin-bottom:40px; } #concours-subscribe .col-md-6,#concours-subscribe .col-md-12,#concours-subscribe .col-md-2,#concours-subscribe .col-md-10{ padding-left:0; padding-right:25px; } #concours-subscribe .error{ border:1px solid #e82c00 !important; } #concours-subscribe input[type=checkbox].error{ outline:1px outset #e82c00 !important; outline-offset:1px; } #error-answer-1,#error-answer-2{ display:none; margin-top:20px; color:#e82c00 !important; font-size:22px; } #success-answer-1{ display:none; margin-top:20px; color:#1bd208 !important; font-size:22px; } #concours-subscribe .radio-center{ text-align:center; color:#1a80d1; font-family:lato,arial,helvetica,sans-serif; font-weight:bold; font-size:16px; } #concours-subscribe .radio-center label{ margin-left:10px; } #concours-subscribe .radio-center .minus{ font-size:16px; cursor:pointer; } #concours-subscribe .second-style{ margin-bottom:0; } #concours-subscribe h5{ color:#188ce9; padding:5px 0; } #concours-subscribe .change-label label,#concours-subscribe .change-label a{ color:#1a80d1; font-size:15px; cursor:pointer; } #concours-subscribe .change-label input{ cursor:pointer; } #concours-subscribe .change-label a{ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; text-decoration:underline; } #concours-subscribe .change-label a:hover{ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; color:#000; } #concours-subscribe .change-label .col-md-3,#concours-subscribe .change-label .col-md-1{ padding-right:5px; } #concours-subscribe .radio-center input,#concours-subscribe .select select{ margin-left:20px; cursor:pointer; } #concours-subscribe .select{ padding-left:0; } #concours-subscribe select{ max-width:100%; cursor:pointer; } #concours-subscribe .select select{ margin-left:6px; } #concours-subscribe option{ max-width:300px !important; } #concours-subscribe input,#concours-subscribe select,#concours-subscribe textarea{ padding:10px 15px !important; border:1px solid #a4cfe2 !important; margin-bottom:25px !important; color:#1a80d1; font-size:17px; font-family: 'Open Sans',sans-serif; font-weight:600; } #concours-subscribe textarea{ max-width:100%; max-height:250px; } #concours-subscribe label{ color:#1a80d1; font-family:lato,arial,helvetica,sans-serif; font-weight:bold; font-size:18px; } #concours-subscribe .new-margin{ margin-bottom:10px; } #concours-subscribe ul{ padding-left:25px; } #concours-subscribe li{ color:#4b4a4a; font-family:lato,arial,helvetica,sans-serif; margin-bottom:5px; list-style-type:disc; } #recaptcha_table{ border:1px solid #e5e5e5 !important; } #recaptcha_table td{ background-image:none; } #recaptcha_table input{ border-color:#a9a9ab !important; } #recaptcha_table input::-webkit-input-placeholder{ color:#a9a9ab !important; } #recaptcha_table input:-moz-placeholder{ color:#a9a9ab !important; opacity:1; } #recaptcha_table input::-moz-placeholder{ color:#a9a9ab !important; opacity:1; } #recaptcha_table input:-ms-input-placeholder{ color:#a9a9ab !important; } #recaptcha_table input-placeholder{ color:#a9a9ab !important; opacity:1; } #concours-subscribe input::-webkit-input-placeholder,#concours-subscribe textarea::-webkit-input-placeholder{ color:#a4cfe2; font-size:17px; font-family: 'Open Sans',sans-serif; font-weight:600; } #concours-subscribe input:-moz-placeholder,#concours-subscribe textarea:-moz-placeholder{ color:#a4cfe2; opacity:1; font-size:17px; font-family: 'Open Sans',sans-serif; font-weight:600; } #concours-subscribe input::-moz-placeholder,#concours-subscribe textarea::-moz-placeholder{ color:#a4cfe2; opacity:1; font-size:17px; font-family: 'Open Sans',sans-serif; font-weight:600; } #concours-subscribe input:-ms-input-placeholder,#concours-subscribe textarea:-ms-input-placeholder{ color:#a4cfe2; font-size:17px; font-family: 'Open Sans',sans-serif; font-weight:600; } #concours-subscribe .blue-btn{ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; margin-top:30px; background-color:#188ce9; padding:12px 25px 12px 25px !important; color:#fff; display:inline-block; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase; border:2px solid #188ce9 !important; } #concours-subscribe .blue-btn:hover{ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background-color:#fff; color:#188ce9; } #concours-subscribe .mobile-appear{ display:none; } .language_drop{ position: absolute; bottom: -44px; width: 100%; display:none; z-index:9999; } .language_drop a{ width:100%; display:block; } #change-language:hover .language_drop{ display:block; } #concours-subscribe #answer-message{ margin-bottom:20px; } @media screen and (max-width: 1024px) { .container{width:90%}.blog_item{width:100%}.site-extra .widget-area{width:50%}#slider-home-drag-button{background-image:url(img/push_btn_en.png)}#site-header .main_menu_container{display:none!important}#header #mobileMenu,#header .mobileMenu_tool{display:block}} @media screen and (max-width: 991px){ .home{min-height:1600px}.home #border-green{display:block;position:relative;top:656px;width:100%;border-bottom:4px solid #3dae2b}.home #border-grey{top:1342px}#home-link-bottom{margin-top:720px}#container-slider-home li{top:-35px!important;width:100%;height:auto}#container-slider-bottle-home li{top:-17px!important;left:425px!important}#slider-home-drag-button{top:130px!important;left:340px}#karma-spirit-plume-mobile{display:block;position:relative;float:left;left:-50px;top:655px;width:458px;height:686px;background-image:url(img/karma_spirit_plume.jpg);background-size:458px 686px;background-repeat:no-repeat}#content-holder #post-75 .col-md-3{width:50%;float:left}#content-holder #post-64 .col-md-3{width:33.333333333%}#content-holder .varieties-sidenav{margin-top:0;width:215px}#content-holder .varieties-sidenav li{display:inline;margin-left:20px}.single-product .global-wrapper{background-position:-136px 217px!important;background-size:893px 800px!important}.single-product article{width:60%;float:right}.variety:before{display:none}.single-product .entry-header:before{border:0}#concours-subscribe textarea{width:100%}#concours-subscribe .change-label input[type=checkbox]{margin-bottom:0!important;margin-top:6px!important}#concours-subscribe .img{position:absolute;z-index:-1;top:1300px;right:-150px;width:45%}#home-link-bottom img:hover{opacity:1}#concours-subscribe .mobile-disappear{display:none}#concours-subscribe .mobile-appear{display:block;margin-top:10px}#concours-subscribe h5.mobile-appear{margin-left:20px}#concours-subscribe #association{margin-bottom:0!important}#concours-subscribe .img-bottle{display:none}#concours-subscribe .col-md-6,#concours-subscribe .col-md-12,#concours-subscribe .col-md-2,#concours-subscribe .col-md-10{padding-right:0}#answer-message{display:block;width:100%}} @media screen and (max-width: 960px) { .why-drink-karma .col-xs-10{margin-top:30px}.why-drink-karma{margin-bottom:10px}.home #border-green{top:656px}.home #border-grey{top:1342px}#container-slider-bottle-home li{top:-17px!important}#karma-spirit-plume-mobile{top:655px}#home-link-bottom{margin-top:715px}#home-link-bottom img{border-right:0}} @media screen and (max-width: 810px) { #container-slider-bottle-home li{left:395px!important}#slider-home-drag-button{left:310px}} @media screen and (max-width: 767px) { #site-footer{text-align:center}.social-icons{float:none;width:auto;text-align:center;margin-top:25px}.social-icons .text-right,#copyright.text-right{text-align:center;float:none}.social-icons a{float:none}#site-header #change-language{top:50px;right:-11px}#karma-spirit-plume-mobile{left:-125px!important}#container-slider-bottle-home li{left:320px!important}#slider-home-drag-button{left:230px!important}#home-link-bottom{margin-top:705px}.why-drink-karma .col-xs-10{margin-top:5px}.why-drink-karma{margin-bottom:40px}.why-drink-karma .col-xs-2{width:100%;text-align:center}.why-drink-karma .col-xs-10{width:100%;text-align:center}.karma-logo img{margin:20px}#content-holder #post-64 .col-md-3{width:50%;float:left}.single-product .global-wrapper{background-position:-166px 217px!important}.single-product article{width:70%}.site-header .widget-area{display:none}#site-header .karma-logo{position:relative}.site-header .site-branding{float:none;text-align:center}.content-area{float:none}.site-content{margin:0}.site-sidebar{width:auto;float:none;margin:20px 0 0}.site-extra .widget-area{width:100%}#concours-subscribe .select label{display:block;margin-left:5px}#concours-subscribe .img{display:none}} @media screen and (max-width:680px){ .home #border-green{top:652px}.home #border-grey{top:1338px}#container-slider-bottle-home li{top:-21px!important}#slider-home-drag-button{top:95px!important}#karma-spirit-plume-mobile{top:651px!important}#home-link-bottom{margin-top:670px}#container-slider-home h3{padding-top:30px}.variety h1{font-size:60px!important}.variety h2{padding-top:0;padding-bottom:0}} @media screen and (max-width:650px){ #supplement-facts-btn{display:block;margin-bottom:10px;max-width:250px}#clinical-infos-btn{display:block;margin-bottom:10px;max-width:250px}.single-product .global-wrapper{background-position:-375px 217px!important}} @media screen and (max-width:640px){ .home #border-green{top:628px}.home #border-grey{top:1314px}#container-slider-bottle-home li{top:-45px!important}#karma-spirit-plume-mobile{top:627px!important}} @media screen and (max-width:600px){ #container-slider-home h2{font-size:34px;line-height:34px;padding-top:0}#container-slider-home h3{padding-top:20px}#container-slider-home p{margin-top:-15px}.home #border-green{top:574px}.home #border-grey{top:1260px}#container-slider-bottle-home li{top:-99px!important;left:235px!important}#karma-spirit-plume-mobile{top:573px!important;left:-200px!important}#slider-home-drag-button{top:20px!important;left:150px!important}#home-link-bottom{margin-top:600px}#home-link-bottom img{margin-left:0;margin-right:0}#concours-subscribe .select select{display:block}} @media screen and (max-width:540px){ .home #border-green{top:515px}.home #border-grey{top:1201px}#container-slider-bottle-home li{top:-158px!important;left:235px!important}#karma-spirit-plume-mobile{top:514px!important;left:-200px!important}#slider-home-drag-button{top:-40px!important;left:140px!important}#home-link-bottom{margin-top:540px}} @media screen and (max-width: 480px) { #container-slider-home h2{font-size:26px;line-height:28px;margin-top:-7px}#container-slider-home h3{padding-top:20px}#container-slider-home p{margin-top:-15px}.home #border-green{top:456px}.home #border-grey{top:1142px}#container-slider-bottle-home li{top:-217px!important;left:140px!important}#karma-spirit-plume-mobile{top:455px!important;left:-300px!important}#slider-home-drag-button{top:-100px!important;left:60px!important}#home-link-bottom{margin-top:490px}#content-holder #post-75 .col-md-3{width:100%;float:left}#header .mobileMenu_tool .opener{float:right;margin-right:10px}.karma-logo img{margin-left:0}.site-header .site-branding{text-align:left}.site-footer{text-align:center}.site-footer .site-info,.site-footer .site-credit{float:none}.post-73 #featured-image{width:100%}.post-73 .entry-content{width:100%}#content-holder #post-64 .col-md-3{width:100%;text-align:center}.vitamin .vitamin-name{font-size:17px}.vitamin-satistic{font-size:24px}#concours-subscribe .radio-center label:first-child{display:block}#concours-subscribe .col-xs-1,#concours-subscribe .col-xs-2,#concours-subscribe .col-xs-3,#concours-subscribe .col-xs-4,#concours-subscribe .col-xs-5,#concours-subscribe .col-xs-6,#concours-subscribe .col-xs-7,#concours-subscribe .col-xs-8,#concours-subscribe .col-xs-9,#concours-subscribe .col-xs-10,#concours-subscribe .col-xs-11,#concours-subscribe .col-xs-12,#concours-subscribe .col-md-8,#elevate-karma .col-md-7,#elevate-karma .col-md-5{padding:0}#concours-subscribe .col-xs-11{padding-left:10px}#concours-subscribe .number::-webkit-input-placeholder{font-size:16px}#concours-subscribe .number:-moz-placeholder{font-size:16px}#concours-subscribe .number::-moz-placeholder{font-size:16px}#concours-subscribe .number:-ms-input-placeholder{font-size:16px}} @media screen and (max-width:450px){ .single-product article{width:100%}.single-product article{margin-left:0}.postid-1797 .global-wrapper{background:transparent url(img/bkgd-spirit.jpg) no-repeat -300px 0!important}.postid-1798 .global-wrapper{background:transparent url(img/bkgd-mind.jpg) no-repeat -300px 0!important}.postid-1796 .global-wrapper{background:transparent url(img/bkgd-body.jpg) no-repeat -300px 0!important}.postid-1795 .global-wrapper{background:transparent url(img/bkgd-vitality.jpg) no-repeat -300px 0!important}.postid-1794 .global-wrapper{background:transparent url(img/bkgd-balance.jpg) no-repeat -300px 0!important}#variety-data #vitamins-list{padding:0;margin-top:60px}#variety-data #vitamins-list:before{left:0;top:-24%}#information-buttons{padding-left:0}} @media screen and (max-width: 360px) { .home #border-green{top:354px}.home #border-grey{top:1039px}#container-slider-bottle-home li{top:-319px!important;left:80px!important}#karma-spirit-plume-mobile{top:338px!important;left:-370px!important}#slider-home-drag-button{top:-180px!important;left:-10px!important}#home-link-bottom{margin-top:395px}#site-header #change-language{left:122px;top:-14px}#site-header #change-language a{padding:4px 6px}#concours-subscribe .radio-center input{margin-left:5px}#concours-subscribe #association::-webkit-input-placeholder{font-size:12px}#concours-subscribe #association:-moz-placeholder{font-size:12px}#concours-subscribe #association::-moz-placeholder{font-size:12px}#concours-subscribe #association:-ms-input-placeholder{font-size:12px}#link-american-website{padding-left:15px;float:left}} @media screen and (max-width: 320px) { #container-slider-home .slider-home-text-container{width:98%;left:1%}#container-slider-home h2{font-size:20px;line-height:21px;margin-top:-3px}#container-slider-home h3{font-size:13px;padding-top:10px;line-height:14px}#container-slider-home p{font-size:13px}.home #border-green{top:315px}.home #border-grey{top:1001px}#container-slider-bottle-home li{top:-358px!important;left:80px!important}#slider-home-drag-button{top:-260px!important;left:-10px!important}#karma-spirit-plume-mobile{top:314px!important;left:-360px!important}#home-link-bottom{margin-top:340px}#captcha{margin-left:-27px}} .dropdown,.dropdown div,.dropdown li,.dropdown div::after,.dropdown .carat,.dropdown .carat:after,.dropdown .selected::after,.dropdown:after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .dropdown .selected::after,.dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; } .dropdown { position: relative; width: 250px; cursor: pointer; font-weight: 200; background: #f8f8f8; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .dropdown.open { z-index: 2; } .dropdown:hover { background: #f4f4f4; } .dropdown:after { content: ''; position: absolute; right: 3px; bottom: 3px; top: 2px; width: 30px; background: transparent; } .dropdown.focus:after { background: #0180d1; } .dropdown .carat,.dropdown .carat:after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 8px solid transparent; border-top: 8px solid #000; z-index: 2; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; } .dropdown .carat:after { margin-top: -10px; right: -8px; border-top-color: #f8f8f8; } .dropdown:hover .carat:after { border-top-color: #f4f4f4; } .dropdown.focus .carat { border-top-color: #f8f8f8; } .dropdown.focus .carat:after { border-top-color: #0180d1; } .dropdown.open .carat { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; } .dropdown select { position: absolute; left: 0; top: 0; } .dropdown.touch .old { width: 100%; height: 100%; } .dropdown.touch select { width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); } .dropdown .selected,.dropdown li { display: block; font-size: 18px; line-height: 1; color: #000; padding: 9px 12px; overflow: hidden; white-space: nowrap; } .dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #f8f8f8; } .dropdown:hover .selected::after { box-shadow: inset -55px 0 25px -20px #f4f4f4; } .dropdown div { position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top: -1px; background: #f8f8f8; overflow: hidden; opacity: 0; filter:alpha(opacity=0); } .dropdown:hover div { background: #f4f4f4; } .dropdown.open div { opacity: 1; filter:alpha(opacity=100); z-index: 2; } .dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #f8f8f8; } .dropdown.scrollable:hover div::after { box-shadow: inset 0 -50px 30px -35px #f4f4f4; } .dropdown.scrollable.bottom div::after { opacity: 0; filter:alpha(opacity=0); } .dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; } .dropdown.scrollable.open ul { overflow-y: auto; } .dropdown li { list-style: none; padding: 8px 12px; } .dropdown li.focus { background: #0180d1; position: relative; z-index: 3; color: #fff; } .dropdown li.active { background: #0180d1; color: #fff; } #applications #green_box{ margin-top:76px; } .home-links .col-sm-3{ padding:0px; height:200px; border-right:1px #dedede solid; } .home-links .col-sm-3:last-child{ border:none !important; } .home-links a{ display:block; margin:auto; text-align: center; } .home-links img { margin:auto; } .single-product #content-holder{ } .tax-product-category .category-content{ display: block; clear:both; position: relative; } .tax-product-category p{ color: #3dae2b; } .tax-product-category .product.type-product{ margin-bottom:20px; } .tax-product-category .product.type-product #featured-image{ text-align: center; } .term-k2o article#post-14856{ width:100%; text-align: center; } .term-k2o article#post-14856 #featured-image img{ width:450px; } .postid-14737 #variety-data .ingredient-description{ color:#bc6601 !important; } #rak{ color:#fff !important; background: #3dae2b; background: -moz-linear-gradient(top,#3dae2b 0%,#196a35 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3dae2b),color-stop(100%,#196a35)); background: -webkit-linear-gradient(top,#3dae2b 0%,#196a35 100%); background: -o-linear-gradient(top,#3dae2b 0%,#196a35 100%); background: -ms-linear-gradient(top,#3dae2b 0%,#196a35 100%); background: linear-gradient(to bottom,#3dae2b 0%,#196a35 100%); filter: progid:dximagetransform.Microsoft.gradient( startColorstr='#3dae2b',endcolorstr='#196a35',gradienttype=0 ); margin-top:20px; } #rak h2{ line-height: 1em; font-size: 32px; margin-top:20px; margin-bottom: 20px; padding-bottom: 0px; } #rak h3{ line-height: 1em; font-size: 26px; margin-top:20px; margin-bottom: 20px; padding-bottom: 0px; } #rak *{ color:#fff !important; } #gform_submit_button_2{ background: #3dae2b; border:2px solid #196a35; font-weight: bold; padding:2px 10px; font-family: 'Helvetica Neue',helvetica,arial,verdana,san-serif,sans-serif; } #gform_wrapper_2 .gform_wrapper li label{ margin-bottom:0px; font-size:12px; } #gform_wrapper_2 .gform_wrapper li input:not(#input_1_4),#gform_wrapper_2 .gform_wrapper li textarea{ color: #000 !important; } #field_2_6{ display:none !important; border:none !important; border-bottom: none !important; } #gform_wrapper_2 .gform_wrapper .gsection{ border-bottom: none !important; padding: 0px !important; margin: 0px !important; } #input_2_1,#input_2_2,#input_2_3{ color: #000 !important; } @media only screen and (min-width: 668px) { .gform_wrapper.two-column_wrapper ul.gform_fields{display:none}.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column{display:block;float:left;width:50%}.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child{display:none}} @media only screen and (max-width: 765px) { .home-links .col-sm-3{border:0!important}} .post-15062 .entry-header{ display:none !important; } h1.pfb_title{ color: #3dae2b; font-weight: normal; font-size: 28px; text-transform: none; } a.pfb-link{ display:block; margin:auto; float:none; padding:20px 0; width:100%; background: #e7f5df; margin-left:3px; margin-right:-18px; } a.pfb-link img{ display:block; margin:auto !important; float:none; height:auto; } #probiotic-flavors { display: flex; flex-direction: row; flex-flow: row wrap; margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #3dae2b; } .probiotic-flavor { flex: 1; text-align: center; position: relative; margin: 0; list-style: none; } .probiotic-flavor-text { padding: 15px 0; } #content-holder .entry-header h1 { line-height: 1.1; } #content-holder .entry-header h1 a { font-size: 18px; font-weight: 700; line-height: 1; } .bold { font-weight: 700; } #probiotic-callout { background: #ecfbff; padding: 30px 60px; margin-bottom: 15px; } @media screen and (max-width:767px){ #probiotic-flavors{display:block}.probiotic-flavor{width:49%;display:inline-block}} @media screen and (max-width:450px){ #probiotic-flavors{display:block}#probiotic-callout{padding:15px}.probiotic-flavor{width:100%}.wp-image-14885{width:100px;height:auto;margin:0}} .btn{ border-radius: 0; font-family: proxima-nova-condensed,sans-serif; font-weight: 700; text-transform: uppercase; color: #fff !important; font-size: 20px; } .btn-secondary{ background-color: #3dae2b; } #intro.entry-header{ text-align: left; } .homepage-header{ margin-left: 13%; } @media (max-width: 900px){ .homepage-header{margin-left:8%}} .push-project{ padding: 0px 0 50px 0; } .push-project .project-head{ text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 40px; } .push-project .project-head img{ max-width: 100%; height: auto; } .push-project .btn{ margin-top: -5px; margin-left: 15px; } @media (max-width: 700px){ .push-project .project-head img{margin-bottom:55px}} body.page #content-holder .entry-header .entry-title,body.page #content-holder .entry-header .subtitle{ padding-left: 0; } .how-it-works{ text-align: center; } #content-holder{ background-repeat: no-repeat; background-size: 105px 700px; background-position: 30px 50px; } .vitamin-wellness{ background-repeat: no-repeat; background-size: 0px 0px; } .mobile-image{ position: relative; } .mobile-bottle{ width: 35%; } .mobile-image .cultures{ width: 45%; padding: 15px; } .mobile-image .wellness{ height: auto; width: 15%; } .additional .wellness{ display: none; } @media (min-width: 650px) and (max-width: 991px){ .single-product article{width:65%;float:none;margin-left:250px}.additional{position:relative;text-align:center}.additional .wellness{display:none;display:inline;width:25%;top:0;right:0;height:auto;float:right;margin-right:10px}.additional .cultures{left:0;top:0;width:75%;height:auto;float:left;margin-left:-30px}} @media (max-width: 991px){ .vitamin-wellness{background-repeat:no-repeat;background-size:contain;background-position:right top;padding-right:40%}#content-holder{background-size:0 0}} @media (max-width: 767px){ .additional{text-align:left;margin-left:40px}.additional .wellness{max-height:300px;width:auto;margin:0;float:none}.additional .cultures{max-height:300px;width:auto;margin:0;float:none}} @media (max-width: 650px){ .additional{display:none}#vitamins-list{background-repeat:no-repeat;background-size:0 0;padding-left:0!important}} .single-product .global-wrapper{ padding-bottom: 50px; } .varieties-slider .title{ font-weight: 400; font-family: 'GothamBook','Helvetica Neue',helvetica,arial,verdana,san-serif,sans-serif; letter-spacing: normal; list-style-type: none; border-width: 0; text-rendering: optimizelegibility; font-size: 16px; line-height: 24px; color: #3dae2b; margin-top: 15px; position: relative; min-height: 125px; } .product-button{ position: absolute; left: 0; right: 0; bottom: 0; } .varieties-slider .title a{ text-decoration: none; color: #3dae2b; } .varieties-slider .title .btn{ color: #fff; margin-top: 15px; } .varieties-slider .title a span{ font-family: proxima-nova-condensed,sans-serif; margin-top: 0 !important; text-transform: uppercase; letter-spacing: -1px; margin: 25px 0 0 0; display: block; color: #3dae2b; font-size: 28px; font-weight: 900; } .more-varieties{ padding: 25px 0 0 0; border-top: 1px dashed #ccc; margin-top: 25px; } .more-varieties h2{ text-align: center; color: #767676; padding-bottom: 25px; } .mobile-image{ display: none; width: 100%; height: auto; } .varieties-slider{ text-align: center; } .probiotic-flavor .btn{ margin-top: 15px; margin-bottom: 25px; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button::before { font-family: slick; font-size: 25px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 1; color: #ccc; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button:before { opacity: .75; color: #167a35; } .slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev { left: -25px; right: auto; } .slick-next { left: auto; right: -25px; } .slick-prev:before,.slick-next:before { font-family: fontawesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; line-height: 1; opacity: .75; color: #767676; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev::before { content: "\f053"; } .slick-next::before { content: "\f054"; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots { position: absolute; bottom: -70px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } a.panel-heading { display: block; } .panel-primary .panel-heading[aria-expanded=true],.panel-primary .panel-heading a:hover,.panel-primary .panel-heading a:focus,.panel-primary a.panel-heading:hover,.panel-primary a.panel-heading:focus { background-color: #286090; } .panel-danger .panel-heading[aria-expanded=true],.panel-danger .panel-heading a:hover,.panel-danger .panel-heading a:focus,.panel-danger a.panel-heading:hover,.panel-danger a.panel-heading:focus { background-color: #c9302c; } .panel-default .panel-heading[aria-expanded=true],.panel-default .panel-heading a:hover,.panel-default .panel-heading a:focus,.panel-default a.panel-heading:hover,.panel-default a.panel-heading:focus { background-color: #dcdcdc; } .panel-info .panel-heading[aria-expanded=true],.panel-info .panel-heading a:hover,.panel-info .panel-heading a:focus,.panel-info a.panel-heading:hover,.panel-info a.panel-heading:focus { background-color: #31b0d5; } .panel-success .panel-heading[aria-expanded=true],.panel-success .panel-heading a:hover,.panel-success .panel-heading a:focus,.panel-success a.panel-heading:hover,.panel-success a.panel-heading:focus { background-color: #449d44; } .panel-warning .panel-heading[aria-expanded=true],.panel-warning .panel-heading a:hover,.panel-warning .panel-heading a:focus,.panel-warning a.panel-heading:hover,.panel-warning a.panel-heading:focus { background-color: #ec971f; } .panel-group .panel,.panel-group .panel-heading { border: none !important; } .panel-group .panel-body { border: 0; border-width: 0 1px 1px 1px !important; } .panel-group .panel-heading a,.panel-group a.panel-heading { outline: 0; } .panel-group .panel-heading a:hover,.panel-group .panel-heading a:focus,.panel-group a.panel-heading:hover,.panel-group a.panel-heading:focus { text-decoration: none; } .panel-group .panel-heading .icon-indicator { margin-right: 10px; } .panel-group .panel-heading .icon-indicator:before { content: "\f056"; font-family: fontawesome; } .panel-group .panel-heading .collapsed .icon-indicator:before { content: "\f055"; font-family: fontawesome; } @media (max-width: 1024px){ #header-container .social-icons{display:none!important}} @media (max-width: 991px){ .karma-logo img{max-height:50px;width:auto;margin-top:0}#site-header #main-nav{height:68px}.probiotic-flavor{flex-basis:33.333333%}} @media (max-width: 785px){ .admin-bar #header .mobileMenu_tool{top:60px}} @media (max-width: 767px){ .entry-title br{display:none}} @media (max-width: 650px){ .mobile-image{display:block}.product-template-default #content-holder .product .entry-header h1{font-size:40px!important}#probiotic-flavors .entry-header h1{padding-left:0}.entry-header h1 br{display:none}.single-product article{width:100%}.product-template-default #content-holder .entry-header h2{}#variety-data #vitamins-list{padding:25px 0 10px;position:relative;margin-top:0;margin-left:15px}#variety-data #vitamins-list:before{left:0;top:0}.variety{border:0}.global-wrapper{background-image:none!important}.vitamin,#supplement-facts-btn,#clinical-infos-btn{max-width:none}#information-buttons .btn{margin-right:0;padding:15px}#information-buttons{padding:0;margin-left:15px}.single-product .global-wrapper{padding-bottom:0}.probiotic-flavor{width:100%}} @media (max-width: 500px){ .slick-next{right:-15px}.slick-prev{left:-15px}} .animated-bottle{ position: absolute; height: 100%; right: 0; } .animated-bottle .hand{ position: absolute; z-index: 5; min-height: 285px; min-width: 300px; } .bottle-overlay{ z-index: 10; } @media (min-width: 768px){ .animation{display:flex;flex-flow:nowrap row;position:relative;margin-top:-25px}.animation .feature-details,.animaition .animated-bottle,.animaition .benefits{flex:1}} .bottle{ bottom: 0; z-index: -10; } .bottle img{ bottom: 0; left: 0; position: absolute; } .bottle0,.bottle1,.bottle2,.bottle3,.bottle4,.bottle5,.bottle6,.bottle7,.bottle8,.bottle9,.bottle10,.bottle11,.bottle12,.bottle13,.bottle14,.bottle15,.bottle16,.bottle17,.bottle18,.bottle19,.bottle20,.bottle21,.bottle22,.bottle23,.bottle24,.bottle25,.bottle26,.bottle27,.bottle28{ } .secondary-promos .btn{ white-space: normal; width: 100%; margin-top: 25px; } .secondary-promos h2{ margin-bottom: 30px; text-align: center; line-height: 1.2; } .secondary-promos .hp-promo { text-align: center; } .secondary-promos .hp-promo img{ margin-bottom: 10px; } .main-buttons { text-align: center; padding: 25px; background-color: #8dc926; margin-bottom: 50px; } .main-buttons .btn{ padding: 10px 15px; font-size: 20px; margin: 15px; color: #000 !important; background-color: #fff !important; border: 0; } .karma-header-image{ margin-left: 5%; } #header #mobileMenu ul li a{ text-transform: lowercase; } #bottle{ height: 475px; width: 140px; background-position: left bottom; background-repeat: no-repeat; position: absolute; background-image: url('img/new-hp/bottle-sprite6.png'); bottom: 0; z-index: 10; } .bottle-push{ background-image: url('img/new-hp/bottle-sprite6.png'); background-position: 0 0; background-repeat: no-repeat; position: absolute; animation: play 1s steps(22); animation-delay: .8s; animation-fill-mode: none; animation-fill-mode: forwards; } @keyframes play { from{background-position:0}to{background-position:-3080px}} @media (max-width: 767px){ .intro-title{opacity:1}.benefits{padding:15px}.fade-out{animation:fade 1s;animation-fill-mode:forwards}@keyframes fade{100%{opacity:0}}} .benefits{ background-position: center center; background-repeat: no-repeat; background-size: contain; min-height: 475px; padding: 15px; } @media (max-width: 767px){ #bottle{bottom:auto;left:35%}.push-intro{text-align:center}.main-buttons{position:relative;z-index:20}.animated-bottle .hand{top:0;left:0%}} @media (max-width: 550px){ #bottle{top:0;left:20%}.animated-bottle .hand{top:-230px;left:20%}} @media (max-width: 399px){ .benefits{background-image:url(img/new-hp/benefits-tall.png)}#bottle{top:0;left:5%}.animated-bottle .hand{top:-230px;left:18%}.main-buttons{padding:25px 0}.main-buttons .btn{width:100%;font-size:16px;margin:15px 0}} .products-landing{ display: flex; flex-flow: row wrap; margin-left: -20px; margin-right: -20px; justify-content: center; } .products-landing li{ text-align: center; padding: 20px; list-style: none; flex: 1; } .products-landing li img{ max-height: 250px; } @media (max-width: 991px){ .products-landing li{width:50%}} @media (min-width: 768px){ .products-landing li{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding-bottom:50px}.products-landing li img{max-width:425px;height:auto}.products-landing li div .btn{}} @media (max-width: 767px){ .products-landing{flex-flow:column-reverse wrap}.products-landing li{width:100%}} .video-container { position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe,.video-container object,