html, body {
  height: 100%;
  color:#000000 !important;
}

body{
  font-family: "Poppins", sans-serif;;
  margin:0px;
  padding:0px;
  line-height:20px;
  font-size:15px;
  color:#575757;
}

body.bg1{
  background:#f0f0f0;
}

a{
  text-decoration:none;
}

img{
  border:0px;
  max-width:100%;
  height:auto;
}

ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.clr{
  clear:both; height:0;
}

.fl{
  float:left;
}

#wrapper {
  margin: 0 auto;
  padding: 0px;
}

body.bg1 #wrapper{
  height:100%;
  position:relative;
}

.customwidth {
  margin: 0 auto;
  position: relative;
  max-width: 1119px;
}
.customwidth2{
  margin: 0 auto;
  position: relative;
  padding: 0px 15px 0px 15px;
}
.customwidth::after {
  clear: both;
  content: "";
  display: block;
}
.clearfix::after {
  clear: both;
}
.clearfix::before, .clearfix::after {
  content: "";
  display: block;
  overflow: hidden;
}

#toppanel {
  background: #ffffff;
  box-sizing: border-box;
  height: 57px;
  -webkit-box-shadow: 0 10px 10px -10px #000000;
  -moz-box-shadow: 0 10px 10px -10px #000000;
  box-shadow: 0 10px 10px -10px #000000;
}

#site-title {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
  padding:9px 0px;
  height:37px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
  float:right;
  padding-top:11px;
}
#access ul.menu {
  list-style: none;
  margin: 0;
}
#access ul.menu li {
  float: left;
  position: relative;
  margin-left:5px;
}
#access a {
  color: #ffffff;
  display: block;
  padding: 6px 15px 8px 15px;
  text-decoration: none;
}

#access li:hover > a{
  background: #006cb5;
  color: #fff;
  border-radius:5px;
}

#access li.act > a{
  background: #006cb5;
  color: #fff;
  border-radius:5px;
}

/**/

h1 {
  color: #000000;
  font-size: 38px;
  line-height: 1.3em;
  text-align: center;
  margin:0px;
  padding:0px;
  font-weight:normal;
  padding:60px 0px 30px 0px;
}


.smtxt {
  font-size: 25px;
  line-height: 1.3em;
  padding-bottom: 50px;
  text-align: center;
  color:gray;
}

.smtxt span{
  color:#006cb5;
}

.feattext {
  box-sizing: border-box;
  width: 50%;
  float:left;
}

.featbox {
  box-sizing: border-box;
  padding: 20px 0 20px;
}

.feattext .featbox {
  padding-left: 115px;
  padding-right:30px;
}

.hdt{
  color:#000000;
  padding-left: 115px;
  font-size:24px;
  font-weight: 600;
  padding-bottom:20px;
}

.title1 {
  color:#006cb5;
  font-weight: 700;
  padding-bottom: 5px;
  padding-left: 90px;
}

.featbox img {
  float: left;
  padding-right: 10px;
}

.featbox .text{
  font-size: 14px;
  font-weight: 300;
  padding-left: 90px;
  line-height: 26px;
}

.sform {
  width:47.50%;
  float:right;
}

.sform .formarea{
  background:#f2f2f2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width:424px;
  min-height:500px;
  padding:20px 23px;
  font-size:13px;
  position:relative;
}

.formarea input{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.formarea input[type="text"],
.formarea input[type="email"]{
  border:solid 1px #000000;
  background:#ffffff;
  font-size:13px;
  font-weight:600;
  padding:6px 20px 6px 10px;
  width:100%;
  color:#575757;
  font-family:"Poppins", sans-serif;;
  margin-bottom:20px;
  position:relative;
}

.formarea input[type="number"]{
  border:solid 1px #000000;
  background:#ffffff;
  font-size:13px;
  font-weight:600;
  padding:6px 20px 6px 10px;
  width:100%;
  color:#575757;
  font-family:"Poppins", sans-serif;;
  margin-bottom:20px;
  position:relative;
}


div.sign{
  position:relative;
}
.checkbox-group label input[type=checkbox]:checked+span,
.radio-group label input[type=radio]:checked+span{
  color:#FFF;
  background-color:#006cb5;
  border-color:#006cb5;
  position:relative;
  z-index:1;

}
input[type='radio'] {
  -webkit-appearance:none;
  width:12px;
  height:12px;
  border:1px solid black;
  border-radius:50%;
  outline:none;
  box-shadow:0 0 5px 0px white inset;
}
input[type='radio']:hover {
  box-shadow:0 0 5px 0px black inset;
}
input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;
  border-radius:50%;
}
input[type='radio']:checked:before {
  background:black;
}

