@font-face {
  font-family: Gotham-Bold;
  src: url(../fonts/Gotham-Bold.otf);
}
@font-face {
  font-family: Gotham-Book;
  src: url(../fonts/Gotham-Book.otf);
}

section.bg-image {
    /* padding: 3em 0; */
   
}
.drop option {
    color: #000;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham-Bold';
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white !important;
}
body{
	 font-family: Gotham-Book;
	 background:#ffffff;
	 /*height: 475px;*/
	 background-image: url('../img/bg-image.jpg');
	 background-attachment: fixed;
	}
 .modal-dialog{
    width: 90% !important;
    font-size: 14px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #5a5a5a !important;
    opacity: 1;
}
.logo a img {
    float: right;
}
.decl{
	margin-top: 2% !important
}
.decl2{
	color: #484848;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 600;
	}
.decl3{
	margin-top: 0px !important;
	font-size: 13px !important;
	}
.decl4{
	margin-top: 0px !important;
	}
.logo img{
    width: 129px;
    padding-top: 4px;
}	
.resend{
  float: right;
  color: #a90b3b;
  font-size: 13px;
}
.resend{
   float: right;
  color: #a90b3b;
  font-size: 13px;
}
.accept{
    font-weight: 700;
    font-style: italic;
  }
.accept1{
    font-weight: 500 !important;
    font-style: italic;
    font-size: 11px !important;
    margin-left: 3%;
    margin-top: 1% !important;
    line-height: 1.5 !important;
  }
.accept2{
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    margin-left: 3%;
  }
.residense1{
    font-size: 20px;
    color: #A97C57;
    text-align: center;
    font-weight: 700;
    margin-top: 5%;
  }
.residense{
    font-size: 20px;
    color: #A97C57;
    text-align: center;
    font-weight: 700;
  }
.residensetop{
    margin-top: 5%;
  }
.bhk{
  font-size: 14px;
}
.bhk1{
  color: #a90b3b;
}
.bhk2{
  color: #2e870f;
}
.bhk3{
  color: #d59712;
}

