/***** common *****/
.appContainer {position: relative; background-color: #999;}
.content-area h1 {font-size: 41px; color: #fff; padding-bottom: 0.5em;}
.content-area h2 {font-size: 28px; color: #fff; padding-bottom: 0.7em; }
.content-area h4 {font-size: 16px; color: #fff; padding-bottom: 0.7em; }
.content-area {font-size: 14px;}

.content-area .contents {padding-bottom: 0; max-width: 1440px;}
#content {background-color: #999;}
.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    transition: opacity 0.25s ease-in 0s;
}


ul.standard-list, ul.checklist, ul.checklist-grey, ol.numbered-list, ul.bullet-list {font-size: inherit;}



/***** GRADIENTS  *****/
.redGradientBg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d20001+26,b40001+65 */
    background: #d20001; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #d20001 26%, #b40001 65%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #d20001 26%,#b40001 65%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #d20001 26%,#b40001 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20001', endColorstr='#b40001',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.greyGradientBg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+3,cccccc+63 */
background: #e8e8e8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #e8e8e8 3%, #cccccc 63%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #e8e8e8 3%,#cccccc 63%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #e8e8e8 3%,#cccccc 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/****** big daddy ******/
#big-daddy.content-area {height: auto; background-color: #fff;  color: #fff; padding-top: 0;}
#big-daddy.content-area .contents {width: 100% !important;}
#big-daddy .bditem {text-align: center; height: 525px;}
#big-daddy .bditem p {font-size: 16px; margin: 0 auto;}

#big-daddy {
    position: relative;
    overflow: hidden;
    width:100vw;
    max-width: 100%;
/*    height:100vh;
    max-height:100vh;  */
    text-align:center;
}
#big-daddy .bdvideo {
    position:absolute;
    height:100%;
    width:200%;
    left:-50%;
}
#big-daddy .video {
    position:absolute;
    top: -99999px;
    bottom: -99999px;
    left: -99999px;
    right: -99999px;
    margin: auto;
    min-height:100%;
    min-width:50%;
}
#big-daddy .bdvideo .info {position: relative; z-index: 10;}
#downArrow {
    position: absolute;
    left: 50%;
    bottom: 10%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: none;
    cursor: pointer;
    transform: translate(-50%,0);
    }
    #downArrow a {
        background: rgba(0, 0, 0, 0) url("/assets/ui/elements/arrows-white-hp-widget.png") no-repeat scroll -68px -79px / 234% auto;
        display: block;
        height: 50px;
        width: 50px;
    }



/****** hot mommas ******/
#hot-momma.content-area {padding-top: 0; overflow: hidden; color: #fff; background-color: #000; font-size: 14px; margin-top: -20px; padding-bottom: 20px;}
#hot-momma.content-area .contents {width: 100%; max-width: 1344px;}

#hot-momma .hmitem {width: 430px; min-height: 230px; margin: 0 9px; float: left; border-radius: 3px;}
#hot-momma .hmitem .inner {position: relative; height: 100%; width: calc(100% - 96px); padding: 0 48px 0;}
#hot-momma .hmitem h2 {font-family: VMUltramagneticNormalRegular; font-weight: normal; text-transform: uppercase; line-height: 1em; font-size: 22px; color: inherit;}
	.fr #hot-momma .hmitem h2 {line-height: 1.3em;}
#hot-momma .hmitem h3 {font-family: VMUltramagneticNormalRegular; font-weight: normal; text-transform: uppercase; line-height: 1em; margin-bottom: 0.5em; font-size: 16px; color: inherit;}
	.fr #hot-momma .hmitem h3 {line-height: 1.3em;}
#hot-momma .hmitem p {color: inherit;}
/* red white red
#hot-momma .contents .outer:nth-child(1n) .hmitem {background-color: #e10a0a; color: #fff;}
#hot-momma .contents .outer:nth-child(2) .hmitem {background-color: #fff; color: #333;}
*/
/* white red white 
#hot-momma .contents .outer:nth-child(1n) .hmitem {background-color: #fff; color: #333;}
#hot-momma .contents .outer:nth-child(2) .hmitem {background-color: #e10a0a; color: #fff;}
*/
/* black red black 
#hot-momma .contents .outer:nth-child(1n) .hmitem {background-color: #1c1c1c; color: #fff;}
#hot-momma .contents .outer:nth-child(2) .hmitem {background-color: #e10a0a; color: #fff;}
*/
/* red black red */
#hot-momma .contents .outer:nth-child(1n) .hmitem {background-color: #e10a0a; color: #fff;}
#hot-momma .contents .outer:nth-child(2) .hmitem {background-color: #000; color: #fff;}