.checkbox-group label input[type=checkbox]+span,
.radio-group label input[type=radio]+span{
  display: block;
  height: 33px;
  line-height: 33px;
  font-size:12px;
  padding-left:0px;
  padding-right:0px;
  background:#FFF;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

div.radio-group{
  padding-top: 14%;
  padding-bottom: 3%;
  width:104%;
}

label.role1{
  text-align: center;
  float: left;
  cursor: pointer;
  margin-bottom: 0;
  border-style: solid;
  border: 0px;
  font-size: 10px;
  /* text-transform: uppercase; */
  font-weight: bold;
  padding: 5px 0px;
  width: 48%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: "Poppins", sans-serif;
}

label.role2{
  text-align: center;
  float: left;
  cursor: pointer;
  margin-bottom: 0;
  border-style: solid;
  border: 0px;
  font-size: 10px;
  /* text-transform: uppercase; */
  font-weight: bold;
  padding: 5px 0px;
  width: 48%;
  font-family: "Poppins", sans-serif;;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

div.roleDescription{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 12px;
  clear: both;
}

.ast{
  position:absolute;
  color:#ff0000;
  right:8px;
  top:8px;
}

.ast1{
  background-image:url(asterick.png) !important;
  background-repeat:no-repeat !important;
  background-position:top right !important;
}


input[class*="proptypes"]{
  background-image:url(asterick.png) !important;
  background-repeat:no-repeat !important;
  background-position:top right !important;
}

div[id*="propertyRow"] ul li:first-child{
  padding-right:10px;
  position:relative;
}

div[id*="propertyRow"] ul li:first-child span{
  position:absolute;
  color:#ff0000;
  right:0px;
  top:3px;

}

.formarea input.small{
  width:81%;
  float:left;
}
.formarea input.ssmall{
  width:61.5%;
  float:left;
}
.formarea input.sssmall{
  width:58%;
  float:right;
}

.formarea input[type="text"]:focus,
.formarea input[type="email"]:focus{
  border:solid 1px #2b9af3;
}

.formarea input[type="submit"]{
  border:0px;
  background:#006cb5;
  font-size:15px;
  text-transform:uppercase;
  font-weight:bold;
  border-radius:5px;
  text-align:center;
  padding:5px 0px;
  width:100%;
  color:#ffffff;
  font-family:"Poppins", sans-serif;;
}

.formarea input[type="button"].sbutton{
  border:0px;
  background:#006cb5;
  font-size:15px;
  text-transform:uppercase;
  font-weight:bold;
  border-radius:8px;
  text-align:center;
  padding:5px 0px;
  width:100%;
  color:#ffffff;
  font-family:"Poppins", sans-serif;;
}

a.thnksbutton{
  display:inline-block;
  background:#006cb5;
  font-size:15px;
  text-transform:uppercase;
  font-weight:bold;
  border-radius:5px;
  text-align:center;
  padding:10px 0px;
  width:280px;
  color:#ffffff !important;
  font-family:"Poppins", sans-serif;;
  cursor:pointer;
}

.formarea input[type="button"]{
  border:0px;
  background:#000000;
  font-size:13px;
  font-weight:600;
  border-radius:0px;
  text-align:center;
  line-height:30px;
  width:17%;
  color:#ffffff;
  font-family:"Poppins", sans-serif;;
  float:right;
}
.formarea input[type="button"].button1{
  background:#848484;
  margin-left:8px;
}

.prop{
  font-weight:600;
  padding:5px 0px;
  border-bottom:solid 1px #d0d0d0;
}

.budget{
  padding-bottom:10px;
}

#mobapptype{
  display:none;
  padding-bottom:10px;
  overflow:hidden;
}

#mobapptype ul{
  margin:0px !important;
}

.formarea strong{
  font-weight:600;
}

.formarea ul{
  margin:10px 0px 15px 0px;
  overflow:hidden;
}

.formarea li{
  float:left;
}

.formarea li + li{
  padding:0px 12px;
}

.formarea li input{
  float:left;
  padding:0px;
  margin:4px 5px 0px 0px;
}

.line{
  clear:both;
  border-bottom:solid 1px #d0d0d0;
  margin-bottom:20px;
}

.captcha{
  float:left;
}

.agree{
  clear:both;
  font-size:12px;
  padding:5px 0px 12px 0px;
}

.agree a{
  color:#2b9af3;
}

.agree input{
  float:left;
  margin:4px 8px 0px 0px;
}

.hdtxt{
  font-size:30px;
  color:#000000;
  padding-bottom:40px;
}

.padbtm{
  padding-bottom:65px;
}

#adderror{
  font-size:11px;
  font-weight:300;
  background:#fcd9dd;
  border:solid 1px #edc2c7;
  padding:5px 10px;
  line-height:18px;
  border-radius:5px;
  margin-bottom:20px;
  position:relative;
  display:none;
}

