html, body {

	height: 100%;

	width: 100%;

	padding: 0;

	margin: 0;
font-family: 'Open Sans', sans-serif;
	}

	#header{

width: 100%;
/* height: 115px; */
background: #C6C457;
z-index: 10000;
border-top: 12px solid rgba(168, 164, 5, 1);
border-bottom: 12px solid rgba(168, 164, 5, 1);
	}
	p.prev-indent-bot a:hover{
		text-decoration: none;
text-shadow: none;
font-weight: normal;
	}

	#headerin{

	width:100%;

	height:80px;

	margin: 2px 76px 2px 7px;


	}

	

	#logo{

	width:269px;

	height:0px;

	float:left;

	margin-top: 0px;

	}

	/*#navBar {

	width:244px;

	height: 44px;

	float:right;

	margin-top:32px;

	margin-right:-13px;

	}

	#searchBox {

	background: #3B3E23;

	border: 1px solid #606060;

	border-radius: 5px;

	box-shadow: 0 0 4px #000000 inset;

	color: #fff;

	font-size: 13px;

	margin: 6px;

	padding: 5px 25px 5px 4px;

	width: 172px;

	}

	#searchButton {

	position: absolute; 

	margin: 12px 0 0 -26px;

	}*/

	#container{

	width:1055px;

	min-height: 620px;


	margin:auto;
position: relative;
z-index: 100;
	}

	

	#over {

	position: absolute;

	z-index: 1;

	background:url(../image/water.png) top center no-repeat;

	width:95px;

	height:90px;

	margin-left:22px;

	margin-top:19px;

	}

	/*#over1 {

	position: absolute;

	z-index: 1;

	background:#e6dba6;

	width:371px;

	height:63px;

	margin-left:133px;

	}*/

	#footer{

width: 100%;
background: rgba(186, 182, 0, 1);
z-index: 100;
position: absolute;
border-top: 12px solid rgba(168, 164, 5, 1);
padding: 10px 0px;
border-bottom: 12px solid rgba(161, 157, 0, 1);
	}
#footer p.prev-indent-bot a:hover{
	color: #fff;
	text-decoration: underline;
}
	#footerin{

	width:1024px;
	margin:auto;

	}

	#textbox1{

	width:500px;

	height:35px;

	float:left;

	margin-top:13px;

	}

	#social{

width: 293px;
height: 35px;
float: right;
margin-top: 13px;
margin-right: 152px;

	}

	p {

	line-height: 2;

	text-align: justify;

	font-weight: normal;

	text-rendering: optimizeLegibility;

	margin-bottom: 2px;

	margin-top: 2px;

	color:#3B3E23;

	font-family: 'Open Sans', sans-serif;

	font-size:13px;

	}

	.centered {

	text-align: center;

	}

	

	a{

	color:#3B3E23;

	text-decoration:none;

	font-weight:normal;

	}

	a:hover{

	color:#C6C457;


	}

	#image{

	width:992px;

	height:740px;

	margin:auto;

	}

	.boxnav{

height: 20px;
margin-left: 242px;
float: left;

	}

	.boxnav a {

	color:#3B3E23;

	}  

	.boxnav a.active,

	.boxnav a:hover {background-position:0 0; color:#FFF;}

	

	.floatright {

	float: right;

	}

	.floatleft{



	padding-top:5px;

	}

	.centered{

	text-align:center;

	}

	.small-padding {

	padding: 23px 0 0;

	}

	

	

	.expender {

	width:100%;

	height:32px;

	background:#787d3a;

	margin-top:3px;

	}

	.expandwrapper{

	width:100%;

	height:auto;

	background:#787d3a;

	opacity:0.8;

	}

	.wrappertext{

	width:960px;

	margin:auto;

	background:#787d3a;

	}

	.clear {

	clear: both;

}



nav{ width:100%; height:60px; background:;}

	nav ul{ text-align:center; list-style:none;}  

	nav li{ display:inline;}

	nav a{ 
		
color: #3B3E31;
font-size: 14px;
text-decoration: none;
padding: 0 10px;
line-height: 50px;
font-weight: 500;
font-family: 'Mate', serif;
text-shadow: none;
font-family: 'Roboto', sans-serif;
		border-right: 1px solid rgba(255, 242, 176, 0.3);
		 }
		 #footer p{
		 	color: #fff;
		 }

	.last{ color:#3B3E31; font-size:14px; text-decoration:none; border:none; line-height:50px; font-weight:bold; border-right: 5px solid #fff;}

	nav a:hover{ color:#000;}

	

	.boxnav a {

	color:#fff;

	}  
	

.banner_head {
position: absolute;
top: 0%;
z-index: 1000000;
color: #fff;
font-family: 'Lobster', cursive;
font-size: 4em;
text-align: center;
width: 100%;
}
#social ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#social ul li a{
float: left;
padding: 1px;
background: rgba(163, 160, 0, 1);
border-radius: 100%;
width: 30px;
height: 30px;
text-align: center;
display: inline-block;
margin-right: 5px;
color: rgba(239, 237, 139, 1);
}
#social ul li a:hover{
	color: #fff;
}



