body{font-size:16px;line-height:24px;font-family:'Lato';}
.raleway{font-family:'Raleway';}
.clear{clear:both;}
.text-black{color:#000000;}
.text-left{text-align:left;}
.brand_color{color:#e32125;}

img{max-width:100%;}
a{text-decoration:none;}
sup{font-size:0.40em;top:-1em;}

.padding-bottom-30{padding-bottom:30px;}
.padding-tb-30{padding:30px 0;}.padding-tb-50{padding:50px 0;}

h3{font-weight:bold;}

.bg{background:#f2f2f2;}
.border-top-1px{border-top:1px solid #212c42;}

.margin-top-10{margin-top:10px;}.margin-top-20{margin-top:20px;}.margin-top-50{margin-top:50px;}
.margin-bottom-10{margin-bottom:10px;}

header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 4.5rem);background:url("../images/banner.jpg");background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover;}
.logo{position:absolute;top:50px;}
.form_bg{background:rgba(0,0,0,0.6);padding:30px 20px;}

.fform input,.fform select{height:35px;line-height:20px;}
.fform textarea{resize:none;line-height:20px;min-height:60px;border-radius:0;}
.fform .frmfield{margin-bottom:15px;}
.fform .prefixcontact{width:11%;float:left;padding-right:0;}
.fform .mobilecontact{width:89%;float:left;}

/* Call back Form  */
button, input, optgroup, select, textarea{width:100%;background:#FFFFFF;border:1px solid #808080;height:30px;line-height:20px;padding:5px;border-radius:0;}
input[type=button]{background:#e32125;color:#FFFFFF;border-color:#e32125;}
select option{font-family:'Raleway';}
.errormsg{min-height:18px;line-height:18px;color:red;margin:8px 0;}
.frmfield{margin-bottom:10px;}
.prefixcontact{width:16%;float:left;padding-right:0;}
.mobilecontact{width:84%;float:left;}
.prefixcontact input[type=text]{border-right:none;}
.mobilecontact input[type=text]{border-left:none;}

/* footer */
footer{background:#000000;padding:8px 0;color:rgba(255,255,255,0.5);}

.fa-li img{width:20px;height:20px;margin-top:-5px;}
a.floating_enquire{position:fixed;right:-33px;top:45%;background:#e32125;padding:15px;transform:rotate(270deg) translateX(0);z-index:999999;color:#FFFFFF;}
@media screen and (max-width:600px){
    body{padding-bottom:50px;}
    a.floating_enquire{bottom:0;top:auto;transform:rotate(0deg) translateX(0);width:100%;right:0;text-align:center;}
}

@media screen and (min-width:992px){
	header.masthead {height:auto;min-height:95vh;padding-top:0rem;padding-bottom:0;}
}
@media screen and (min-width:900px){
	.form_bg{padding:50px 35px;}
	#getintouch .col-xs-12{width:20%;}
	}
}
@media screen and (min-width:768px){
	.features li{width:50%;}
}
@media screen and (min-width:600px) and (max-width:899px){
	#getintouch .col-xs-12{width:50%;}
	#getintouch .col-xs-12.last{width:100%;}
}

@media screen and (max-width:575px){
	.logo{position:absolute;top:30px;text-align:center;width:100%;margin:0 -15px;}
	.prefixcontact{width:12%;}
	.mobilecontact{width:88%;}
	.fform .prefixcontact{width:12%;float:left;padding-right:0;}
	.fform .mobilecontact{width:88%;float:left;}
}

@media screen and (max-width:375px){
	.prefixcontact{width:14%;}
	.mobilecontact{width:86%;}
	.fform .prefixcontact{width:14%;float:left;padding-right:0;}
	.fform .mobilecontact{width:86%;float:left;}
}