#adderror img{
  position:absolute;
  top:14px;
  right:10px;
  padding:5px;
  cursor:pointer;
}

.promobox{
  position: relative;
  font-weight: 600;
  padding: 5px 0px 0px;
  display: none;
}

.promobox input{
  width: 58% !important;
}

.promobox a{
  display: inline-block;
  padding-left: 8px;
  font-size: 11px;
  color: #2b9af3;
  cursor: pointer;
  text-decoration: underline;
}

/* Thankyou Page */

.thanksbox{
  max-width:830px;
  margin:0px auto;
  text-align:center;
  padding:45px 0px;
  background:#FFFFFF;
}

.thanksbox a{
  color:#2b9af3;
}

.smbx{
  background:#2b9af3;
  width:112px;
  height:32px;
  text-align:center;
  line-height:32px;
  font-weight:bold;
  font-size:16px;
  float:left;
  color:#ffffff;
}
.smbx canvas{
  margin: 3px 0px 2px 8px;
}

.reload{
  float:left;
  margin:8px 0px 0px 10px;
}

.err{
  color:#ff0000;
  padding-bottom:10px;
  font-size:12px;
}

/**/

#footer{
  background:#006cb5;
  padding:18px 0px;
  position:relative;
  width:100%;
}

body.bg1 #footer{
  margin-top:-84px;
}

.copyrt {
  float:left;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}

.copyrt a {
  color: #ffffff;
}
.copyrt a:hover{
  text-decoration:underline;
}


.locations {
  float:right;
  padding-top:15px;
}

.locations ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.locations li {
  float: left;
  color:#ffffff;
}
.locations li + li::before {
  content: "|";
  display: inline-block;
  padding: 0 4px;
}
.locations a {
  color: #ffffff;
}

#foottext{
  background:#333333;
  padding:50px 0px;
  color:#6c6c6c;
  font-size:12px;
  line-height:18px;
  text-align:justify;
}

#foottext h3{
  color:#838383;
  font-size:12px;
  margin:0px;
  padding:0px;
  padding-bottom:25px;
  font-weight:600;
}

#foottext strong{
  color:#838383;
  font-weight:600;
}

#foottext a{
  color:#838383;
}
.vl {
  border-left: 2px solid grey;
  height: 98%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}
::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}
/* Responsive CSS */

@media screen and (max-width:1024px){
  .customwidth{
    padding:0px 20px;
  }
  .title1 {
    padding-left: 90px;
  }
}

@media screen and (max-width:800px){
  .sform, .feattext{
    float:none;
    width:100%;
  }

  .sform .formarea{
    margin:0px auto;
  }

  .feattext{
    margin-top:40px;
    margin-bottom:40px;
  }

  .feattext .featbox{
    width:50%;
    float:left;
    min-height:150px;
    padding-left:10px;
    padding-right:10px;
  }

  .locations{
    font-size:13px;
  }
  .vl{
    display: none;
  }
  .title1{
    padding-left: 90px;
  }
}

@media screen and (max-width:680px){

  .feattext .featbox{
    float:none;
    width:100%;
    min-height:auto;
  }

  .copyrt, .locations{
    float:none;
    text-align:center;
    padding:10px 0px;
  }

  .locations li{
    float:none;
    display:inline-block;
  }
  .vl{
    display: none;
  }
}

@media screen and (max-width:568px){
  h1{
    line-height:40px;
  }

  .smtxt{
    line-height:24px;
  }
  .vl{
    display: none;
  }
}

@media screen and (max-width:380px){
  .sform .formarea{
    padding-left:10px;
    padding-right:10px;
  }

  .formarea input.small{
    width:77%;
  }

  .formarea input.ssmall {
    width: 54.5%;
  }

  .formarea input[type="button"]{
    width:20%;
  }

  .formarea input.sssmall{
    width: 38%;
  }

  .formarea li + li{
    width:100%;
    padding:2px 0px;
  }

  .feattext{
    overflow:hidden;
  }

  .feattext .featbox{
    width:50%;
    float:left;
    min-height:100px;
    background:#f2f2f2;
    margin-bottom:5px;
    min-height:126px;
  }

  .feattext .featbox:nth-child(2n+0){
    margin-left:5px;
    width:48%;
  }

  .featbox .text{
    display:none;
  }

  .featbox .title1{
    text-align:center;
    font-size:13px;
    font-weight:600;
    padding-top:5px;
    line-height:16px;
  }

  .featbox img{
    float:none;
    display:block;
    padding-bottom:10px;
    margin:0px auto;
  }
  .vl{
    display: none;
  }
  .title1{
    padding-left: 0px;
  }
}