@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('banner.css');
@import url('home.css');
@import url('product-landing.css');
@import url('eas-products.css');
@import url('myoplex.css');
@import url('athletes.css');
@import url('wheretobuy.css');
@import url("partners.css");
@import url("endurance.css");
@import url("news.css");

.social a {
    float: left;
    margin-right: 24px;
}

.social a:last-of-type {
    margin-right: 0;
}



.prod-container .carousel-container li:hover  > div{
    border: 1px solid #5f259f;
}
#myoplex-container .carousel-container li:hover > div {
    border: 1px solid #fff;
}
.new-prod.active:before {
    background: url("/static/img/global/new-badge.png") 0 0 no-repeat;
}



.prod-container .myoplex .carousel-container li p,
.prod-container .myoplex .carousel-container li a.cta-button {
    color: #FFF;
}

.fact-title {
    font-size: 2em;
    font-style: oblique;
    margin: 20px 0;
}

.nutrition tr th {
    text-align: right;
}

.showDesktop {
        display:block;
    }
     .showMobile {
        display:none;
    }
@media (min-width: 1024px) {
    .strongLogoBx a {
        width: 78px;
    }
    .myoplex2 .cta-button {
        background: #271131;
        border: solid 1px #FFF;
    }
    #menu-icon,
    .hdr-navigation .nav-cls-btn {
        display: none;
    }
    .hdr-navigation li:last-child {
        padding-bottom: 0;
    }

    .hdr-navigation li.split {
        display: inline-block;
    }

    .trans-bkg .hdr-navigation a {
        color: #FFF;
    }
    .logo {
        margin-bottom: 20px;
        float: left;
    }
    /*product landing page*/
    .prod-container header {
        background: #FFF;
    }
    .carousel-container {
        width: 100%;
        margin: 40px auto;
        max-width: 1520px;
    }
    .callout-bg0 .carousel-container, .callout-bg1 .carousel-container, .myoplex3 .carousel-container, .myoplex5 .carousel-container {
        max-width: none;
        
    }
    .prod-carousel{
        transform: none !important;
    }
    

    .callout-bg0 .carousel-container li {
        width: 29% !important;
    }

    .prod-container .carousel-container li:last-child {
        margin-right: 0;
    }
    .prod-container .callout-bg1 .cta-button {
        width: 162px;
    }
    /*.prod-container header .content h1 {
        font-size: 3em;
    }*/
    .prod-container .carousel-container li a.cta-button {
        float: none;
    }
    .prod-container header .content {
        max-width: 100% !important;
        top: 35%;
    }
    .fancybox-inner {
        /*height: 100% !important;*/
    }
    .carousel-wrapper section:nth-child(odd):before {
        content: none;
    }
    .prod-container .carousel-container li p {
        color: #5f259f;
        font-size: 1.12em;
        letter-spacing: -0.001em;
    }
    .hdr-navigation:after {
        display: none;
    }
    .hdr-navigation li:hover {
        background: none;
    }
}

.unsubscribe-submit-button {
    border: 0;
    width: 100px;
    height: 36px;
}

.unsubscribe-form-container button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 10px;
    padding: 0;
}

