body {
	margin:0px;
	padding:0px;
	font-family:Arial;
	box-sizing:border-box;
	background-size:100%;
}
h1, h2, h3, h4, h5, h5, p, span, ul, li, div {
	margin:0px;
	padding:0px;
	font-weight:normal;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
img {
	border:0px;
	max-width:100%;
	vertical-align:bottom;
}
a {
	outline:none;
	text-decoration:none;
}
p {
	font-size:14px;
}
h2 {font-size: 50px;}
header {display:block;	clear:both;  background:#fff url("../images/headerbg.jpg") 0 bottom repeat-x; width: 100%; display: table; height:65px; }
footer {display:block;	clear:both; padding:41px 0px; border-bottom:2px solid #FFF; overflow:hidden;}
section {display:block;	clear:both;}
nav {	display:block;	float:right;	margin:95px 0 0 0px;}
nav ul {}
nav ul li {	float:left;	list-style:none;	background-size:100%;	position:relative;	z-index:999;	margin-left:22px;}
nav ul li a {	font-size:14px;	color:#8a6d2a;	padding:0 0 11px 0px;	display:block;	font-weight:bold; text-transform: uppercase;}
nav ul li a:hover {	text-decoration:none; opacity: 0.8;}
nav ul li ul {	display:none;	width:180px;position:absolute;left:0px;	top:27px;z-index:99;padding:10px 0 10px 0px; background:#8a6d2a;}
nav ul li:hover ul {	display:block;}
nav ul li ul li {background:none; padding:0px; margin: 0px;width:100%;}
nav ul li ul li a {padding:5px 10px; color: #fff; font-size: 13px;}
nav ul li ul li a:hover {background: #745b21;}
.container {max-width:970px; margin:auto;}
.logo { float:left; margin:35px 0 0 0px;}
.logo img { position: absolute; z-index: 99;}
.slider-container { position: relative; z-index: 9; }
.slider-container li img { width:100%;}
.content { padding: 80px 0 50px 0px;  }
.content h2 { font-size:32px; color:#916a0d; padding-bottom:40px; margin-bottom:40px; background: url("../images/lline.png") 0 bottom no-repeat; }
.content h2 span {font-style: italic;}
.content p { font-size:18px; color:#9a844f;}
/*.services {display: none}*/
.services h2 { font-size:45px; color:#916a0d; padding:40px 0px 30px 0px; overflow:hidden;  }
.services h3 { font-size:22px; color:#787f82; padding:13px 0 13px 0px;}
.services h3 a { color:#787f82;}
.services p {font-size:16px; line-height:25px; color:#787f82; }
.services .col {  width:25%; float:left;padding: 0 20px 25px 20px;}
.services-box {padding:0 40px 25px 0px; }
.services .container {overflow: hidden;}
.row { width: 105%; margin-right: -5%;  }
.baner img { width:100%;}
.process { background:#8a6d2a; padding:40px 0 50px 0px;}
.process h2 { color:#faf0d8;  padding-bottom:20px; }
.process p { color:#f9f8e6; font-size:24px; line-height: 30px; }
.process a { color:#faf579; font-size:20px; }
.process a:hover { text-decoration:underline;}
.our-team { padding:35px 0px; }
.our-team h2 {  color:#916a0d; padding-bottom:30px; }
.team { clear:both; padding-bottom:35px; overflow:hidden; }
.team .pic { width:211px; height:211px; float:left; margin:0 35px 0 20px;/*background:#f3d89a;*/}
.team .team-content { max-width:700px; float:right }
.team .team-content h4 {font-size:22px; color:#6d6e71; font-weight:bold; padding-bottom:20px; }
.team .team-content h4 span { font-style:italic; font-size: 20px;}
.team .team-content p {  font-size:17px; color:#6d6e71;}
.address { text-align:center; font-size:16px; color:#b39755; float:left; padding:0 0 0 55px;}
.address a { font-size:16px; color:#b39755; }
.address a:hover { text-decoration:underline;}
.footer-logo { float:left; }
.social { float:right;}
.social img { float:left; margin-left:16px;}
.toggle-mobile {display: none;}
.ie .services .col {width:200px;  background:red;}
#nav { position: relative; top: 0px !important; z-index: 99999999;}
/*************************** Responsive *****************************/
 @media (max-width:991px) {
 .container { padding:0 30px;}
 .logo img {max-width: 250px;}
 nav {margin-top: 87px;}
 .services .col {width: 50%; min-height: 390px;}
 .team .pic {margin: 0 0 0 0px;}
 .team .team-content {width: 70%;}
 .team .pic {width: 25%;}
 .address {float: right; padding: 0px;}
 .social { width: 100%; padding-top: 25px; clear:both; text-align:center;}
 .social img { display: inline; float: none;}
 nav ul li a {font-size: 13px;}
}
 @media (max-width:767px) {
 .container { padding:0 15px;}
 h2 {font-size: 34px;}
 .services .col {width: 100%; }
 .team .team-content {width: 100%; padding-top: 15px; }
 .team .pic {width: 100%;  }
 .footer-logo {width: 100%; text-align: center; padding-bottom: 25px;}
 .address {width: 100%; text-align: center; }
 .logo { margin: 15px 0px;}
 .logo img {position: relative;}
 .toggle-mobile {display: block; outline: none; background:#fbd269; height: 36px; padding: 0 5px 0 10px; line-height: 36px; font-size: 18px; color: #8a6c2c; position: relative; z-index: 9999; border-radius: 3px; }
 .toggle-mobile:hover {outline:none; background:#fbd269;}
 .toggle-mobile img { float: right; margin-top: 5px;}
 .mobile-menu { display: none;  }
 nav {float: none; width: 100%; clear: both; margin: 0 0 10px 0px;}
 nav ul {background:#8a6d2a;}
 nav ul li {margin: 0px; padding: 0px 10px; display: block; float: none;}
 nav ul li {padding: 10px; border-top:1px solid #9e854b;}
 nav ul li:first-child {border:0px;}
 nav ul li a {font-size: 14px; color: #fff; padding-bottom: 0px;}
 nav ul li ul {position: relative; top: 0px; width: 100%; }
 nav ul li ul li { padding: 0px;}
 nav ul li ul li a { padding: 5px 0px 5px 15px;  }
 nav ul li ul li {  border-top:0px}
}


 @media (min-width:768px) {
#header {transition: all 0.3s ease 0.3s;}
#header.static-nav {position: static;}
 
.logo{ transition: all 0.5s ease 1s;}
nav{ transition: all 0.5s ease 1s;}

#header.sticky-nav { position: fixed !important; top:0px; left:0px;  z-index:999999; /*box-shadow: 0px 15px 20px 0px rgba(141, 128, 97, 1);*/}   
#header.sticky-nav .logo {margin-top: 10px;}    
#header.sticky-nav nav {margin-top: 70px;}

}

/*Gallery*/
.imgContainer {
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: center;
  margin: 10px 20px 10px 0;
  float: left;
  border: solid 1px #999;
  display: block;
}
.imgContainer:hover{
  border-bottom: solid 1px #444;
    border-left: solid 1px #444;
 -webkit-box-shadow: -3px 3px 10px 1px #777;
    -moz-box-shadow: -3px 3px 10px 1px #777;
         box-shadow: -3px 3px 10px 1px #777;
         margin: 9px 19px 11px 1px;
}
#galleryTab {
  margin: 10px 5px 20px 0;
  top: 26px;
  width: 100%;
}
.galleryWrap {
  padding: 0 0 30px;
}
.filter {
  border: 1px solid #ccc;
  color: #856928;
  float: left;
  font-size: 16px;
  margin: 0 12px 0 0;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
         border-radius: 3px;
}
.filter:hover {
  background-color: #d39f27;
  color: #f3e9d4;
 -webkit-box-shadow: -2px 2px 5px 1px #a3a3a3;
    -moz-box-shadow: -2px 2px 5px 1px #a3a3a3;
         box-shadow: -2px 2px 5px 1px #a3a3a3;
  margin: -1px 11px 1px 1px;
  border-bottom: solid 1px #aaa;
  border-left: solid 1px #aaa;
}
.filter.active {
  background-color: #856928;
  border: 1px solid #ccc;
  color: #f3e9d4;
  cursor: default;
  margin: 0 12px 0 0;
 -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;  
}

/*subpage content*/
.sub-page h2 { font-size:45px; color:#916a0d; padding:40px 0px 30px 0px; overflow:hidden;  }
.sub-page h3 { font-size:22px; color:#787f82; padding:13px 0 13px 0px;}
.sub-page h3 a { color:#787f82;}
.sub-page p {font-size:16px; line-height:25px; color:#787f82; }
.sub-page ul {padding: 15px 0 0 15px; font-size:16px; line-height:25px; color:#787f82; list-style:circle inside none;}
.sub-page {padding:35px 0px;}
.callout {padding: 25px 0 0 0; font-size: 22px; color: #6d6e71; font-weight: bold; text-shadow: 2px 2px 4px #f3ead4;}
.callout a {font-size: 22px; color: #6d6e71; font-weight: bold; text-shadow: 2px 2px 4px #f3ead4; text-decoration: underline;}
.callout a:hover {text-decoration: none;}