#header {

}
#headerin  b {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #FFFFFF;
box-shadow: inset -5px -8px 2px rgba(194, 194, 194, 0.33), 13px 22px 5px rgba(255, 255, 255, 0.25);
position: absolute;
-webkit-animation: moveX 10.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
-moz-animation: moveX 10.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
-o-animation: moveX 10.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
animation: moveX 10.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
}
#footerin  b.ani {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #FFFFFF;
box-shadow: inset -5px -8px 2px rgba(194, 194, 194, 0.33), 13px 22px 5px rgba(255, 255, 255, 0.25);
position: absolute;
-webkit-animation: moveX1 15.05s linear 0s infinite alternate, moveY1 3.4s linear 0s infinite alternate;
-moz-animation: moveX1 15.05s linear 0s infinite alternate, moveY1 3.4s linear 0s infinite alternate;
-o-animation: moveX1 15.05s linear 0s infinite alternate, moveY1 3.4s linear 0s infinite alternate;
animation: moveX1 15.05s linear 0s infinite alternate, moveY1 3.4s linear 0s infinite alternate;
}

@-webkit-keyframes moveX {
  from { left: 0; } to { left: 98%; }
}
@-moz-keyframes moveX {
  from { left: 0; } to { left: 98%; }
}
@-o-keyframes moveX {
  from { left: 0; } to { left: 98%; }
}
@keyframes moveX {
  from { left: 0; } to { left: 98%; }
}
@-webkit-keyframes moveY {
  from { top: 0; } to { top: 80px; }
}
@-moz-keyframes moveY {
  from { top: 0; } to { top: 80px; }
}
@-o-keyframes moveY {
  from { top: 0; } to { top: 80px; }
}
@keyframes moveY {
  from { top: 0; } to { top: 80px; }
}


@-webkit-keyframes moveX1 {
  from { right: 0; } to { right: 98%; }
}
@-moz-keyframes moveX1 {
  from { right: 0; } to { right: 98%; }
}
@-o-keyframes moveX1 {
  from { right: 0; } to { right: 98%; }
}
@keyframes moveX1 {
  from { right: 0; } to { right: 98%; }
}
@-webkit-keyframes moveY1 {
  from { top: 0; } to { top: 40px; }
}
@-moz-keyframes moveY1 {
  from { top: 0; } to { top: 40px; }
}
@-o-keyframes moveY1 {
  from { top: 0; } to { top: 40px; }
}
@keyframes moveY1 {
  from { top: 0; } to { top: 40px; }
}
a.read_more {
display: block;
padding: 10px 10px;
background: rgba(0, 0, 0, 1);
color: #fff;
width: 200px;
margin: 0 auto;
margin-top: 20px;
border-radius: 3px;
}
a.read_more:hover {
	font-weight: normal;
}




.cont {
float: left;
width: 372px;
padding: 20px;
background: rgba(255, 255, 255, 0.32);
margin-right: 35px;
box-shadow: 7px 7px 6px rgba(238, 238, 238, 0.39);
padding-top: 0px;
}

