body { margin: 0px; padding: 0px; overflow-x: hidden; width:100%; font-family: 'D-DIN Exp' !important; }
select, input, option  { font-family: 'D-DIN Exp' !important}

 .logo {  z-index: 9999; position: absolute;  height: 200px; width: 200px; top: 0px; left: 10% }
.logo  img { width:100% !important; background-size: contain; }
section#banner { width:100%; float: left; height: auto;  position: relative; height: 45vw !important; background: url("../images/ipl-banner.jpg") no-repeat; background-size: cover; background-position: right bottom;  }
section#banner img { width:100%; background-size: contain; }

section#banner .logo { height:200px; width:286px; position: absolute; z-index: 9999; top: 0px; left: 10%; }
section#banner .logo img { width:100%; background-size: contain; }

 .formarea {position: absolute; right: 5%; top: 0px; padding: 4vw 50px; background:#264288; width: 25%; min-height: 45vw !important; height: auto!important; box-sizing: border-box;   }
.vid { width:100%; float:left}
.vid iframe { width:100% !important; height: 11vw;}

 .formarea h2 { font-size: 30px; font-weight: 600; font-family: 'D-DIN Exp'; text-align: left; color: #c9aa46; margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; }
 .formarea p { font-size: 16px; font-weight: 500; font-family: 'D-DIN Exp'; text-align: left; color: #fff; line-height: 28px; }
 .formarea p.tops { font-size: 18px; font-weight: 500; font-family: 'D-DIN Exp'; text-align: left; color: #fff; line-height: 28px; margin-top: 10px !important; margin-bottom: 20px; }
 .formarea .submit { width:180px; margin: 10px auto;  font-size: 18px; float: none; background:#1c447f; color: #fff; text-align: center; border: 0px; font-family: 'D-DIN Exp';  height: 50px; line-height: 50px; display: block !important; }
.formarea .btns { width:200px; height: 55px; line-height: 55px; background:#c9aa46 ; color: #fff; text-align: center; font-size: 16px; margin: 30px auto;  display: block; text-decoration: none; text-transform: uppercase; font-weight: 600; }
.formarea  img { width:100% ; background-size: contain; }

.form1, .brn1 { width: 100%; float: left; }
a { text-decoration: none !important; }
.align {  position: relative;
  padding: 0;
  list-style: none;
  transform: translateY(-50%);
  top: 50%;}
section#contents { width: 100%; box-sizing: border-box; padding: 60px 35% 60px 10%; float: left; position: relative; min-height: 64vw !important; }
section#contents p { font-size: 18px; line-height: 28px; color: #1c447f; text-align: left; font-family: 'D-DIN Exp'; margin-bottom: 9px;  margin-top: 9px;  }
section#contents .btn { width:180px; margin: 30px auto; display: block; background:#1c447f; color: #fff; text-align: center; border: 0px; font-family: 'D-DIN Exp';  height: 50px; line-height: 50px; }
section#contents h2 { font-size: 22px; color:#1c447f; line-height: 32px;  font-weight: 600; }
.top { width: 100%; float: left; margin-bottom: 30px; }
.imgbx  { width: 100%; float: left; margin-bottom: 40px; }
.imgbx img {  float: left; margin: 10px;}
.fills { width:100%; float: left}
.fills span { width: 15px !important;
  height: 15px !important;
  background: #d4bb54;
  color: #fff;
  text-align: center;
  border-radius: 180px !important;
  line-height: 20px;
  margin-right: 12px;
  padding: 6px 10px;
  font-size: 13px;
}

	section#contents .fills p span { float: left ; width: 2% !important;  line-height: 12px !important;  max-width: 18px;  }
	section#contents .fills p b { font-weight: 400 !important;  float: left; margin-left: 5px !important; text-align: left !important; width: 87% ; }
	section#contents .fills p  { margin-bottom: 2px !important; width: 100% !important; float: left}



input[type='radio'] {
  box-sizing: border-box;
  appearance: none;
  background: white;
  outline: 2px solid #87550a;
  border: 2px solid white;
  width: 13px;
  height: 13px;
}

input[type='radio']:checked {
  background: #87550a;
}


 .formarea2 { position: absolute; right: 5%; top: 0px; padding: 2vw 50px; background:#c9aa46; width: 25%; min-height: 64vw; height: auto!important; box-sizing: border-box;   }
.formarea2 h2 { font-size: 30px; font-weight: 600; font-family: 'D-DIN Exp'; text-align: left; color: #c9aa46; margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; }
 .formarea2 p { font-size: 16px; font-weight: 500; font-family: 'D-DIN Exp'; text-align: left; color: #fff; line-height: 28px; }
 .formarea2 p.tops { font-size: 18px; font-weight: 500; font-family: 'D-DIN Exp'; text-align: left; color: #fff; line-height: 28px; margin-top: 10px !important; margin-bottom: 20px; }
 .formarea2 .submit { width:180px; margin: 10px auto;  font-size: 18px; float: none; background:#1c447f; color: #fff; text-align: center; border: 0px; font-family: 'D-DIN Exp';  height: 50px; line-height: 50px; display: block !important; }


.qst { width: 100%; float: left; margin-bottom: 30px; }
.qst p { font-size: 22px; line-height: 30px; color: #264288;  font-weight: 600 !important; }
.qst label { color: #fff; font-size: 17px; line-height: 30px; }

section#formarea { width: 100%; float: left; box-sizing: border-box; padding: 00px 10% 0px }
section#formarea h3 { font-size: 32px; text-align: center; color:#1c447f; font-family: 'Didot'; margin-top: 0px; }

.flixbox { width: 100%; display: flex; }
section#formarea .box {  width: 45%; float: left; background: #faf4ed; box-sizing: border-box; padding: 50px; flex: 1;}
section#formarea .mar {  margin-right: 2%}
section#formarea .box1  {  width: 53%; float: left; background: #faf4ed; box-sizing: border-box; padding: 50px; flex: 1;}
.textss { width: 100%; float: left; height: 45px; padding: 10px; box-sizing: border-box; background: #fff; color: #1c447f; margin-bottom: 15px; border: 0px; font-family: 'D-DIN Exp';  font-size: 16px;}

section#formarea .box1 .boxd { width:50%; float: left; }
section#formarea .box1 .boxd p { font-size: 18px; color: #1c447f; font-weight: 600;  text-align: left; width: 100%; float: left; margin-bottom: 10px; margin-top: 15px; font-family: 'D-DIN Exp';}
section#formarea .box1 .boxd label { font-size: 16px; color: #1c447f; text-align: left;   font-family: 'D-DIN Exp';  line-height: 30px;}
section#formarea .box1 .boxdf {  width: 100%; float: left; clear: both; margin-top: 10px; }
section#formarea .box1 .boxdf p  { width:40%; float: left; font-size: 15px;line-height: 22px; color: #1c447f;font-family: 'D-DIN Exp'; }
section#formarea .box1 .boxdf .btnare { width:50%; float: right; }
section#formarea .box1 .boxdf .btnare .submit { width:180px; margin: 30px auto;  float: left; background:#1c447f; color: #fff; text-align: center; border: 0px; font-family: 'D-DIN Exp';  height: 50px; line-height: 50px; }
.desk { display: inherit}
.mobs { display: none }
section#video { width: 100%; float: left; padding: 60px 10%;  box-sizing: border-box;  }
section#video .video {}

section#video img { width:100%; background-size: contain; }

footer { height: 120px; width: 100%;  padding: 30px 10% 30px 10%;box-sizing: border-box;  float: left; background: #1c447f }
footer .social { width:70%; float: right; }
footer p { color:#fff ; font-weight: 500; font-size: 18px; text-align: left; float: left; line-height: 25px; font-family: 'D-DIN Exp'; }
footer .social p i { background: #e6e7e2 !important; border:1px solid #00132d; height: 30px; width: 30px; border-radius: 90px; float: left; color: #00132d !important;   box-sizing: border-box; margin-right:6px; line-height: 28px !important; text-align: center; padding: 0px !important;  }
footer .social p {  font-size: 15px !important; }
footer .social p.phd { width:180px ;}
footer .social p.emld {width:230px ;}
footer .social .iconfrm {width: 164px; float: right; margin-top: 10px; }
footer .social i { background: #00132d; height: 35px; width: 35px; border-radius: 90px; float: left; color: #fff!important;  padding: 10px; box-sizing: border-box; margin-right:6px;}
footer .social .fa-whatsapp { background: #25d366 !important ; margin-right: 0px !important}
footer a { color:#fff !important; font-family: 'D-DIN Exp'; }


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width: 220px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url("../images/loading1.gif");
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
.tc, .tca { cursor: pointer} 

.tandc { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9; display: none;  }
.vis { display: inherit !important; }
.overly { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px ; z-index: 99; background: rgba(0,0,0,0.7)}
.close { position:absolute; top: 15px; right: 15px; height: 45px; width: 45px; background: url("../images/close.png") no-repeat; background-size: contain; cursor: pointer; }
.contents {  position: fixed; top: 50px; left: 20%; width: 60%; background: #fff;z-index: 999; padding: 30px 25px; box-sizing: border-box; border-radius: 10px; height: 35vw; overflow: scroll !important; }
.contents li { font-size: 14px; line-height: 18px; padding-bottom: 10px; font-weight: 600  !important ; margin-bottom: 2px !important; }
.contents li ul li { font-size: 14px; line-height: 18px; padding-bottom: 10px; font-weight: 400 !important ; margin-bottom: 0px !important; padding-bottom: 0px !important;  }

.about { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9; display: none;  }
.vis { display: inherit !important; }
.overly { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px ; z-index: 99; background: rgba(0,0,0,0.7)}
.closes { position:absolute; top: -15px; right: -15px; height: 45px; width: 45px; background: url("../images/close.png") no-repeat; background-size: contain; cursor: pointer; }
.contentsa {  position: fixed; top: 10%; left: 20%; width: 60%; background: #fff;z-index: 999; padding: 30px 25px; box-sizing: border-box; border-radius: 10px;  }
.contentsa p { font-size: 15px; line-height:22px; padding-bottom: 10px; font-weight: 400  !important ;  }

@media only screen and ( max-width:450px) {
	section#banner .logo { height: 90px !important; width: 129px !important; left: 5% !important; }
}
@media only screen and ( min-width:450px) and ( max-width:768px) {
	
		section#banner .logo { height: 120px; width: 171px; left: 5% !important; }
}

@media only screen and ( max-width:768px) {
	.vid iframe { width:100% !important; height: 52vw;}
	.vid  { margin:25px 0px !important}
	.mobsdb { min-height:150vw !important;}
	.kjdkd {
  font-size: 18px !important;
  line-height: 28px !important;
  padding: 60px 5% !important;
  width: 90% !important;
}
	
	.desk { display: none !important}
	.mobs { display: inherit !important; }
	section#banner { background: url("../images/ipl-banner-m.jpg") no-repeat; height: 77vw !important;  background-position: center bottom; background-size: cover}
	
	 .formarea { width:100% ;  position: inherit !important; float: left; padding: 50px 5% !important; }
	
	section#contents section#forms { background: #264288;width: 100% !important;float: left; padding: 50px 5%;  box-sizing: border-box; }
	input { max-width: 100% !important}
	.qst { margin-bottom: 20px !important;}
	.qst p { color: #c9aa46 !important; margin-bottom: 10px !important;  font-size: 20px !important; }
	
	.submit { width:180px; margin: 10px auto;  font-size: 18px; float: none; background:#c9aa46; color: #fff; text-align: center; border: 0px; font-family: 'D-DIN Exp';  height: 50px; line-height: 50px; display: block !important; }
	section#contents section#forms h2 { color: #fff !important; text-align: center; font-size: 20px !important; line-height: 28px;}
	section#contents section#forms .tops { color: #FFF !important; text-align: center; font-size: 16px !important; line-height: 24px !important; margin-bottom:20px !important}
	
	section#contents { width: 100%; padding: 30px 5% !important; }
	section#contents  .imgbx img { width:42% !important; }
	section#contents .fills p span { float: left ; width: 2% !important;  line-height: 15px !important;  max-width: 15px;  }
	section#contents .fills p b { font-weight: 400 !important;  float: left; margin-left: 5px !important; text-align: left !important; width: 87% ; }
	section#contents .fills p  { margin-bottom: 2px !important; width: 100% !important; float: left}
    
		footer { height: auto; }
	footer p  {font-size: 17px; text-align: center !important;  width: 100%}
	footer .social { width:100%;}
	footer .social .iconfrm {width: 200px;float: none;  margin: 0px auto; display: table;  margin-bottom: 20px;}
	footer .social p { text-align: left; }
	footer .social p.phd {width: 150px !important;margin: 20px auto; float: none;} 
		footer .social p.emld {width: 230px !important;margin: 20px auto; float: none;} 
	
	footer { width: 100% }
}

@media only screen and (min-width:769px) and ( max-width:1000px) {
	
			section#banner { height: 70vw !important; background-position:  center bottom; }
	.formarea { padding: 30px 40px !important; height: 70vw !important;  width:40% !important;  right: 0% }
	.formarea2  { min-height: 155vw !important; width:40% !important;  right: 0%  }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 15px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:2% !important;}
	section#contents {padding: 60px 42% 60px 2% !important; min-height: 155vw !important; }
	.qst p { font-size: 20px !important; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
	section#contents .fills p { font-size: 16px !important; }
			footer { height: auto; }
	footer p  {font-size: 17px; text-align: center !important;  width: 100%}
	footer .social { width:100%;}
	footer .social .iconfrm {width: 200px;float: none;  margin: 0px auto; display: table;  margin-bottom: 20px;}
	footer .social p { text-align: left; }
	footer .social p.phd {width: 150px !important;margin: 20px auto; float: none;} 
		footer .social p.emld {width: 230px !important;margin: 20px auto; float: none;} 
	.imgbx img { width:200px;}
	
	}



@media only screen and (min-width:1701px) and ( max-width:1900px) {
	.formarea { padding: 30px 40px !important; }
	.formarea2  { min-height: 68vw !important; }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 16px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:5% !important;}
	section#contents {padding: 60px 32% 60px 5% !important; min-height: 68vw !important; }
	section#contents p { font-size: 21px; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
}




@media only screen and (min-width:1401px) and ( max-width:1700px) {
	.formarea { padding: 30px 40px !important; }
	.formarea2  { min-height: 85vw !important; }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 16px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:5% !important;}
	section#contents {padding: 60px 32% 60px 5% !important; min-height: 85vw !important; }
	section#contents p { font-size: 21px; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
}

@media only screen and (min-width:1301px) and ( max-width:1400px) {
	section#banner { height: 50vw !important;}
	.formarea { padding: 30px 40px !important; height: 50vw !important;  }
	.formarea2  { min-height: 93vw !important; }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 15px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:5% !important;}
	section#contents {padding: 60px 32% 60px 5% !important; min-height: 93vw !important; }
	.qst p { font-size: 20px !important; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
}


@media only screen and (min-width:1201px) and ( max-width:1300px) {
	section#banner { height: 50vw !important;}
	.formarea { padding: 30px 40px !important; height: 50vw !important;  width:30% !important;  }
	.formarea2  { min-height: 108vw !important; width:30% !important;  }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 15px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:5% !important;}
	section#contents {padding: 60px 38% 60px 5% !important; min-height: 108vw !important; }
	.qst p { font-size: 20px !important; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
	section#contents .fills p { font-size: 16px !important; }
	footer {  padding: 25px 5% !important;}
}


@media only screen and (min-width:1101px) and ( max-width:1200px) {
		section#banner { height: 55vw !important; background-position:  center bottom; }
	.formarea { padding: 30px 40px !important; height: 55vw !important;  width:35% !important;  right: 0% }
	.formarea2  { min-height: 118vw !important; width:35% !important;  right: 0%  }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 15px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:2% !important;}
	section#contents {padding: 60px 38% 60px 2% !important; min-height: 118vw !important; }
	.qst p { font-size: 20px !important; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
	section#contents .fills p { font-size: 16px !important; }
	footer {  padding: 25px 2% !important;}
	
	
	
}

@media only screen and (min-width:1001px) and ( max-width:1100px) {
		section#banner { height: 55vw !important; background-position:  center bottom; }
	.formarea { padding: 30px 40px !important; height: 55vw !important;  width:35% !important;  right: 0% }
	.formarea2  { min-height: 128vw !important; width:35% !important;  right: 0%  }
	
	.formarea h2 { font-size: 22px !important; line-height: 27px !important;}
	.formarea p.tops { font-size: 16px !important; line-height: 21px; }
	.formarea .btns { margin: 15px auto !important;  height: 50px !important; line-height: 50px;  font-size: 15px !important; }
	.qst label { font-size: 15px !important; }
	section#contents p { font-size: 18px !important; }
	section#banner .logo { left:2% !important;}
	section#contents {padding: 60px 38% 60px 2% !important; min-height: 128vw !important; }
	.qst p { font-size: 20px !important; line-height: 23px !important; }
	.qst { margin-bottom: 20px !important; }
	section#contents .fills p { font-size: 16px !important; }
	footer {  padding: 25px 2% !important;}
	
	
	
}