/*font-family: 'Open Sans', sans-serif;*/
html{ font-size: 14px; height: 100% }
body{font-family: 'Open Sans', sans-serif; color: #004b8d; background: url(../resources/images/bgcopy.jpg) no-repeat top center; background-size: 100% 100%;}


#mainNav{ border-bottom:1px solid #004a8f; padding: 15px 10px; background: #004a8f;}
.hdfclogo {margin: 0 auto;}
footer{width: 100%;background-color: #004a8f;padding:15px 0px 15px 0px;/* margin-top:30px; */ position: absolute; bottom: 0;}
footer p{color: #d9dcdd;font-size:12px;display: inline-block;margin: 0 auto;}
.title{ font-size: 1.5rem; font-weight: 600; text-align: center;}
.subtitle{font-size: 1rem; font-weight: 600; text-align: center;}
section {}

.submitbtn{ text-align: center; }
.submitbtn> button{ text-align: center; background-color: #004b8d; color: white; padding: 0.6rem 2.5rem; font-weight: 600 }
.submitbtn> button:hover, .submitbtn> button:focus{background-color: #004b8d; color: white;}
.congratsdiv{ display: none; background-color: rgba(255,255,255,0.5); padding: 20px 0px; text-align: center; }
.congratsdiv h3{ font-weight: 600;  margin-bottom: 1rem }
.congratsdiv h4{ font-size: 1.5rem; }
.congratsdiv h4 strong{font-weight: 600 }
.congratsdiv h4 span{ color: #ed1c24 ; font-weight: 600 }
.input_val{ color: #585858; font-size: 1.2rem; background-color: #e6e6e6; border-radius: 1.5rem;font-weight: 600; line-height: 1.5rem; padding-top: 0; padding-bottom: 0; height: 32px }
.lbl{ font-size: 1.5rem; font-weight: 600; font-weight: 600; line-height: 2.7rem }
.invalid-tooltip{ left: auto; right: 10px; background-color: #ed1c24 }
.input_val:focus,.input_val:hover{ outline: none; box-shadow: none; }
.tandc{ font-size: 0.5rem; color: #070707; position: absolute; width: 60%; right:0px; bottom: 50px; left: 40%}
.posnormal{ position: relative; }
.posnormal1{ position: relative; bottom: 0px;margin-top: 15px; z-index: -1}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
}
select::-ms-expand {display: none;}
/* Arrow */
.select {position: relative;display: block; overflow: hidden; }
.select::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background:url(../resources/images/dd_arrow.png) no-repeat top right;pointer-events: none;}

.submitbtn a{color: #fff;}
.submitbtn .btn{width: 200px;}

@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {

 }

/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){

} 
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){

}
/*all mobiles & small tabs*/
@media (max-width: 767px){

}

@media (max-width: 340px){
	html{ font-size: 12px;}

}
