/******************** ADS ********************/

/***** Sponsorship ****/

.sponsorAd{position: fixed;width: 100%;height: calc(100% - 50px);z-index: 1;left: 0;top:50px;pointer-events: none;}
.sponsorAd .desktop{display: inline-block;position: relative;width: 100%;float:right}
.sponsorAd .desktop .gutterAd{position:fixed;top:50px;height:calc(100% - 50px);pointer-events: visible;}
.sponsorAd .desktop .gutterAd.right{right:0}
.sponsorAd .desktop .gutterAd.left{left:0}
.sponsorAd .desktop .gutterAd .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}

.sponsorAd .desktop .gutterAd .gutterFrame iframe{position:absolute;top:0;width:auto;height:100%;pointer-events:none;}

.sponsorAd .desktop .gutterAd.right .gutterFrame iframe{left:0}
.sponsorAd .desktop .gutterAd.left .gutterFrame iframe{right:0}

.sponsorAd .gutterSticky{position:fixed;top:49px;left:50%;z-index:3;transform:translateX(-50%);transition: transform .5s,-webkit-transform .5s;pointer-events: visible;}
.sponsorAd .gutterSticky.hidden{-webkit-transform: translate(-50%, -100%);-ms-transform: translate(-50%, -100%);transform: translate(-50%, -100%);}
.sponsorAd .gutterSticky .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}
.sponsorAd .gutterSticky iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}

.sponsorAd .gutterSticky .video{position: absolute;left: 0;top: 0;width: 460px;padding-bottom: calc((460px * 56.52) / 100);z-index:1;}
.sponsorAd .gutterSticky .video iframe{width: 100%;height: 100%;right: 0;left: auto;pointer-events: auto;}

.stickySponsor.openVideo .sponsorAd .gutterSticky .video{width: 100%;padding-bottom: 50%}




.gutterTopClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:0}
.gutterMiddleClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:50%;transform:translateY(-50%)}
.gutterBottomClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:auto;bottom:0}

.gutterMiddleMiddle .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:50%;right:auto;left:50%;transform:translate(-50%, -50%)}
.gutterTopMiddle .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:0;left:50%;transform:translateX(-50%);right:auto}
.gutterBottomMiddle .sponsorAd .desktop .gutterAd .gutterFrame iframe{bottom:0;left:50%;transform:translateX(-50%);right:auto;top:auto}
.sponsorAd .mobile{display:none}










/***** Sponsorship ****/
/*.sponsorAd{position:fixed;width:100%;height:calc(100% - 50px);top:50px;left:0;right:0;bottom:0;z-index:3}
.sponsorAd .desktop{display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.sponsorAd .desktop .gutterAd{position:absolute;top:0;height:100%}
.sponsorAd .desktop .gutterAd.right{right:0}
.sponsorAd .desktop .gutterAd.left{left:0}
.sponsorAd .desktop .gutterAd .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}

.sponsorAd .desktop .gutterAd .gutterFrame iframe{position:absolute;top:0;width:auto;height:100%;pointer-events:none;}

.sponsorAd .desktop .gutterAd.right .gutterFrame iframe{left:0}
.sponsorAd .desktop .gutterAd.left .gutterFrame iframe{right:0}

.sponsorAd .gutterSticky{position:fixed;top:50px;width:1280px;height:260px;left:50%;transform:translateX(-50%);  -webkit-transition: all 350ms ease-in; 
	-moz-transition: all 350ms ease-in;
  transition: all 350ms ease-in;}
.sponsorAd .gutterSticky.hidden{
  top:-260px;
}
.sponsorAd .gutterSticky .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}
.sponsorAd .gutterSticky iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}


.gutterTopClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:0}
.gutterMiddleClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:50%;transform:translateY(-50%)}
.gutterBottomClose .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:auto;bottom:0}

.gutterMiddleMiddle .sponsorAd .desktop .gutterAd .gutterFrame iframe{top:50%;right:auto;left:50%;transform:translate(-50%, -50%)}

.stickySponsor .content-wrap{margin-top:260px;background:transparent}*/


@media screen and (min-width:1920px) {
    .content-wrap{width:1282px}
    .euroMinByMin .minbyminSticky{width:1282px}
    .sponsorAd .desktop .gutterAd{width: calc((100% - 1282px) / 2)}
    /*.sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 240px;height: 900px;}*/
    .sponsorAd .gutterSticky{width:1282px;height:234px}
    .stickySponsor .content-wrap{margin-top:233px;}
    .sponsorAd .gutterSticky .video{width: 408px;padding-bottom: calc((460px * 50) / 100);}
    .stickySponsor.openVideo .content-wrap{margin-top:640px}
        .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 310.5px;}

}
@media screen and (min-width:1360px) and (max-width:1919px) {
    .content-wrap{width:1100px}
    .euroMinByMin .minbyminSticky{width:1100px}
    .sponsorAd .desktop .gutterAd{width: calc((100% - 1100px) / 2)}
    .sponsorAd .gutterSticky{width:1100px;height:202px}
    .stickySponsor .content-wrap{margin-top:200px;}
    .sponsorAd .gutterSticky .video{width: 356px;padding-bottom: calc((400px * 50) / 100);}
    .stickySponsor.openVideo .content-wrap{margin-top:550px}

}

/*@media screen and (min-width:1360px) and (max-width:1679px) {
        .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 124px;}

}*/

@media screen and (min-width:1680px) and (max-width:1919px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 282px;}
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 242px;}
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 210px;}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 162px;}
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 124px;}
}


