@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:700&display=swap');


@font-face {
    font-family: 'futura_bdcn_btbold';
    src: url('../fonts/futura_bold_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_bold_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('../fonts/futura_heavy_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_heavy_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* CSS Document */


.wrapper{ width:100%;}
.banner_img{width:100%;} 
.banner_img img{width:100%;}
.head_para{background-image:url(images/hedaing.jpg)}
.head_sec{
color:#ffffff; font-weight:bold; font-size:40px; font-family: 'futura_bdcn_btbold';
text-align:center; margin:0;
}




.welcome{ width:100%; padding:10px 0; background:#fff;}
.welcome_three{ width:100%; padding:10px 0; background:#fff;}
.images_holder{ background:url(../images/icon_1.jpg) no-repeat top left; width:100%; padding: 395px 0 35px;}
.text_holder h1{ font-family: 'Open Sans', sans-serif;font-weight:700; color:#e64037; font-size:40px; text-transform:uppercase;margin-left:28px;}
.text_holder span{ color:#d94c4f;}
.text_holder p{font-family: 'Open Sans', sans-serif;font-weight:400; color:#221e1f; font-size:20px; line-height:30px; margin:0;}
.text_holder{position: absolute;right: 0;padding-right: -86px;margin-right: -158px;top: -259px;}
.mid_body{ width:100%; padding:10px 0; background:#fff;}
.text_one{margin-top:136px;position: absolute;width: 602px;}
.text_one h1{ font-family: 'Open Sans', sans-serif;font-weight:800; color:#e64037; font-size:50px; text-transform:uppercase; margin:0; }

.text_one p{font-family: 'Open Sans', sans-serif;font-weight:600; color:#000; font-size:30px; line-height:30px; margin:0 0 16px;text-align:center;}

.text_two{margin-top:136px;width: 602px;}
.text_two h1{ font-family: 'Open Sans', sans-serif;font-weight:800; color:#e64037; font-size:50px; text-transform:uppercase; margin:0; }
.text_two p{font-family: 'Open Sans', sans-serif;font-weight:600; color:#000; font-size:30px; line-height:30px; margin:0 0 16px;text-align:center;}

/*.im img{ width:100%;}*/

.im{ margin: -158px 0 0 0px;}
.welcome_two{ width:100%; padding:50px 0 0 0;}
.img_tre{ width:548px; float:left;}
.text_trre{width: 551px;float: right;position: absolute;right: 69px;margin: 101px 0 0 0;}
.text_trre h1{font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 30px;margin: 0;color: #000; text-align:center;}
.text_trre h2{font-family: 'Open Sans', sans-serif;font-weight: 800;color: #e64037;font-size: 50px;text-transform: uppercase;margin: 15px 0 0 0; text-align:center;}


.step4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin: 29px 0 0 0;
    color: #525252;
    padding: 0 0 0 12px;
}

.imione{ margin: -49px 0 0 0px;}

.entry
{
	position: absolute;
	display: block;
	top: 30px;
	right: 30px;
}

.entry a
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
}


.entry-btn
{
	/* box-shadow: 0px 0px 30px 2px rgba(231,83,75,1); */
	background-color: #e33f36;
	border: none;
	cursor: pointer;
	border-radius: 15px;
	color: #fff;
	padding: 8px 20px;
	border: 2px solid #000;
	outline: 0 !important;
}


.banner_body
{
	position: absolute;
	top: 410px;
	left: 294px;
}


.bringer
{
	position: inherit;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	border: 2px solid #000;
	display: inline-block;
	margin: auto 10px auto auto;
	text-align: center;
	width: 190px;
	border-radius: 15px;
	height: 100px;
	padding: 7px;
}


.bri_one
{
	background-color: #414144;
}


.bri_two
{
	background-color: #e33f36;
}


.bringer h1
{
	text-align: center;
}


.bringer img
{
    height: 38px;
    margin-top: 5px;
}


.bringer .value
{
    font-size: 43px;
    display: block;
}


.play_final iframe
{
	border: 4px solid #000;
}

.isi
{
	margin: -50px auto -50px;
}


.images_three{ background:url(../images/icon_3_new.png) no-repeat top left; width:100%; padding: 395px 0 35px;}
.text_three h1{ font-family: 'Open Sans', sans-serif;font-weight:700; color:#e64037; font-size:40px; text-transform:uppercase;margin-left:28px;}
.text_three span{ color:#d94c4f;}
.text_three p{font-family: 'Open Sans', sans-serif;font-weight:400; color:#221e1f; font-size:20px; line-height:30px; margin:0;text-align:center;}
.text_three{position: absolute;right: 0;padding-right: -86px;margin-right: -226px;
top: -243px;}
.mid_four{ width:100%; padding:0px 0; background:#fff;}

.text_four{margin-top:240px;}
.text_four h1{ font-family: 'Open Sans', sans-serif;font-weight:700; color:#e64037; font-size:36px; text-transform:uppercase; }
.text_four span{ color:#d94c4f;}
.text_four p{font-family: 'Open Sans', sans-serif;font-weight:400; color:#221e1f; font-size:20px; line-height:30px; margin:0;text-align:center;}
.imid img{ width:100%;}
.play{
	margin: 0 auto 100px auto ;
text-align: center;
	
}
.final{margin-top:50px;}
.play_final{margin: 0 auto;
display: block;
text-align: center;
margin-bottom:50px;
}
.play_final img{width:100%;}
.footer_holder{
	background-color:#231f20;
	width: 100%;
    padding-top: 53px;
	text-align:center;
	}
	.footer_term{margin-top:30px;
	margin-bottom:30px;}
	.footer_term h2{color:#cbcbcb;font-size:22px;text-align:center;font-family: 'Open Sans', sans-serif;margin-bottom:30px;}
	.footer_term p{color:#cbcbcb;font-size:15px;text-align:center;font-family: 'Open Sans', sans-serif;}
	
	.footer_next{
		background-color:#000000;
	}
	.footer_term p{color:#cbcbcb;font-size:14px;text-align:center;font-family: 'Open Sans', sans-serif;}
	
	.head_para{ background:#5bbfe7; padding:9px 20px;}
	
.step{font-family: 'Open Sans', sans-serif; font-size:18px; margin:29px 0 0 0; color:#525252; padding:0 0 0 86px;}	
.img_one{width: 667px;height: 413px;margin: -38px 0 0 79px; float:left;}	
.img_onetext{ width: 512px;float: right;padding: 15px;position: absolute;right: 0;margin: 128px 0 0 0;}
.img_onetext h1{ font-family:'Open Sans', sans-serif; font-weight:600; font-size:30px; margin:0; color:#000;}	
.img_onetext h2{ font-family:'Open Sans', sans-serif; font-weight:800; font-size:60px; margin:0; color:#e64037; text-align:center;}	

.steptwo{font-family: 'Open Sans', sans-serif; font-size:18px; margin: -59px 385px 0 0; color:#525252; padding:0 0 0 86px; position:absolute;right:0;}
.stepthree{font-family: 'Open Sans', sans-serif; font-size:18px; margin: -25px 385px 0 0; color:#525252; padding:0 0 0 86px; position:absolute;right:0;}


@media(max-width:1920px){
.im25{ display:none;}
.imioneyut{ display:none;}
.entry{top: 60px; right: 60px;}
.entry a{font-size: 18px;}
.banner_body{top: 590px; left: 464px;}
.bringer{font-size: 24px; border: 3px solid #000; margin: auto 16px auto auto; width: 234px; height: 134px; padding: 8px;}
.bringer .value{font-size: 54px;}
.isi{ height: 440px; }
.play_final iframe{ width: 1130px; height: 636px; }
}


@media(max-width:1440px){
.banner_body{top: 440px; left: 312px;}
.bringer{font-size: 20px; border: 2px solid #000; margin: auto 16px auto auto; width: 200px; height: 116px; padding: 6px;}
.bringer .value{font-size: 46px;}
.isi{ height: 440px; }
.play_final iframe{ width: 1130px; height: 636px; }
}


@media(max-width:1366px){
.banner_body{top: 410px; left: 294px;}
.bringer{font-size: 17px; border: 2px solid #000; margin: auto 10px auto auto; width: 190px; height: 100px; padding: 7px;}
.bringer .value{font-size: 43px;}
.isi{ height: 440px; }
.play_final iframe{ width: 1100px; height: 619px; }
}


@media(max-width:1080px){
.banner_body{top: 330px; left: 180px;}
.bringer{font-size: 15px; margin: auto 9px auto auto; width: 180px; height: 95px; padding: 7px;}
.bringer .value{font-size: 40px;}
.play_final iframe{ width: 886px; height: 499px; }
}


	
@media(max-width:1024px){

.head_sec{font-size: 31px;}
.img_one{width: 599px;}
.img_one img{ width:100%;}
.img_onetext{margin: 120px 0 0 0;}
.im img{ width:100%;}
.text_one{margin-top: 63px;}	
.text_one h1{font-size: 41px;text-align: center;}
.text_trre{ width:422px;font-size: 43px;margin: 141px 0 0 0;}
.imione img{ width:100%;}
.entry{top: 30px; right: 36px;}
.entry a{font-size: 18px;}
.entry-btn{padding: 6px 16px;border: 2px solid #000;}
.banner_body{top: 312px; left: 217px;}
.bringer{font-size: 16px; margin: auto 9px auto auto; width: 150px; height: 85px; padding: 6px;}
.bringer .value{font-size: 34px;}
.isi{ height: 400px; }
.play_final iframe{ width: 900px; height: 506px; }
}

@media(max-width:768px){

.head_sec{font-size: 20px;}
.img_one{width: 599px; margin:0;}
.img_one img{ width:75%;}
.img_onetext{margin: 120px 0 0 0;width: 420px;}
.img_onetext h1{font-size: 24px;}
.img_onetext h2{font-size: 45px;}
.im img{ width:100%;}
.text_one{margin-top: 60px;}	
.text_one h1{font-size: 32px;text-align: center;}
.text_trre{ width:297px;font-size: 43px;margin: 127px 0 0 0;}
.imione img{ width:100%;}
.steptwo{margin: -101px 261px 0 0;}
.img_one{height: 352px;}
.text_one{width: 424px;}
.text_one p{font-size: 23px;}
.img_tre img{ width:75%;}
.text_trre h1{font-size: 22px;}
.text_trre h2{font-size: 30px;}
.entry{top: 24px; right: 30px;}
.entry a{font-size: 14px;}
.entry-btn{padding: 5px 10px;border: 2px solid #000;}
.banner_body{top: 232px; left: 171px;}
.bringer{font-size: 12px; margin: auto 8px auto auto; width: 108px; height: 58px; padding: 4px;}
.bringer .value{font-size: 20px;}
.isi{ height: 310px; }
.play_final iframe{ width: 650px; height: 366px; }
}


@media(max-width:480px){

.head_sec{font-size: 20px;}
.img_one{width: 100%; margin:0;}
.img_one img{ width:100%;}
.img_onetext{margin:15px 0 25px 0;width: 100%;}
.img_onetext h1{font-size: 24px;}
.img_onetext h2{font-size: 45px;}
.im img{ width:100%;}
.text_one{margin-top: 60px;}	
.text_one h1{font-size: 32px;text-align: center;}
.text_trre{ width:297px;font-size: 43px;margin: 40px 0 0 0;}
.imione img{ width:100%;}
.steptwo{margin: 26px 261px 0 0;}
.img_one{height: inherit;}
.text_one{width: 424px;}
.text_one p{font-size: 23px;}
.img_tre img{ width:100%;}
.text_trre h1{font-size: 22px;}
.text_trre h2{font-size: 30px;}
.img_onetext{ position:inherit;}
.im{ margin:0;}
.text_one{ position:inherit;}
.im25{ display:block;}
.im{ display:none; width:100%;}
.im25 img{ width:100%;}
.img_onetext h1{ text-align:center;}
.img_tre{ width:100%;}
.text_trre{ position:inherit; width:100%;}
.imioneyut{ display:block; width:100%;}
.imioneyut img{ width:100%;}
.imione{ display:none;}
.stepthree{margin: 20px 0 0 0;left: 0;}
.text_one{ width:100%;}
.entry{top: 12px; right: 22px;}
.entry a{font-size: 12px;}
.entry-btn{padding: 5px 10px;border: 2px solid #000;}
.banner_body{top: 140px; left: 70px;}
.bringer{font-size: 10px; margin: auto 5px auto auto; width: 88px; height: 48px; padding: 3px;}
.bringer .value{font-size: 16px;}
.isi{ margin: -35px auto -50px; width: 400px; }
.play_final iframe{ width: 400px; height: 225px; }
}



@media(max-width:384px){

.head_sec{font-size: 20px;}
.img_one{width: 100%; margin:0;}
.img_one img{ width:100%;}
.img_onetext{margin:15px 0 25px 0;width: 100%;}
.img_onetext h1{font-size: 24px;}
.img_onetext h2{font-size: 45px;}
.im img{ width:100%;}
.text_one{margin-top: 60px;}	
.text_one h1{font-size: 26px;text-align: center;}
.text_trre{ width:297px;font-size: 43px;margin: 40px 0 0 0;}
.imione img{ width:100%;}
.steptwo{margin: 26px 0 0 0; left:0;}
.img_one{height: inherit;}
.text_one{width: 424px;}
.text_one p{font-size: 23px;}
.img_tre img{ width:100%;}
.text_trre h1{font-size: 22px;}
.text_trre h2{font-size: 30px;}
.img_onetext{ position:inherit;}
.im{ margin:0;}
.text_one{ position:inherit;}
.im25{ display:block;}
.im{ display:none; width:100%;}
.im25 img{ width:100%;}
.img_onetext h1{ text-align:center;}
.img_tre{ width:100%;}
.text_trre{ position:inherit; width:100%;}
.imioneyut{ display:block; width:100%;}
.imioneyut img{ width:100%;}
.imione{ display:none;}
.stepthree{margin: 20px 0 0 0;left: 0;}
.text_one{ width:100%;}
.play img{ width:100%;}
.stepthree{padding: 0 0 0 29px;}
.entry{top: 10px; right: 16px;}
.entry a{font-size: 10px;}
.entry-btn{padding: 3px 6px;border: 1px solid #000;}
.banner_body{top: 110px; left: 46px;}
.bringer{font-size: 8px; border: 1px solid #000; margin: auto 4px auto auto; width: 73px; height: 37px; padding: 3px;}
.bringer .value{font-size: 12px;}
.play_final iframe{ width: 320px; height: 180px; }
}


@media(max-width:360px){

.head_sec{font-size: 20px;}
.img_one{width: 100%; margin:0;}
.img_one img{ width:100%;}
.img_onetext{margin:15px 0 25px 0;width: 100%;}
.img_onetext h1{font-size: 24px;}
.img_onetext h2{font-size: 45px;}
.im img{ width:100%;}
.text_one{margin-top: 60px;}	
.text_one h1{font-size: 25px;text-align: center;}
.text_trre{ width:297px;font-size: 43px;margin: 40px 0 0 0;}
.imione img{ width:100%;}
.steptwo{margin: 26px 0 0 0; left:0;}
.img_one{height: inherit;}
.text_one{width: 424px;}
.text_one p{font-size: 23px;}
.img_tre img{ width:100%;}
.text_trre h1{font-size: 22px;}
.text_trre h2{font-size: 30px;}
.img_onetext{ position:inherit;}
.im{ margin:0;}
.text_one{ position:inherit;}
.im25{ display:block;}
.im{ display:none; width:100%;}
.im25 img{ width:100%;}
.img_onetext h1{ text-align:center;}
.img_tre{ width:100%;}
.text_trre{ position:inherit; width:100%;}
.imioneyut{ display:block; width:100%;}
.imioneyut img{ width:100%;}
.imione{ display:none;}
.stepthree{margin: 20px 0 0 0;left: 0;}
.text_one{ width:100%;}
.play img{ width:100%;}
.stepthree{padding: 0 0 0 29px;}
.entry{top: 10px; right: 16px;}
.entry a{font-size: 10px;}
.entry-btn{padding: 3px 6px;border: 1px solid #000;}
.banner_body{top: 108px; left: 40px;}
.bringer{font-size: 8px; border: 1px solid #000; margin: auto 4px auto auto; width: 73px; height: 37px; padding: 3px;}
.bringer .value{font-size: 12px;}
.play_final iframe{ width: 300px; height: 169px; }
}