@charset "utf-8";

.float{
	position:fixed;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: auto !important;
    top: 65% !important;
	margin-left: 20% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:fixed;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: auto !important;
    top: 65% !important;
	margin-left: 40% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}


/* CSS Document */
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}
.mfp-iframe-scaler iframe {
    background: #fff !important;
}
.white-popup {
    position: relative;
    background: #032b22;
    padding: 15px;
    width: auto;
    /**max-width: 45%;**/
    /**margin: 20px auto;**/
	margin-top: 5px;
    border: 4px solid #af9543;
    text-align: center;
}
.mfp-content {
    vertical-align: top !important;
}
.bannerMobile {
	display: none;
}

.bannerDesktop {
	height: 840px;
}
.mfp-close-btn-in .mfp-close {
	display: none !important;
}


/** Mobile **/

@media only screen and (min-width: 375px) {
.white-popup {
	height:738px !important;
}
.bannerDesktop {
	display: none !important;
	height: 840px;
}
.bannerMobile {
	display: block !important;
	width: 100%;
}
	
	
	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 250px !important;
    top: 50% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}	
			
}



@media only screen and (min-width: 414px) {
.white-popup {
    max-width: 100%;
	height:1600px !important;
}
.bannerDesktop {
	display: none !important;
	height: 840px;
}
.bannerMobile {
	display: block !important;
	width: 100%;
}

	
	
	
.float{
	position:absolute;
	width:300px;
	height:100px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 60% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 300px 100px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 200px !important;
    top: 60% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}		
	

}


@media only screen and (min-width: 640px) {
.white-popup {
    max-width: 100%;
	height:1400px !important;
}

	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 22% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 180px !important;
    top: 55% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}		
		
}



@media only screen and (min-width: 768px) {
.white-popup {
    max-width: 100%;
	height:1600px !important;
}

	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 25% !important;
    top: 70% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 225px !important;
    top: 70% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}		
		
}




/** ---------------------------------------------------------------------------------**/

@media only screen and (min-width: 1024px) {
.white-popup {
    max-width: 100%;
	height:1600px !important;
	/*margin-top: 10%;*/
}
.bannerDesktop {
	display: none !important;
	height: 840px !important;
}
.bannerMobile {
	display: block !important;
	width: 80% !important;
	height: auto !important;
}
	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 27% !important;
    top: 60% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

}




@media only screen and (min-width: 1163px) {
.white-popup {
    max-width: 100%;
	height:1900px !important;
	/*margin-top: 10%;*/
}
.bannerDesktop {
	display: none !important;
	height: 840px !important;
}
.bannerMobile {
	display: block !important;
	width: 80% !important;
	height: auto !important;
}
	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 29% !important;
    top: 65% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}


.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 250px !important;
    top: 70% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}	
	
}


@media only screen and (min-width: 1232px) {
.white-popup {
    max-width: 100%;
	height:1900px !important;
	/*margin-top: 10%;*/
}
.bannerDesktop {
	display: none !important;
	height: 840px !important;
}
.bannerMobile {
	display: block !important;
	width: 80% !important;
	height: auto !important;
}
	
.float{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	left: 31% !important;
    top: 65% !important;
	margin-left: 0% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}


.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:500px;
	height:100px;
	/*bottom:0px;*/
	right: 250px !important;
    top: 70% !important;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 500px 100px;
}

.my-float2{
	margin-top:22px;
}	
	
}



@media only screen and (min-width: 1440px) {
.white-popup {
    max-width: 100%;
	height:1000px !important;
}	
.bannerDesktop {
	display: block !important;
	height: 840px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
	height: auto !important;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 42% !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 350px !important;
    top: 60% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
	
	
	
	
}



@media only screen and (min-width: 1700px) {
.white-popup {
    max-width: 100%;
	height:1300px !important;
}	
.bannerDesktop {
	display: block !important;
	height: 840px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 550px !important;
    top: 60% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
	
	
	
	
}






@media only screen and (min-width: 2000px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 720px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}




@media only screen and (min-width: 2300px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 850px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}


@media only screen and (min-width: 2500px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 950px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}


@media only screen and (min-width: 2700px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 1050px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}



@media only screen and (min-width: 3000px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 1150px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}


@media only screen and (min-width: 3200px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 50% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 1250px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}


@media only screen and (min-width: 3400px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 44% !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 1350px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}



@media only screen and (min-width: 3600px) {
.white-popup {
    max-width: 100%;
}	
.bannerDesktop {
	display: block !important;
	height: 1300px;
}
.bannerMobile {
	display: none !important;
	width: 100%;
}
	
	
.float{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	left: 50% !important;
    top: 44% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float{
	margin-top:22px;
}


.float2{
	position:absolute;
	width:250px;
	height:50px;
	/*bottom:0px;*/
	right: 1550px !important;
    top: 65% !important;
	
	color:#FFF;
	border-radius:10px;
	text-align:center;
	background-image: url("../imgs/lets_begin.png");
	background-size: 250px 50px;
}

.my-float2{
	margin-top:22px;
}	
	
}