.bhkrow{
  margin-top: 2%;
  color: #000;
}
.topcontact p {
    color: #fff;
    text-align: right;
    margin: 0.5% 2%;
}
.topcontact {
       background: #a97c57;
       display:none;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
a {
    color: #2f3086;
    text-decoration: none;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.mobtext{
  margin-top: 5% !important;
}

.click{
    background: #a50034;
        padding: 0.38% 1%;
    display:none;    
	}
.click a{
color:#fff;
}
.cursor-default { cursor:default; }

.bgwhite{
	    /* background: #f9f9f9; */
	    padding: 0.5% 0;
	    margin: 0% 0 1%;
	}

.nopadding{
	padding:0;
	}
.heading h3{/* text-align: right; */color: #fff;/* font-weight: 600; */font-size: 51px;margin:  0 0;font-family: Seaside;}
.step1leftbg{
	background:url(../img/step1leftimg.jpg) no-repeat;
	background-size:cover;
	height: 475px;
	    background-position: center;
	}
.step1leftbg img{	
        display: block;
    margin-left: 9%;
}
.step1leftbg p{
    background: #ffffff;
    width: 32%;
    padding: 2% 4%;
    font-size: 18px;
    color: #363759;
    text-align: center;
    font-weight: 700;
	}
.step1leftbg h2{
	    font-size: 30px;
	font-weight:bold;
	   color: #ffffff;
    text-shadow: 0 2px 2px black;
    text-transform: uppercase;
        margin-bottom: 60%;
	}
.mtop{
	    margin-top: 10%;
	}
.midbox1{
	    height: 506px;
    background: #e8e8e8;
    margin-top: 27px;
	}
.midbox1 p{
	color: #484848;
    font-size: 14px;
    margin-top: 10%;
    line-height: 1.8;
    font-weight: 600;
	}
.midbox{
    /* height: 470px; */
    background: none;
    margin-top: 27px;
    overflow: auto;
    padding: 10px 10px 30px;
    color: white;
    padding-bottom: 20px;
    /* border: 3px solid white; */
    background-color: rgb(0 0 0 / 64%);
    /* border-radius: 30px; */
    /* margin-bottom: 8em; */
 }
	.form-control {
   color: white;
   background-color: rgb(255 255 255 / 0%);
 }
	.midbox .nav li.active a {
    color: #ffffff;
    cursor: default;
    /* border-bottom: 2px solid white; */
    background-color: rgb(255 255 255 / 0%);
    border: 0;
    border-bottom: 2px solid #2f3086 !important;
    font-family: Gotham-Bold !important;
    padding: 10px 0px;
    font-size: 14px;
    text-transform: capitalize;
    border-bottom-color: transparent;
}

.midbox .nav li a {
    color: rgb(255 255 255 / 0%);
    cursor: default;
    background-color: rgb(255 255 255 / 0%);
    border: 0;
    font-size: 4px;
    min-height: 46px;
    padding: 10px 0px;
    border-bottom: 2px solid #ffffff !important;
    /* width: 84px; */
    /* min-height: 63px; */
    border-bottom-color: transparent;
}

.midbox .nav {
    border: 0;
}

.midbox .nav li {
    position: relative;
    width: 50%;
    /* min-height: 53px; */
}

.midbox .nav li a:before {content: ' ';width: 10px;height: 10px;background-color: #ffffff;bottom: -6px;left: -1px;position: absolute;border-radius: 50%;}

.midbox .nav li.active a:before {
    background-color: #2f3086;
}
.midbox p{
	color: #fff;
    font-size: 14px;
    margin-top: 10%;
    line-height: 1.8;
    font-weight: 600;
	}
.midbox2{
	height: 420px;
    background: #fff;
    margin-top: 27px;
	}
.midbox2 p{
	color: #484848;
    font-size: 13px;
    margin-top: 3%;
    line-height: 1.8;
    font-weight: 600;
	}
	.midbox3{
	height: 420px;
    background: #fff;
    margin-top: 27px;
	}
.midbox3 {
	color: #484848;
    font-size: 13px;
    margin-top: 3%;
    line-height: 1.8;
    font-weight: 600;
	}
.midbox4 {
	color: #484848;
    font-size: 10px;
    margin-top: 3%;
    line-height: 1.8;
    font-weight: 600;
	}	
.margin{
		margin-top: 4%;
	}
.resid{
		margin-top: 1% !important;
	}
.resid2{
		margin-top: 1% !important;
	}
label{
	    font-weight: 100;
	    font-size: 13px;
	}

.nav>li>a:focus, .nav>li>a:hover {
	    background-color: #ffffff00;
	    color: rgb(44 44 44 / 0%);
	    /* border-radius: 25px 25px 0px 0px; */
	    /* background-color: #f3d0b3 !important; */
}

.mt7{
	margin-top:7%;
	overflow:scroll;
	height:230px;
	overflow-x:hidden;
	}
.mt7-1{
  margin-top:4%;
  overflow-x:hidden;
  }
.mt7-2{
	margin-top:0%;
	}
.mt7-3{
	margin-top:2%;
	}
.mt7-4{
	margin-top:1%;
  overflow:scroll;
  height:350px;
  overflow-x:hidden;
	}
.mt7-4{
	margin-top:0%;
	}
.mt7-5{
	margin-top:0%;
    overflow-y:auto;
  height:380px;
  overflow-x:hidden;
	}
.mt7-7{
  margin-top:7%;
  overflow:scroll;
  height:280px;
  overflow-x:hidden;
  }
.mt7-8{
  margin-top:7%;
  }
.mt9{
  margin-top:5%;
  }
.btn2{
	width: 100%;
    border-radius: 0;
    padding: 3% 0;
    background: #363759;
    color: #ffd862 !important;
    font-weight: bold;
    font-size: 16px;
    margin: 0% 0 0;
    border: none;
	}
.btn2:hover,.btn3:hover,.btn4:hover,.btn5:hover,.btn6:hover{
    background-color: #474973 !important;
}	
.btn3{
	width: 100%;
    border-radius: 0;
    padding: 3% 0;
    background: #363759;
    color: #ffd862 !important;
    font-weight: bold;
    font-size: 16px;
    margin: 0% 0 0;
    border: none;
	}
.btn4{
	width: 100%;
    border-radius: 0;
    padding: 3% 0;
    background: #363759;
    color: #ffd862 !important;
    font-weight: bold;
    font-size: 16px;
    margin: 2% 0 0;
    border: none;
	}
.btn5{
	width: 100%;
    border-radius: 0;
    padding: 3% 0;
    background: #363759;
    color: #ffd862 !important;
    font-weight: bold;
    font-size: 16px;
    margin: 0% 0 0;
    border: none;
	}
.btn6{
    width: 100%;
    border-radius: 0;
    padding: 2% 0;
    background: #363759;
    color: #ffd862 !important;
    font-weight: bold;
    font-size: 14px;
    margin: 0% 0 0;
    border: none;
  }
.nav-pills>li.active>a{
    background-color: #ffffff;
    color: #2c2c2c;
    border-radius: 25px 25px 0px 0px;
 }
 
.btn.btn-warning.btn4 {
    color: #fff !important;
    background-color: rgb(0 255 255 / 0%) !important;
    border: 1px solid;
}
input#getotp {
    margin-top: 5px !important;
    font-size: 10px;
    padding: 6px 3px;
    background-color: #ffffff1f !important;
}
.btn-primary:hover, button#button_frmstep3:hover {
    color: #a97c57;
    background-color: #fff;
    border-color: #2f3086;
}
.nav>li>a{
	padding: 5px 15px;
    color: #484848;
	}
.nav-pills>li>a{
	font-size: 10px;
	background: none;
	border-radius:0;
	font-weight: 600;
	/* width: 88px; */
	padding: 8px 10px;
	color: white;
	height: 40px;
	transform: rotate(270deg);
	text-transform: uppercase;
	}
	.nav-pills>li {
    height: 93px;
    right: -28px;
    top: 48px;
}
	
.mt40{
	margin-top: 42px;
	}
span.number{
	font-size: 16px;
	}

.border3{
	border-radius: 0px;
	border: 1px solid #ffffffab;
}
.drop{
	font-size: 12px;
	padding: 6px 0;
}
.detamargin{
	margin-top: 5% !important;
}
.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #a80a3a;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #a90b3b; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #a90b3b; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #a90b3b; }



@media screen and (max-width: 990px) { 
.nav>li>a:focus, .nav>li>a:hover {
   
    border-radius: 0px;
    
}
.midbox {
     border-radius: 0px;
}
.nav-pills>li>a {
  
    transform: rotate(0deg);
    
    background-color: rgb(255 255 255 / 26%);

}
.nav-pills>li {
   height: 43px;
    right: 0px;
    top: 5px;
}
.nav-pills>li.active>a {
    
    border-radius: 0px;
}
}


@media screen and (min-width: 768px) { 


.modal-dialog {
    width: 60% !important;
    margin: 30px auto;
}

}

@media screen and (max-width: 768px) { 
.logo a img {
    float: none;
    text-align:center;
    display: inline !important;
}
.heading h3{
    text-align: center;
}
.mtop {
    margin-top: 0;
} 
.midbox {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
}
.step1leftbg {
    height: auto;
    padding-bottom: 3%;
    margin-top:1%;
}
}
@media screen and (max-width: 640px) { 
.step1leftbg h2 {
    margin-top: 5%;
    font-size: 20px;
    margin-bottom: 5%;
}
.step1leftbg img {
    display: block;
    /* margin-left: 9%; */
    width: 120px;
    margin: auto;
}
.btn2 {
    font-size: 15px;
}
.topcontact p{
    text-align:center;
    padding: 1% 0;
    margin:0;
    font-size: 12px;
}
}
@media screen and (max-width: 575px) { 
    .midbox .nav li a {
    min-height: 66px;
}
.heading h3 {
    font-size: 40px;
    margin: 10% 0 0%;
}
.logo img {
    /* max-width: 142px; */
    margin: auto;
    width: 84px;
}
.mob-verification{
    margin-top: 0% !important;
}
.mt40 {
    margin-top: 10px;
}
}