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: #8624e1;*/
/* background-image: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%);*/
background-image : radial-gradient(circle at bottom,#32a7fb 0%,#004582 100%);
color: #fff;
border-radius:5px;
}
/**/
h1 {
color: #000000;
font-size: 38px;
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;*/
color: #000;
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:#8624e1;*/
/*background-image: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%);*/
background-image: radial-gradient(circle at bottom,#32a7fb 0%,#004582 100%);
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:#000;
/*background-image: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%);*/
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;
}
}