.step{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	padding-bottom: 2%
}

.marquee {
    background: #f2f2f2;
    padding: 0.5%;
	    display: flex;
}

.marquee-container{
	background: white;
	border-radius: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.marquee-speaker {
    width: 2%;
    left: 9%;
    position: relative;
    text-align: center;
}

.marquee-speaker img{
	width: 65%;
}

.agent-background{
	background: #000c11
}
.agent-intro{
	text-align: center;
	width: 85%;
	margin-left: auto;
	margin-right: auto
}
.agent-intro h1{
	color: #08C1FF;
	margin: 0;
	padding-top: 3%;
	padding-bottom: 3%;
}

.agent-intro .four-points{
	width: 65%;
	margin-left: auto;
	margin-right: auto
}

.agent-flow-container{
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-bottom: 5%
}

.pdf-background{
	background: url("../images/agent/pdf.png");
	background-size: cover;
}

.pdf-container{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
}

.pdf-container h1{
	margin: 0;
	color: white
}

.pdf-frame {
    background: white;
    border-radius: 25px;
    padding: 5%;
    border: 5px solid #08C1FF;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 2%;
	height: 50vh
}

.pdf-content{
	color: white;
	width: 35%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 2%;
}

.pdf-button{
	background: #55BEFF;
    border-radius: 20px;
    color: white;
    padding: 1%;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
	border: 3px solid white
}
.pdf-button p{
	margin: 0;
	font-size: 20pt;
}

.download-content{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center
}
.intro-video-container{
	text-align: center
}

.intro-video-container h1{
	color: #08C1FF;
	margin: 0;
	padding-top: 3%;
}

.intro-video-container h3{
	color: #fff;
	margin: 0;
	padding-bottom: 3%;
}

.promotion-container{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 3%
}

.promotion-container .promotion-content{
	padding-bottom: 3%
}

.promotion-content img{
	width: 100%
}

.content-box{
	background: #F3F3F3;
	height: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5%
}

.content-box .button-box{
	display: flex;
	width: 75%;
	padding-top: 10%;
}

.button-box p{
	margin: 0;
	color: white;
	font-size: 16pt;
}

.button-box .read-more{
	background:#08C1FF;
	padding:1%;
	width: 100%;
	margin-right: 3%;
	text-align: center;
	border-radius: 10px
}

.button-box .claim-now{
	background:#F29100;
	padding:1%;
	width: 100%;
	margin-right: 3%;
	text-align: center;
	border-radius: 10px
}

.contact-container{
	padding-top: 3%;
	padding-bottom: 3%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.contact-container p{
	text-align: center;
	color: #848484
}

.contact-container .contact-detials{
	text-align: center
}

.contact-container .contact-detials img{
	width: 70%;
	text-align: center
}

.contact-detials{
	width: 45%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 3%
}


.contact-detials .telegram{
	text-align: center
}

.contact-detials .email{
	text-align: center
}

.contact-icon-content{
	padding-top: 5%
}

.game-container{
	width: 85%;
	padding-top: 5%;
	margin-left: auto;
	margin-right: auto;
}

.game-content {
    padding: 5%;
    background: #E8E8E8;
    margin-bottom: 20%;
    height: 40%;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.game-content p{
	color: #9E9E9E;
	font-size: 12pt;
	text-align: center;
	height: 65%;
}

.game-content .game-download{
	background: #55BEFF;
	border-radius: 20px;
	color: white;
	padding: 3%;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}
.game-download p{
	margin:0;
	color: white;
	font-size: 12pt;
}

footer{
	background: #06161B;
	padding: 3%;
}

.footer-container{
	width: 85%;
	margin-left: auto;
	margin-right: auto
}

.footer-container h3{
	font-size: 13pt;
	color: #55BEFF
}

.footer-container p{
	font-size: 10pt;
	color: #fff
}

.padding-right{
	padding-right: 2% !important;
	padding-left: 1% !important;
	padding-bottom: 2% 
}

.footer-intro{
	text-align: center;
	padding-top: 5%
}

.copy-right{
	text-align: center;
	padding-top: 3%
}

.media-container{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 3%;
}

.promotion-container h1 {
    text-align: left;
    font-family: 'Avenir Next Cyr';
    color: #5dd0f9;
    font-size: 2.5vw;
}

.sport-live iframe{
	width: 100% !important;
	height: 100vh
}
.login-button{
	color: #005883;
	padding: 5%
}
.register-button{
	background: #58C2F8;
	border: 1px solid white;
	border-radius: 10px;
	text-align: center;
	color: white;
	padding: 5%
	
}


	.mobile-show{
		display: none
	}

.content-container{
	padding-top: 3%;
	padding-bottom: 3%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.content-container h1{
	text-align: center;
	font-family: 'Avenir Next Cyr';
	color: #5dd0f9;
	font-size: 2.5vw;
}

.content-container h3{
	text-align: center;
	font-size: 1.2vw;
	padding-top: 1%
}

.download-image{
	width: 35%;
}

.download-image img{
	padding-bottom: 3%
}

.download-container h1{
	color: #66CFFA;
	font-weight: bold;
	padding-bottom: 2%;
	padding-top: 6%
}

.download-container h2{
	color: #161541;
	padding-bottom: 2%
}

.download-container h3{
	font-size: 16pt;
	color: #AAAAAA;
	padding-bottom: 2%
}

.download-intro img{
	padding-bottom: 5%
}
/* Mobile Portrait*/
@media screen and (orientation:portrait) {
.download-image {
    width: 70%;
}
.promotion-container h1 {
    text-align: left;
    font-family: 'Avenir Next Cyr';
    color: #5dd0f9;
    font-size: 5.5vw;
}
.content-container h1 {
    text-align: center;
    font-family: 'Avenir Next Cyr';
    color: #5dd0f9;
    font-size: 7.5vw;
}
.content-container h3 {
    text-align: center;
    font-size: 3.2vw;
    padding-top: 1%;
}
.content-container {
    padding-top: 3%;
    padding-bottom: 3%;
    width: 93%;
    margin-left: auto;
    margin-right: auto;
}
	.download-container{
		    padding-top: 5%;
	}
.download-container h1 {
    color: #66CFFA;
    font-weight: bold;
    padding-bottom: 2%;
    padding-top: 6%;
    font-size: 12pt;
}
.download-container h2 {
    color: #161541;
    padding-bottom: 2%;
    font-size: 10pt;
}
.download-container h3 {
    font-size: 8pt;
    color: #AAAAAA;
    padding-bottom: 2%;
}
.step {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    padding-bottom: 2%;
}
.promotion-container {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    padding-bottom: 3%;
}
.media-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    padding-bottom: 3%;
}
	.pdf-frame {
    background: white;
    border-radius: 25px;
    padding: 5%;
    border: 5px solid #08C1FF;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    height: 50vh;
}
	.pdf-content {
    color: white;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

	.pdf-button {
    background: #55BEFF;
    border-radius: 20px;
    color: white;
    padding: 1%;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid white;
}
	.login-button{
		background: white;
		text-align: center
	}
	.button-container{
		background: #58C2F8;
		        margin-top: 24%;
	}
	.image-container{
		margin-top: 0 
	}
.register-button {
    background: none;
    border: 0px solid white;
    border-radius: 10px;
    text-align: center;
    color: white;
    padding: 5%;
}
.desktop-show{
	display: none
}
	
	.mobile-show{
		display: block
	}
.game-container {
    width: 85%;
    padding-top: 5%;
    padding-bottom: 15%;
    margin-left: auto;
    margin-right: auto;
}
	
}
/* Mobile Portrait*/

/* Mobile Landscape*/
@media only screen and (max-width: 768px) and (orientation: landscape) {
	
}
/* Mobile Landscape*/

/* owl */

.owl-item .item h1{
	font-family: 'Articulat CF';
	font-weight: bold;
	font-size: 24pt;
	padding-top: 3%;
	color: #084d65
}

.owl-item .item h2{
	font-family: 'Articulat CF';
	font-size: 10pt;
	padding-top: 0%;
	color: #999999
}

.owl-item .item .read-more{

	background: #5ed0f9;
	padding: 1%;
	border-radius: 10px;
	color: white;
	margin-top: 3%;
	width: 25%;
	text-align: center
}

.owl-item .item .read-more p{
	margin:0;
	font-family: 'Articulat CF';
	font-size: 12pt;
	text-align: center
}

.owl-item .item  a{
	text-decoration: none !important
}

.owl-carousel-1 .item{
	text-align: center
}

.owl-carousel-1 .item h1 {
    font-family: 'Articulat CF';
    font-weight: bold;
    font-size: 15pt;
    padding-top: 3%;
    color: #084d65;
}

.owl-nav .owl-prev {
  position: absolute;
  top: calc(45% - 25px);
  left: -2%;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
  color: #e77817 !important
}
.owl-nav .owl-next {
  position: absolute;
  top: calc(45% - 25px);
  right: -2%;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
	color: #e77817 !important
}
.owl-dots {
  text-align: center;
	padding-top: 3%
}
.owl-dots .owl-dot {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: none;
  border:1px solid #5dd0f9;
  margin-left: 3px;
  margin-right: 3px;
  outline: none;
}

.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    padding: 0 !important;
    font: inherit;
	border: 2px solid #5dd0f9 !important;
}
.owl-dots .owl-dot.active {
  background: #5dd0f9 !important;
}


.owl-carousel-1 button.owl-dot {
    background: 0 0;
    color: inherit;
    padding: 0 !important;
    font: inherit;
	border: 2px solid #5dd0f9 !important;
}
/* owl */

/* Owl Carousel Nav */
.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  background: url("../images/left.png") no-repeat scroll 0 0;
  left: -33px;
}
.owl-carousel .next-slide{
  background: url("../images/right.png") no-repeat scroll -24px 0px;
  right: -33px;
}
.owl-carousel .prev-slide:hover{
 background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
background-position: -24px -53px;
} 

.owl-item .item{
	background: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0
}
/* Owl Carousel Nav */