@font-face{font-family:"SourceSansPro";font-style:normal;font-weight:bold; src:url("https://promo.destinobet.com/fonts/SourceSansPro-Regular.ttf") format("truetype");}

*{box-sizing: border-box}
/*body,html{height:100%}*/
body{background:linear-gradient(45deg,#0e1213,#455257);color:#fff;font-family:'SourceSansPro',Arial,sans-serif;padding:0;margin:0;font-size:1rem}
button{color:inherit;font:inherit;margin:0;line-height:inherit;overflow:visible;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

.flex{display: flex!important;display: -webkit-flex;display: -ms-flex;display: -ms-flexbox;}
.inline-flex{display: -webkit-inline-box!important;display: -webkit-inline-flex!important;display: -ms-inline-flexbox!important;display: inline-flex!important;}
.justify-content-flex-start{-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-flex-end{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-center{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-between{-webkit-box-pack: justify!important;-webkit-justify-content: space-between!important;-ms-flex-pack: justify!important;justify-content: space-between!important;}
.justify-content-around{-webkit-justify-content: space-around!important;-ms-flex-pack: distribute!important;justify-content: space-around!important;}
.align-items-center{-webkit-box-align: center!important;-webkit-align-items: center!important;-ms-flex-align: center!important;align-items: center!important;}
.flex-row{-webkit-box-orient: horizontal!important;-webkit-box-direction: normal!important;-webkit-flex-direction: row!important;-ms-flex-direction: row!important;flex-direction: row!important;}
.flex-column{-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-webkit-flex-direction: column!important;-ms-flex-direction: column!important;flex-direction: column!important;}
.align-items-start{-webkit-box-align: start!important;-webkit-align-items: flex-start!important;-ms-flex-align: start!important;align-items: flex-start!important;}
.align-items-end{-webkit-box-align: end!important;-webkit-align-items: flex-end!important;-ms-flex-align: end!important;align-items: flex-end!important;}
.align-items-stretch{-webkit-box-align: stretch!important;-webkit-align-items: stretch!important;-ms-flex-align: stretch!important;align-items: stretch!important;}
.flex-wrap {-webkit-flex-wrap: wrap!important;-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;}
.flex-nowrap {-webkit-flex-wrap: nowrap!important;-ms-flex-wrap: nowrap!important;flex-wrap: nowrap!important;}

.promo {min-height: 100%;position:relative;}
.promo-close{position:absolute;top:0;right:10px;z-index:200;display:block;text-decoration:none;font-size:40px;font-weight:bold;color:#fff;}
.promo-content {flex: 1;position: relative;text-align:center}
.promo-main{background: url("../../willbetgamebettingsa/image/landpage.jpg") top left no-repeat;background-size:cover;min-height:600px;width:100%;height: 100vh}
.promo-main-content{width: 33.333%;margin: auto}
.promo-header{align-items: center;display: flex}
.promo-logo{background: url('../../willbetgamebettingsa/image/logo.png') no-repeat center;background-size:contain;height:150px;display:block;margin-top:70px;}
.promo-btn {margin-top:70px;text-align: center;font-weight: bold;line-height: 2;border: none;background: #e36d32;color: #fff;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-family: 'Poppins',sans-serif;width: 100%;max-width: 180px;text-decoration: none;display: inline-block;transition: all 0.3s;font-size: 22px;}
.flow img{max-width: 450px;margin: 20px; width: 80%}
.promo-line{background:linear-gradient(to left,#d9472d,#50b14c,#107ba2);height:5px;}

.promo-main.sports{background: url("../../willbetgamebettingsa/image/sports-bg.jpg");background-size:cover;min-height:600px;}
.promo-main.sports .main-body{display: flex; width: 100%;margin: auto;align-items: center}
.promo-main.sports .main-body .left{width: 50%}
.promo-main.sports .main-body .right{width: 50%;position:relative;top: 60px}
.promo-main.sports .promo-banners{right: 20px;}
.promo-main.sports .flow{margin: 30px 0}
.promo-main.sports .flow img{max-width: 600px;}
.promo-main.sports .markets{display: flex; width: fit-content; margin: 10px auto 50px auto}
.promo-main.sports .markets .left-market{width: 300px}
.promo-main.sports .markets .left-market img{width: 300px; margin-top: 0}
.promo-main.sports .markets .right-market{width: 300px;margin-top: 10px;}
.promo-main.sports .markets .right-market .text{font-size: 13px; margin-top: 10px;}
.promo-main-content.sports{width: 300px; margin-top: 30px}
.promo-main-content.sports a.promo-logo{height: 250px;margin: 0}
.promo-main.sports .promo-btn {margin:0;text-align: center;font-weight: bold;line-height: 2;border: none;background: #e36d32;color: #fff;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-family: 'Poppins',sans-serif;width: 100%;max-width: 250px;text-decoration: none;display: inline-block;transition: all 0.3s;font-size: 36px;}

.promo-main.casino{background: url("../../willbetgamebettingsa/image/casino-bg1.jpg");background-size:cover;min-height:600px;}
.promo-main.casino .main-body{display: flex; width: 100%;margin: auto;align-items: center}
.promo-main.casino .main-body .left{width: 50%}
.promo-main.casino .main-body .right{width: 50%;position:relative;top: 60px}
.promo-main.casino .promo-banners{right: 20px;}
.promo-main.casino .flow{margin: 30px 0}
.promo-main.casino .flow img{max-width: 600px;}
.promo-main.casino .markets{display: flex; width: fit-content; margin: 10px auto 50px auto}
.promo-main.casino .markets .left-market{width: 300px}
.promo-main.casino .markets .left-market img{width: 300px; margin-top: 0}
.promo-main.casino .markets .right-market{width: 300px;margin-top: 10px;}
.promo-main.casino .markets .right-market .text{font-size: 13px; margin-top: 10px;}
.promo-main-content.casino{width: 300px; margin-top: 30px}
.promo-main-content.casino a.promo-logo{height: 250px;margin: 0}
.promo-main.casino .promo-btn {margin:0;text-align: center;font-weight: bold;line-height: 2;border: none;background: #e36d32;color: #fff;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-family: 'Poppins',sans-serif;width: 100%;max-width: 250px;text-decoration: none;display: inline-block;transition: all 0.3s;font-size: 36px;}


.promo-bonus{width:100%;position:relative;}
.promo-bonus.products{max-width: 25vw}
.promo-scroll{overflow:hidden;position:absolute;top:0;left:0;bottom:0;right:0;}
.promo-scroll ul{padding:0;margin:0;position:relative;}
.promo-scroll li{padding:0;margin:0;list-style-type: none;position:absolute;}

.promo-foot {color: #feffff;position:relative;padding:20px 2rem;z-index:10;}
.promo-licence{width:55%;float:left;}
.promo-licence img{height:50px;margin-bottom:20px;}
.promo-info{font-size:12px; display: flex}
.promo-info img{margin-bottom:10px;text-align: center }
.promo-payments{width:45%;float:left;text-align:center}
.promo-payments img{display:inline-block;vertical-align:middle;margin:3px;height:40px;}
.promo .easy{padding: 10px;}

.promo-licence.sports{width:40%;float:left;}
.promo-payments.sports{width:40%;float:left;text-align:center}
.line.sports{width: 20%; border-bottom: 1px solid; position: relative;bottom:20px}
.promo-info.sports{width: fit-content;margin: auto}

.promo-licence.casino{width:40%;float:left;}
.promo-payments.casino{width:40%;float:left;text-align:center}
.line.casino{width: 20%; border-bottom: 1px solid; position: relative;bottom:20px}
.promo-info.casino{width: fit-content;margin: auto}


.promo-nav{position:absolute;top:50%;left:2rem;right:2rem;margin-top:-10px;z-index:20}
.promo-nav-btn{width:56px;height:56px;background:#247c9a no-repeat center;border-radius:50%;position:absolute;border:none;transition:all 0.3s}

.promo-banners{width:70%;position:relative;height:270px;margin:auto}

.promo-slider {width:100%;display: flex;align-items: center;flex-direction: column;justify-content: center;overflow:hidden;}
.promo-bonus {position: absolute;width: 100%;max-width:500px;}
.promo-bonus img{position: absolute;z-index:5;width: 100%;max-width:500px;transform:translateX(-50%);    box-shadow: 1px 1px 15px rgb(255 255 255);background: #ffffff61;}
.promo-bonus img.show{z-index: 10;}
.promo-bonus img.prev{transform: translateX(-100%) scale(.9);opacity: 0.5;z-index: 9;}
.promo-bonus img.next{transform: translateX(0%) scale(.9);opacity: 0.5;z-index: 9;}
.promo-bonus img.prev2{transform: translateX(-150%) scale(.7);opacity: 0.3;z-index: 8;}
.promo-bonus img.next2{transform: translateX(50%) scale(.7);opacity: 0.3;z-index: 8;}
.promo-bonus img .ng-enter{transition:all 0.4s;}
.dots{width:fit-content;display: flex;margin: auto}
.dot1, .dot2, .dot3, .dot4, .dot5{border: 1px solid #fff; border-radius: 50%;width:10px; height: 10px;background: #fff; margin: 0 7px; cursor: pointer; }
.active-dot{background: #dcf350!important;}
.language{position: absolute; top: 0; right:20px; z-index: 999999999999999999}
.language-dropdown {background-color: #fff; padding:10px; width: 100px;text-align: center;display: none}
.language-link.active {display: none;}
.button{ padding: 5px 10px;text-align: center;min-width: 90px;margin: 5px;cursor: pointer;position: relative;text-transform:uppercase;}
.dropdown {display: block!important;}
.button:after {display: inline-block;width: 0;color:#93b94e;height: 0;margin-left: 4px;vertical-align: middle;content: "";border-top: 7px solid;border-right: 7px solid transparent;border-left: 7px solid transparent;}
a.language-link{text-decoration: none;color: #0e1213;}
a.language-link:hover{background: #e36d32; color: #feffff}
span.col{padding: 5px}
::-webkit-scrollbar-thumb {width: 0;height: 0;border-radius: 0;display: none;background-color: #113c45;}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
    .promo-banners {width: 100%;position: relative;height: 270px;margin: auto;overflow: hidden;}
    .right .promo-banners {height: 15vw}
    .line.sports {width: 10%}
    .line.casino {width: 10%}
    .promo-licence.sports {width: 45%;}
    .promo-licence.casino {width: 45%;}
    .promo-payments.sports {width: 45%;}
    .promo-payments.casino {width: 45%;}
}
@media screen and (min-width: 1024px) and (max-width: 1550px){
    .promo-header{width: 95%;margin: auto}
}
@media screen and (min-width: 720px) and (max-width: 1024px){
    .promo-banners {height: 270px;}
}
@media screen and (max-width: 720px){
    .promo-banners {height: 40vw;}
}
@media (max-width:1024px){
    .flex{display: block}
    .promo-main-content{left:100px;}
    .promo-main{height:100%}
    .promo-header{align-items: center;display: block}
    .promo-logo{margin: 0 auto;}
    .promo-btn{margin: 0}
    .promo-foot{padding:1rem;}
    .promo-licence{padding-left:0;}
    .promo.promo-banners{width: 80%;}
    .promo-bonus.products{max-width: 400px}
    .promo-bonus img.prev{transform: translateX(-60%) scale(.9);opacity: 0.5;z-index: 9;}
    .promo-bonus img.next{transform: translateX(-40%) scale(.9);opacity: 0.5;z-index: 9;}
    .promo-bonus img.prev2{transform: translateX(-75%) scale(.7);opacity: 0.3;z-index: 8;}
    .promo-bonus img.next2{transform: translateX(-25%) scale(.7);opacity: 0.3;z-index: 8;}
    .promo-info{font-size:12px; display: flex; flex-wrap: wrap;justify-content: center}
    .promo-main.sports{background-position: center center}
    .promo-main.sports .main-body{display: block}
    .promo-main-content.sports{width: 200px;}
    .promo-main-content.sports a.promo-logo{height: 100px;}
    .promo-main.sports .main-body .left{width: 100%}
    .promo-main.sports .main-body .right{width: 100%}
    .promo-main.sports .markets{width: 100%; display: block}
    .promo-main.sports .markets .left-market{width: 100%}
    .promo-main.sports .markets .right-market{width: 80%;margin: 10px auto}
    .promo-main.sports .markets .left-market img{width: 80%}
    .promo-main.sports .promo-btn{font-size: 18px}
    .promo-licence.sports{width: 100%}
    .promo-payments.sports{width: 100%}
    .promo-main.sports .promo-banners{right: 0}
    .promo-main.sports .main-body .right{top: 0}
    .line.sports{width: 0}
    .promo-main.sports .flow img {margin: auto; width: 80%;}

    .promo-main.casino{background-position: center center}
    .promo-main.casino .main-body{display: block}
    .promo-main-content.casino{width: 200px;}
    .promo-main-content.casino a.promo-logo{height: 100px;}
    .promo-main.casino .main-body .left{width: 100%}
    .promo-main.casino .main-body .right{width: 100%}
    .promo-main.casino .markets{width: 100%;display: block}
    .promo-main.casino .markets .left-market{width: 100% }
    .promo-main.casino .markets .right-market{width: 80%;margin: 10px auto}
    .promo-main.casino .markets .left-market img{width: 80%;margin: auto}
    .promo-main.casino .promo-btn{font-size: 18px}
    .promo-licence.casino{width: 100%}
    .promo-payments.casino{width: 100%}
    .promo-main.casino .promo-banners{right: 0}
    .promo-main.casino .main-body .right{top: 0}
    .promo-main.casino .flow img {margin: auto; width: 80%;}
    .line.casino{width: 0}

}
@media (max-width:900px){
    .promo-main{background-size:cover;}
    .promo-main-content{position: relative;left: auto;text-align:center;width: 200px}
    .promo-logo{margin: 0 auto;}
    .promo-foot{flex-direction: column-reverse;}
    .promo-licence,.promo-payments{width:100%}
    .promo-licence{padding-left:0;text-align: center;margin-top:30px;}
    .promo .easy{width: 33%}
}
@media (max-width:576px){
    .promo .easy{width: 50%}
}