/* contact us page*/
.contact-form {
box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
-moz-ox-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
-o-box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
padding: 20px;
border: 4px solid rgba(156, 166, 3, 1);
margin-top: -46px;
z-index: 100;
position: relative;
background: #fff;
z-index: 10;
margin-left: 16px;
margin-bottom: 20px;
}

#careers-forms input[type="text"], .frm_content input[type="text"], .frm_content textarea, #careers-forms input[type="email"], .cont input[type="text"], .cont textarea, #careers-forms textarea {
background: rgba(168, 164, 5, 1);
border: #bbbbbb solid 1px;
width: 255px;
padding: 5px 11px!important;
height: 27px;
margin: 1px 0px;
color: #fff!important;
border: 1px solid rgba(115, 113, 1, 1);
outline: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
font-family: 'Lato', sans-serif !important;
font-size: 13px!important;
font-family: 'Asap', sans-serif!important;
box-shadow: inset -3px 3px 10px rgba(237, 232, 5, 1);
margin: 12px 0px;
}
#careers-forms input[type="text"]:focus, .frm_content input[type="text"]:focus, .frm_content textarea:focus, #careers-forms input[type="email"]:focus, .cont input[type="text"]:focus, .cont textarea:focus, #careers-forms textarea:focus {

}

.contact-form input[type="text"]::-webkit-input-placeholder ,.contact-form textarea::-webkit-input-placeholder{
   color: #fff;
}

.contact-form input[type="text"]:-moz-placeholder,.contact-form textarea:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.contact-form input[type="text"]::-moz-placeholder ,.contact-form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #fff;  
}

.contact-form input[type="text"]:-ms-input-placeholder ,.contact-form textarea:-ms-input-placeholder{  
   color: #fff;  
}

.cont input[type="text"] {
width: 354px;
padding: 5px 11px;
}
.cont input[type="file"] {
border: 0px solid #fff;	
}
h3.con-head {
font-size: 35px;
line-height: 42px;
padding-bottom: 13px;
margin: 0px;
}
h3.con-head span {
font-family: 'Asap', sans-serif;
font-size: 31px;
text-transform: uppercase;
}
.cont p textarea {
width: 357px !important;
resize: none;
min-height: 100px;
padding: 9px 11px!important;
}
#main-container .add {
float: left;
}
.con-image{
	border-bottom: 1px solid #eee;
}
.add h3 {
display: block;
margin-bottom: 10px;
font-family: 'Asap', sans-serif;
font-size: 23px;
margin-top: 14px;
}
.accordion {
width: 623px;
}
ul.contact-ways {
	
}
ul.contact-ways li a{
display: inline-block;
padding: 20px 24px;
background: #000;
color: #fff;
width: 249px;
MARGIN: 5px 0px;
font-size: 3em;
border: 2px solid #888600;
border-radius: 10px;
box-shadow: inset 0px 0px 10px rgba(240, 235, 12, 1);
float: left;
margin-right: 9px;
background: rgba(168, 164, 5, 1);

transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
ul.contact-ways li a:hover{
border: 2px solid #888600;
border-radius: 24%;
box-shadow: inset 0px 0px 10px rgba(240, 235, 12, 1);
float: left;
margin-right: 9px;
background: rgba(168, 164, 5, 1);
}

ul.contact-ways li a span {
font-size: 20px;
width: 160px;
display: inline-block;
font-family: 'Montserrat', sans-serif;
}
.con-address {
margin: 20px 0px;
border: 4px solid #eee;
padding: 13px;
border-radius: 2px;
}
.con-add1 {
float: left;
width: 287px;
}
.con-add2 h2, .con-add1 h2 {
padding-bottom: 0px;
font-size: 22px;
font-family: 'Asap', sans-serif!important;
margin: 0px;
}
#success{
border: 1px solid rgba(80, 221, 98, 0.81);
background: rgba(115, 252, 105, 0.09);
padding: 5px 10px;
margin: 11px 0px;
}
#success p,#error p{
	line-height: normal;
	margin: 0px;
}
#error{
	border: 1px solid #FAA0A0;