@media screen and (min-width:1280px) and (max-width:1359px) {
    .content-wrap{width:1000px}
    .euroMinByMin .minbyminSticky{width:1000px}
    .sponsorAd .desktop .gutterAd{width: calc((100% - 1000px) / 2)}
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 131px;}
    .sponsorAd .gutterSticky{width:1000px;height:182px}
    .stickySponsor .content-wrap{margin-top:182px;}
    .sponsorAd .gutterSticky .video{width: 356px;padding-bottom: calc((364px * 50) / 100);}
    .stickySponsor.openVideo .content-wrap{margin-top:550px}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .content-wrap{width:800px}
    .euroMinByMin .minbyminSticky{width:800px}
    .sponsorAd .desktop .gutterAd{width: calc((100% - 800px) / 2)}
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 167px;}
    .sponsorAd .gutterSticky{width:800px;height:146px}
    .stickySponsor .content-wrap{margin-top:146px;}
    .sponsorAd .gutterSticky .video{width: 256px;padding-bottom: calc((288px * 50) / 100);}
    .stickySponsor.openVideo .content-wrap{margin-top:400px}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 104px!important;}
}

@media only screen and (max-width: 1023px) {
    .sponsorAd .desktop{display:none}
    .content-wrap,
    .euroMinByMin .minbyminSticky{min-width:100%;max-width:100%}
    .sponsorAd {position: fixed;width: 100%;height:auto;z-index: 3;left: 0;pointer-events: visible;transition: transform 0.8s,-webkit-transform 0.8s,top 0.2s}
    
    .sponsorAd.stickyTop{top:50px}
    .sponsorAd.stickyTop.hidden{-webkit-transform: translate(0, -160%);-ms-transform: translate(0, -160%);transform: translate(0, -160%);}

    .sponsorAd.stickyBottom{bottom:auto;top:50px;}
    .sponsorAd.stickyBottom.hidden{-webkit-transform: translate(0, -100%);-ms-transform: translate(0, -100%);transform: translate(0, -100%)}

    .sponsorAd.hidden{pointer-events:none}
    header.hidden{-webkit-transform: translate(0, -47px);-ms-transform: translate(0, -47px);transform: translate(0, -47px);}

    .sponsorAd.stickyBottom:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;pointer-events:none;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;}
    .openBottomVideo .sponsorAd.stickyBottom:before{opacity:1;visibility:visible}

    .sponsorAd .mobile{display: inline-block;position: relative;padding-bottom: 24%;width: 100%;float: right;}
    .sponsorAd.stickyTop .mobile{padding-bottom: 31.25%;}
    .sponsorAd.stickyBottom .mobile{padding-bottom: 19%;}


    .sponsorAd .mobileSticky{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;transform: none;pointer-events: visible;}
    
    .sponsorAd .mobileSticky .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}
    .sponsorAd .mobileSticky iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
    
    .sponsorAd .mobileSticky .videoCnt{position: absolute;left: 0;top: 0;width: 50%;height: 100%;z-index: 1;}
    .sponsorAd .mobileSticky .video, .sponsorAd .mobileSticky .videosecond{position: relative;display: inline-block;float: right;width: auto;padding-left: 100%;height: 100%;padding-bottom: 0;}
    .sponsorAd .mobileSticky .video iframe, .sponsorAd .mobileSticky .videosecond iframe{width: 100%;height: 100%;right: 0;left: auto;pointer-events: auto;}
    
    .sponsorAd.stickyTop .mobileSticky .videoCnt{width:50%}
    .sponsorAd.stickyBottom .mobileSticky .videoCnt{width:35%}



    /*.stickySponsor.openTopVideo .sponsorAd.stickyTop .mobileSticky .videoCnt{width: 100%;right:0;height:300px}
    .stickySponsor.openTopVideo .content-wrap{margin-top:300px!important;}*/

    .stickySponsor.openTopVideo .sponsorAd.stickyTop .mobile {padding-bottom: 100%;}
    .stickySponsor.openTopVideo .sponsorAd.stickyTop .mobileSticky .videoCnt{width: 100%;right:0;}

    .stickySponsor.openBottomVideo{overflow:hidden!important}



    .stickySponsor.openBottomVideo .sponsorAd.stickyBottom .mobile {padding-bottom: 100%;}
    .stickySponsor.openBottomVideo .sponsorAd.stickyBottom .mobileSticky .videoCnt{width: 100%;right:0;}

    .showOTP.stickySponsor .sponsorAd {z-index:2}
    .hideOTP.stickySponsor .sponsorAd {z-index:3}
   /*.smartbanner-show .sponsorAd.stickyTop {top: 110px;}*/
    .smartbanner-show .sponsorAd.stickyTop.hidden {-webkit-transform: translate(0, -210%);-ms-transform: translate(0, -210%);transform: translate(0, -210%);}
    .sponsorAd.stickyTop{position: relative;top: auto;left: auto;margin: 0;float: left;display: inline-block;padding: 0;}
    body.stickySponsor .sponsorAd{background:none!important}

    .smartbanner-show .sponsorAd.stickyBottom.hidden{top:0}
    .smartbanner-show .sponsorAd.stickyBottom{top:50px}
    .smartbanner-show header.hidden{-webkit-transform: translate(0, -50px);-ms-transform: translate(0, -50px);transform: translate(0, -50px);}

.stickySponsor .MinByMin{display:none}
}


@media only screen and (min-width: 480px) {
 
    .sponsorAd.stickyTop{height:160px}
}

@media screen and (min-width: 340px) and (max-width: 420px) {

    .sponsorAd.stickyTop{height:130px}
}

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

    .sponsorAd.stickyTop{height:110px}
}