/** hot momma without phone **/


/** hot momma with phone **/
#hot-momma .hmitem.hmphone {}
	#hot-momma .hmitem.hmphone .inner { width: calc(100% - 32px); height: 100%; padding: 0 32px 0 0;}


#hot-momma .tb {display: table; table-layout: auto; width: 100%; height: 100%;}
#hot-momma .tc {display: table-cell; vertical-align: middle; height: 100%; width: max-content;}

*::-ms-backdrop, #hot-momma .tc {height: auto;} /*  IE 11 hack */
#hot-momma .tr {display: table-row;}	
#hot-momma .tc img {max-width: 150px; max-height: 215px; padding: 0 10px 0 20px;}
#hot-momma .copy .tr:first-child .tc {vertical-align: top;}
#hot-momma .copy .tr:first-child .tc h2 { padding-top: 45px;}
#hot-momma .copy .tr:first-child .tc h3 { padding-top: 45px;}
#hot-momma .copy .tr:first-child .tc h3 + h2 {padding-top: 0;}
#hot-momma .copy p {}
#hot-momma .copy .tr:last-child .tc {padding-bottom: 30px;} 
#hot-momma .hmphone .tb.copy {padding-left: 20px; width: calc(100% - 20px);} 



/****** member benefits ******/

#member-benefit.content-area .contents {}
#member-benefit.content-area {height: auto; color: #fff; padding: 0 0 60px;}
#member-benefit.content-area.nonmember {
    background-color: #000;
}
#member-benefit.content-area.member {
    background-color: #1e1e1e;
    padding-top: 100px;
}
#member-benefit h2 {color: #fff; text-align: center; padding-bottom: 10px; font-size: 28px;}
#member-benefit h2 + p {text-align: center; margin-bottom: 0;}
#member-benefit .contents > div > div  {padding: 0 5%;}
.slick-slider {padding: 20px 0;}
.slick-slide {margin: 0 8px;}
#member-benefit .ctaContainer {text-align: center; padding: 0 important!;}
#member-benefit.member .slick-slide a {}
#member-benefit.nonmember  .slick-slide a {color: #fff; display: table;}
#member-benefit.nonmember .imgBox {height: 84px; display: table-cell; vertical-align: middle;}
#member-benefit.nonmember .imgBox .helper {/* display: inline-block; height: 100%; vertical-align: middle;  */}
#member-benefit.nonmember .imgBox img {}
#member-benefit.member  .slick-slide img {margin: 0 auto; height: 260px;}
#member-benefit.nonmember .copy > p {
    margin-bottom: 0;
    text-align: center;
}

#member-benefit.member .slick-slide {max-width: 260px;}
#member-benefit.member .slick-slider .slick-list {padding: 5px 0 30px; max-width: 815px; margin: 0 auto;}

#member-benefit.member .slick-slide .copy {
    padding: 20px 0;
    color: #fff;
    max-width: 460px; 
    margin: 0 auto;
    }
#member-benefit.member .slick-slide .copy .title {text-transform: uppercase; line-height: 1.2em;}


/***** arrow overwrites *****/
#member-benefit .slick-prev, #member-benefit  .slick-next {
        background: url("/assets/ui/elements/arrows-white-hp-widget.png") no-repeat 0 0 / 300% auto;
        height: 37px;
        width: 37px;
        text-align: center;
        cursor: pointer;
        display: block;
}
#member-benefit  .slick-prev {
background-position: 0 0;
left: -36px;
}
#member-benefit  .slick-next {
background-position: 15px -75px !important;
right: -36px;
}
#member-benefit .slick-prev:before
{
    content: "";
}
#member-benefit .slick-next:before
{
    content: "";
}



