@charset "utf-8";
/* CSS Document */

/* CSS Document © 2015 Digimax.co.uk */
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,700italic,800italic);
@font-face { font-family: 'Tahoma'; src: url('../fonts/Tahoma.ttf') format('truetype'); font-weight: normal; font-style: normal; }


::-moz-selection {
background:#43A6F3;
color:#fff;
text-shadow:none;
}
::selection { background: #43A6F3; color: #fff; text-shadow: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: 'Open Sans', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { color: #504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { text-decoration: none; }
p { font-family: 'Lato', sans-serif; }
img { border: 0px; }
/*ol, ul, li { list-style: none; }*/
strong, strong p { font-weight: 700; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/**/

.margin { width: 100%; margin: auto; max-width: 924px; }

.top-img { float: left; width: 100%; height: 30px; }
.top-img > img { display: block; height: 30px; max-height: 30px; width: 100%; }
.header { float: left; padding: 20px 0; width: 100%; }
.logo { float: left; width: 9%; }
.logo img { display: block; width: 100%; }
.header h2 {
  font-family: 'Tahoma';
  float: right;
  margin: 38px 0;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;color:#f9a43e;
}
.menu { float: left; width: 100%; background-color: #ba5960;z-index:9999;}
.content #myGallery { width: 67%; float: left; }
.content #myGallery img { display: none; width: 100%; max-height: 300px; }
.content #myGallery img.active { display: block; }
.content { float: left; width: 100%; background-color:#d4d4d4;}
.intro-text p { color: #000; cursor: text; font-family: arial; line-height: 20px; margin: 0 0 16px; padding: 0;}
.intro-text { float: right; padding: 3%; width:27%; }
.intro-text a { background-color:#ba5960; border: 1px solid #2e2e2e; color: #fff; display: block; font-size: 15px; font-weight: bold; overflow: hidden; padding: 13px 20px;  width:83.7%; }

.intro-text a:hover { background:#F9A43E url("../images/learn-more.png") no-repeat scroll 81% 58% / 3% auto; }

.page-content {
  float: left;
  padding: 30px 0;
  width: 100%;
  background-color: #fff;
}
.main-content {
  float: left;
  width: 67%;
}
.sidebar {
  float: right;
  width: 30%;
}
.row1 {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.img-wrapper {
  float: left;
  width: 33.3%;
}
.img-wrapper img {
  border: 1px solid #fff;
  display: block;
  max-height: 200px;
  max-width: 253px;
  width: 100%;
  height: 200px;
}
h3.block-title {
  background: #d4d4d4 url("../images/arrows-links_19.png") no-repeat scroll 1% 42% / 22px auto;
  color: #333;
  float: left;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  padding-left: 38px;
  padding-top: 7px;
  width: 94%;
  text-shadow:1px 1px 1px #fff;
}
.row2 > p {
  float: left;
  margin-bottom: 10px;
  width: 100%;
color: #555;
  font-family: arial;
  font-size: 14px;
}
h4 {
  color: #ba5960;
  float: left;
font-family: arial;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
}
.row2 ul {
  float: left;
  list-style-type: none;
  margin: 5px 0;
  width: 100%;
}
.row2 ul li {
  background: rgba(0, 0, 0, 0) url("../images/right.png") no-repeat scroll left top / 2% auto;
  color: #555;
  font-family: arial;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
  padding: 0 20px;
}
.row2 a{color:#ba5960;  font-family: arial;
  font-size: 14px;}
.row2 p a:hover{text-decoration:underline;}
.side-btns {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.btn:hover{background-color: #F9A43E;}
.btn {
  background-color: #ba5960;
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 4%;
  width: 92%;
  line-height: 32px;

}
.about-btn{  color: #fff;
  float: left;
  font-size: 23px;
  font-weight: 600;
  background:#ba5960 url(../images/mail.png) no-repeat 3% center;
  padding: 40px 0px 40px 60px;
  width: 78%;
  line-height: 32px;}
  .about-btn:hover{ background-color:#f9a43e;}
.sidebar h3.block-title {
  background: #d4d4d4 url("../images/arrows-links_19.png") no-repeat scroll 2% 42% / 22px auto;
  padding-left: 37px;
  width: 86%; font-size:16px;
}
p {
  color: #555;
  float: left;
  font-family: arial;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  width: 100%;
}
.footer {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.footer-menu {  float: left;
  width: 100%;  background-color: #E2E2E2;  padding: 0 2%;
  width: 96%;
  border: 1px solid #ccc;}
.footer-menu ul {
  display: inline-block;
  padding: 10px 0;
  list-style-type: none;
}
.footer-menu ul li {
  border-left: 1px solid #666;
  float: left;
  padding: 0 5px;
}
.footer-menu ul li:first-child{border:none;}
.footer-menu ul li a {
  color: #666;
  font-size: 13px;
  text-transform: capitalize;
  padding: 0 4px;
}
.footer-menu > p {
  float: right;
  width: auto;
  margin-bottom: 0;
  padding: 10px 0;
}
/*.page-content #myGallery { width: 20%; float: left;}
.page-content #myGallery img { display: none; width: 100%; max-height: 300px; }
.page-content #myGallery img.active { display: block;}*/

/*about*/
.page-header {
  background:url(../images/grey-bg.jpg) no-repeat top center / cover;
  float: left;
  height: 150px;
  max-height: 150px;
  width: 100%;
  background-color: #757575;
}
.page-header h2 {
  color: #fff;
  float: right;
  font-family: "Tahoma";
  font-size: 35px;
  letter-spacing: 2px;
  margin: auto;
  padding: 33px 0;
  text-align: left;
  text-transform: uppercase;
  width: 27%;
}
.page-header h2.abt-us{ padding: 54px 0;}
.header-img {
  float: left;
  width: 70%;
}
.header-img > img {
  display: block;
  width: 100%;
}
.entry h3 {
 
  color: #ba5960;
  font-weight: 600;
  margin-bottom: 20px;
  
  font-size:24px;
}
.sidebar > h2 {
  color: #000;
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}
.coll{ background:url(../images/phone.png) no-repeat 2% center; padding-left:36px; margin-bottom:25px;}
.mobail-no{ display:block;}

.meil { background:url(../images/smg.png) no-repeat 9% center; padding-left:52px;margin-bottom:25px;}
.box{ background:url(../images/box.png) no-repeat 3% center; padding-left:43px;}
.locetion{ background:url(../images/locetion.png) no-repeat 6% center; padding-left:52px; margin-top:22px;}
.address p{ font-size:13px;}
.text-field {
  border: 2px solid #ba5960;
  margin-bottom: 30px;
  width: 90%;
  padding:2%; 
  font-size:14px; font-weight:600;
}
.btn-submit {
	
  background-color: #ba5960;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 7px 25px;
  text-transform: uppercase;;
}

.btn-submit:hover{background-color: #898989;}
.address {
  float: left;
  width: 50%;
  margin-bottom:30px;
}
.contact-info {
  float: left;
  margin-bottom:30px;
  width: 50%; 
}
iframe {
  float: left;
  width: 100%;
}
.sidebar label {
  float: left;
  width: 100%;
  font-size: 14px;
  font-family: arial;
  margin-bottom: 5px;
}
.img-background {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.img-background > img {
  float: left;
  max-height: 150px;
  width: 100%;
}
.our-services {
  float: left;
  width: 100%;
  border-bottom: 2px solid #e6e6e6;
  padding: 20px 0;
}
.our-services h3 {
  color: #000;
  display: block;
  font-family: arial;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 15px;
}
.our-services img {
  float: right;
  margin-bottom: 23px;
  margin-left: 23px;
  max-width: 100px;
}
.our-services ul {
  float: none;
}
.our-services p {
  float: none;
}
.our-services ul {
  list-style-type: disc !important;
  margin: 0 0 20px 20px;
  width: 77%;
}
.content ul ul {
  list-style-type: circle;
  margin: 5px 0 5px 20px;
}
.our-services li {
  color: #555;
  float: left;
  font-family: arial;
  font-size: 14px;
  line-height: 22px;
  width: 80%;
}
.twitter-link > img {
  float: right;
  margin-right: 5px;
  max-width: 22px;
}
.btn img {
  float: left;
  margin-right: 10px;
}
.q-Strata{ width:100%; float:left; background-color:#d4d4d4; padding:35px 0;}
.q-Strata-row{ width:100%; float:left;}
.q-Strata-col:nth-child(2) { margin:0px;}
.q-Strata-col:nth-child(4) { margin:0px;}

.q-Strata h2{ font-size:24px; color:#000; font-weight:600; margin-bottom:30px; text-transform:uppercase;}
.q-Strata-col{ width:400px; float:left; margin-right:124px; min-height:160px; border-bottom:2px solid #000; padding-top:10px;	}
.q-Strata-col h3{ font-size:22px; color:#ba5960; text-transform:uppercase; margin-bottom:15px; position:relative}
.q-Strata-col h3::after {
  background-color: #000;
  bottom:-8px;
  content: "";
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;

  text-align: center;
  width: 45px;}
.q-Strata-col p{ position:relative}


.Strata{ display:block;}
.Residential{ background-image: url(../images/Residential-bg.png); background-repeat: no-repeat;background-size:cover; width:100%; float:left; padding:70px 0px; border-top:4px solid #fff; border-bottom:4px solid #fff;}
.Residential-left{ float:left; color:#fff; width:320px;}
.Residential-left h3{ font-size:24px; color:#fff; padding-left:13px; font-weight:600; position:relative;text-transform:uppercase; float:right;}
.Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
  left: 0;
  margin: auto;
  position: absolute;

  text-align: center;
  width: 5px;}
.Residential-right{ width:60%; float:right; color:#fff;}
.Residential-men{ width:100%; float:left; margin-bottom:50px;}
.Residential-right li{ font-size:16px; line-height:30px;}
.captcha{ width:30%; float:right; }
.captcha .text-field {
  border: 2px solid #444;
  margin:20px 0px;
  width: 90%;
  padding:3%; 
  font-size:14px; font-weight:600;
}
.above-code{ margin:10px 0;}
.captcha .btn-submit {
    background-color:#868686;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 7px 25px;
    text-transform: uppercase;
}
.captcha .btn-submit:hover {background-color:#ba5960;}
.captcha-img{ width:70%; float:left; margin:10px 0px;}
.captcha-img img{ width:100%;} 

.Residential-men:nth-child(3) { margin:0px;}
@media screen and (max-width: 480px) {
	.margin { width:90%;}
	.menu {position: fixed;}
	.menuzord .showhide {float: left !important;}
	.logo {float: none;margin: auto;width: 25%;}
	.header h2 {text-align: center;margin:10px 0;width:100%;}
	.content #myGallery {width: 100%;}
	.intro-text {width: 94%;text-align: center;}
	.menuzord-menu > li:first-child {border-left:none;}
	.header {padding: 58px 0 20px 0;}
	.main-content {width: 100%;}
	.img-wrapper {width: 100%;}
	.img-wrapper img {max-height: none;max-width: none;width: 100%;}
	.sidebar {width: 100%;margin-top: 20px;}
	h3.block-title {background: #d4d4d4 url("../images/arrows-links_19.png") no-repeat scroll 1% 42% / 25px auto;padding-left:    35px;width:92%;}
	.sidebar h3.block-title {width: 91%;}
	.footer-menu ul li {border-left: none;width: 100%;text-align: center;}
	.footer-menu > p {float: none;text-align: center;}
	.intro-text a {background: #ba5960 url("../images/learn-more.png") no-repeat scroll 94% 58% / 3% auto;width: 55%;text-align: center;margin: auto;}
	.footer-menu ul {width: 100%;}
	.coll{ width:95%; float:left;}
	
	
	.header-img {width: 100%;}
	.page-header {height: auto !important;max-height: none !important;}
	.page-header h2.abt-us {padding: 20px 0;}
	.page-header h2{text-align: center;width: 100%;}
	.q-Strata-col { width:100%;}
	.Residential-left h3{ text-align:left; margin-bottom:10px; float:left;}
	.Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
  margin: auto;
  position: absolute;
  
  text-align: center;
  width: 5px;}
  .Residential-right{ width:98%;}
  .address{ width:100%;}
  .text-field{ width:94%;}
  .captcha{ width:100%;}
  .Residential-left{ width:100%;}

}
@media screen and (min-width:481px) and (max-width:600px) {
	.margin { width:90%;}
	.menu {position: fixed;}
	.menuzord .showhide {float: left !important;}
	.logo {float: none;margin: auto;width: 25%;}
	.header h2 {text-align: center;margin:10px 0;width:100%;}
	.content #myGallery {width: 100%;}
	.intro-text {width: 94%;text-align: center;}
	.menuzord-menu > li:first-child {border-left:none;}
	.header {padding: 58px 0 20px 0;}
	.main-content {width: 100%;}
	.img-wrapper {width: 100%;}
	.img-wrapper img {max-height: none;max-width: none;width: 100%;}
	.sidebar {width: 100%;margin-top: 20px;}
	h3.block-title {background: #d4d4d4 url("../images/arrows-links_19.png") no-repeat scroll 1% 42% / 25px auto;padding-left:    35px;width:92%;}
	.sidebar h3.block-title {width: 91%;}
	.footer-menu ul li {border-left: none;width: 100%;text-align: center;}
	.footer-menu > p {float: none;text-align: center;}
	.intro-text a {background: #ba5960 url("../images/learn-more.png") no-repeat scroll 94% 58% / 3% auto;width: 55%;text-align: center;margin: auto;}
	.footer-menu ul {width: 100%;}
	
	.header-img {width: 100%;}
	.page-header {height: auto !important;max-height: none !important;}
	.page-header h2.abt-us {padding: 20px 0;}
	.page-header h2{text-align: center;width: 100%;}
	.q-Strata-col { width:100%;}
	.Residential-left h3{ text-align:left; margin-bottom:10px; float:left;}
	.Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
 
  margin: auto;
  position: absolute;
  
  text-align: center;
  width: 5px;}
  .Residential-right{ width:98%;}
  .address{ width:100%;}
  .text-field{ width:94%;}
   .Residential-left{ width:100%;}
   .coll{ width:95%; float:left;}
   .meil {
	background: url(../images/smg.png) no-repeat 3% center;
	padding-left: 52px;
	margin-bottom: 25px;
}
.box {
	background: url(../images/box.png) no-repeat 2% center;
	padding-left: 43px;
}
.locetion {
	background: url(../images/locetion.png) no-repeat 3% center;
	padding-left: 52px;
	margin-top: 22px;
}

}
@media screen and (min-width:601px) and (max-width:767px) {
	.margin { width:95%;}
		.menu {position: fixed;}
	.menuzord .showhide {float: left !important;}
	.logo {float: none;margin: auto;width: 25%;}
	.header h2 {text-align: center;margin:10px 0;width:100%;}
	.content #myGallery {width: 100%;}
	.intro-text {width: 94%;text-align: center;}
	.menuzord-menu > li:first-child {border-left:none;}
	.header {padding: 58px 0 20px 0;}
	.main-content {width: 100%;}
	.img-wrapper img {max-height: 150px;width: 100%;}
	.sidebar {width: 100%;margin-top: 20px;}
	h3.block-title {background: #d4d4d4 url("../images/arrows-links_19.png") no-repeat scroll 1% 42% / 25px auto;padding-left:    35px;width:93.5%;}
	.sidebar h3.block-title {width: 93.5%;}
	.footer-menu ul li {border-left: none;width: 100%;text-align: center;}
	.footer-menu > p {float: none;text-align: center;}
	.intro-text a {background: #ba5960 url("../images/learn-more.png") no-repeat scroll 85% 58% / 3% auto;width: 55%;text-align:     center;margin: auto;}
	.footer-menu ul {width: 100%;}
	
	.header-img {width: 100%;}
	.page-header {height: auto !important;max-height: none !important;}
	.page-header h2.abt-us {padding: 20px 0;}
	.page-header h2{text-align: center;width: 100%;}
	.q-Strata-col { width:100%;}
	.Residential-left h3{ text-align:left; margin-bottom:10px; float:left;}
	.Residential-left {
	float: left;
	color: #fff;
	width:100%;
}
.Residential-left-2{ width:25%}

	.Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
    margin: auto;
  position: absolute;
  text-align: center;
  width: 5px;}
  .Residential-right{ width:98%;}
  .address{ width:100%;}
  .text-field{ width:94%;}
    .coll{ width:95%; float:left;}
   .meil {
	background: url(../images/smg.png) no-repeat 3% center;
	padding-left: 52px;
	margin-bottom: 25px;
}
.box {
	background: url(../images/box.png) no-repeat 2% center;
	padding-left: 43px;
}
.locetion {
	background: url(../images/locetion.png) no-repeat 3% center;
	padding-left: 52px;
	margin-top: 22px;
}

	
}
@media screen and (min-width:768px) and (max-width:900px) {
	.margin { width:95%;}
	.menuzord-menu > li > a {padding: 17px 24px !important;}
	.intro-text a {background: #ba5960 url("../images/learn-more.png") no-repeat scroll 89% 54% / 3% auto;font-size: 12px;
     padding: 10px 5px;width: 94.7%;}
	 h3.block-title {width: 92%;}
	 .sidebar h3.block-title {width: 83%;}
	 .logo {width: 12%;}
	 
	  .page-header h2 {font-size: 26px;padding:44px 0;}
	 .page-header h2.abt-us {padding: 54px 0;}
	 .page-header {height:139px;}
	 .q-Strata-col{ width:41%;min-height: 176px;}
	 .Residential-left{ width:23%;}
	 .Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
  left: 0%;
  margin: auto;
  position: absolute;
  
  text-align: center;
  width: 5px;}
  .Residential-right{ width:70%;}
  .address{ width:45%;}
  .coll{ width:71%;}
  .box{width:71%;}
  .meil{ width:71%;}
}
@media screen and (min-width:901px) and (max-width:1023px) {
	.margin { width:95%;}
	.menuzord-menu > li > a {padding: 17px 24px !important;}
	.intro-text a {background: #ba5960 url("../images/learn-more.png") no-repeat scroll 89% 54% / 3% auto;font-size: 12px;width:    82.7%;}
	 h3.block-title {width: 92%;}
	 .sidebar h3.block-title {width: 83%;}
	 .logo {width:10%;}
	 
	 
	 .page-header h2 {font-size: 30px;width: 27%;}
	 .page-header h2.abt-us {padding: 57px 0;}
	 .Residential-right{ width:70%;}
  .address{ width:45%;}
  .coll{ width:71%;}
  .box{width:71%;}
   .q-Strata-col{ width:41%;min-height: 176px;}
	 .Residential-left{ width:23%;}
	 .Residential-left h3::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 25px;
  left: 0%;
  margin: auto;
  position: absolute;
  
  text-align: center;
  width: 5px;}
  .Residential-right{ width:70%;}
  .address{ width:45%;}
  .coll{ width:71%;}
  .box{width:71%;}
}
@media screen and (min-width:1024px) and (max-width:1240px) {
.margin { width:94%;}
}
@media screen and (max-width: 320px) {
	.intro-text a {width: 69%;font-size:13px;}
	h3.block-title {width: 88%;}
	.row2 ul li {background: rgba(0, 0, 0, 0) url("../images/right.png") no-repeat scroll left top / 4% auto;}
	.sidebar h3.block-title {width: 87%;}
	}