.unsubscribe-form-container .disclaimer {
   padding: 0;
   color:#603393;
}
@media (min-width:320px){
.unsubscribe-form-container {padding: 0 15%;}
.unsubscribe-form-container h3{font-family:'Compacta W01';font-weight:700;font-style:italic;color:#603393;font-size:1.75em;letter-spacing:1px;margin-top:4%;margin-bottom:1.5%;}
.unsubscribe-form-container .form-subheader{font-family:'Univers W10';font-size: 1.25em;font-weight:200;font-style:normal}
.unsubscribe-form-container p {font-size:.875em;font-family:'Univers W10';font-weight:200;font-style:normal;letter-spacing:.7px;margin: 1% 0;}
.unsubscribe-form-container .form-label{font-size:.875em;font-family:'Univers W10';font-weight:200;font-style:normal;letter-spacing:.7px;padding:1% 0;}
.unsubscribe-form-container .form-field {margin-bottom: 2.5%;}
}
@media (min-width:768px){
.unsubscribe-form-container h3{font-size:2.25em}
}
@media (min-width:1024px){
.unsubscribe-form-container p, .unsubscribe-form-container .form-label {font-size:1.125em}
.unsubscribe-form-container h3{font-family:'Univers W01';font-weight:700;font-size:2.625em;font-style:oblique}
}

.validation-summary-errors {
    font-family:'Univers W01';
    font-weight: 700;
    color: red;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.homepage-banner-button { padding: 320px 0px 0px 400px; width: 75%; }

/*.carousel-container li img {
    margin:auto;
}*/
@media (min-width: 568px){
header img {
    width: 100%;
}
html.iphone .hp-callout img {
    max-height: none;
}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation:portrait){
html.iphone .hp-callout img{max-height: none;}
}

.eas-bnr-slider .slick-prev {
    left: 2%;
    
    background: url(/images/global/prod-lt-arrow-white.png) no-repeat;
    background-size: cover;
}
.eas-bnr-slider .slick-arrow:before {
    content: '';

}

.eas-bnr-slider .slick-next {
right:2%;
    
    background: url(/images/global/prod-rt-arrow-white.png) no-repeat;
    background-size: cover;

}


.eas-bnr-slider .slick-dots li.slick-active { background: #FFF;}
.eas-bnr-slider .slick-dots li {    width: 10px;    height: 10px;    font-size: .85em;    font-family: Arial;    font-weight: bold;    border: solid 1px #FFF;}
.eas-bnr-slider .slick-dots li button{height: 5px;    padding: 0;}
.eas-bnr-slider .slick-dots li button:before{display:none;}

@media (min-width: 320px) and (max-width: 1024px) {
    .eas-bnr-slider .slick-dots li.slick-active { background: #5F259F;}
    .eas-bnr-slider .slick-dots li {border: solid 1px #5F259F;}
}

@media (min-width: 1024px)
{

    .myoplex3 .myo-carousel .new-prod:first-of-type
    {
        margin-left: 40px;
    }

    .myoplex5 .prod-carousel li
    {
        width: 32% !important;
    }
}

.callout1 .content-wrapper.myo {
    right: 0%;
    left: auto;
}

.prod-section .content.pro .cta-button {
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
}
.prod-section .content.pro .cta-button:hover {

    color: #fff;
    background: #5f259f;
    border: 1px solid #5f259f;


}



.prod-section .content.prosec2 .cta-button {
    background: transparent;
}

.prod-section .content.prosec2 .cta-button:hover {
color: #fff;
background: #5f259f;
}

.prod-section .content.pro
{
    width: 528px;
    right: 7%;
    left: auto;
    top: 10px;
}

@media (max-width: 992px)
{
   .prod-section .content.pro
   {
    width: auto;    
   }
}


.hp-callout.callout3 {
    background: #fff;
}

.hp-callout .disclaimer.myoplex { color: #000; font-size: 12px; line-height: 1.85; width: 84%; margin: 0 auto; font-family: arial; padding:30px 20px;}
.products .disclaimer.myoplex {
    color: #fff;
    font-size: 12px;
    width: 70%;
    margin: 0 auto;
}

.show-mob
{
    display:none;
}


@media (max-width: 767px)
{
    .hp-callout .disclaimer.myoplex
    {
        width: auto;
        text-align: center;
    }
    .products .disclaimer.myoplex
    {
        width: auto;
        text-align: center;
        font-size: 16px;
    }
    .hide-mob
    {
        display:none;
    }
    .show-mob
{
    display:block;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .hp-callout .disclaimer.myoplex,.products .disclaimer.myoplex
    {
        width:70%;
    } 
}


.eas-bnr-slider .slick-arrow { top: 58%; width: 45px; height: 45px; z-index:999;}
@media (max-width: 1024px) {
    .eas-bnr-slider .slick-arrow { top: 45%; width: 30px; height: 30px; }
}

.slick-dots li { margin: 0 7px; }
.products .disclaimer.myoplex { color: #fff; font-size: 12px; width: 84%; margin: 0 auto; font-family: arial; }

@media (min-width: 320px){

.hp-callout.callout1 .content {
    top: 3%!important;
    right: 0;
    width: auto;
}



}
@media (min-width: 320px) and (max-width:767px) {
         .showDesktop {
        display:none;
    }
     .showMobile {
        display:block;
    }
}