/****** campaign banner ******/
.campaign-banner.content-area {height: auto; background-color: #000; padding-top: 0;}
.content-area.campaign-banner .contents {width: 100% !important;}
.fullwidth {width: 100%;}



@media screen and (max-width:1365px) {
	#hot-momma .hmitem {margin: 0 3px; width: calc(100% / 3 - 4px);}
	.fr #hot-momma .hmitem {height: 300px;}
	#hot-momma .outer:first-child .hmitem {margin-left: 0;} 
	#hot-momma .outer:last-child .hmitem {margin-right: 0;}
	
	#member-benefit .contents {width: 100% !important;}
    #member-benefit .contents > div > div {padding: 0 15%; width: auto;}
    #member-benefit  .slick-prev {
       left: -14%;
    }
    #member-benefit  .slick-next {
       right: -14%;
    }
    .slick-slider {padding: 30px 0;}
}


@media screen and (min-width:1280px) {
	
}

@media screen and (max-width:1200px) {

}


@media screen and (max-width:1000px) {
    #member-benefit .contents {width: 100% !important;}
    #member-benefit .contents > div > div {padding: 0 15%;}
    #member-benefit  .slick-prev {
       left: -14%;
    }
    #member-benefit  .slick-next {
       right: -14%;
    }
    .slick-slider {padding: 30px 0;}
    #hot-momma.content-area .contents {width: 100% !important;}
    
    	#hot-momma .hmitem {
		width: 100%;
    	max-width: 450px;
    	float: none;
    	margin: 15px auto !important; 
    	}
    #hot-momma .outer:first-child .hmitem {margin-top: 0;}
   
  	#hot-momma .tc.phone {display: table-cell; text-align: center;} 
  	#hot-momma .copy p {margin-bottom: 1em;}
}
@media screen and (min-width:965px) {

}
@media screen and (max-width:965px) {
    #big-daddy {background-size: cover !important;}
    #big-daddy .contents {width: 100% !important;}
    
    /*
    #hot-momma .hmitem.hmphone .inner {width: calc(100% - 56px); padding: 20px 28px 0;}
  	#hot-momma .tc.phone {display: table-row; text-align: center;} 
  */
    
    #hot-momma.content-area {margin-top: 0;}
	#member-benefit.member .slick-slide {max-width: 100%;}
	#member-benefit.member .slick-slide img {height: auto;}
	
}
@media screen and (max-width:800px) {

	#hot-momma .hmitem {
		width: 100%;
    	max-width: 450px;
    	float: none;
    	margin: 15px auto !important; 
    	}
    #hot-momma .outer:first-child .hmitem {margin-top: 0;}
    
  	#hot-momma .tc.phone {display: table-cell; text-align: center;} 
  	#hot-momma .copy p {margin-bottom: 1em;}
}
@media screen and (max-width:720px) {
    .content-area h1 {font-size: 30px; color: #fff;}
    .content-area h2 {font-size: 24px; color: #fff;}
    #big-daddy .bditem {height: 450px;}
   
    #downArrow {bottom: 7%;}
   
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:600px) {
    #downArrow {display: none;}
    
    #member-benefit.content-area.member {padding: 60px 0;}
    .slick-slider {padding: 10px 0 20px;}
    #member-benefit.member .slick-slider .slick-list {padding-bottom: 0;}
    #member-benefit.nonmember .imgBox {margin-bottom: 10px;}
    #member-benefit.member h2 {width: 80%; margin: 0 auto;}
    #hot-momma .hmphone .copyCta {display: block;}
    #hot-momma .hmphone .mobileCta {display: none;}
    #member-benefit .contents .ctaContainer {padding: 0 5%;}
    #member-benefit.member .slick-slide img {width: 100%; height: auto;}
}

@media screen and (max-width:480px) {
    #big-daddy .bditem {height: 580px;}
    #big-daddy .bditem .info {margin: 0 auto;}
    #big-daddy .bditem p br {display: none;}
   /*  #downArrow {bottom: 10%;} */
    .content-area h1 {font-size: 40px; color: #fff;}
    .content-area h2 {font-size: 30px; color: #fff;}
        .fr .content-area h2 {font-size: 26px;}
    
}

@media screen and (max-width:400px) {
    .content-area h1 {font-size: 30px; color: #fff;}
    .content-area h2 {font-size: 20px; color: #fff;}
    #member-benefit.member .slick-slide .copy {height: 165px;}
    .fr #member-benefit.member .slick-slide .copy {height: 185px;}

    #hot-momma .hmitem .inner {padding: 0 5%; width: 90%;}
    #hot-momma .hmitem.hmphone .inner {padding-right: 5%; width: 95%;}

}
@media screen and (max-width:320px) {
    #big-daddy .bditem {height: 540px;}
    #member-benefit.member .slick-slide .copy {padding; 10%;}
}

@media only screen and (orientation: landscape) {
    
}

@media screen and (max-width: 800px) and (orientation: landscape) {


}

@media screen and (max-width: 700px) and (orientation: landscape) {
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {


}

/* iphone 5/5s only */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
 

}
#hot-momma .tc {display: table-cell; vertical-align: middle; height: 100%; width: max-content;}

*::-ms-backdrop, #hot-momma .tc {height: auto;} /*  IE 11 hack */
#hot-momma .tr {display: table-row;}	
#hot-momma .tc img {max-width: 150px; max-height: 215px; padding: 0 10px 0 20px;}
#hot-momma .copy .tr:first-child .tc {vertical-align: top;}
#hot-momma .copy .tr:first-child .tc h2 { padding-top: 45px;}
#hot-momma .copy .tr:first-child .tc h3 { padding-top: 45px;}
#hot-momma .copy .tr:first-child .tc h3 + h2 {padding-top: 0;}
#hot-momma .copy p {}
#hot-momma .copy .tr:last-child .tc {padding-bottom: 30px;} 
#hot-momma .hmphone .tb.copy {padding-left: 20px; width: calc(100% - 20px);} 



/****** member benefits ******/

#member-benefit.content-area .contents {}
#member-benefit.content-area {height: auto; color: #fff; padding: 0 0 60px;}
#member-benefit.content-area.nonmember {
    background-color: #000;
}
#member-benefit.content-area.member {
    background-color: #1e1e1e;
    padding-top: 100px;
}
#member-benefit .mbMainImage {display: block; margin: 0 auto;}
#member-benefit h2 {color: #fff; text-align: center; padding-bottom: 10px; font-size: 28px;}
#member-benefit h2 + p {text-align: center; margin-bottom: 0;}
#member-benefit .contents > div > div  {padding: 0 5%;}
.slick-slider {padding: 20px 0;}
.slick-slide {margin: 0 8px;}
#member-benefit .ctaContainer {text-align: center; padding: 0 important!;}
#member-benefit.member .slick-slide a {}
#member-benefit.nonmember  .slick-slide a {color: #fff; display: table;}
#member-benefit.nonmember .imgBox {height: 84px; display: table-cell; vertical-align: middle;}
#member-benefit.nonmember .imgBox .helper {/* display: inline-block; height: 100%; vertical-align: middle;  */}
#member-benefit.nonmember .imgBox img {}
#member-benefit.member  .slick-slide img {margin: 0 auto; height: 260px;}
#member-benefit.nonmember .copy > p {
    margin-bottom: 0;
    text-align: center;
}

#member-benefit.member .slick-slide {max-width: 260px;}
#member-benefit.member .slick-slider .slick-list {padding: 5px 0 30px; max-width: 815px; margin: 0 auto;}

#member-benefit.member .slick-slide .copy {
    padding: 20px 0;
    color: #fff;
    max-width: 460px; 
    margin: 0 auto;
    }
#member-benefit.member .slick-slide .copy .title {text-transform: uppercase; line-height: 1.2em;}


/***** arrow overwrites *****/
#member-benefit .slick-prev, #member-benefit  .slick-next {
        background: url("/assets/ui/elements/arrows-white-hp-widget.png") no-repeat 0 0 / 300% auto;
        height: 37px;
        width: 37px;
        text-align: center;
        cursor: pointer;
        display: block;
}
#member-benefit  .slick-prev {
background-position: 0 0;
left: -36px;
}
#member-benefit  .slick-next {
background-position: 15px -75px !important;
right: -36px;
}
#member-benefit .slick-prev:before
{
    content: "";
}
#member-benefit .slick-next:before
{
    content: "";
}



