@charset "UTF-8";
/*Background*/
/*Text Colour*/
/*Old*/
/*Others*/
@font-face { font-family: 'latoregular'; src: url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latolight'; src: url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latomedium'; src: url("../fonts/lato-medium-webfont.woff2") format("woff2"), url("../fonts/lato-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latobold'; src: url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latosemibold'; src: url("../fonts/latosemibold-webfont.woff2") format("woff2"), url("../fonts/latosemibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'IndianRupee'; src: url("../fonts/itf-rupee-webfont.woff2") format("woff2"), url("../fonts/itf-rupee-webfont.woff") format("woff"), url("../fonts/itf-rupee-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.WebRupee { font-family: "IndianRupee" !important; }
* { margin: 0; padding: 0; list-style: none; -webkit-tap-highlight-color: transparent; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { font-family: "latoregular"; color: #000; height: 100%; font-size: 1.3rem; }
a, a:hover { text-decoration: none; outline: none; color: #000; }
a.selected { color: #000; cursor: default; }
a:hover.selected { text-decoration: none; }
img { border: none; }
html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; width: 100%; overflow-x: hidden; }
p, input { font-size: 1.8rem; font-family: "latoregular"; }
p { /*line-height: 1.6;*/
color: #000;/* padding-bottom: 8px;*/
}
h1 { font-size: 4rem; font-family: "latobold"; }
h2 { font-size: 3.5rem; font-family: "latobold"; }
h3, h3 a { font-size: 2.8rem; font-family: "latobold"; }
h3 span { font-size: 1.4rem; display: block; }
h4, h4 a { font-size: 1.2rem; }
h5, h5 a { font-size: 1.2rem; }
h6, h6 a { font-size: 1.2rem; }
h3 a, h4 a, h5 a, h6 a { font-size: 1rem; text-decoration: underline; }
.paddBott { padding-bottom: 30px; }
table, table tr td, table tr th { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; display: block; clear: both; }
input { outline: none; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, mark { width: 100%; clear: both; }
input[type=submit], input[type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; color: #ffffff; cursor: pointer; }
 input::-ms-clear {
 display: none;
}
 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }
/*Radio Checkbox*/
.input-radio-check-box label.form-label { position: relative; cursor: pointer; padding-bottom: 5px; display: block; margin-right: 10px; width: auto; font-family: "latobold"; font-size: 2rem; padding-top: 15px; }
.info-message-wrap p.info-message { color: #000; letter-spacing: 1.2px; font-size: 1.5rem; }
.otp-message-wrap p { color: #000; letter-spacing: 1.2px; font-size: 1.45rem; }
.thankyou-message-wrap .thankyou-message p { color: #000; letter-spacing: 1.2px; font-size: 1.45rem; margin-bottom: 1px; }
.info-message-wrap ol { padding-left: 18px; }
.info-message-wrap ol.info-points li { color: #000; list-style: decimal; padding-left: 5px; letter-spacing: 1.2px; font-size: 1.45rem; }
 @media only screen and (max-width: 1440px) {
.input-radio-check-box label.form-label { font-size: 1.6rem; }
}
 @media only screen and (max-width: 1366px) {
.input-radio-check-box label.form-label { font-size: 1.5rem; }
}
input[type="checkbox"], input[type="radio"] { position: absolute; left: -999em; }
input[type="checkbox"] + span:before { content: ""; display: inline-block; width: 35px; height: 35px; margin: 0 8px 0 0; vertical-align: middle; border: 1px solid #707070; background: #fff; border-radius: 3px; font-family: "latobold"; color: #000; -webkit-box-shadow: -30px 30px 40px #BEBEBE1A; -moz-box-shadow: -30px 30px 40px #BEBEBE1A; -ms-box-shadow: -30px 30px 40px #BEBEBE1A; -o-box-shadow: -30px 30px 40px #BEBEBE1A; box-shadow: -30px 30px 40px #BEBEBE1A; }
 @media only screen and (max-width: 1440px) {
input[type="checkbox"] + span:before { width: 25px; height: 25px; margin: 0 5px 0 0; }
}
input[type="checkbox"]:checked + span:before { /* content: "✓"; */
content: ""; border-color: #707070; background: url("../images/checked.png") center center no-repeat #fff; -webkit-box-shadow: -30px 30px 40px #BEBEBE1A; -moz-box-shadow: -30px 30px 40px #BEBEBE1A; -ms-box-shadow: -30px 30px 40px #BEBEBE1A; -o-box-shadow: -30px 30px 40px #BEBEBE1A; box-shadow: -30px 30px 40px #BEBEBE1A; }
input[type="radio"] + span:before { content: ""; display: inline-block; width: 35px; height: 35px; margin: 0 8px 0 0; vertical-align: middle; border: 1px solid silver; border-radius: 100%; }
input[type="radio"]:checked + span:before { content: ""; background: #000; border-color: #000; box-shadow: inset 0 0 1px 2px white; }
input[type="button"].red-button, input[type="submit"].red-button { padding: 0px 25px; background: #c97911; color: #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; font-size: 1.9rem; font-family: "latobold"; display: inline-block; height: 58px; line-height: 58px; -webkit-box-shadow: -30px 30px 40px #BEBEBE1A; -moz-box-shadow: -30px 30px 40px #BEBEBE1A; -ms-box-shadow: -30px 30px 40px #BEBEBE1A; -o-box-shadow: -30px 30px 40px #BEBEBE1A; box-shadow: -30px 30px 40px #BEBEBE1A; }
 @media only screen and (max-width: 1440px) {
input[type="button"].red-button,  input[type="submit"].red-button { font-size: 1.4rem; height: 51px; line-height: 51px; }
}
 @media only screen and (max-width: 1024px) {
input[type="button"].red-button,  input[type="submit"].red-button { font-size: 1.4rem; height: 41px; line-height: 41px; }
}
.input-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; position: relative; }
input[type="text"] { font-size: 1.4rem; color: #000; letter-spacing: 1.2px; text-overflow: ellipsis; border: none; width: 100%; }
 @media only screen and (max-width: 1440px) {
input[type="text"] { font-size: 1.6rem; }
}
 @media only screen and (max-width: 1366px) {
input[type="text"] { font-size: 1.5rem; }
}
 @media only screen and (max-width: 1024px) {
input[type="text"] { padding: 15px; }
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
 opacity: 1;
 filter: alpha(opacity=100);
/* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
}
.container { max-width: 100%; width: 100%; margin: 0 auto; padding: 0 30px; }
 @media only screen and (max-width: 767px) {
.container { max-width: 100%; padding: 0px 15px; }
}
.row { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.cont-center { text-align: center; }
.pos-relative { position: relative; }
a.red-button { padding: 15px 25px; background: #c97911; color: #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; }
 @media only screen and (max-width: 1024px) {
a.red-button { padding: 10px 15px; }
}
a.red-button:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 0; top: 0; left: 0; background: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }
a.red-button:hover span, a.red-button:active span { color: #000; }
a.red-button:hover:after { height: 100%; border: 2px solid #000; }
a.red-button span { color: #ffffff; font-size: 1.9rem; font-family: "latobold"; position: relative; z-index: 2; }
 @media only screen and (max-width: 1024px) {
a.red-button span { font-size: 1.6rem; }
}
a.white-button { padding: 15px 25px; background: #fff; color: #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; }
 @media only screen and (max-width: 1024px) {
a.white-button { padding: 10px 15px; }
}
a.white-button:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 0; top: 0; left: 0; background: #c97911; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }
a.white-button:hover span, a.white-button:active span { color: #ffffff; }
a.white-button:hover:after { height: 100%; border: 2px solid #fff; }
a.white-button span { color: #000; font-size: 1.9rem; font-family: "latobold"; position: relative; z-index: 2; }
 @media only screen and (max-width: 1024px) {
a.white-button span { font-size: 1.6rem; }
}
.errorMsg { width: 100%; color: #f00; position: absolute; bottom: -25px; left: 0px; }
.transoverlay { height: 100%; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 10; display: none; }
.owl-carousel { touch-action: manipulation; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.selectBox { width: 100%; position: relative; border: 1px solid #707070; float: left; }
.selectBox .selectedValue { position: relative; z-index: 1; top: 0; color: #000; padding: 15px; }
.selectBox .selectedValue:before { content: ''; position: absolute; right: 20px; top: 20px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #000; display: inline-block; width: 10px; height: 10px; z-index: 1; }
 @media only screen and (max-width: 776px) {
.selectBox .selectedValue:before { right: 10px; }
}
.selectBox .selectedValue:after { content: ''; position: absolute; right: 0px; top: 0px; background: rgba(141, 141, 141, 0.1); display: inline-block; width: 50px; height: 100%; z-index: 0; }
 @media only screen and (max-width: 776px) {
.selectBox .selectedValue:after { width: 30px; }
}
.selectBox select { width: 100%; opacity: 0; z-index: 1; position: absolute; left: 0; z-index: 2; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 100%; }
.selectBox.focused .selectedValue, .selectBox .selectedValue { color: #000; font-size: 1.5rem; width: 100%; display: block; line-height: 18px; }
.placeholder { z-index: 1; position: absolute; font-size: 2.2rem; letter-spacing: 1.2px; line-height: 1.2; color: #707070; overflow: hidden; top: 35px; /*top:71px;*/
left: 0px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; width: 100%; font-family: "latolight"; }
 @media only screen and (max-width: 1440px) {
.placeholder { font-size: 1.4rem; }
}
 @media only screen and (max-width: 767px) {
.placeholder { font-size: 1.4rem; }
}
.placeholder.active { font-size: 2rem; color: #8c2e2f; line-height: 1.4; top: 0px; font-style: normal; font-family: "latomedium"; }
 @media only screen and (max-width: 1440px) {
.placeholder.active { font-size: 1.4rem; }
}
 @media only screen and (max-width: 767px) {
.placeholder.active { font-size: 1.4rem; }
}
.placeholder + input { position: relative; z-index: 2; background: transparent; font-size: 2.4rem; letter-spacing: 1.2px; padding: 5px 0px; font-family: "latolight"; }
 @media only screen and (max-width: 1440px) {
.placeholder + input { font-size: 2rem; }
}
 @media only screen and (max-width: 1024px) {
.placeholder + input { font-size: 1.8rem; }
}
 @media only screen and (max-width: 767px) {
.placeholder + input { font-size: 1.6rem; }
}
input[type=submit], input[type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; color: #ffffff; cursor: pointer; }
input[type=submit].goldenBtn, input[type=button].goldenBtn { display: inline-block; background: #c97911; font-family: "latobold"; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; border-radius: 35px; margin: 0 5px; color: white; text-transform: uppercase; font-size: 1.6rem; text-decoration: none !important; cursor: pointer; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type=submit].goldenBtn:hover, input[type=button].goldenBtn:hover { -webkit-box-shadow: -4px 10px 10px 0px #cccccc; -moz-box-shadow: -4px 10px 10px 0px #cccccc; -ms-box-shadow: -4px 10px 10px 0px #cccccc; -o-box-shadow: -4px 10px 10px 0px #cccccc; box-shadow: -4px 10px 10px 0px #cccccc; }
header .top-head-sec { padding: 30px 0; }
header .top-head-sec .logo { width: 208px; height: 30px; }
header .top-head-sec .logo img { width: 100%; }
 @media only screen and (max-width: 767px) {
header .top-head-sec .logo { width: 150px; }
}
header .top-head-sec .top-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; display: none; }
header .top-head-sec .top-nav .nav-icons ul { width: 220px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
 @media only screen and (max-width: 1024px) {
header .top-head-sec .top-nav .nav-icons ul { width: 90px; }
}
 @media only screen and (max-width: 767px) {
header .top-head-sec .top-nav .nav-icons ul { width: 75px; }
}
header .top-head-sec .top-nav .nav-icons ul li a { position: relative; font-size: 1.8rem; color: #ffffff; }
header .top-head-sec .top-nav .nav-icons ul li a:before { content: ''; position: absolute; left: 0px; background: url(../images/header_sprite.png) no-repeat; width: 25px; height: 25px; }
 @media only screen and (max-width: 1024px) {
header .top-head-sec .top-nav .nav-icons ul li a { display: block; }
}
 @media only screen and (max-width: 1024px) {
header .top-head-sec .top-nav .nav-icons ul li { text-indent: -9999px; }
}
header .top-head-sec .top-nav .nav-icons ul li a.home:before { background-position: 0 0; }
header .top-head-sec .top-nav .nav-icons ul li a.tel { padding-left: 33px; }
header .top-head-sec .top-nav .nav-icons ul li a.tel:before { background-position: -27px 0; }
footer { position: relative; background: #474747; z-index: 1; }
 @media only screen and (max-width: 1023px) {
footer .container { background: #474747; }
}
footer .footer-row { padding-top: 22px; padding-bottom: 22px; }
 @media only screen and (max-width: 1023px) {
footer .footer-row { text-align: center; }
}
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-copyright { display: block; margin-bottom: 10px; }
}
footer .footer-row .footer-copyright p { color: #8b8b8b; font-size: 1.3rem; margin-bottom: 0px; }
footer .footer-row .footer-links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; }
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-links { display: block; }
}
footer .footer-row .footer-links .footer-links-wrap ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-links .footer-links-wrap ul { max-width: 80%; margin: 0 auto 10px; display: block; }
}
footer .footer-row .footer-links .footer-links-wrap ul li { padding: 0 20px; }
 @media only screen and (max-width: 1024px) {
footer .footer-row .footer-links .footer-links-wrap ul li { padding: 0 5px; }
}
 @media only screen and (max-width: 1024px) {
footer .footer-row .footer-links .footer-links-wrap ul li { display: inline-block; }
}
footer .footer-row .footer-links .footer-links-wrap ul li a { position: relative; font-size: 1.6rem; color: #ffffff; padding-left: 33px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
footer .footer-row .footer-links .footer-links-wrap ul li a:before { content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background: url(../images/header_sprite.png) no-repeat; width: 16px; height: 16px; }
footer .footer-row .footer-links .footer-links-wrap ul li a span { position: relative; display: inline-block; }
footer .footer-row .footer-links .footer-links-wrap ul li a span:before { content: ''; position: absolute; left: 0px; bottom: 0; background: #fff; width: 0; height: 1px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }
footer .footer-row .footer-links .footer-links-wrap ul li a:hover span:before { width: 100%; }
footer .footer-row .footer-links .footer-links-wrap ul li a.tel:before { background-position: -22px -31px; }
footer .footer-row .footer-links .footer-links-wrap ul li a.mail:before { background-position: 0px -31px; }
footer .footer-row .footer-social { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; }
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-social { display: block; }
}
footer .footer-row .footer-social .footer-social-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-social .footer-social-wrap { width: 150px; margin: 10px auto; }
}
footer .footer-row .footer-social .footer-social-wrap ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
 @media only screen and (max-width: 1023px) {
footer .footer-row .footer-social .footer-social-wrap ul { margin: 0 auto; }
}
footer .footer-row .footer-social .footer-social-wrap ul li { padding: 0 5px; }
footer .footer-row .footer-social .footer-social-wrap ul li a { position: relative; width: 26px; display: block; }
footer .footer-row .footer-social .footer-social-wrap ul li a:before { content: ''; position: absolute; left: 0px; top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background: url(../images/social_sprite.png) no-repeat; height: 17px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-fb:before { width: 8px; background-position: 0px 0px; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-fb:hover:before { background-position: 0px -25px; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-tw:before { width: 20px; background-position: -17px 0px; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-tw:hover:before { background-position: -17px -25px; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-gplus:before { width: 26px; background-position: -43px 0px; }
footer .footer-row .footer-social .footer-social-wrap ul li a.icon-gplus:hover:before { background-position: -43px -25px; }
.wrapper { position: relative; height: 100vh; }
 @media only screen and (max-width: 1024px) {
.wrapper { height: auto; }
}
.wrapper:before { position: absolute; content: ''; background: url("../images/top_bg.png") 0 0 no-repeat; right: 0; top: 0; width: 339px; height: 356px; }
 @media only screen and (max-width: 1024px) {
.wrapper:before { background-position: right top; background-size: 175px; }
}
 @media only screen and (max-width: 767px) {
.wrapper:before { background-size: 140px; }
}
.wrapper:after { position: absolute; content: ''; background: url("../images/bottom-bg.png") 0 0 no-repeat; left: 0; bottom: 0; width: 476px; height: 244px; }
 @media only screen and (max-width: 480px) {
.wrapper:after { width: 100%; }
}
 @media only screen and (max-width: 1024px) {
.midContent { margin-top: 120px; min-height: 800px; }
}
 @media only screen and (max-width: 767px) {
.midContent { min-height: 650px; }
}
.midContent .element-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 600px; margin: 0 auto; height: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); }
.midContent .element-wrapper h1 { text-align: center; width: 100%; text-transform: uppercase; padding-bottom: 25px; margin-bottom: 0px; color: #8c2e2f; }
 @media only screen and (max-width: 1440px) {
.midContent .element-wrapper h1 { font-size: 3rem; }
}
 @media only screen and (max-width: 1024px) {
.midContent .element-wrapper h1 { font-size: 2.5rem; }
}
.midContent .element-wrapper .screen-view { width: 100%; }
.midContent .element-wrapper .screen-view.dob-screen, .midContent .element-wrapper .screen-view.otp-screen { display: none; }
.midContent .element-wrapper .screen-view.thankyou-one, .midContent .element-wrapper .screen-view.thankyou-two, .midContent .element-wrapper .screen-view.thankyou-three { text-align: center; }
.midContent .element-wrapper .input-box { padding: 25px 0 0 0; width: 100%; position: relative; margin-top: 10px; font-size: 1.4rem; color: #000; margin: 10px 0 25px; }
.midContent .element-wrapper .input-box.input-border input[type="text"] { border-bottom: 1px solid #f1b31e; }
.midContent .element-wrapper .input-box.align-center { text-align: center; }
.midContent .banner-wrapper { text-align: center; max-width: 70%; margin: 50px auto; margin-bottom: 65px; }
 @media only screen and (max-width: 1440px) {
.midContent .banner-wrapper { max-width: 80%; }
}
.midContent .banner-wrapper img { width: 100%; }
/*Changes added on 28Apr*/
.midContent .element-wrapper.thankyou-wrapper { max-width: 60%; }
@media only screen and (max-width: 1380px) {
.midContent .element-wrapper.thankyou-wrapper { max-width: 60%; }
}
@media only screen and (max-width: 1024px) {
.midContent .element-wrapper.thankyou-wrapper { max-width: 80%; }
}
#pcDate_Control { position: absolute; right: 15px; bottom: 15px; z-index: 3; }
/* Change the white to any color ;) */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px white inset !important;
 box-shadow: 0 0 0 30px white inset !important;
}
.midContent { padding-bottom: 90px !important; background-image: url(../images/bottom-bg.png); background-position: left bottom; background-repeat: no-repeat; width: 100%; float: left; /*height:auto!important;*/
}
a.btn-back { position: relative; font-size: 1.6rem; color: #000; float: right; margin-right: 32px; }
a.btn-back:hover::before { content: ''; position: absolute; left: 0px; bottom: 0; background: #000; width: 0; height: 1px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

 @media only screen and (max-width: 1380px) {
.midContent { background-size: 23%; }
}
@media only screen and (max-width: 1180px) {
.midContent { background-size: 25%; }
}
 @media only screen and (max-width: 1024px) {
.midContent { background-size: 30%; }
}
@media only screen and (max-width: 980px) {
.midContent { padding: 64px 0; }
}
@media only screen and (max-width: 980px) {
.midContent { background-size: 35%; padding-bottom: 40px; margin-top: 0; }
}
@media only screen and (max-width: 767px) {
.midContent { background-size: 35%;/* padding-top: 100px; */ }
}
.wrapper:after { display: none; }
.dropdown-box label { font-size: 2.2rem; color: #8c2e2f; line-height: 1.4; top: 0px; font-style: normal; font-family: "latomedium"; }
 @media only screen and (max-width: 1440px) {
.dropdown-box label { font-size: 2rem; }
}
 @media only screen and (max-width: 767px) {
.dropdown-box label { font-size: 1.8rem; }
}
.dropdown-box .selectBox { border: none; border-bottom: 1px solid #f1b31e; }
.dropdown-box .selectBox .selectedValue { font-size: 2.4rem; letter-spacing: 1.2px; font-family: "latolight"; padding-left: 0; padding-right: 0; }
 @media only screen and (max-width: 1440px) {
.dropdown-box .selectBox .selectedValue { font-size: 2rem; }
}
 @media only screen and (max-width: 1024px) {
.dropdown-box .selectBox .selectedValue { font-size: 1.8rem; }
}
 @media only screen and (max-width: 767px) {
.dropdown-box .selectBox .selectedValue { font-size: 1.6rem; }
}
.selectBox .selectedValue:after { display: none; }
#form1 { width: 100%; }
.midContent .banner-wrapper { position: relative; z-index: -1; }
header .top-head-sec .logo a { cursor: default; }
.before-proceed { padding-top: 10px; }
.resendOtp { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; }
.text-link, input[type=submit].text-link, input[type=button].text-link { font-size: 1.6rem; color: #8c2e2f; font-style: normal; font-family: "latomedium"; display: inline-block; position: relative; text-decoration: underline; }