body{ margin:0; background:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px; color:#484848;}

a{ -webkit-transition-duration: 0.3s; /* Safari */  transition-duration: 0.3s;}

#layout{ width:100%; float:left;}

#center{ width:94%; margin:0 auto;  max-width:1600px; padding:0 3%;}

#header{ width:100%; float:left; position:relative;}

.top{ width:96%; height:97px; float:left; padding:0 2%;}

.logo{ width:auto; float:left; text-align:left; font-family: 'Oswald', sans-serif; font-size:30px; color:#1d1d1d; line-height:96px;}
.logo a{color:#1d1d1d; text-decoration:none;}
.logo span{ color:#8a8a8a;}

.page_title{ width:auto; float:right; text-align:left; font-size:18px; color:#1d1d1d; font-weight:600; line-height:33px; margin-top:31px; background:url(../images/bullet.png) no-repeat right; padding-right:25px; letter-spacing:2px;}

#banner_main{ width:100%; float:left; position:relative; padding:0; z-index:0;}
#banner_main .border{ width:100%; height:100%; position:absolute; background:#9b6944; padding:0; z-index:0; margin:0; display:block; top:20px; right:20px;}
#banner_main .pic{ width:33%; position:relative; z-index:10; background:#FFF; text-align:center; font-family: 'Oswald', sans-serif; font-size:40px; color:#1d1d1d; text-align:center; display:table-cell;}
#banner_main .pic img{ width:100%; height:auto; float:left; display:block;}
#banner_main .pic .address{ width:100%; position:absolute; top:50%; line-height:40px; margin:-100px 0 0 0;}
#banner_main .pic .address span{ width:100%; float:left; font-size:34px; color:#8a8a8a;}
#banner_main .pic .po-box{  width:100%; float:left;font-size:22px; color:#484848; margin-top:30px; font-family: 'Open Sans', sans-serif; letter-spacing:normal; font-weight:600; line-height:normal; text-transform:uppercase;}



#middle{ width:100%; float:left; position:relative; margin:100px 0 80px 0;}
#middle .mid-center{ width:100%; max-width:950px; margin:0 auto;}

h1{ width:100%; float:left; margin:20px 0; padding:0; text-align:left; font-size:20px; font-weight:600; color:#323232;}
p{ width:100%; float:left; margin:20px 0; padding:0; font-size:18px; font-weight:500; color:#484848;}

/*.include_services{ width:96%; float:left; margin:0 2% 20px 2%; padding:0; list-style:none;}
.include_services li{ width:50%; float:left; background:url(../images/points.png) no-repeat left; padding:0; font-size:17px; color:#8c562e; font-weight:400; margin:7px 0; text-indent:15px;}*/


.inr_list ul{ width:96%; float:left; margin:0 2% 20px 2%; padding:0; list-style:none;}
.inr_list ul li{ width:50%; float:left; background:url(../images/points.png) no-repeat left; padding:0; font-size:17px; color:#8c562e; font-weight:400; margin:7px 0; text-indent:15px;}




#footer{ width:100%; float:left; position:relative; z-index:0;}
.toggle{ width:30px; height:30px; position: relative; top:15px; left:15px; z-index:10; display:none;}
#footer nav{ width:100%; float:left; position:relative; z-index:0; background:url(../images/menu_bg.jpg) no-repeat left top; padding:0; display:block;}
#footer ul{ width:100%; float:left; position:relative; z-index:0; margin:0; padding:0; list-style:none; text-align:center;}
#footer ul li{ width: auto; display:inline-block; list-style:none; text-align:left; margin:0 1.5%; padding:24px  0;}
#footer ul li a{ display: table-cell; vertical-align:middle; height:44px; margin:0; padding:0 0 0 30px; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; background:url(../images/menu_bullet.png) no-repeat left; line-height:16px; text-decoration:none;}
#footer ul li a:hover{color:#1d1d1d; background:url(../images/menu_bullet2.png) no-repeat left;}
#footer ul li span{ width:100%; display:block;}
/*#footer ul li.act a{color:#1d1d1d; background:url(../images/menu_bullet2.png) no-repeat left;}*/
#footer ul li.act a, #footer ul li.current-menu-item a, #footer ul li.current-menu-parent a { color:#1d1d1d; background:url(../images/menu_bullet2.png) no-repeat left; }


#footer nav .dropdown_menu{ width: auto; max-width:240px; position: absolute; height:0; z-index:0; background:url(../images/dropmenu_bg.jpg) repeat left top; padding:0 0 0px 0; display: block; opacity:0; bottom:120px; overflow:hidden;  -webkit-transition-duration: 0.3s; /* Safari */  transition-duration: 0.3s;}
#footer ul li:hover .dropdown_menu{ display:block; bottom:98px; height:auto; opacity:1;}
#footer nav .dropdown_menu .arrow{ width:100%; height:10px; float:left; position: relative; z-index:0; background:url(../images/drop-arw.png) no-repeat center top #FFF; padding:0; margin-top:0px;}
#footer nav .dropdown_menu ul{ width:100%; float:left; position:relative; z-index:0; margin:0; padding:0;}
#footer nav .dropdown_menu ul li{ width:100%; float:left; position:relative; z-index:0; margin:0; padding:0; border-bottom:1px dashed #FFFFFF; text-align:center;}
#footer nav .dropdown_menu ul li:last-child{border-bottom: none;}
#footer nav .dropdown_menu ul li a{ background:none; line-height:38px; text-align:center; display: inline; padding:0 15px; margin:0; font-size:13px; font-weight:400; color:#FFFFFF;}
#footer nav .dropdown_menu ul li a:hover{color:#1d1d1d;}

#footer ul li:hover a{color:#1d1d1d; background:url(../images/menu_bullet2.png) no-repeat left;}

#footer .contact-link{ width:100%; float:left; text-align:center; margin:30px 0;}
#footer .contact-link a{ font-size:30px; color:#484848; text-decoration:none;}
#footer .contact-link a:hover{color:#9b6944;}


/*.gallery{ width:100%; float:left;}
.gallery ul{ width:100%; float:left; margin:0; padding:0; list-style:none;}
.gallery ul li{ width:25%; float:left; margin:0; padding:0; background: #9b6944;}
.gallery ul li img{ width:100%; height:auto; float:left; margin:0; padding:0;}
.gallery ul li a{ opacity:1;}
.gallery ul li a:hover{ opacity:0.5;}*/


.gallery{ width:100%; float:left;}
.gallery ul{ width:100%; float:left; margin:0; padding:0; list-style:none;}
.gallery ul li{ width:25%; height:200px; float:left; margin:0; padding:0; background: #9b6944; overflow:hidden;}
.gallery ul li img{ width:100%; height:100%; float:left; margin:0; padding:0;}
.gallery ul li a{ opacity:1;}
.gallery ul li a:hover{ opacity:0.5;}


.contact-form{ width:100%; float:left;}
.contact-form .left_side{ width:40%; float:left;}
.contact-form .left_side ul{ width:100%; float:left; margin:0; padding:0; list-style:none;}
.contact-form .left_side ul li{ width:100%; float:left; margin:10px 0; padding:0;}
.contact-form .left_side ul li label{ width:100%; float:left; margin:0; padding:0;}
.contact-form .left_side ul li input{ width:100%; float:left; padding:5px 0; border:1px solid #dbdbdb; line-height:30px; text-indent:15px; color:#666;}
.contact-form .left_side ul li.left{ width:60%; float:left;}
.contact-form .left_side ul li.right{ width:35%; float:right;}

.contact-form .rigt_side{ width:55%; float:right;}
.contact-form .rigt_side a{color:#9b6944; text-decoration:none;}
.contact-form .rigt_side a:hover{color:#484848;}
.contact-form .rigt_side .textaria{ width:100%; float:left; border:1px solid #dbdbdb; line-height:30px; text-indent:15px; resize:none; margin:20px 0 0 -1px; padding:0;}
.contact-form .rigt_side .submit{ width: 150px; float:right; border:0px solid #dbdbdb; line-height:40px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; font-size:18px; letter-spacing:2px; margin-top:10px; background:url(../images/dropmenu_bg.jpg) no-repeat left top;}

@media (max-width: 1600px) {
#footer ul li{margin:0 1%; padding:24px  0;}
}

@media (max-width: 1400px) {
#footer ul li{margin:0 0.7%; padding:24px  0;}
#footer ul li a{padding:0 0 0 30px;} 
}

@media (max-width: 1280px) {
#footer ul li{margin:0 0.6%; padding:24px  0;}
#footer ul li a{padding:0 0 0 25px;} 
}