/****** campaign banner ******/
.campaign-banner.content-area {height: auto; background-color: #000; padding-top: 0;}
.content-area.campaign-banner .contents {width: 100% !important;}
.fullwidth {width: 100%;}



@media screen and (max-width:1365px) {
	#hot-momma .hmitem {margin: 0 3px; width: calc(100% / 3 - 4px);}
	.fr #hot-momma .hmitem {height: 300px;}
	#hot-momma .outer:first-child .hmitem {margin-left: 0;} 
	#hot-momma .outer:last-child .hmitem {margin-right: 0;}
	
	#member-benefit .contents {width: 100% !important;}
    #member-benefit .contents > div > div {padding: 0 15%; width: auto;}
    #member-benefit  .slick-prev {
       left: -14%;
    }
    #member-benefit  .slick-next {
       right: -14%;
    }
    .slick-slider {padding: 30px 0;}
}


@media screen and (min-width:1280px) {
	
}

@media screen and (max-width:1200px) {

}


@media screen and (max-width:1000px) {
    #member-benefit .contents {width: 100% !important;}
    #member-benefit .contents > div > div {padding: 0 15%;}
    #member-benefit  .slick-prev {
       left: -14%;
    }
    #member-benefit  .slick-next {
       right: -14%;
    }
    .slick-slider {padding: 30px 0;}
    #hot-momma.content-area .contents {width: 100% !important;}
    
    	#hot-momma .hmitem {
		width: 100%;
    	max-width: 450px;
    	float: none;
    	margin: 15px auto !important; 
    	}
    #hot-momma .outer:first-child .hmitem {margin-top: 0;}
   
  	#hot-momma .tc.phone {display: table-cell; text-align: center;} 
  	#hot-momma .copy p {margin-bottom: 1em;}
}
@media screen and (min-width:965px) {

}
@media screen and (max-width:965px) {
    #big-daddy {background-size: cover !important;}
    #big-daddy .contents {width: 100% !important;}
    
    /*
    #hot-momma .hmitem.hmphone .inner {width: calc(100% - 56px); padding: 20px 28px 0;}
  	#hot-momma .tc.phone {display: table-row; text-align: center;} 
  */
    
    #hot-momma.content-area {margin-top: 0;}
	#member-benefit.member .slick-slide {max-width: 100%;}
	#member-benefit.member .slick-slide img {height: auto;}
	
}
@media screen and (max-width:800px) {

	#hot-momma .hmitem {
		width: 100%;
    	max-width: 450px;
    	float: none;
    	margin: 15px auto !important; 
    	}
    #hot-momma .outer:first-child .hmitem {margin-top: 0;}
    
  	#hot-momma .tc.phone {display: table-cell; text-align: center;} 
  	#hot-momma .copy p {margin-bottom: 1em;}
}
@media screen and (max-width:720px) {
    .content-area h1 {font-size: 30px; color: #fff;}
    .content-area h2 {font-size: 24px; color: #fff;}
    #big-daddy .bditem {height: 450px;}
   
    #downArrow {bottom: 7%;}
   
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:600px) {
    #downArrow {display: none;}
    
    #member-benefit.content-area.member {padding: 60px 0;}
    .slick-slider {padding: 10px 0 20px;}
    #member-benefit.member .slick-slider .slick-list {padding-bottom: 0;}
    #member-benefit.nonmember .imgBox {margin-bottom: 10px;}
    #member-benefit.member h2 {width: 80%; margin: 0 auto;}
    #hot-momma .hmphone .copyCta {display: block;}
    #hot-momma .hmphone .mobileCta {display: none;}
    #member-benefit .contents .ctaContainer {padding: 0 5%;}
    #member-benefit.member .slick-slide img {width: 100%; height: auto;}
}

@media screen and (max-width:480px) {
    #big-daddy .bditem {height: 580px;}
    #big-daddy .bditem .info {margin: 0 auto;}
    #big-daddy .bditem p br {display: none;}
   /*  #downArrow {bottom: 10%;} */
    .content-area h1 {font-size: 40px; color: #fff;}
    .content-area h2 {font-size: 30px; color: #fff;}
        .fr .content-area h2 {font-size: 26px;}
    
}

@media screen and (max-width:400px) {
    .content-area h1 {font-size: 30px; color: #fff;}
    .content-area h2 {font-size: 20px; color: #fff;}
    #member-benefit.member .slick-slide .copy {height: 165px;}
    .fr #member-benefit.member .slick-slide .copy {height: 185px;}

    #hot-momma .hmitem .inner {padding: 0 5%; width: 90%;}
    #hot-momma .hmitem.hmphone .inner {padding-right: 5%; width: 95%;}

}
@media screen and (max-width:320px) {
    #big-daddy .bditem {height: 540px;}
    #member-benefit.member .slick-slide .copy {padding; 10%;}
}

@media only screen and (orientation: landscape) {
    
}

@media screen and (max-width: 800px) and (orientation: landscape) {


}

@media screen and (max-width: 700px) and (orientation: landscape) {
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {


}

/* iphone 5/5s only */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
 

}