background: #FFE4E4;
padding: 5px 10px;
margin: 11px 0px;
}
#success,#error{
	display: none;
}
label.error{
	color: red;
display: inline-block;
padding: 0px 2px;
}
.contact-form p{
	margin-bottom: 0px;
}
#main-container .add {
	float: right;
	width: 55%;
}
.accordion ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.clearfix{
	clear: both;
}
.contact-form input[type="text"]{
	font-size: 14px;
}
.contact-form input[type="submit"]{
background-color: rgba(168, 164, 5, 1);
border: 0 !important;
border-radius: 2px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
min-height: 34px !important;
line-height: 36px !important;
display: inline-block !important;
padding: 0px 24px 0px !important;
vertical-align: middle !important;
letter-spacing: normal !important;
text-align: center !important;
transition: all 0.2s linear 0s !important;
box-shadow: 0px 3px 0px rgba(131, 128, 2, 1)!important;
margin: 5px 0px !important;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
outline: none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* margin: 0 auto; */
}
.contact-form input[type="submit"]:hover,.posts_lists a.read-more:hover{
	background-color: rgba(73, 73, 73, 1);
	box-shadow: 0px 3px 0px rgba(0, 0, 0, 1)!important;
}
#map{
	
}
#map iframe{
	width: 103.3%!important;
border: 4px solid rgba(229, 229, 229, 1)!important;
margin-bottom: 27px;
}
.con-address p{
	text-align: left!important;
}
.con-address a:hover{
	color:rgba(168, 164, 5, 1);
}
#social ul li a .fa {
	padding-top: 8px;
}



/* for send sms */

.sms_fancy {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
z-index: 100000000000;
display: none;
}
.sms_box {
width: 500px;
background: #FFF;
margin: 0 auto;
margin-top: 5%;
border: 6px solid #D8D8D8;
box-shadow: 0px 0px 0px #fff;
border-radius: 4px;
position: relative;
}
.sms_box a.sms_close {
position: absolute;
top: 4px;
right: 4px;
}

#container2{
	min-height: 480px;
}
h1.page_title{
	margin-bottom: 16px;
}
img.banner_image{
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
nav a:hover,nav a.active{
	color: #000!important;
}
ul.item-lists{
	list-style-type: square;
	
}
ul.item-lists li{
	font-size: 13px;
padding-bottom: 9px;
}

.content_right{
	width: 59%;
float: right;
color: #333;
/* margin-right: 118px; */
border: thin;
border-left-style: dashed;
border-color: #DADADA;
border-width: thin;
/* margin-right: 182px; */
padding: 20px;
padding-left: 49px;
box-shadow: 5px 6px 10px rgba(204, 204, 204, 0.11);
}


#container p a{
	color: #B2AE02;
text-decoration: underline;
}

