/*Promo API*/
/*header{background:#6c6c6c;}*/
/*.head-content .crumbs{background-color: rgba(0,0,0,.5);}*/
.promo-page{background:#2c2c2c;}
/*.head-content.api{background:#000;margin-bottom:0;height:90px;}
.head-content.api h1{text-transform:uppercase;font-weight:bold;font-size: 2.3vw;line-height: 2.5vh;font-family: arial;color:var(--gold);}
.head-content.api .crumbs{display:block;background:transparent;top:0;padding: 0;}
.promo-top{margin:30px auto;text-align:center;text-transform:uppercase;}
.promo-top h2{font-weight:bold;font-size: 2.5vw;line-height: 2.5vh;margin-top:5%;margin-bottom:25px;color:var(--gold);}
.promo-top .text{font-size: 1vw;line-height: 3.5vh;margin-bottom:25px;}*/
.promo-top h2{line-height:4.5vh;}

.promo-top .terms{display:block;margin:30px 0;text-align: left;color:#000;text-decoration:none;font-size: 14px;}
.promo-top .terms b{margin-right:10px;color:var(--gold);text-decoration:underline;}
/*
.promo-top .terms .ttl{font-weight:bold;}
.promo-top .terms .text{font-size: 16px;line-height: 24px;text-align: left;text-transform: initial;}
*/
.promo-top .hs-btn{
	color:#000!important;
	background: rgb(204,153,0);
    background: -moz-linear-gradient(-45deg, rgba(204,153,0,1) 0%, rgba(220,180,45,1) 25%, rgba(255,205,50,1) 50%, rgba(220,180,45,1) 75%, rgba(204,153,0,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);
    background: linear-gradient(135deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9900', endColorstr='#cc9900',GradientType=1 );
	border-radius:0!important;
}
.promo-top .hs-btn,
.promo-page .promo-list .hs-btn{line-height: 72px;padding: 0 60px;border-radius:8px;box-shadow: 0 5px 8px rgb(50 50 50 / 35%);}

.main-promo-item .media{position:relative;display:block;}
.main-promo-item .media img{width:100%;max-width:100%;position:relative;z-index:1;}

.main-promo-item .promo-top {
    margin-top: 40px;
    text-align: center;
}
.mobile .main-promo-item .promo-top {
    margin-top: 120px;
}

.mobile.portrait .head-content.api{height:70px;}
.mobile.portrait .head-content.api h1{margin-top:-5px;line-height: 2.4vh;font-size:25px;}

html[lang="ar"].mobile.portrait .head-content.api,
html[lang="pt"].mobile.portrait .head-content.api,
html[lang="dk"].mobile.portrait .head-content.api{height:90px;}
html[lang="pt"].mobile.portrait .head-content.api h1,
html[lang="dk"].mobile.portrait .head-content.api h1{line-height:20px;font-size:18px;}

.mobile.portrait .promo-top h2,
.mobile.portrait .promo-top .text{font-size:5vw;line-height:1;margin-bottom: 3%;}

/*#promo-timer{border-radius:5px;width:525px;height:300px;position:absolute;z-index:2;right:10%;top:50%;transform:translateY(-50%);border: 1px solid rgb(255 255 255 / 50%);box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);background: rgb(122 122 122 / 80%);}*/
#promo-timer{
    position:absolute;
    z-index:2;
    right:3%;
    top:50%;
    transform:translateY(-50%);
    width: 450px;
    height: 270px;
    background: rgb(0 0 0 / 75%);
    opacity: 1;
}
.-fs #promo-timer,
.-ld #promo-timer{top:63%;}
#promo-timer .ttl{font-size: 18px;font-weight:bold;}
#promo-timer .txt{font-size: 20px;}

#promo-timer .bg,
#promo-timer .body{position:absolute;top:0;left:0;width:100%;height:100%;}
#promo-timer .bg{z-index:1;background-repeat:no-repeat;background-position: 86% 52%;filter: grayscale(1) blur(10px);opacity: 0.7;}
#promo-timer .body{z-index:2;padding: 30px 10px 10px 10px;text-align: center;color:#fff;text-transform:uppercase;opacity: .5;}

.mobile.portrait #promo-timer .body{opacity:1;padding: 10px;}
/*.mobile.portrait #promo-timer{right:auto;top:auto;left:50%;bottom:20px;transform:translateX(-50%);width:80%;height: 170px;border: 3px solid rgb(255 255 255);}*/
.mobile.portrait #promo-timer{
    right:auto;
    top:auto;
    left:50%;
    bottom:-100px;
    transform:translateX(-50%);
    width: 311.32px;
    height: 115px;
}
.mobile.portrait #promo-timer .ttl{font-size: 14px;}
.mobile.portrait #promo-timer .txt{font-size: 13px;text-transform: initial;}
.mobile.portrait #flipdown{zoom:.6;margin-top: 5px;opacity: .7;}


/**/
.promo-item {
    font-family: Poppins,sans-serif;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding:0px 0px 35px 0px;
    background: #000;
    box-shadow:none;
    box-shadow: 0 5px 13px rgb(50 50 40 / 30%);
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.promo-item a{text-decoration:none;}
.promo-item .text{padding:0 15px;}
html .slide .promo-item .title{color:#010101;font-size: 1.15vw;margin: 20px 10% 20px 10%;}
.promo-list .promo-item .pic{background-size:100% auto;background-position:center top;background-repeat:no-repeat;border-radius:0;display: block;padding-top: 56.25%;background-size: cover;}
.promo-list .promo-item:not(.promo-next) .title {display: block;font-size: 25px;min-height: 75px;text-align: center;}
.promo-item .pflag{border-radius:0;top:-19px;left:-24px;box-shadow: 0 0px 8px rgb(0 0 0 / 30%);width:98px;height:115px;box-shadow:none;overflow: hidden;text-indent: -500px;display: none;}
/*.promo-item .pflag.casino{background:url('images/casino-tag.png') no-repeat;}
.promo-item .pflag.sport{background:url('images/sport-tag.png') no-repeat;}*/
.promo-item .pflag.sport:after{border-color: transparent transparent transparent #009ff9;}
.promo-item .pflag.casino:after{border-color: transparent transparent transparent #ff9100;}

.promo-list .promo-item .foot{text-align: center;display: block;margin-top:35px;}
.promo-list .promo-item .hs-btn{float:none;}

.promo-list .promo-item .hs-btn{
    border-radius:0px;
    font-size: 1vw;
	font-weight: bold;
    line-height: 4vh;
    width:auto;
    padding:0 15px;
    min-width:35%;
    box-shadow: 0 4px 8px rgb(0 0 0 / 30%);
    vertical-align: bottom;
    height: 42px;
}
.promo-list .promo-item .hs-btn.register, .head-btn .hs-btn{
	color:#000;
	background: #bababa;
	background: -moz-linear-gradient(left,  #bababa 0%, #ffffff 33%, #ffffff 67%, #bababa 100%);
	background: -webkit-linear-gradient(left,  #bababa 0%,#ffffff 33%,#ffffff 67%,#bababa 100%);
	background: linear-gradient(to right,  #bababa 0%,#ffffff 33%,#ffffff 67%,#bababa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#bababa',GradientType=1 );
}
.promo-list .promo-item .hs-btn.register, .head-btn .hs-btn.register{
    color: #fff;border:solid 1px #fff42c;background: rgb(204,153,0);background: -moz-linear-gradient(-45deg, rgba(204,153,0,1) 0%, rgba(220,180,45,1) 25%, rgba(255,205,50,1) 50%, rgba(220,180,45,1) 75%, rgba(204,153,0,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);background: linear-gradient(135deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9900', endColorstr='#cc9900',GradientType=1 );
}
.mobile .promo-list .promo-item .hs-btn.register.gold,.mobile .head-btn .hs-btn.gold{
    color: #000;
    border: solid 1px #fff42c;
    background: rgb(204,153,0);
    background: -moz-linear-gradient(-45deg, rgba(204,153,0,1) 0%, rgba(220,180,45,1) 25%, rgba(255,205,50,1) 50%, rgba(220,180,45,1) 75%, rgba(204,153,0,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);
    background: linear-gradient(135deg, rgba(204,153,0,1) 0%,rgba(220,180,45,1) 25%,rgba(255,205,50,1) 50%,rgba(220,180,45,1) 75%,rgba(204,153,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9900', endColorstr='#cc9900',GradientType=1 );
}
.head-btn .hs-btn{ border-radius:0px;border:none;}
.promo-list .promo-item .hs-btn.more{text-transform:initial;color:var(--platinum-light);}
.promo-list .promo-item .hs-btn.more:after{content:'>';margin-left: 3px;position: relative;top: 2px;}

.mobile.portrait .promo-list .promo-item .hs-btn.blue,
.mobile.portrait .promo-list .promo-item .hs-btn.orange{margin-top:20px;}
.mobile.portrait .promo-list .promo-item .hs-btn{font-size:18px!important;width:50%;line-height:42px;}

.promo-list .promo-item .hs-btn.white.outline{border:none;color:var(--gold)!important;width:auto;font-size:1vw;text-transform:initial;box-shadow:none;}
.promo-list .promo-item .hs-btn.white.outline span{text-decoration:underline;}

.promo-list .promo-item .hs-btn.white.outline:after{content:'>';margin-left:4px;position: relative;top:5px;font-size: 26px;}

.promo-page .head-content,.mobile.desktop .promo-page .head-content{height:0px!important;padding:29.16% 0 0 0!important;background-size:100%!important;background-repeat:no-repeat;margin-bottom:0;}

.promo-page .head-content .container{position:absolute;top:0;left:50%;transform:translateX(-50%);}
.promo-page .head-title{position:relative;top:0;transform:none;}

.promo-page .step .icon{display:block;float:left;margin:0 auto;width: 170px;height: 170px;background-position: top center;}
.promo-page .step .step-text{display:block;float:none;margin:0 auto;}
.promo-page .step .step-text h3{margin:30px 0px 5px 0;max-width:none;font-weight: bold;color: #c90;}
.mobile .promo-page .step .step-text h3{color: #000;}
.promo-page h1.page-title{font-size:2.5vw;color:#cc9900;text-align:center;text-transform:uppercase;font-family:Arial;} 
.promo-page .subtitle{font-size: 1.5vw;color:var(--gold);text-align:center;margin-bottom:20px;} 
.promo-head {padding: 75px 0 18px 0;}
.promo-head .text{text-align:center;}
.related-box.promo-slider{margin-top:30px;}

/*.promo-steps{background:#000;}*/

.promo-next{position:relative;background:#fad361;margin: 0;width: 100%;padding:5px;cursor:default;color:#000;}
.promo-next .title{display:block;font-size: 1.15vw;line-height: 1;margin:20px 25px 0px 20px;font-weight: bold;text-transform:uppercase;}
.promo-list .promo-next .pic{position:absolute;width:45%;height:0;right:7%;top:50%;transform:translateY(-50%);padding:45% 0 0 0!important;border-radius:2px;box-shadow:inset 0 0 3px rgba(0,0,0,.5);background-size: 100% 100%;background-repeat: no-repeat;}
.promo-list .promo-next.no-timer .pic{width:50%;padding-top:50%;right:auto;left: 50%;transform: translate(-50%, -50%);}
.promo-next .pic img{width:100%;}
.promo-next .name{position:absolute;width:100%;left:0;bottom:6%;font-weight:bold;padding: 0 25px;font-size: 1.5vw;text-align: center;font-family: arial;line-height: 32px;}
.promo-next .date{display: block;padding: 0 19px;width: 50%;font-size: 1.2vw;line-height: 1;text-transform: initial;}

.mobile .promo-next{overflow:auto;margin:15px;width: 80%;overflow:unset;margin:50px auto 30px auto;border-radius:0;text-align:left;margin-bottom:30px;}
.mobile .promo-next .pic{position:absolute;right:10px;top:10px;}

.promo-top .terms{text-align: center;}

.mobile.portrait .promo-next{min-height:190px;}
.mobile .promo-next .pic{transform:none;height:0;}
.mobile.portrait .promo-next .pic {width: 40%;padding-bottom: 35%;background-size: contain;}
.mobile .promo-item.promo-next .title{position:relative;width:49%;margin: 12px 0px 0 20px;font-size: 18px;line-height: 20px;}
.mobile .promo-next .date{width:55%;font-size:16px;padding:0;white-space:nowrap;margin:5px 0px 20px 20px;}
.mobile.portrait .promo-next .date{font-size:13px;}
.mobile .promo-next .name{width:100%;text-align:center;font-size: 3.5vw;white-space: nowrap;padding: 0;/* barak special request padding + font-size*/}
.mobile.portrait .promo-page h1.page-title{font-size:6.5vw;margin-bottom:20px;}
.mobile.portrait .promo-page .subtitle{font-size:5.5vw;line-height:1.2;}
.mobile .promo-page .crumbs{top:20px;}
.mobile .promo-page .crumbs,.mobile .promo-main .crumbs{font-size:16px;}
.crumbs{font-style: normal;}


.mobile.landscape .promo-next{min-height:235px;}
.mobile.landscape .promo-next .title{font-size:22px;width:50%;}
.mobile.landscape .promo-next .date {font-size:14px;}

.mobile.landscape .promo-next .pic{width:45%;padding-bottom:25%;background-size: 100% auto;}


#next-timer{position:absolute;width:50%;left:-55px;top:50%;transform:translateY(-50%);}
#next-timer .flipdown.flipdown__theme-light .rotor-group-heading:before{color:#000;}
#next-timer .flipdown.flipdown__theme-light .rotor, 
#next-timer .flipdown.flipdown__theme-light .rotor-top, 
#next-timer .flipdown.flipdown__theme-light .rotor-leaf-front{color:#000;background:#f7ce56;}
#next-timer .flipdown .rotor-group{color:#000;background:#f7ce56;box-shadow:inset 0 5px 10px #939393;border-radius: 15px;}
#next-timer .flipdown .rotor-group{border:none;}
#next-timer .flipdown.flipdown__theme-light .rotor:after{border:none;}

#next-timer .flipdown .rotor{margin: 10px 0 10px 0;}

#flipdown-next{transform: scale(0.5);}
.-lg #flipdown-next,
.-mmd #flipdown-next,
.-md #flipdown-next{zoom:.42;}
.-sm #flipdown-next,
.-xs #flipdown-next{zoom:.35;}


.mobile.portrait #next-timer{display:none;}

.mobile.portrait .steps::-webkit-scrollbar{display:none;}

.mobile.portrait .steps {width: 100%;overflow: hidden;overflow-x: hidden;margin: 0 0 30px;padding: 75px 0 0;}
.mobile.portrait .steps .col-md-4 {-ms-flex: 0 0 100%;display: block;max-width: 100%;flex: 0 0 100%;}
.mobile.portrait .steps .col-md-4:not(:last-child) {margin-bottom: 95px;}
.mobile.portrait .steps .row{width:100%;margin: 0;}

.laptop #next-timer{left: 0;}
.laptop .promo-next .title{margin: 38px 25px 10px 9px;}
.laptop .promo-next .name{left:-12px;font-size:1.5vw;}
/*filters switch*/

.switch{
	width: 120px;
}
.mobile.portrait .switch{
	width: 30vw;
}
.switch .slider:before{
    content: attr(data-text);
    font-size: 11px;
    color: #ccc;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 27px;
    width: 60px;
    border-radius: 20px;
    text-align:center;
}
.switch .slider:after{content:'';display:none;}
.switch .slider:before{right: calc(100% - 65px);}
input:checked + .slider:before{color: var(--gold);}

html[lang="dk"][data-tmpl="promo-main-api"] .switch{width:150px;}
html[lang="dk"][data-tmpl="promo-main-api"] .switch .slider:before{font-size: 10px;width: 100px;right: calc(100% - 104px);}
html[lang="dk"][data-tmpl="promo-main-api"] input:checked + .slider:before {right:5px;left:auto;}

.mobile.portrait .promo-list .item-wrap{padding-left: 0;padding-right: 0;}
.mobile.portrait .promo-list .item-wrap .promo-item,
.mobile.portrait .promo-list .item-wrap .promo-item .pic{border-radius: 0;}
.mobile.portrait .promo-list .item-wrap .promo-item .pflag{top: -22px;left: -26px;}

/*Countdown*/
#promo-timer.countdown .body{opacity:1;padding-top:10px;}
#promo-timer.countdown .ttl{color:#ffcc33;font-size:22px;}
.mobile #promo-timer.countdown .ttl{font-size: 16px;}
#promo-timer.countdown .txt{color:#f2f2f2;}


#timer{
    position:relative;
    color:#ffcc33;
    width:330px;
    margin:12px auto;
    display:flex;
}
#timer div {
    position:relative;
    width:75px;
    min-width:fit-content;
    height:125px;
    font-size:3.2em;
    font-weight:bold;
    line-height:1;
    padding:30px 5px; 
    text-align:center;
    background:rgba(255,255,255,0);
    margin:3px;
    border-radius:4px;
    border:3px solid #fff;
    box-shadow:inset 0 0 5px rgba(0,0,0,.3);
    opacity:1;
    font-family: -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    Oxygen-Sans, 
    Ubuntu, 
    Cantarell, 
    "Helvetica Neue", 
    sans-serif;
    letter-spacing:-1px;
}
.laptop #timer{width: 300px;}
.laptop #promo-timer{width: 340px;height: 210px;}
.laptop #promo-timer.countdown .ttl{font-size: 20px;}
.laptop #timer div {width: 65px;height: 84px;padding: 15px 2px;margin: 1px 9px;font-size: 2.4em;}
/*.laptop #promo-timer {
    transform: scale(0.5)translateY(-100%);
    right: 0%;
}*/


#timer span {
    display: block;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    font-size: 20px;
    padding-top:10px;
    letter-spacing:2px;
	color:#fff;
}
.mobile #timer span{top:0;}
.mobile.portrait #timer{margin-top:0;}
.mobile.portrait #timer div{width:65px;height:65px;font-size: 2.2em;padding:20px 2px;}
.mobile.portrait #timer span{font-size:16px;padding-top:4px;}


/* Design Change: */
#leaderboard{padding-bottom: 35px;}
.page-body {display: block;}
.page-body .text{text-align: center;padding-left: 10%;padding-right: 10%;}
.head-btn {position: absolute;width: 100%;text-align: center;bottom: -60px;z-index: 2;}
.head-btn a {display: block;color:#4c4c4c80;font-weight:bold;text-decoration: underline;color:var(--gold);margin-top:10px;}
.promo-page .step {display:flex;}
.promo-page .steps {margin:50px -12% 50px;padding: 0 20% 50px;position:relative;}
.step p{color:#fff;}
.mobile .step p{color:#000;}
.hsc-btn {position: absolute;bottom: -18px;left:50%;transform:translateX(-50%);border-radius:0;color:#000!important;padding: 3px 34px;}

.clp:before{left:unset;right:8px;content:">";font-size: 30px;top:6px;transform: rotate(90deg);}
.clp.collapsed:before {content: ">";transform: rotate(0deg);right: 5px;}
h4.clp{background:#cc9900;text-transform:uppercase;color:white;font-weight: 600;margin-bottom:0;font-size: 22px;padding:1px 10px 0 12px;line-height:42px;}
.mobile h4.clp{font-size:4.3vw;} /* barak special request */
#terms{background: #fad361;padding: 15px;font-weight: bold;font-size: 16px;color:black;}
#terms pre{overflow-x: hidden;white-space: break-spaces;font-family: arial;font-size:16px;font-weight: normal;}


/* Laptop */
.laptop .promo-page .step{width:70%;padding-top: 75px;}
.laptop .step p{padding-bottom: 25px;}

/* Mobile */
.mobile .promo-page .subtitle {font-size: 2.5vw;}
.mobile .promo-page .step {width: 70%;margin: 0 auto 10px;}
.mobile .clp:before {right:5px;}
.mobile .clp.collapsed:before {right:3px;}
html.mobile .promo-page .head-content{
    padding-top: 75%;
}
.mobile .promo-page .head-content{background-size: 100%;}
.mobile .promo-top .hs-btn.btn-lg {
    padding: 0 15px;
    font-size: 28px;
}
html[lang="fr"].-md .step .hsc-btn,
html[lang="es"].-md .step .hsc-btn{font-size:14px;}


.promo-page .step .hsc-btn{width: 70%;}
.promo-next .date,.promo-next .title{
    text-align: center;
}
.promo-next .date{width: 100%;}
.promo-top h2 {margin-top: -2%;font-size: 40px;font-weight: bold;color: #f2c43f;}
.promo-top .hs-btn, .promo-page .promo-list .hs-btn{margin: 7px;}/* barak special request for 7px */

html[lang="pt"] #promo-timer.countdown .ttl {
    font-size: 28px;
}
html[lang="pt"].laptop #promo-timer.countdown .ttl {
    font-size: 21px;
}
html[lang="pt"].mobile #promo-timer.countdown .ttl {
    font-size: 16px;
}
.mobile .promo-top .terms b {
    padding: 10px 0 15px 15px;
}

.mobile .promo-page .step {
    display: block;
    text-align: center;
    background: #ffcc33;
    padding-top: 90px;
    padding-bottom: 15px;
}
.mobile .promo-page .step .icon{float: unset;}
.mobile .promo-page .step .icon {display: block;float: left;margin: 0 auto;width: 170px;height: 170px;background-position: top center;top: -80px;position: absolute;margin: 0 auto;left: 52px;}
.mobile .steps .hsc-btn {
    display: block;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;
    color: #000!important;
    padding: 3px 34px;
    margin-top: 25px;
}
.mobile .head-btn a{color:white;}
.mobile.portrait.iP678p .promo-page .head-content, .mobile.portrait._410 .promo-page .head-content {
    height: 75.604vw!important;
}
.head-content{margin-bottom: 0;}
html[data-page-type="promo"] #main .hs-btn.gold{color:#000}

.main .brief, .main .text{color: var(--platinum-light);}
.promo-item span.text{font-size: 16px;text-align: center;display: block;min-height: 72px;}
.item-wrap {margin-bottom: 15px;}