﻿/******************** ADS ********************/

/***** Sponsorship ****/
.stickyPopupSponsor {width: calc(100% - 500px);position: fixed;height: 140px;margin-bottom: 30px;top: 50px;left: 50%;transform: translateX(-50%);z-index: 2;}
.sponsorPopupAd{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top:0;pointer-events: none;background:#472212}
.sponsorPopupAd .desktop{display: inline-block;width: 100%;float:right}
.sponsorPopupAd .desktop .gutterAd{position:fixed;top:50px;height:calc(100% - 50px);pointer-events: visible;}
.sponsorPopupAd .desktop .gutterAd.right{right:0}
.sponsorPopupAd .desktop .gutterAd.left{left:0}
.sponsorPopupAd .desktop .gutterAd .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}

.sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{position:absolute;top:0;width:auto;height:100%;pointer-events:none;}

.sponsorPopupAd .desktop .gutterAd.right .gutterFrame iframe{left:0}
.sponsorPopupAd .desktop .gutterAd.left .gutterFrame iframe{right:0}

.sponsorPopupAd .gutterPopupSticky{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;transition: transform .5s,-webkit-transform .5s;pointer-events: visible;}
.sponsorPopupAd .gutterPopupSticky.hidden{-webkit-transform: translate(-50%, -100%);-ms-transform: translate(-50%, -100%);transform: translate(-50%, -100%);}
.sponsorPopupAd .gutterPopupSticky .gutterFrame{display:inline-block;float:right;width:100%;position: absolute;top: 0;bottom: 0;left:0;height: 100%;}
.sponsorPopupAd .gutterPopupSticky img{position:absolute;top:50%;right:20px;width:300px;height:auto;pointer-events:none;transform:translateY(-50%)}

.sponsorPopupAd .gutterPopupSticky .video{position: absolute;left: 0;top: 0;width:400px;padding-bottom: calc((291px * 48.1) / 100);z-index:1;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
.sponsorPopupAd .gutterPopupSticky .video iframe{width: 100%;height: 100%;right: 0;left: auto;pointer-events: auto;position:absolute}


.openVideo .sponsorPopupAd .gutterPopupSticky .stickyPopupSponsor {height:auto;padding-bottom:50%}
.openVideo .sponsorPopupAd .gutterPopupSticky img{display:none}
.openVideo .sponsorPopupAd .gutterPopupSticky .video{width: 100%;padding-bottom: 48.1%}




.gutterTopClose .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{top:0}
.gutterMiddleClose .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{top:50%;transform:translateY(-50%)}
.gutterBottomClose .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{top:auto;bottom:0}

.gutterMiddleMiddle .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{top:50%;right:auto;left:50%;transform:translate(-50%, -50%)}
.gutterTopMiddle .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{top:0;left:50%;transform:translateX(-50%);right:auto}
.gutterBottomMiddle .sponsorPopupAd .desktop .gutterAd .gutterFrame iframe{bottom:0;left:50%;transform:translateX(-50%);right:auto;top:auto}
.sponsorPopupAd .mobile{display:none}











@media screen and (min-width:1680px) and (max-width:1919px) {
    .stickyPopupSponsor{width: calc(100% - 300px);}

}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .stickyPopupSponsor{width: calc(100% - 480px);}
    .sponsorPopupAd .gutterPopupSticky .video{width:350px}

}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .stickyPopupSponsor{width: calc(100% - 480px);}
    .sponsorPopupAd .gutterPopupSticky .video{width:350px}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .stickyPopupSponsor{width: calc(100% - 320px);}
    .sponsorPopupAd .gutterPopupSticky .video{width:350px}
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .stickyPopupSponsor{width: calc(100% - 520px);}
    .sponsorPopupAd .gutterPopupSticky .video{width:300px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .stickyPopupSponsor{width: calc(100% - 380px);}
   .sponsorPopupAd .gutterPopupSticky .video{width:300px}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .stickyPopupSponsor{width: calc(100% - 300px);}
    .sponsorPopupAd .gutterPopupSticky .video{width:250px}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .stickyPopupSponsor{width: calc(100% - 240px);}
}

@media only screen and (max-width: 1023px) {
    .stickyPopupSponsor {width: 100%;position: fixed;height: 100px;margin-bottom: 30px;top: 0;left: 0;transform: none;z-index:100}
    .openVideoPopupMain .stickyPopupSponsor .sponsorPopupContainer{display:inline-block}
    .sponsorPopupAd .gutterPopupSticky img{width:153px;right:10px}

    .sponsorPopupAd .gutterPopupSticky .video{width: 180px;padding-bottom: calc((180px * 56) / 100);}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    



}