.float-social-media {
position: relative;
width: 790px;
margin: 0 auto;
padding-top: 12px;;
}
.float-social-media ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
.float-social-media ul li {
margin: 0px 6px;
float: left;
}
.fb_iframe_widget {
display: inline-block;
position: relative;
}
.blog_details{
	
}
.blog_details h3{
	
}
.blog_details img{
	display: block;
margin-top: 20px;
margin-bottom: 20px;
}
.blog_details p b{
	
}
.posts_lists .blog_left{
	float: left;
width: 240px;
}
.posts_lists .blog_right{
	float: right;
width: 76%;
}
.posts_lists{
	margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.posts_lists h3{
	margin: 0px;
}
.posts_lists h4{
	margin: 0px;
font-weight: normal;
font-size: 14px;
padding: 4px 0px;
}

.posts_lists a.read-more{
	background-color: rgba(168, 164, 5, 1);
border: 0 !important;
border-radius: 2px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
min-height: 34px !important;
line-height: 36px !important;
display: inline-block !important;
padding: 0px 24px 0px !important;
vertical-align: middle !important;
letter-spacing: normal !important;
text-align: center !important;
transition: all 0.2s linear 0s !important;
box-shadow: 0px 3px 0px rgba(131, 128, 2, 1)!important;
margin: 5px 0px !important;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
outline: none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* margin: 0 auto; */

}

.our-works ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
.our-works ul li img{
width: 100%;
height: 100%;
border: 3px solid #444
}
.our-works ul li{
margin: 10px;
width: 344px;
height: 193px;
float: left;
box-sizing: border-box;
position: relative;
}

.our-works ul li .views_details{
position: absolute;
background: rgba(33, 234, 0, 0.29);
width: 102%;
height: 103%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid rgba(255, 255, 255, 0.29);
display: none;
}
.our-works ul li:hover .views_details{
	display: block;
}
.our-works ul li .views_details a{
position: absolute;
top: 86px;
left: 36%;
background: #000;
padding: 6px 11px;
color: #FFF;
border: 2px solid rgba(255, 255, 255, 0.25);
border-radius: 5px;
font-size: 12px;
}
.our-works ul li .views_details a:hover{
	background: #444;
}
.our-works ul li:nth-child(3n){
margin-right: 0px;	
}
.our-works ul li:nth-child(3n+1){
margin-left: 0px;	
}
.full_img{
	
}
.full_img img{
	width: 100%;
height: auto;
}
.our-works .fancy{
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	background: rgba(0, 0, 0, 0.66);
	z-index: 100000000000000000000000;
	display: none;
}
.our-works .fancy .fancy_box{
width: 1020px;
height: 300px;
margin: 0 auto;
margin-top: 28px;
}
.our-works .fancy .fancy_box img{
width: 100%;
height: 570px;
border: 2px solid #fff;
}
.clear{
	clear: both;
}
#page_wrapper{
	width: 81%;
min-height: 482px;
background: rgba(0, 0, 0, 0.23);
margin: 0 auto;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 93px;
}
.page_views_details .our-works ul li{
	width: 247px;
margin-right: 15px;
}
.our_works_controls a{
color: #FFF;
background: #000;
padding: 11px 20px;
border: 1px solid rgba(255, 255, 255, 0.34);
border-radius: 3px;
font-family: 'Ruda', sans-serif;
font-size: 13px;
border-radius: 3px;
border: 1px solid #B0AC00;
margin-bottom: 9px;
background: #FFF;
color: #BDB900;
margin-right: 10px;
}
.our_works_controls a:hover{
border: 1px solid #ECE604;
}
.our_works_controls{
margin: 0 auto;
display: block;
/* width: 39%; */
margin-bottom: 29px;
margin-top: 35px;
color: #BAB9B9;
}
.our-works p{
	font-size: 14px;
}
.our-works h2{
padding: 23px 0px;
padding-bottom: 4px;
} 

.more_project_links h2 {
font-size: 19px;
margin-bottom: 10px;
}
.more_project_links ul li {
margin: 0px;
padding: 0px;
list-style: none;
width: auto;
height: auto;
}


.more_project_links ul li a {
display: inline-block;
float: left;
color: #FFF;
background: #FFF;
padding: 9px 19px;
font-size: 14px;
margin-right: 11px;
border-radius: 3px;
border: 1px solid #B0AC00;
margin-bottom: 9px;
background: #FFF;
color: #BDB900;
}

.more_project_links ul li a:hover{
border: 1px solid #ECE604;
}

a.lnk_see_our_recent_works {
position: absolute;
top: 33%;
z-index: 1000000;
color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 24px;
text-align: right;
width: 100%;
background: #B5B200;
width: 242px;
font-weight: bold;
display: block;
padding: 7px 3px;
/* margin: 0 auto; */
left: 11%;
/* border-radius: 5px; */
/* border: 2px solid #444; */
box-shadow: 0px 4px 0px #999702;
}

a.lnk_see_our_boucher {
position: absolute;
top: 33%;
z-index: 1000000;
color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 24px;
text-align: left;
width: 100%;
background: #B5B200;
width: 257px;
font-weight: bold;
display: block;
padding: 7px 3px;
/* margin: 0 auto; */
left: 65%;
/* border-radius: 5px; */
/* border: 2px solid #444; */
box-shadow: 0px 4px 0px #999702;
}




/* Tej Prakash CSS */
/*----- Menu Outline -----*/
/*.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#B5B200;
}
 
.menu {
    width:1000px;
    margin:0px 0px 0px 300px;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
}
 
.menu a {
    transition:all linear 0.15s;
    color:#FFF;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#008000;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#383C01;
}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:0px 0px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}

.ul.sub-menu {
    position:absolute;
}*/