* { margin: 0px; padding: 0px; border: none; outline: none; }
a { text-decoration: none; }
div:after, div:before, ul:after, ul:before { clear: both; content: ""; display: table }
li:after, li:before { clear: both; display: table }
ul { list-style: none }
body { font-size: 15px; color: #444; font-weight: 400; font-family: 'Poppins', sans-serif; background: #000; }
img { max-width:100%; }
body { background: #122516; }

header { background: #D5F00D; padding:13px 0 13px 0; }
header .header {  max-width: 1070px; margin: auto;  }
header .header .logo { float: left; }
header .header .register { float:right;}
header .header .register img { max-height:32px; }


.promotionWrap { display: flex;   background: url("images/bg.png") no-repeat top center; background-size:cover; position: relative; }
.promotionWrap .terms { position: absolute; right: 20px; bottom:20px; }
.promotionWrap .promoBox { max-width:90%; margin: auto;  }
.promotionWrap .promoContent { float: right; width:48%; padding-top:60px; text-align: center; }
.promotionWrap .promoContent img { max-width:90%; }
.promotionWrap .promoContent .btn { margin:30px 0; display: block;}
.promotionWrap .promoContent .btn img { max-width:100%; }
.promotionWrap .promoimage { float: left; width:48%; }
.promotionWrap .promoimage img { max-width:90%; }




.bonusBox { background: #122516; text-align: center; padding:40px 0; }
.bonusBox img { margin: auto; }
.bonusBox .bonusPoints { margin-top: 25px; }
.bonusBox .bonusPoints img {margin: 0 20px; display: inline-block; }



.QueBox {text-align: center; padding:20px 0 50px 0;  }
.QueBox .QuePoints { max-width:1270px; margin: auto; display: flex; margin-top: 20px;}
.QueBox .QuePoints li { width:22%; text-align: center; float: left; margin: 0.5% 1%; border: solid 2px #d5f00d; border-radius: 8px; }
.QueBox .QuePoints li:hover .OnHover { display: block   ; }
.QueBox .QuePoints li:hover .plane { display:none   ; }
.QueBox .QuePoints li .OnHover { display: none; }
.QueBox .QuePoints li:hover { background: #d5f00d; }
.QueBox img { margin: auto;  }


.register-btn { margin: auto; max-width:55%; margin-top:20px; }


.paymentOptions { padding:25px 0 20px 0; text-align: center; background:#101419; }
.paymentOptions img { margin: auto;}



footer { text-align: center; padding:  0px 0 12px 0; border-top: solid 1px #ffffff30; background:#101419;  }
footer img { display: inline-block;  }
.disclamer { text-align: center; padding: 18px 0 12px 0; margin-bottom: 15px; border-bottom: solid 1px #ffffff30; }


.branding {  background: #122516; padding: 50px 15px; display: flex; }
.branding img {  height: auto;}
.branding .headding { margin-right:1.5%;max-width:17%; }
.branding .logos { margin-right:1.5%; max-width:28%;}
.BrandingSlider { max-width: 48% !important; float: right; border-left: solid 2px #fff; padding-left:1.5%; }
.BrandingSlider .owl-dots { position: absolute; margin: 0; right:15px; bottom: 15px; }
.BrandingSlider .owl-dot span { margin: 0; }
.BrandingSlider .owl-dots.disabled, .BrandingSlider .owl-nav.disabled { display: none; }


.mobile { display: none; }


.owl-carousel,
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel { display: none; width: 100%; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }
/* .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } */
.no-js .owl-carousel,
.owl-carousel.owl-loaded { display: block; }
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; }
.owl-carousel .owl-nav button.owl-prev { display: none !important; width: 40px; height: 40px; position: absolute; border-radius: 50%; top: -82px; right: 50px; z-index: 1; outline: none; }
.owl-carousel .owl-nav button.owl-next { font-size: 34px; color: #4c4b6c; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width:20px; right: 0px; height: 40px; position: absolute; top:15px; z-index: 1; outline: none; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}

.owl-height { transition: height 0.5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; }
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav { margin-top: 10px; }
.owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d1d1d1; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-theme .owl-nav [class*="owl-"]:hover { background: #D5F00D; text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; margin-left: 5px; }
.owl-theme .owl-dots .owl-dot span { width:30px; height:30px; border: solid 3px #fff;  background:none; display: inline-block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius:100px; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #fff; }



@media screen and (max-width: 800px) {
    .promotionWrap { background: url("images/mobile-bg.png") no-repeat top center; display: inherit;}
    .promotionWrap .promoContent .btn img { max-width:95%; }
    .promotionWrap .promoBox { max-width:100%; }
    .promotionWrap .promoContent { width: auto; float: none; text-align: center; padding: 0; margin:30px 0 10px 0; }
    .promotionWrap .promoContent .btn { width: 80%; margin:20px auto; }
    .promotionWrap .promoimage { width: auto; float: none; text-align: center; }
    .promotionWrap .promoimage img { width:100%; margin: auto; }
    .promotionWrap .terms {  bottom:150px; right: 10px; }
    .desktop { display: none; }
    .mobile { display: block; margin: auto; }
    .bonusBox img { max-width:90%; }
    .bonusBox .bonusPoints img { margin:15px; }
    header  {padding: 13px;}
    .branding { padding: 30px 15px; display: block; }
    .branding .headding { display: block; max-width: 100%; }
    .branding .logos { display: block; max-width: 100%; margin:20px 0; }
    .BrandingSlider  { max-width:100% !important; padding-left: 0; border-left: none; border-top: solid 1px #fff; padding-top: 20px; }
    .owl-carousel .owl-nav button.owl-next { top: 45px; }
    .QueBox { padding:20px 0; }
    .QueBox .image { max-width: 90%; }
    .QueBox .QuePoints { display: inherit; margin: 20px; }
    .QueBox .QuePoints li { width:46%; margin: 1%;}
    .footerLogo { text-align: center; }
}