@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700,600);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?u1774s');
	src:url('fonts/icomoon.eot?#iefixu1774s') format('embedded-opentype'),
		url('fonts/icomoon.woff?u1774s') format('woff'),
		url('fonts/icomoon.ttf?u1774s') format('truetype'),
		url('fonts/icomoon.svg?u1774s#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none; color: #fff; font-size: 18px; padding: 8px 8px; background-color: #700000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {
	content: "\ea88";
}
.icon-google-plus:hover {
	content: "\ea88"; color: #fff; text-decoration: none; background-color: #d93813;
}
.icon-facebook:before {
	content: "\ea8c";
}
.icon-facebook:hover {
	content: "\ea88"; color: #fff; text-decoration: none;  background-color: #d93813;
}
.icon-twitter:before {
	content: "\ea91";
} 
.icon-twitter:hover {
	content: "\ea88"; color: #fff; text-decoration: none;  background-color: #d93813;
}
body {font-family: 'Lato'; color: #1b1b1b; background-color: #fff; line-height: 25px; font-weight: normal; font-size: 14px; }
.header, .middle, .footer, .inner, .topCon {width:100%; float:left; position: relative !important; clear:both; }
.header img {width: 100%; height: auto;}
.topCon {width: 100%; float: left; position: relative; clear: both; background-color: #fcfded; padding: 15px 0; margin: 0;}
.topCon .col-sm-9 {text-align: right;}
.welCon {width: 100%; float: left; padding: 60px 0 60px 0; text-align: center;}
.welCon h1 {font-size: 30px; font-family: 'Raleway'; color: #b27b1b; margin: 0 0 35px 0;}
.welCon h1  span {display: block;color: #000;font-weight: 100;font-size: 24px;
line-height: 33px;} 
.aboutCon {width: 100%; float: left; padding: 60px 0 60px 0; text-align: left;}
.aboutCon h1 {font-size: 30px; font-family: 'Raleway'; color: #b27b1b; margin: 0 0 35px 0; padding: 0 0 20px 0; text-transform: uppercase; border-bottom: 3px dotted #e2e2e2;} 
.aboutCon h2 {font-size: 20px; font-family: 'Raleway'; color: #000; margin: 0 0 20px 0; padding: 0; text-align: left;} 
.aboutCon h3 {font-size: 16px; font-family: 'Raleway'; color: #b27b1b; margin: 0 0 20px 0; padding: 0; text-align: left;} 
.aboutCon .pull-right {float: right; margin: 0 0 0 30px;}
.aboutCon .list-group {padding: 0; margin: 0;}
.aboutCon .list-group li {margin: 0; float: left; width: 30%; line-height: 35px; background: url(../images/sqBullate.gif) no-repeat left 13px; list-style: none; padding: 0 0 0 25px;}
.aboutCon .list-group1 {padding: 0; margin: 0;}
.aboutCon .list-group1 li {line-height: 35px; background: url(../images/sqBullate.gif) no-repeat left 13px; list-style: none; padding: 0 0 0 25px; }
.aboutCon .list-group2 {padding: 0; margin: 0;}
.aboutCon .list-group2 li {line-height: 35px; width: 50%; float: left; background: url(../images/sqBullate.gif) no-repeat left 13px; list-style: none; padding: 0 0 0 25px; }
.aboutCon p {text-align: justify;}
.aboutCon hr { width: 100%; margin-top: 30px;  margin-bottom: 30px; border: 0; border-top: 3px dotted #ededed;}
.welLine {width: 100%; background-color: #efefef; margin: 0 0 40px 0;} 
.greenLine {width: 10%; background-color: #87ac00; margin: 0 45%; height: 1px;} 
.servicesCon {width: 100%; float: left; background: url(../images/servicesBg.jpg) no-repeat left top; text-align: center; background-size: 100% 100%; padding: 65px 0;}
.servicesCon h4 {font-size: 30px; font-family: 'Raleway'; color: #ffffff; margin: 0 0 35px 0; text-align: center;} 
.servicesCon h3 {font-size: 22px; font-family: 'Lato'; color: #ffffff; line-height: 35px; margin: 25px 0 25px 0; text-align: center;  padding: 0 30px; } 
.servicesCon a {text-decoration: none;}
.servicesCon a:hover {text-decoration: none;}
.servicesCon p {font-size: 16px; font-family: 'Lato'; color: #ffffff; line-height: 28px; margin: 25px 0 25px 0; text-align: center;  padding: 0 30px; }
.serLine {width: 100%; float: left; background-color: #595959; margin: 0 0 70px 0;}
.serLine1 {width: 5%; float: left; background-color: #ffffff; height: 1px; margin: 0 47.5%;} 
.servicesCon .owl-theme .owl-controls {display: none !important;}
.clientCon {width: 100%; float: left; background-color: #fff; padding: 65px 0;}
.clientCon h4 {font-size: 25px; font-family: 'Raleway'; color: #ac7a19; text-transform: uppercase; margin: 0 0 25px 0; text-align: center;} 
.clientCon p {font-size: 14px; font-family: 'Lato'; color: #404040;  padding: 0 10% 45px 10%; text-align: center;} 
.clientCon .owl-theme .owl-controls {margin: 60px 0 0 0;}

.testimonCon {width: 100%; float: left; background: url(../images/testimonbg.jpg) no-repeat left top; background-size: 100% 100%; padding: 65px 0;}
.testimonCon a {text-decoration: none;}
.testimonCon h3 {font-size: 35px; font-family: 'Raleway'; color: #ffffff; text-transform: uppercase; margin: 0 0 25px 0; text-align: center;} 
.testimonCon p {color: #fff; padding: 0 10%; font-size: 18px; font-weight: 300; line-height: 30px; margin: 0 0 30px 0; text-align: center;}
.testimonCon h4 {font-size: 20px; font-family: 'Raleway'; color: #ffffff; font-style: italic; text-transform: uppercase; margin: 0 0 25px 0; text-align: center;} 
.testLine {width: 15%; float: left; margin: 0 42.5% 30px 42.5%; background-color: #b6872c; height: 1px;}
.yellowLine {width: 100%; float: left; background-color: #b6872c; padding: 10px 0 0 0;}
.branchCon {width: 100%; float: left; padding: 65px 0; text-align: center;}
.branchInfo {width: 100%; float: left; position: relative; background-color: #f5f5f1; padding: 30px 0 0 0; margin: 140px 0 0 0;}
.locationBox { width: 23%; position: absolute; top: -95px; left: 16px;} 
.branchInfo h2 {font-size: 18px; font-family: 'Raleway'; color: #c79025; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; text-align: center;}.branchInfo p {padding: 0 35px 20px 35px;} 
.branchInfo h3 {font-size: 16px; font-family: 'Lato'; color: #ffffff; background-color: #3e3627; padding: 18px 40px;   text-transform: uppercase; margin: 0; text-align: center;}
.branchCon h4 {font-size: 25px; font-family: 'Lato'; color: #1b1b1b; text-transform: uppercase; margin: 0 0 20px 0; padding: 20px 0 10px 0; text-align: center;}

.branchCon a {font-size: 20px; font-family: 'Lato'; color: #c79025;}
.branchCon h5 {font-size: 25px; font-family: 'Raleway'; color: #15130f; text-transform: uppercase; margin: 0 0 25px 0; text-align: center;} 
.branchCon p {padding: 0 10%;}
.testInfo {width: 100%; float: left; border: 1px solid #e4e4dd; background-color: #f5f5f1; padding: 30px 40px; margin: 0;}
.testInfo h4 {font-size: 16px; font-family: 'Lato'; color: #b27b1b;  text-transform: uppercase; text-align: right; margin: 0; }
.subBox .col-lg-6 {padding: 0; margin: 0;}
.testInfo hr {width: 100%; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 3px dotted #e4e4dd; }

.copyright {width: 100%; float: right; text-align: right;}
.callInfo {width: 24%; float: right; text-align: left;}
.callInfo img {margin: 0 10px 0 0;}
.callInfo h2 {font-size: 18px; font-family: 'Lato'; color: #c79025; margin: 0 0 10px 0; text-align: left;}
.callInfo h4 {font-size: 20px; font-family: 'Lato'; color: #000000;  text-transform: uppercase; margin: 0; }
.callInfo h3 {font-size: 16px; font-family: 'Lato'; color: #000000; padding: 10px 0;  margin: 0; }
.callInfo h3 a {color: #000000; }
.navbar-wrapper { width: 100%; float: left; background-color: #363820; position: relative !important; }
.navbar-brand {position: relative; top:0; padding: 0;}
.navbar {margin-bottom: 0;} 
.navbar-nav {float: right; margin: 0;}
.navbar-inverse { background-color: transparent; border-color: transparent;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px;  right: 20px; display:none;} 
.navbar-wrapper li {background: url(../images/line.jpg) no-repeat left center;}
.noline {background-image: none !important;}
.locBox {width: 100%; float: left; background: #fafafa; }

/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 63%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 55%; height: 0; overflow: hidden; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #c79025; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:100%; float:left;}
.enquiryBtn {margin: 10px 0 0 0 !important;}
.textBox{width:100% !important; height:45px !important; margin: 0 0 15px 0; padding: 0 15px; background:#fff; border:solid 1px #D6B67C; font-family: 'Lato'; color: #A07325; font-size:13px;}
.textBoxMulti {width: 100% !important; height: 90px !important; background: #fff; border: solid 1px #D6B67C; padding: 0 15px; font-family: 'Lato'; color: #A07325; font-size:13px;}
.tred{color:#C00;}
.subbtn {background:#fff !important; margin: 20px 10px 0 0; border: 1px solid #A07325; display:inline-block; padding: 8px 15px !important;  color:#A07325; text-transform:uppercase; text-decoration:none; border-radius: 0 !important;}
.subbtn:hover {background:#fff !important; border: 1px dashed #A07325; color:#A07325; }
.textBox1{width:30% !important; margin: 0 2px; height:40px !important; background:#fff; border:solid 1px #A07325; font-family: 'Lato'; color:#A07325; font-size:15px;}

/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/
.footer {width: 100%;  font-family: 'Lato'; font-weight: normal; line-height: 30px; font-size: 14px; color: #656565; background: #f0f0ea; padding: 0 0 20px 0; float: left; border-top: 10px solid #dadacb;}
.footer h6 { font-family: 'Lato'; font-weight:  normal; text-transform: uppercase; font-size: 18px; color: #0e0e0c; margin: 0 0 15px 0;}
.footer p {line-height: 40px; margin: 0;}
.footer a {color: #656565; padding: 0; text-decoration: none !important; }
.footer a:hover {text-decoration: none !important; color: #95954a;}
.footer ul {padding: 0; margin: 0;}
.footer li { margin: 0 0 0 15px;}
.lbmBox {width: 100%; border-top: 1px solid #8a363a; text-align: left !important; padding: 30px 0 0 0;}
.lbm {color: #d3d2d3 !important; } 
/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }



/*-----------pinterest grid layout code---------------------*/

#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
 
.white-panel {
  position: absolute;
  background: white;
/*  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*-----------pinterest grid layout code---------------------*/




/*==========  Non-Mobile First Method  ==========*/
@media screen and (max-width:1250px) {
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.container {width: 95%;}
.nav > li > a {padding: 15px 23px;}
.locationBox {width: 8%;}
.copyright {text-align: left !important;}
.footer h6 {margin: 20px 0;}
.branchInfo { padding: 30px 0 0 0; margin: 100px 0 0 0;}
}
@media only screen and (max-width : 1150px) {
.callInfo {width: 30%;}
.nav > li > a {padding: 15px 20px;}
}
@media only screen and (max-width : 1100px) {
.nav > li > a {padding: 15px 18px; font-size: 13px;}
}
@media only screen and (max-width : 1010px) {
.callInfo {width: 34%;}
.nav > li > a {padding: 15px 15px; font-size: 13px;}
}

@media only screen and (max-width : 1000px) {
.callInfo {width: 34%;}
.nav > li > a {padding: 15px 15px; font-size: 13px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.nav > li > a {padding: 15px 15px; font-size: 13px;}
.navbar-brand {width: 100%; position: relative;  clear: both; }
.navbar-brand img {width:100%; height: auto;}
}	
@media only screen and (max-width : 960px) {
.callInfo {width: 36%;}
.callInfo h3 {display: none;}
.nav > li > a {padding: 15px 10px; font-size: 12px;}
}
@media only screen and (max-width : 950px) {
.locationBox {top: -65px;}
}

@media only screen and (max-width : 850px) {
.nav > li > a {padding: 15px 9px; font-size: 12px;}
}
@media only screen and (max-width : 810px) {
.nav > li > a {padding: 15px 5px; font-size: 11px;}
}
@media only screen and (max-width : 950px) {
.callInfo {width: 40%;} 
.aboutCon .list-group2 li {width: 100%; float: left;}
}
@media only screen and (max-width : 795px) {
.nav > li > a {padding: 15px 8px; font-size: 11px;}
.branchInfo { padding: 30px 0 0 0; margin: 72px 0 0 0;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.topCon .col-sm-3 {width: 50%; float: left;}
.topCon .col-sm-9 {width: 50%; float: left;} 
.navbar-brand img {width:80%; height: auto; margin: 0;}
.callInfo {width: 70%;}
.callInfo h4 {font-size: 16px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {width: 95%; position: absolute; background-color: #363820;}
.navbar-header [class^="icon-"], [class*=" icon-"] {padding: 2px 0 !important; margin: 0;}
.navbar-header {float: none; padding: 10px 0 10px 0;} 
.navbar-toggle {z-index: 9999;} 
.navbar-inverse .navbar-toggle {background-color: #fff;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #fff}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #fcfded;}
.navbar-inverse .navbar-toggle {border-color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #363820;}
.navbar-collapse {padding: 0px;}
.navbar-nav {float: none; width: 100%;}
.nav > li { border-bottom:  1px dotted #fcfded; padding: 0;}
.navbar-collapse.in { overflow-y: hidden;}
.navbar-collapse li {background-image: none !important;}
.nav > li > a {padding: 15px 25px;  font-size: 14px;}
.callInfo h2 {font-size: 14px;}
.welCon {padding: 40px 0;}
.welCon h1 {font-size: 25px; line-height: 35px;}
.locationBox {top: -35px;}
.aboutCon img {width: 50%; height: auto;}
 }
@media only screen and (max-width : 600px) {
.callInfo {width: 70%;}
.callInfo h3 {display: none;}
.callInfo h4 {font-size: 14px;}
.welLine {margin: 0 0 35px 0;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 500px) {
.callInfo {display:  none;}
.topCon .col-sm-3 {width: 70%; float: left;}
.welCon {padding: 35px 0;}
.welCon h1 {font-size: 22px; line-height: 32px;}
.servicesCon h4 {font-size: 25px;}
.locationBox {width: 11%;}
}
@media only screen and (max-width : 400px) {
.aboutCon img {width: 100%; height: auto;}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}