@font-face {
	font-family: 'Dancing Script';
	src: url('fonts/DancingScript-Bold.eot');
	src: url('fonts/DancingScript-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/DancingScript-Bold.woff') format('woff'),
		url('fonts/DancingScript-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf')  format('truetype'), url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.box {
	
    background-color:#fff;
    color: #fff;
   
    left: 20% !important;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 22%;
    width: 800px;
    z-index: 9999;
	
	
	-moz-border-radius:10px;
	
}
.box p{text-align:justify;color:#000;line-height:27px;}
.box h1 {font-family: 'MyriadPro-Regular';color:#D49529; font-size:35px;}

.overlay {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:9998;
	opacity:0.9;
}

.box a{ margin-left:10px;}
.box a:hover{text-decoration:none;}

.enter{ background:#03244F; color:#fff; 
width:130px; height:40px; border:1px solid #03244F;
font-family: 'MyriadPro-Regular';border-radius:10px;
   font-size:15px; display:inline-block; line-height:40px; cursor:pointer;}




@media all and (max-width: 479px){
	.box{
		left: 10% !important;
		 width: 250px;
		 
		 	 padding: 10px 20px;
		     min-height: 350px;
	}
	.box h1{ font-size:24px;}  
	.box a{ margin-bottom:10px;}

	
	
	
	
}


@media (min-width: 480px) and (max-width: 600px) {
	
	.box{
		left: 10% !important;
		 width: 380px;
		
		 	 padding: 10px 20px;
		     min-height: 350px;
	}
	.box h1{ font-size:24px;}  
	.box a{ margin-bottom:10px;}
	
	
}

@media (min-width: 601px) and (max-width: 767px) {
	
	.box{
		left: 10% !important;
		 width: 480px;
		
		 	 padding: 10px 20px;
		     min-height: 350px;
	}
	.box h1{ font-size:24px;}  
	.box a{ margin-bottom:10px;}
	
	
}

@media all and (max-width: 767px) {
	
	.box img{ margin-top:0px;}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
		.box img{ margin-top:20px;}
	
	.box{
		left: 13% !important;
		top: 7% !important;
		 width: 670px;
		
		 	 padding: 10px 20px;
		     min-height: 350px;
	}
	.box h1{ font-size:24px;}  
	.box a{ margin-bottom:10px;}
	
	
	
}
@media (max-width: 800px)
{.box {
left: 7% !important;}
}
@media (max-width: 768px)
{.box {
left: 6% !important;}
}
@media (max-width: 680px)
{.box {
left: 14% !important;}
}
@media (max-width: 460px)
{
	.box {
    left: 21% !important;top:5%;
}
}
@media (max-width: 460px)
{
	.box {
    left: 14% !important;
}
}
@media (max-width: 460px)
{
	.box {
    left: 11% !important;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
		.box img{ margin-top:40px;}
	.box{
		left: 15% !important;top: 7% !important;
		 /* width: 600px; */
		 /* background:#000; */
		 	 padding: 10px 20px;
		     min-height: 400px;
	}
	
	
}


@media (min-width: 1200px) and (max-width: 1300px) {
		.box img{ margin-top:50px;}
	.box{
		
			left: 17% !important;
			min-height:500px;
	}
	
	
}