@charset "utf-8";
/*
Theme Name: BUILT WITH CHOCOLATE MILK
Theme URI: http://builtwithchocolatemilk.com/
Author: BWCM team
Author URI: http://builtwithchocolatemilk.com/
Description: More than 20 studies support the benefits of recovering with the high-quality protein and nutrients in chocolate milk after a tough workout.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:16px; font-family: 'AauxPro OT','Arial'; font-weight:400; line-height:22px;flex-direction: column;}
body:not(.ie-hack){display: flex;}
body.admin-bar{margin-top: -14px;}

h1, h2, h3, h4, h5, h6{color: #000;font-family: 'Oswald', sans-serif ;font-weight: 600;}
h1{ font-size:40px;line-height: 50px;padding-bottom: 20px;text-transform: uppercase;}
h2{ font-size:35px;line-height: 45px;padding-bottom: 15px;}
h3{ font-size:30px;line-height: 40px;padding-bottom: 12px;text-transform: uppercase;}
h4{ font-size:30px;line-height: 40px;padding-bottom: 10px;}
h5{ font-size:20px;line-height: 30px;padding-bottom: 8px;}
h6{ font-size:16px;line-height: 26px;padding-bottom: 8px;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{color: inherit;}

p{ color:#373d48; font-size:16px; font-weight:normal;font-family: 'AauxPro OT','Arial'; line-height:25px; padding-bottom: 15px;}

ul{ margin:0; padding:0 0 10px 20px; }
ul li{ font-size:16px;  color:#373d48; font-weight:400; line-height:22px; padding:0;margin: 0;padding-bottom: 10px; }
ul > li { list-style:outside disc; }

ol{ margin:0; padding:0 0 10px 20px; list-style: none; }
ol li{ font-size:16px;  color:#373d48; font-weight:400; line-height:22px; padding:0;margin: 0;padding-bottom: 10px; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:10px 20px; border-left:4px solid #f1b434;line-height: 30px;font-size: 20px;font-style: italic;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit;}

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin-bottom: 20px;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; max-width: 100%; vertical-align: top;height: auto;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#f1b434;text-decoration: none;transition: color ease 0.4s, background ease 0.4s}
a:hover{text-decoration: underline;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
input,button,select,textarea {font-family: 'AauxPro OT','Arial';font-size: inherit;line-height: inherit;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border: none;-webkit-appearance: none;-webkit-text-size-adjust: none;outline: none}
input[type='email'],input[type='text'],input[type='search'],input[type='password'] {padding: 5px 10px;border: 1px solid #ccc;display: block;width: 100%;}
textarea {padding: 5px 10px;border: 1px solid #cbcbcb;display: block;overflow: auto;width: 100%;}
input[type='email']:focus,input[type='text']:focus,input[type='search']:focus,input[type='password']:focus,textarea:focus {border-color: #66afe9}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer; display: inline-block;padding: 8px 44px;border: 1px solid #010101;font-size: 22px;line-height: 30px;color: #010101;border-radius: 25px;text-transform: uppercase;transition: color ease 0.4s, background ease 0.4s;font-weight: 900;background-color: transparent}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { background-color: #010101;color: #fff;text-decoration: none;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder { opacity: 0.5 !important; color: #000; }
:-moz-placeholder { opacity: 0.5 !important; color: #000; }
::-moz-placeholder { opacity: 0.5 !important; color: #000; }
:-ms-input-placeholder { opacity: 0.5 !important; color: #000; }
select, select:-moz-focusring, select::-moz-focus-inner {color: transparent !important;text-shadow: 0 0 0 #1a1a1a !important;background-image: none !important;border:0;border-color: inherit;-webkit-box-shadow: none;}
select:focus {outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; flex: 1 0 auto;position: relative;padding-left: 80px;}

/* comman style goes here */
/*  alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}
.align-center{ display: flex;align-items: center;}

/* offset */
.offset-top{margin-top: 20px;}
.offset-bottom{margin-bottom: 20px;}
.offset-left{margin-left: 20px;}
.offset-right{margin-right: 20px;}
/* no-gutters Class Rules */
.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {padding-right: 0;padding-left: 0;}

/* show hide element */
.hide{display: none;}
.show{display: block;}

/* button */
.btn{ display: inline-block;padding: 8px 44px;border: 1px solid #010101;font-size: 22px;line-height: 30px;color: #010101;border-radius: 25px;text-transform: uppercase;transition: color ease 0.4s, background ease 0.4s;font-family: 'AauxPro OT','Arial';font-weight: 900; }
.btn:hover,
.btn:focus,
.btn.active{background-color:#010101;color: #fff;text-decoration: none}
.btn.white{color: #fff;border-color: #fff;}
.btn.white:hover,
.btn.white:focus,
.btn.white.active{background-color:#f1b434;color: #010101;border-color: #f1b434;}
.btn [class*=icon-] {display: inline-block;vertical-align: middle;margin-right: 9px; line-height: normal;margin-bottom: -2px;}

/* custom list style */
.body-content li{ list-style: none; position: relative;}
.body-content ul li:before { content: "•";color: #f1b434;font-size:18px;position: absolute;left: -18px;}
.body-content li ol{padding: 10px 0 10px 20px;}
.body-content ol span{color: #f1b434;display: inline-block;padding-right: 7px;}
/*.body-content ol li:before{display: none;}*/
.body-content li ul{padding: 10px 0 10px 20px;}
.body-content ol {counter-reset: number;}
.body-content ol li{position: relative;}
.body-content ol > li:before{content: counter(number)". "; counter-increment: number; color: #f1b434;position: absolute;left: -18px; font-size:inherit; font-weight: bold;}
.body-content ol li ol{counter-reset: letter;}
.body-content ol > li li:before{content: counter(letter, lower-alpha)". ";counter-increment: letter; color: #f1b434;position: absolute;left: -18px;font-size: inherit;}


/* header */
header{ width: 80px; height:100%; position: fixed; top: 0; left: 0; z-index: 999; }
.menu-isopen header{z-index: 9999;}

/* nav */
.main-menu{flex: 1 0 auto;position: relative;z-index: 100;text-align: center;}
.vertical-header{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ebebeb; z-index: 9999; box-shadow: 0px 0px 4.2px 0.8px rgba(0, 0, 0, 0.19);padding: 27px 20px 0 20px;}
.hamburger{display: block;width: 40px;height: 40px; position: relative; border: 2px solid #000; border-radius: 50%; -webkit-border-radius: 50%; -ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hamburger span, .hamburger span:after, .hamburger span:before{background: #000;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hamburger span{position: absolute;display: block;width: 20px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
.hamburger span:after, .hamburger span:before{content: '';position: absolute;left: 0;width: 100%;}
.hamburger span:before{top: -6px;}
.hamburger span:after{bottom: -6px;}
.hamburger.open span{background-color: rgba(0,0,0,.0)}
.hamburger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.hamburger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }
.hamburger:hover{ border-color: #f1b434; }
.hamburger:hover span{ background-color: #f1b434; }
.hamburger:hover span:after,
.hamburger:hover span:before{ background-color: #f1b434; }
.hamburger.open:hover span{ background-color: rgba(0,0,0,.0); }
header .search-icon{ display: block; text-align: center; line-height: initial; color: #000; margin: 17px 0 0 0; }
header .search-icon:before{ font-family: "bwcm" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: 700 !important; font-size: 24px; content: "\69"; }
header .search-icon.open:before{ content: "\6a"; font-size: 21px; }
header .search-icon:hover{ text-decoration: none; color: #f1b434; }
header .search-icon:focus{ text-decoration: none; }
header .social-part{ display: block; position: absolute;  left: 0; right: 0; bottom: 20px;transition: ease 0.5s opacity }
.footer-in header .social-part{opacity: 0}
.social-part a{ display: block; text-align: center; line-height: 1; color: #000; padding: 9px 0; }
.social-part a:first-child{ padding-top: 0; }
.social-part a:last-child{ padding-bottom: 0; }
.social-part a:hover{ text-decoration: none; color: #f1b434; }
.social-part a:before{ font-size: 25px; }
.navbar-main{ display: block; width: calc(100vw - 80px); height: 100%;position: absolute;top: 0; left: -100vw; -webkit-overflow-scrolling: touch;-webkit-transition: left 0.8s ease;transition: left 0.8s ease;margin-left: 80px;overflow-y: auto;z-index: 100;}
.navbar-inner{display: flex;flex-direction: column;}
.navbar-main.no-insta .navbar-inner{overflow-x: hidden;overflow-y: auto;height: 100%;}
.navbar-main:not(.no-insta) .navbar-inner{position: relative;}
.close-btn{opacity: 0;transition: ease opacity 0.3s;transition-delay: 1s;}
.menu-isopen .close-btn{opacity: 1;}
header .insta-feeds{position: relative;z-index: 99;}
header .insta-feeds{opacity: 0;transition: ease-out 0.2s opacity;transition-delay: 0.1s}
.menu-isopen header .insta-feeds{opacity: 1;transition: ease-in 0.2s opacity;transition-delay: 0.7s}
header .insta-feeds .top-title h3{color: #fff;}
header .insta-feeds .top-title h3:hover{color: #F1B434;}
header .insta-feeds .top-title h3:hover a{text-decoration: none;}
.menu-isopen header .navbar-main{ left: 0 !important; }
.navbar-main.open{ left: 0 !important; }
.navbar-inner:before {position: absolute; content: "";top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);animation: not-checked-anim .7s both;transform: skew(30deg);transform-origin: bottom;}
.menu-isopen .navbar-inner:before{ animation: checked-anim 1s ease-in both; transform: skew(0);}
@keyframes checked-anim {
    0% {
        transform: skew(30deg);
    }
    100% {
        transform: skew(0);
    }
}
@keyframes not-checked-anim {
    0% {
        transform: skew(0);
    }
    100% {
        transform: skew(30deg);
    }
}

html.menu-isopen{overflow: hidden;}
body.menu-isopen{overflow: visible;height: 100%;}
.inner-logo{ display: inline-block; margin: 50px auto 65px auto; position: relative; }

/* navigation */
.navbar{padding: 50px 90px 0 90px;max-width: 1400px;display: none;text-align: left}
.navbar.open{ display: block; }
.navbar nav{ display: block; }
nav ul{ margin: 0; padding: 0; font-size: 0; }
nav ul li{ margin: 0; padding: 0; list-style-type: none; display: inline-block; vertical-align: top; position: relative; margin: 0 46px; }
nav ul li:first-child{ margin-left: 0; }
nav ul li:last-child{ margin-right: 0; }
nav ul li a{ display: block; font-size: 40px; line-height: normal; font-weight: 900; color: #f1b434; text-transform: uppercase; text-decoration: none; position: relative; font-family: 'Oswald', sans-serif;font-weight: 600; }
nav ul li a:before{ position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3px; background-color: #f1b434; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
nav ul li a:hover{ text-decoration: none; }
nav ul li:hover ul{ top: 100%; opacity: 1; visibility: visible; pointer-events: auto; }
nav ul li:hover a:before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }
nav ul ul li:hover a{ color: #f1b434; }
nav ul ul{ position: absolute; top: calc(100% + 30px); left: 0; width: 100%; background-color: transparent; padding: 15px 0 0 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
nav ul ul li{ display: block; width: 100%; margin: 0; padding: 7px 0; }
nav ul ul li a{ display: block; font-size: 16px; line-height: 17px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: 700; text-align: left; }
nav ul ul li a:before{ display: none; }
.close-btn{ position: absolute; top: 65px; right: 90px; border-color: #fff; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; z-index: 101;}
.close-btn:before{ position: absolute; top: 50%; left: 0; width: 100%; text-align: center; content: "\6a"; font-family: "bwcm" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); color: #fff; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.close-btn:hover{ border-color: #f1b434; background-color: #f1b434; }
.close-btn:hover:before{ color: #000; }

/* search */
.search-part{ padding: 50px 90px 0 90px;max-width: 1400px;display: none; text-align: left}
.search-part.open{ display: block;}
.search-part .search-inner-blk{ display: block; }
.search-inner-blk .search-txt{ color: #f1b434; font-weight: 700;display: block; margin: 0 0 40px 0; padding: 0; }
.search-inner-blk .search-box{ display: block; position: relative; }
.search-box input[type="text"],
.search-box input[type="search"],
.search-box input[type="email"],
.search-box input[type="password"]{ width: calc(100% - 180px); display: inline-block; vertical-align: bottom; height: 55px; background-color: transparent; border-width: 0; border-bottom: 2px solid #808080; color: #ffffff; font-size: 22px; font-weight: 400; padding: 0 15px; border-radius: 0; -webkit-appearance: none; }
.search-box input::-webkit-input-placeholder{color:#ffffff;}
.search-box input:-moz-placeholder { /* Firefox 18- */ color:#ffffff; }
.search-box input::-moz-placeholder {  /* Firefox 19+ */ color:#ffffff; }
.search-box input:-ms-input-placeholder { color:#ffffff;}
.search-box .btn.white{ display: inline-block; vertical-align: bottom; width: 147px; padding: 10px 10px; font-size: 18px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; margin: 0 0 0 28px; background-color: transparent; }
.search-box .btn.white:hover{ background-color: #f1b434; }

/* footer */
footer{ width:100%; height:auto; background-color: #1a1a1a; line-height: normal; position: relative; z-index: 999; padding-left: 80px;bottom: 0;}
footer .container{margin: auto;}
footer .footer-part{ display: block; padding: 55px 0; font-size: 0; }
.footer-part .container{ max-width: 1260px; width: 100%; }
.footer-part .foo-social-part{ width: 80px; display: inline-block; vertical-align: top; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.foo-social-part a{ display: block; text-align: center; color: #fff; text-decoration: none; line-height: 1; padding: 9px 0; }
.foo-social-part a:before{ font-size: 25px; }
.foo-social-part a:hover{ color: #f1b434; }
.foo-about-desc{ width: 360px; display: inline-block; vertical-align: top; }
footer .widget_media_image{ display: block; margin: 0 0 30px 0; width: 270px; }
footer .widget_media_image img{ max-width: 100%; display: block; }
.foo-about-desc ul{ padding: 0; margin: 0 0 5px 0; font-size: 0; }
.foo-about-desc ul li{ padding: 0; margin: 0; list-style-type: none; display: inline-block; vertical-align: top; position: relative; }
.foo-about-desc ul li:before{ position: absolute; top: 0; right: 0; content: ""; width: 1px; height: 100%; background-color: #fff; }
.foo-about-desc ul li a{ display: block; font-size: 11px; line-height: 11px; color: #fff; text-transform: uppercase; font-weight: 400; margin: 0 6px; text-decoration: none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.foo-about-desc ul li:first-child a{ margin-left: 0; }
.foo-about-desc ul li:last-child a{ margin-right: 0; }
.foo-about-desc ul li:last-child:before{ display: none; }
.foo-about-desc ul li a:hover{ color: #f1b434; }
.foo-about-desc p{ font-size: 10px; line-height: 16px; color: #fff; margin: 0; padding: 0; }
.foo-about-desc p a{color: #fff;}
.foo-link-part{ width: 340px; display: inline-block; vertical-align: top; margin: 0 130px; }
.foo-link-part ul{ padding: 0; margin: 0; display: block; width: 100%; columns: 150px; -webkit-columns: 150px; -moz-columns: 150px; }
.foo-link-part ul li{ padding: 0; margin: 0; list-style-type: none; }
.foo-link-part ul li a{ font-size: 14px; line-height: 16px; color: #fff; font-weight: 900; text-transform: uppercase; display: block; padding: 6px 0; text-decoration: none; }
.foo-link-part ul ul{ display: block; padding: 5px 0; }
.foo-link-part ul ul li a{ font-weight: 400; text-transform: capitalize; padding: 5px 0; }
.foo-link-part ul li:hover > a{ color: #f1b434; }
.foo-signup-part{ width: 260px; display: inline-block; vertical-align: top; }
.foo-signup-part .signup-text{ display: block; text-align: center;  color: #fff; padding: 0; margin: 15px 0 30px 0; }
.foo-signup-part .btn.white{ font-family: 'Montserrat', sans-serif; display: block; margin: 0 auto; width: 180px; padding: 11px 10px; font-size: 16px; line-height: 16px; font-weight: 600; text-align: center; }
.ie-hack .footer-part .foo-social-part{top: 0; transform: translateY(0);-webkit-transform: translateY(0);height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.ie-hack .footer-part .foo-social-part a{width: 100%;}

/*--------- home page ------------*/
.brand{position: absolute;width: 100%;z-index: 15;left: 0;top: 50px;z-index: 99;}
.brand a{display: block;max-width: 243px;margin: auto}
.brand img{max-width: 100%;}
#content-area{position: relative;}
.home-herozone{position: relative;overflow: hidden;background-color: #fff;padding-bottom: 20%;}
.home-herozone:before,
.home-herozone:after{content: '';position: absolute;top: -20%;left: 0;width: 110%;height: 110%;background-color: #000000;transform: skew(27.8deg) rotate(10deg);transform-origin: bottom;}
.home-herozone:after{ opacity: 0.9;z-index: 9;}
.home-herozone .lg-head{position: relative;z-index: 9;left: -20px;}
.home-herozone .lg-head h2{color: #e6e6e6;font-size: 17vw;line-height: 17vw;font-weight: 800;text-transform: uppercase;letter-spacing: -0.01em;font-family: 'Montserrat', sans-serif !important;}
.home-herozone .hero-detail{position: relative;z-index: 10;margin-top: 35px;}
.home-herozone .hd-2{max-width: 70%;padding-right: 25px;margin-top: 20px;}
.home-herozone .recover-promo{min-height: 100vh;padding-top: 120px;}
.home-herozone .recover-promo,
.home-herozone .science-promo{margin-left: -30px;}
@media (min-width: 1200px) {.home-herozone .science-promo .hero-detail.col-md-offset-6{margin-left:35%;}}
.home-herozone .hd-4{ float: right;padding-right:5%;margin-top: 20px;}
.home-herozone .science-promo .hd-3{padding-bottom: 40px;padding-left: 0;}
.home-herozone .lg-head .front-text{position: absolute;top: 0;left: 0;color: #151515;z-index: 9;display: none;}
.home-herozone .hero-detail h1, .home-herozone .hero-detail h3{color: #f1b434;}
.home-herozone .hero-detail h4{color: #ebebeb;font-size: 28px;font-weight: normal;}
.home-herozone .hero-detail p{color: #ebebeb; font-size: 16px;}
.home-herozone .hero-img{position: absolute;top: 10%;right: 0;z-index: 13;width: 35%;}
.home-herozone .hero-img img{max-width: 100%;display: block;margin: 0 0 0 auto}
.home-herozone .science-promo .lg-head{padding-left: 5%;}
.home-herozone .btn{margin-top: 10px;color: #ebebeb;}
.home-herozone .btn .video-play{display: inline-block;vertical-align: middle;margin-right: 8px;position: relative}
.home-herozone .btn img{transition: all ease 0.4s}
.home-herozone .btn .normal{opacity: 1}
.home-herozone .btn .hover{position: absolute;top: 0;left: 0;opacity: 0}
.home-herozone .btn:hover .normal{opacity: 0}
.home-herozone .btn:hover .hover{opacity: 1}
.home-herozone .feature-promo{position: absolute;bottom: 0;left: 0;z-index: 15;max-width: 40%;padding-bottom: 2%;}
.home-herozone .feature-promo p{color: #754c29;font-weight: 500;}
.home-herozone .feature-promo .f-desc{ float: right;max-width: 68%;position: relative;padding-left: 40px;padding-top: 30px;transform: rotate(-11deg);margin-right: 49px;margin-top: -13px;}
.home-herozone .feature-promo .f-desc:before{content: '';position: absolute;top: 0;left: 0;background-image: url(./images/ioc-arrow.png);width: 20px;height: 42px;}
.home-img-promo{position: relative;overflow: hidden;padding-top: 15%;padding-bottom: 5%;}
.home-img-promo .container{padding-right: 5%;}
.home-img-promo h3{padding-bottom: 35px;}
.home-img-promo .graphic{margin-top: -55%;position: relative;padding-left: 20px;}
.home-img-promo:before{content: '';position: absolute;top: 30%;left: -5%;width: 110%;height: 55%;background: #ebebeb;transform: rotate(-10deg);}
.home-img-promo:after{content: '';position: absolute;top: 83%;left: -10%;width: 120%;height: 60%;background: #fff;transform: rotate(-10deg);z-index: 16;}
.news-blog{padding-top: 60px;}
.news-blog .block-title{margin-top: -85px;margin-left: -17px;}
.news-blog h2{ color: #e6e6e6;font-size: 17vw;line-height: 17vw;font-weight: 800;text-transform: uppercase;font-family: 'Montserrat', sans-serif !important;}
.news-blog .nb-post-img{padding-left: 0;}
.news-blog .nb-post-img img{max-width: 90%;}
.news-blog .nb-detail{padding-left: 0;margin-left: -18px;}
.news-blog .nb-detail h5{font-size: 16px;text-transform: uppercase;line-height: 22px;}
.news-blog .nb-block{margin-top: -78px;}
.news-blog .news-blk .inner-blk{padding-right: 20px;}
.news-blog .blog-blk .inner-blk{padding-left: 10px;}
.news-blog .btn-wrap{padding-top: 25px;}
.news-blog .btn-wrap .btn{margin-left: 10px;}
.insta-feeds{padding-top: 106px;}
.insta-feeds .feed img{width: 100%;display: block;}
.insta-feeds .top-title{padding-bottom: 33px;padding-left: 6%;}
.insta-feeds .top-title h3{ display: inline-block;vertical-align: middle;padding-bottom: 0;padding-right: 22px; font-weight: 700; }
.insta-feeds .top-title h3 a:hover{ text-decoration: none; color: #f1b434; }
.insta-feeds .top-title .btn{ display: inline-block;vertical-align: middle;padding: 5px 35px;font-size: 18px;line-height: 25px;margin-top: -4px;}
.insta-feeds .top-title .icon-insta-icon{display: inline-block;vertical-align: middle;margin-right: 3px;margin-top: 3px;}
.insta-feeds .iscwp-img-wrp{  position: relative; overflow: hidden; }
.insta-feeds .iscwp-img-wrp:after{ position: absolute; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: 0.5s ease all; opacity: 0;pointer-events: none;}
.insta-feeds .iscwp-img-wrp:hover:after{opacity: 1;}

.animate:not(.animated-done) {animation-duration: 1s;animation-fill-mode: forwards}

.animate.animated-done{opacity: 1}
.animate.animated-done.fadeInUp {transform: none}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {opacity: 0}
.fadeIn.animated {animation-name: fadeIn}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 40px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInUp {opacity: 0;transform: translate3d(0, 40px, 0)}
.fadeInUp.animated {
    animation-name: fadeInUp
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-40px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInLeft{opacity: 0;transform: translate3d(-40px, 0, 0)}
.fadeInLeft.animated {animation-name: fadeInLeft}

/*--------- science page ------------*/
.science-landing .container{ margin: 0 auto;max-width: 1600px; }
.body-content{padding-top: 150px;padding-bottom: 50px;}
.body-content .container{margin: auto;}
body:not(.home) .brand{padding-left: 90px;}
body:not(.home) .brand a{margin: 0;}
.banner .container{margin: auto;position: relative;z-index: 9;}
.height-inherit{height: inherit}
.banner{height: 70vh;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;overflow: hidden;margin-bottom: 65px;}
.banner iframe, .banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100%;-ms-transform: scale(1.6) translate(0,0);-webkit-transform: scale(1.6) translate(0,0);transform: scale(1.6) translate(0,0);}
.banner h1{padding-bottom: 0;color: #f1b434}
.banner:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(70,70,70,0.5)}
.banner h1{font-size: 35px;line-height: 45px;}
.go-bottom{font-size: 40px;cursor: pointer;display: inline-block;color: #f1b434;position: absolute;margin: auto;left: 0;right: 0;bottom: -95px;}
.science-top-left-blk{ position: relative; z-index: 1;}
.science-top-left-blk h6{ text-transform: uppercase; }
.science-landing .home-img-promo .container{padding-right: 12px;}
.science-landing .home-img-promo:before{ top: 32%; }
.science-landing .home-img-promo:after{ top: 84%; }
.science-landing .home-img-promo{ margin-top: -19%; padding-top: 0; padding-bottom: 0; }
.science-landing .home-img-promo .graphic{padding-left: 0; padding-right: 50px; margin-top: 48%; }
.science-landing .home-img-promo .container{ padding: 0 12px; }
.science-landing .home-img-promo h3{ text-transform: capitalize; position: relative; margin-bottom: 35px;padding-bottom: 5px; }
.science-landing .home-img-promo h3:before{ position: absolute; top: 100%; right: 0; content: ""; width: 88px; height: 2px; background-color: #000; }
.drink-summary.offset-less{margin-top: -50px;}
.drink-summary{position: relative;z-index: 16; background-position: center left;background-repeat: no-repeat;}
.drink-summary h6{ text-transform: uppercase; padding: 0 60px; }
.drink-summary .inner-wrap{margin: auto;max-width: 700px}
.science-post .container{max-width: 100%;margin: auto;}
.science-post .desc-blk{ padding-right: 15px; padding-top: 25px; }
.science-post .desc-blk h6{ text-transform: uppercase; font-weight: 600; }
.science-post .desc-blk p{ padding-bottom: 35px; }
.science-post .inner-blk{max-width: 90%;}
.science-post figure img{ width: 100%;display: block; }
.science-post.post-right figure{margin-right: -12px;max-width: 90%;float: right;border-right: 30px solid #f1b434}
.science-post.post-left figure{margin-left: -12px;max-width: 90%;border-left: 30px solid #f1b434}
.science-post.post-left .inner-blk{float: right;}
.science-post .desc-blk hr{width: 80px;height: 2px;background-color: #000;margin: 15px 0 21px 0}
.science-post.post-left .desc-blk hr{margin-left: auto;}
.bottom-two-col .btn{margin-top: 25px;}
.bottom-two-col h6{ text-transform: uppercase;}
.bottom-two-col ul{font-size: 0;padding-left: 0;}
.bottom-two-col li{list-style: none;padding-bottom: 0;}
.drink-summary,
.science-post,
.bottom-two-col{padding-bottom: 110px;}
.drink-summary{padding-top: 100px;margin-top: -20px;}
.drink-summary.offset-less .drink-summary-caption{top: 30px;}
.drink-summary-caption{ position: absolute;max-width: 350px;top: -50px;left: 40px;transform: rotate(-10deg);}
.drink-summary-inner{position: relative;padding-bottom:35px;}
.drink-summary-inner p{ color: #754c29;font-weight: 500;}
.drink-summary-inner:before { content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;background-image: url(./images/ioc-arrow.png);width: 20px;height: 42px;transform: rotate(190deg);}

/*--------- athlets aetails page ------------*/
.athlete-page .top-logo{ display: none; }
.hero-share-part{ display: block; position: relative; overflow-x: hidden; padding-bottom: 60px;/*min-height: 100vh*/ }
.hero-share-part .body-content {padding-bottom: 20px;}
.hero-left-details{ padding-top: 170px; margin-left: 80px; }
.hero-left-details .share-bio h6{ padding-bottom: 0;padding-left: 5px; color: #F1B434; }
.athlete-page:not(.generic-detail) .hero-left-details h1{font-size: 75px; line-height: 85px; font-weight: 900; letter-spacing: 0.20px; padding-bottom: 30px;color: rgba(244, 168, 9, 0.8);  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;}
.athlete-page:not(.generic-detail) .hero-left-details h1::selection {background: blue;color: rgba(244, 168, 9,1);text-shadow: none;}
.hero-details-blk p,.hero-details-blk h6{ margin-bottom: 15px; }
.connect-share-part{ display: block; }
.connect-share-part .conn-txt{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight: 900; margin-left: 20px;color: #000;}
.connect-share-part .social-icons{ display: inline-block; vertical-align: top; line-height: 1; font-size: 0; }
.social-icons a{ display: inline-block; vertical-align: top; color: #775135; line-height: 1; text-decoration: none; font-size: 17px; margin: 0 2px; }
.social-icons a:hover {text-decoration: none;color: #eca717;}
.social-icons a:first-child{ margin-right: 6px; }
.social-icons a:hover{ text-decoration: none; }
.hero-feature-img{ position: absolute;top: 0;right: 0;z-index: 13;width: 37%;height: 100%; }
.hero-feature-img .feature-img-blk{ padding-top: 50px; padding-left: 80px; position: relative; }
.hero-feature-img .feature-img-blk:before{ content: "";width: calc(100% + 5%);height: calc(100% + 50%);background-color: #000;position: absolute;top: -58%;left: 30%;transform: rotate(-40deg);z-index: -1; }
.hero-feature-img .feature-img-blk img{ width: 100%; }
.video-blk{ display: block; padding: 40px 0;position: relative}
.video-blk .more-video-part h6{text-transform: uppercase;}
.video-blk .video-inner-blk{ padding: 0 45px; }
.video-inner-blk .video-box-part{ display: block; }
.video-box-part .video-box{ display: block; position: relative; margin-bottom: 40px; }
.video-box-part .video-box:last-child{ margin-bottom: 25px; }
.video-box video{ display: block; width: 100%; }
.video-box iframe{ display: block; width: 100%; height: 450px; transition: 1.5s ease all; }
.video-box .overlay-part{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-box.play .overlay-part{ opacity: 0; visibility: hidden;}
.overlay-part .poster-img{ position: absolute; top: 0; left: 0; display: block; margin: 0; width: 100%; height: 100%; background-size: cover; }
.poster-img img{ width: 100%; object-fit: cover; height: 100%; object-position: center top; }
.poster-img .opacity0{opacity: 0;}
.video-box .poster-img{background-size: cover;background-repeat: no-repeat;background-position: top center;}
.video-box .video-btn{ position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; padding: 0; border-width: 0; background-color: transparent; background: url(images/c-play-icon.png) center no-repeat; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); border-radius: 50%; background-size: cover; }
.video-box:hover .video-btn{background: url(images/c-play-icon-rollover.png) center no-repeat;}
.video-box h6{ position: absolute; bottom: 30px; left: 0; font-size: 16px; line-height: 16px; color: #eca717; padding: 0 15px; text-transform: uppercase; font-weight: 900;opacity: 0;transition: ease all 0.4s }
.video-box-part .video-box:hover h6{opacity: 1}
.video-social-icon{ position: absolute; top: 0; left: calc(100% - 40px); opacity: 0; visibility: hidden; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
.video-box:hover .video-social-icon{ left: 100%; opacity: 1; visibility: visible; }
.video-social-icon a{ display: block; line-height: 1; color: #000; margin: 5px 10px; }
.video-social-icon a:before{ font-size: 20px; line-height: normal; }
.video-social-icon a:hover{ text-decoration: none;text-decoration: none;color: #eca717; }
.video-social-icon .shar-icon{ display: none; }
.share-bio{position: relative;cursor: pointer;display: inline-block;}
.share-bio .video-social-icon{top: -20px;left: 0;width: 90px;}
.share-bio .video-social-icon a{display: inline-block;margin: 5px 2px;vertical-align: middle;}
.share-bio .video-social-icon span{display: inline-block;vertical-align: middle;}
.connect-share-part .social-icons a{color: #000;}
.connect-share-part .social-icons a:first-child{margin-right: 1px;}
.connect-share-part .social-icons a{margin: 0 3px;}
.connect-share-part .social-icons a:hover{color: #eca717;}
.share-bio:hover .video-social-icon{ top: -30px;opacity: 1;visibility: visible;}
.more-video-part{ padding: 0 45px; }
.more-video-part .thumb-box{ display: inline-block; vertical-align: top; text-decoration: none; margin-bottom: 35px; position: relative; }
.thumb-box .img-part{ display: block; position: relative; }
.img-part img{ width: 100%; }
.thumb-box.video-part .img-part:before{ position: absolute; top: 50%; left: 50%; content: ""; width: 53px; height: 53px; background-image: url(images/c-play-icon.png); background-size: 53px; transform: translate(-50%, -50%);     transition: color ease 0.4s, background ease 0.4s;}
.thumb-box.video-part .img-part:hover:before{background-image: url(images/c-play-icon-rollover.png); }
.thumb-box .desc-part{ display: block; }
.desc-part h5{ padding-top: 15px; padding-bottom: 0; font-size: 18px; line-height: 22px; }
.more-video-part .thumb-box:hover h5{ text-decoration: none; }
.thumb-box .video-social-icon .icon-img{ color: #fff; }
.feature-chocolate-part{ display: block; height: 670px;background-repeat: no-repeat;background-size: cover;background-repeat: no-repeat; position: relative;overflow: hidden;z-index: 99; }
.feature-chocolate-part video, .feature-chocolate-part iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; min-width: 100%; -ms-transform: scale(1.6) translate(0,0);-webkit-transform: scale(1.6) translate(0,0);transform: scale(1.6) translate(0,0); }
.feature-chocolate-part:before{ position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 1; background-size: cover;}
.feature-chocolate-part .container{ position: relative; z-index: 1;}
.feature-chocolate-part .feature-box{ max-width: 350px; }
.feature-chocolate-part .feature-blk{ display: block; padding-left:35px; }
.feature-blk h6{ color: #fff; text-transform: uppercase; font-weight: 400; padding-bottom: 15px; }
.feature-blk h2{ color: #fff; text-transform: capitalize; }
.feature-blk p{ color: #fff; letter-spacing: -0.40px; padding-bottom: 30px; }

/* header part */
.back-athlete-btn{ display: none; }
.all-athlets{ font-size: 14px;line-height: 18px;color: #fff;font-weight: 900;text-transform: uppercase;background-color: #000;padding: 4px 0;display: block;position: absolute;top: 72px;left:8px;transform: rotate(-90deg);width: 170px;height: auto;text-align: center;letter-spacing: 1.60px;text-decoration: none; }
.all-athlets:hover,
.all-athlets.open{ color: #eca717; text-decoration: none; }
.athlets-menu{ position: absolute;top: 0;left: -210px;width: 210px;background-color: #000;height: 100%;z-index: 99; opacity: 0; visibility: hidden; transition: 0.5s all ease; }
.athlets-menu.open{ opacity: 1; visibility: visible; left: 100%;}
.athlets-menu .inner-menu-part{ position: absolute;top: 160px;left: 0; width: 100%; text-align: center; }
.athlets-menu ul{ margin: 0 0 35px 0; padding: 0; line-height: 1; text-align: left; }
.athlets-menu ul li{ margin: 0; padding: 0 25px; list-style-type: none; }
.athlets-menu ul li a{ display: block; padding: 20px 20px 20px 3px; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: capitalize; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; position: relative; }
.athlets-menu ul li a:before{position: absolute;top: 50%;right: 5px;content: "";height: 15px;border-left: 1.5px solid #eca717;border-right: 1.5px solid #eca717;width: 6px;transform: translateY(-50%) skewX(25deg);opacity: 0; }
.athlets-menu ul li a:hover,
.athlets-menu ul .current-menu-parent a{ text-decoration: none; color: #eca717;border-bottom-color:  #eca717}
/*.athlets-menu ul li a:hover:before, */
.athlets-menu ul .current-menu-parent a:before{opacity: 1;}
.inner-menu-part .btn{ font-size: 18px; line-height: 20px; padding: 8px 28px; }
.athlete-page .fancybox-placeholder:before{ position: absolute; top: -20px; left: -145px; content: ""; width: calc(100% + 290px); height: calc(100% + 40px); background-color: #fff; border: 2px solid #eca717;opacity: 0 }
.fancybox-enabled .fancybox-placeholder:before{ opacity: 1 }
.progressCounter-outer{width: 106px;height: 106px;position: absolute;top: 60px;right: 150px;z-index: 99;transition: top ease 0.4s;}
.progressCounter-outer.stuck{position: fixed;}
.progressCounter-outer.stuck-bottom{position: absolute;top: auto;bottom: 70px;}
.progressCounter-outer .progressCounter {position: absolute;top: 0;left: 0;}
.progressCounter-outer .bottle{ position: absolute;top: -21px;left: 0;right: 0;margin: auto;display: block;text-align: center;}
.progressCounter-outer .b-top{position: absolute;top: 5px;left: 0;width: 100%;z-index: 9;}
.progressCounter-outer .b-bottom{position: absolute;bottom: 0;left: 0;width: 100%;}

/*--------- generic athlets page ------------*/
.generic-page .hero-share-part{ overflow-y: hidden; }
.generic-page .hero-left-details{ position: relative; z-index: 15; }
.generic-page .hero-feature-img .feature-img-blk{ padding-left: 35px; min-height: 750px;position: absolute;width: 100%;top: 0;}
.generic-page .hero-feature-img .feature-img-blk img{ position: relative; z-index: 2;}
.generic-page .hero-feature-img .feature-img-blk:before{ content: "";width: calc(100% + 55%);height: calc(100% + 80%);background-color: #000;position: absolute;top: -75%;left: 30%;transform: rotate(-40deg);z-index: -1;}
.generic-page .hero-feature-img .feature-img-blk:after{ content: "";width: 260px;height: calc(100% + 80%);background-color: #fff;position: absolute;top: -35%;left: 0;transform: rotate(-40deg);z-index: 1; }
.generic-page .hero-feature-img .yellow-slash{position: absolute;width: 100%;height:80%;top: 100px;right: 100px;z-index: -1;background-color: #eca717;}
.generic-page .hero-feature-img .yellow-slash:before{ content: '';position: absolute;top: 31%;left: 0;height: 119%;width: 80%;background-color: #fff;transform: rotate(-40deg);}
.generic-page .inner-feature-img-blk{ position: relative;left: auto;padding-right: 100px;z-index: 999;width: 100%;}
.generic-page .inner-feature-img-blk img{margin-top: 150px;width: 100%;}
.generic-page:not(.generic-detail) .inner-feature-img-blk:after{ position: absolute;top: calc(-100% - 100px);left: 80%;content: "";width: 100%;height: 100%;background-color: #ffffff;transform: rotate(-40deg); }
.fancybox-buttons{ display: block !important;}
.popup-blk{ width: auto; padding: 20px 20px !important; margin: 0 !important; overflow: initial !important; text-align: center !important; border: 2px solid #eca717 !important; }
.popup-blk img{ display: block; margin: auto; }
.popup-blk .fancybox-close-small{ display: none; }
.img-cover-blk{ position: relative; margin: auto; width: auto; display: inline-block; vertical-align: top; margin-bottom: 10px; }
.img-cover-blk:hover .video-social-icon{ left: 100%; opacity: 1; visibility: visible; }
.popup-blk p{ width: calc(100% - 200px); margin: auto; }

/*--------- generic-detail page ------------*/
.generic-detail .hero-details-blk{columns: auto;-webkit-columns: auto;-moz-columns: auto;}
.generic-detail .hero-details-blk .btn{margin-bottom: 30px;margin-top: 10px;}
.generic-detail .hero-details-blk p{margin-bottom: 0;}
.generic-detail .body-content ol,
.generic-detail .body-content ul{/*padding-left: 0;*/}
.generic-detail .body-content ol li{/*padding-left: 0;*/}
.generic-detail .body-content ol li li{/*padding-left: 15px;*/}
.generic-detail .video-blk hr{border-color: #ebebeb;border-top-width: 2px;margin-bottom: 45px;}
.generic-detail .more-video-box .img-part:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f1b434;;pointer-events: none;opacity: 0;transition: ease all 0.4s;}
.generic-detail .more-video-box .img-part:hover:after{opacity: 0.53}

/*--------- news blog page ------------*/
.athlets-menu .filter-txt{ display: none; }
/*.news-blog-page:not(.athlete-listing) .athlets-menu ul li a:before{ opacity: 0; }*/
.news-blog-page .athlets-menu ul li.active a{ color: #eca717; border-bottom-color: #eca717; }
.news-blog-page .athlets-menu ul li.active a:before{ opacity: 1; visibility: visible; right: 0; }
.news-blog-page .brand img{ display: none; }
.news-blog-page .navbar-inner{ z-index: 9999; }
.news-blog-page .athlets-menu{ left: 100% !important; opacity: 1 !important; visibility: visible !important; width: 230px; }
.top-logo{ width: 143px; display: block; margin: 0 auto; position: absolute; top: 30px; left: 0; right: 0; }
.feature-blog{ margin-left: 230px; }
.feature-blog .container{ max-width: 100%; padding: 0; }
.feature-blog-box{ display: block; position: relative; transition: 0.5s all ease; }
.feature-blog-box:before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; transition: 0.5s all ease; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0.19) 24%, rgba(0,0,0,0.83) 78%, rgba(0,0,0,0.94) 90%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 10%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.83) 78%,rgba(0,0,0,0.94) 90%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); pointer-events: none;opacity: 1}
.feature-blog-box:after{position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; transition: 0.5s all ease; background: -moz-linear-gradient(top, rgba(241,180,52,0) 0%, rgba(241,180,52,0.06) 10%, rgba(241,180,52,0.19) 24%, rgba(241,180,52,0.83) 78%, rgba(241,180,52,0.94) 90%, rgba(241,180,52,1) 100%); background: -webkit-linear-gradient(top, rgba(241,180,52,0) 0%,rgba(241,180,52,0.06) 10%,rgba(241,180,52,0.19) 24%,rgba(241,180,52,0.83) 78%,rgba(241,180,52,0.94) 90%,rgba(241,180,52,1) 100%); background: linear-gradient(to bottom, rgba(241,180,52,0) 0%,rgba(241,180,52,0.06) 10%,rgba(241,180,52,0.19) 24%,rgba(241,180,52,0.83) 78%,rgba(241,180,52,0.94) 90%,rgba(241,180,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1b434', endColorstr='#f1b434',GradientType=0 ); pointer-events: none;opacity: 0 }
.feature-blog-box:hover:before{opacity: 0}
.feature-blog-box:hover:after{opacity: 1}
.feature-blog-box figure{ margin: 0; }
.feature-blog-box figure img{ width: 100%; }
.feature-blog-box .feature-blog-details{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 40px; z-index: 1; }
.feature-blog-details h6{ color: #fff; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; }
.feature-blog-details h2{ color: #fff; }
.news-blog-listing-blk{ margin-left: 230px; }
.news-blog-listing-blk .container{ max-width: 100%; padding: 0; }
.news-blog-listing-blk .news-blog-listing-box{ display: block; position: relative; overflow: hidden; }
.news-blog-listing-box figure{ margin: 0; position: relative; overflow: hidden;display: block;}
.news-blog-listing-box figure img{ width: 100%; display: block; }
.news-blog-listing-box .news-blog-listing-details{ display: block; padding: 30px 25px 40px 25px; border: 1px solid #ccc; border-left-width:  0; position: relative; }
.news-blog-listing-box figure:before,
.news-blog-listing-box .news-blog-listing-details:before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(241,180,52,0.6); transition: 0.5s all ease; opacity: 0}
.news-blog-listing-box .news-blog-listing-details:before{ background: #f1b434;z-index: -1;}
.news-blog-listing-box:hover figure:before,
.news-blog-listing-box:hover .news-blog-listing-details:before{opacity: 1 }
.news-blog-listing-box:hover .news-blog-listing-details{border-color: #f1b434}
.news-blog-listing-details h6{ font-weight: 600; text-transform: uppercase; }
.news-blog-listing-details h5{ word-wrap: break-word; padding-bottom: 0; line-height: 25px; }
.news-blog-listing-details p{ word-wrap: break-word; letter-spacing: -0.20px; line-height: 18px; padding: 0; margin-top: 5px; opacity: 0; transition: 0.5s all ease; }
.news-blog-listing-details .round-arrow{ display: block; line-height: 1; position: absolute; bottom: 40px; left: 25px; transition: 0.5s all ease; }
.news-blog-listing-details .round-arrow:before{ font-size: 40px; }
.news-blog-listing-box:hover,
.news-blog-listing-box:hover h6,
.news-blog-listing-box:hover h5,
.news-blog-listing-box:hover p,
.news-blog-listing-box:hover .round-arrow{ text-decoration: none; }
.news-blog-listing-box:hover .round-arrow{ opacity: 0; }
.news-blog-listing-box:hover p{ opacity: 1; }

/*--------- athlete listing page ------------*/
.athlete-listing-part{ margin-left: 230px; }
.athlete-listing-part .container{ width: 100%; padding: 0; max-width: 100%; }
.athlete-listing-part .athlete-listing-box{ display: flex; position: relative; text-align: center; background-color: #000; height: 100%; align-items: center; position: relative;}
.athlete-listing-part .athlete-listing-box:not(.disable){cursor: pointer;}
.athlete-listing-part .athlete-listing-box.disable:before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 9;}
.athlete-listing-part .athlete-listing-box.disable h6{ display: none; }
.athlete-listing-box h4{ padding: 0; font-size: 28px; line-height: 38px; color: #fff; padding: 0 25px; transition: 0.5s all ease; text-transform: uppercase;}
.athlete-listing-box .athlete-listing-btn{ margin-top: 20px; display: inline-block; vertical-align: top; color: #fff; text-decoration: none; }
.athlete-listing-box .custom-icon:before{display: none;}
.athlete-listing-box .custom-icon img{max-width: 40px;}
.athlete-listing-box .athlete-listing-btn:before{ font-size: 40px; }
.athlete-listing-box figure{ margin: 0; display: block; width: 100%; }
.athlete-listing-box figure img{ width: 100%; display: block; }
.athlete-listing-box h6{ position: absolute; bottom: 20px; left: 50%; text-align: center; padding: 0 30px; color: #fff; z-index: 1; display: inline-block; max-width: 90%; line-height: 30px; transform: translateX(-50%);white-space: nowrap;}
.athlete-listing-box h6:before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: -1; transition: 0.5s all ease; }
.athlete-listing-box h6:after{ position: absolute;top: 0;left: -15px;content: "";width: 0;height: 0;border-left: 15px solid transparent;border-right: 0px solid transparent;border-top: 30px solid rgba(0,0,0,0.6); transition: 0.5s all ease;}
.athlete-listing-box:hover{ text-decoration: none; }
.athlete-listing-box:hover h6:before{ background-color: #eca717; }
.athlete-listing-box:hover h6:after{ border-top-color: #eca717; }
.athlete-listing-box .inner-athlete-listing-box{ width: 100%; text-align: center; position: relative; z-index: 2; text-decoration: none; }
.athlete-listing-box:hover h4,
.athlete-listing-box:hover .athlete-listing-btn{ color: #eca717; text-decoration: none; }
.athlete-listing-box:hover .inner-athlete-listing-box,
.athlete-listing-box:hover .inner-athlete-listing-box h4{ text-decoration: none; }
#no_more_post_text{ padding-left: 230px;padding-top: 15px;padding-bottom: 15px;background: #f1b434;color: #fff;font-weight: 900;font-size: 22px;}
#loader{margin-top: 15px;padding-left: 230px;}
#loader img{max-width:80px;}

/*--------- error page ------------*/
.error-page{background-color: #000}
.error-page .home-img-promo:before{background-color: #f1b434}
.error-page .home-img-promo:after{background-color: #000}
.error-page .home-img-promo h1{text-transform: uppercase;color: #fff;font-size: 80px;line-height: 92px;}
.error-page .home-img-promo h2{text-transform: uppercase;color: #fff;font-size: 40px;line-height: 50px;}
.error-page .home-img-promo-outer{padding-top: 140px;padding-bottom: 70px;}
body.error-page .brand a{margin: auto;}
.error-page #wrapper{min-height: 100vh;}

/*--------- generic video detail page ------------*/
.generic-video-detail .hero-share-part{ padding-bottom: 0; height: auto !important; }
.generic-video-detail .brand{ padding-left: 9% !important; }
.generic-video-detail .hero-video-part{ padding-top: 155px;margin-bottom: 30px !important; }
.generic-video-detail .hero-left-details{ margin-left: 8.33%; padding-top: 0; padding-bottom: 0; }
.combo-video{ overflow: hidden; }
.generic-video-detail .video-box iframe,
.generic-video-detail .video-box video{ height: 670px; object-fit: cover; }
.generic-video-detail .video-box.video-tag .poster-img{ opacity: 0; visibility: hidden; }
.video-blk-wide{ display: none; }
.video-inner-blk{ display: block; position: relative; z-index: 2; }
.corner-part{ position: absolute; top: 0; right: 0; width: 55%; height: 75%; margin: 0 12px; }
.no-video .corner-part{display: none;}
.generic-video-detail .no-video{height: auto !important;min-height: auto}
.generic-video-detail .no-video .hero-left-details{width: 100% !important;margin: 0 !important;}
.corner-part:before{ content: ""; width: calc(100% + 50%); height: calc(100% + 70%); background-color: #000; position: absolute; top: -80%; left: 50%; transform: rotate(-40deg); z-index: -1; }
.yellow-slash-part{ position: absolute; width: 67%; height: 80%; top: 100px; right:  0; z-index: -1; background-color: #eca717; }
.corner-part:after{ content: ""; width: 260px; height: calc(100% + 80%); background-color: #fff; position: absolute; top: -25%; left: 40%; transform: rotate(-40deg); z-index: 1; }
.plyr__play-large{ background-color: transparent !important; color: transparent !important; background: url(images/c-play-icon.png) no-repeat !important; background-size: cover !important; width: 80px; height: 80px; padding: 0 !important; margin: 0 !important; border-width: 0 !important; }
.plyr__play-large:hover{ background: url(images/c-play-icon-rollover.png) no-repeat !important; }
.plyr__play-large svg{ opacity: 0; }
.plyr__progress--played, .plyr__volume--display{ color: #eca717 !important; }
.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover{ background-color: #eca717 !important; }
.plyr--stopped .plyr__controls [data-plyr="play"]:before{ background: url(images/play-icon.png) 0 0 no-repeat;content: "";width: 14px;height: 18px;background-size: cover;position: absolute;left: 50%;margin-left: -7px; }
.plyr--playing .plyr__controls [data-plyr="pause"]:before{ background: url(images/pause-icon.png) 0 0 no-repeat;content: "";width: 12px;height: 14px;background-size: cover;position: absolute;left: 50%; top: 50%; margin-top: -7px; margin-left: -6px; }
.plyr__controls [data-plyr="mute"][aria-pressed="false"]:before{ background: url(images/volume-icon.png) 0 0 no-repeat;width: 16px;height: 18px;background-size: cover;position: absolute;content: "";left: 50%;margin-left: -8px; }
.plyr__controls [data-plyr="mute"][aria-pressed="true"]:before{ background: url(images/mute-icon.png) 0 0 no-repeat;width: 10px;height: 18px;background-size: cover;position: absolute;content: "";left: 50%;margin-left: -8px; }
.plyr__controls [data-plyr="fullscreen"][aria-pressed="false"]:before{ background: url(images/fullscreen-icon.png) 0 0 no-repeat; width: 18px; height: 18px; background-size: cover; content: ""; position: absolute; left: 50%; margin-left: -9px; }
.plyr__controls [data-plyr="fullscreen"][aria-pressed="true"]:before{ background: url(images/minimize-con.png) 0 0 no-repeat; width: 18px; height: 18px; background-size: cover; content: ""; position: absolute; left: 50%; margin-left: -9px; }

/*--------- search page ------------*/
body.search:not(.home) .brand{max-width: 1400px;margin: auto;padding-left: 20px;padding-right: 20px;left: 0;right: 0;}
.search .container{margin: auto}
.search  h1{text-align: center;color: #f1b434;}
.search-no-results  h1{text-align: center;color: #f1b434;padding-top: 40px;}
.search #content-area{padding-top: 170px;}
#content-area  #searchform{ display: block;position: relative;padding-top: 30px;}
#content-area  #searchform input[type='text']{width: calc(100% - 200px);display: inline-block;vertical-align: bottom;height: 55px;background-color: transparent;border-width: 0;border-bottom: 2px solid #808080;color: #000;font-size: 22px;font-weight: 400;padding: 0 15px;border-radius: 0;-webkit-appearance: none;margin-right: 20px;}
.search .body-content{padding-top: 50px;padding-bottom: 50px;}
.search .body-content li:before{display: none;}
.search .body-content li{padding-left: 0;padding-bottom: 40px;}
.search .body-content ul{padding-left: 0;}
#content-area  #searchform input[type="submit"]{display: inline-block;vertical-align: bottom;width: 147px;padding: 10px 10px;font-size: 18px;line-height: 18px;font-weight: 700;text-transform: uppercase;}
.search .pagination{text-align: center;padding-bottom: 60px;}
.search .pagination *{display: inline-block;vertical-align: middle; color: #000;font-family: 'AauxPro OT','Arial';font-weight: 900;margin:0;padding: 0;}
.search .pagination a{display: inline-block;vertical-align: middle;text-decoration: none;font-family: 'AauxPro OT','Arial';font-weight: 900;color: #f1b434;}
.search .pagination .icon-right-arrow:before{font-size: 30px;display: block;color: #f1b434 !important; }
.search .pagination .prev{margin-right: 8px;}
.search .pagination .next{margin-left: 8px;}
.search .pagination .prev .icon-right-arrow:before{transform: rotate(-180deg);}

/* bottle progressbar */
.progressCounter-outer{height: auto;width: 62px;top: 27px;}
.bottle-progress img{position: relative;z-index: 9;display: block;}
.progressCounter-outer .progressCounter{z-index: 10;}
.bottle-progress{position: relative;overflow: hidden; display: inline-block;}
.bottle-box {width: 99%;height: 99%;top: 0;left: 0;position: absolute;background-color: #896143;overflow: hidden;transform: translate3d(0, 0, 0);}
.progressCounter-outer .wave {opacity: .9;position: absolute;top: 0;left: 50%;background: #fff;width: 200px;height: 200px;margin-left: -100px;margin-top: -80px;transform-origin: 50% 48%;border-radius: 37%;animation: drift 3000ms infinite linear;}
.progressCounter-outer .box:after {content: '';display: block;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;transform: translate3d(0, 0, 0);}
.progressCounter-outer .wave.-one{left: 50%;}
.progressCounter-outer .wave.-two{left: 55%;}
.progressCounter-outer .wave.-three{left: 45%;}
@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}


/* insta feeds */
.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide{padding: 0;}
.iscwp-gallery-slider .slick-dots,
.iscwp-gallery-slider button.slick-arrow{display: none !important;}
.iscwp-gallery-slider .iscwp-img-wrp{height: 250px !important}
.mfp-bg, .mfp-wrap{z-index: 99999;}

.plyr__video-embed{padding-bottom: 56.25% !important;}
.generic-video-detail .video-box video{height: 0px !important; padding-bottom:56.25% !important; object-position: top; }
.generic-video-detail .video-box iframe{height: 100% !important;}
.video-box .overlay-part{z-index: 9;background-color: rgba(25, 20, 20, 0.86);}
.plyr .plyr__play-large{display: none; opacity: 0; visibility: hidden;}


sup{vertical-align: super;font-size: smaller;}
sub{vertical-align: sub;font-size: smaller;}

/*5-3-18*/
.foo-link-part ul ul{display: inline-block;}
.menu-footer-menu-left-column-container{width: 50%; display: inline-block; vertical-align: top;}
.menu-footer-menu-right-column-container{width: 50%; display: inline-block; vertical-align: top;}

.foo-link-part ul li.right-footer-menu:hover > a {
    color: #fff;
}

.foo-link-part .widget-title {font-size: 14px;line-height: 16px;color: #fff;font-weight: 900;text-transform: uppercase;display: block;padding: 6px 0;text-decoration: none; font-family: inherit;}
.footer-menu-area{width: 50%;display: inline-block;vertical-align: top;padding-left: 10px;}
.menu-footer-menu-left-column-container,.menu-footer-menu-right-column-container{width: 100%;}