/*
CSS - SITE_NAME_HERE
*/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */
a{outline: none;
transition:all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; 
-moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}

body {
	margin: 0;
	padding: 0;
	background: #D0D0B0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	overflow: hidden;	
}
img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.header {border-bottom: 4px solid #bfa060; width: 100%;box-sizing: border-box;height: 243px;display: flex;flex-wrap: wrap; display:-webkit-flex;-webkit-flex-wrap: wrap;-ms-display:flex;-ms-flex-wrap: wrap; -moz-display:flex;-moz-flex-wrap: wrap;overflow: hidden; }
.header img {max-width: 100%; width: auto; height: auto; outline: none; border:none;}
.header .flexslider {width: 52%; float: left; border: none; border-radius: none; }
.header .header_img.left {width:48%; float: left;background: url(../images/core/bg-img.png)repeat-y;}
.header .header_img.left a {display: inline-block;padding: 16px 33px;}
/*.header .meta {position: relative;}*/
.header .meta  {
    position: fixed;
    left: auto;
    background-color: #8a4410;
    bottom: 0;
    color: #fff;
    width:100%;
    padding: 18px 0 18px 10px;
    box-sizing: border-box;
}
span.overlay {
    display: block;
    position: fixed;
    min-height: 50px;
    bottom: 0;
    background-color: #8a4410;
    width: 100%;
    padding: 36px 0 18px 10px;
    box-sizing: border-box;
}
.header .meta h2 {color: #fff;font-family: 'Oswald', sans-serif;font-size: 20px;font-weight: 400;}
.flexslider .slides>li {position: relative;}
.flexslider li h2
 {
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h2
 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
}





@-webkit-keyframes fadeInLeft {
        0% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
        100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
        }
}

@keyframes fadeInLeft {
        0% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
        100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
        }
}

@-webkit-keyframes fadeOutLeft {
        0% {
                opacity: 1;
        }
        100% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
}

@keyframes fadeOutLeft {
        0% {
                opacity: 1;
        }
        100% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
}

/***************************
	HEADER
***************************/
div#header { margin-top: 30px; background: #fff;position: relative;}
.wrapper, div#header {float: left;width: 100%;}
.wrapper{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}

/***************************
	CONTENT
***************************/
div#content {
	width: 525px;
	float: left;
	background: #fff;
}

div#content div.text {
	margin: 44px;
}

div#content div.text h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #8a4411;
	margin-bottom: 17px;
}

div#content div.text h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #C6B364;
	margin-bottom: 14px;
}

div#content div.text p {
	margin: 17px 0 17px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 22px;
	color: #909090;
}

div#content div.text a {color: #607080; text-decoration: underline;}
div#content div.text a:hover {text-decoration: none;}


div#content ul.list {
	margin: 17px 0 17px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 22px;
	color: #909090;
}

div#content ul.list li {
	list-style: none;
	background: url(../images/core/list-arrow.gif) center left no-repeat;
	padding-left: 10px;
}


/***************************
	INFOBOX
***************************/
div#infobox {
	width: 245px;
	background: #fff;
	float: right;
}

div#infobox img.infobox-top {margin-top: 40px; margin-left: 22px;}

div#infobox p {
	margin: 17px 0 17px 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 22px;
	color: #909090;
}

div#infobox a {color:#8a4411; text-decoration: underline;}
div#infobox a:hover {text-decoration: none;}
div#infobox a.info-link {background: url(../images/core/infobox-link_arrow.gif) center right no-repeat; padding-right: 14px;}


div#infobox hr {
	height: 0;
	border: none;
	border-top: 1px solid #d0d0b0;
	margin-left: 22px;
}

div#infobox em {
	color: #c0a060;
	font-style: normal;
	font-weight: bold;
}



/***************************
	FOOTER
***************************/
div#footer {
	width: 770px;
	margin: 0 auto 20px auto;
	clear: both;min-height: 63px;
}
.footer_inner { float: left; background: #ececdd;width: 100%;min-height: 63px;}

div#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #909090;
	padding: 26px 0 0 55px;
	float: left;
}

div#footer a {color: #909090; text-decoration: underline;}
div#footer a:hover {text-decoration: none;}

div#footer img.webfirm {float: right; margin: 16px 15px 0 0;}
/*-----------new-style-------*/
.logo { position: absolute; top: 15px;left: 40px;}
.header_img img, .logo img {display: block;}
.navigation {position: absolute;bottom: 21px;left: 32px;}
.menu_click {display: none;}
.navigation ul li {float: left;list-style: none;}
.navigation ul li a {text-decoration: none;color: #fff;font-family: 'Oswald', sans-serif;
background: #7C751D; display: inline-block; padding: 3px 11px 6px;
margin-right: 3px;font-size: 16px;font-weight: 400;}
.navigation ul li a:hover {background: #8A4410;}
.copy_right {position: relative; padding-left: 7px;}
.copy_right::before {position: absolute;content: "|";  top: 0;left: 0;}
input, textarea{
    border: 1px solid #abadb3;
    background: #FFF;
    border-radius: 0;
}

/*-------responsive--------*/
@media screen and (max-width:800px) {
#container { width: 94%;padding: 0 3%;}
div#content { width: 70%;}
div#infobox { width: 30%;}
div#infobox p {margin: 17px 0;}
div#infobox hr, div#infobox img.infobox-top{margin-left: 0;}
div#footer {width: 94%;}
div#content div.text{margin-left: 20px;}
div#footer p{padding-left: 20px;}
form.contact_form label { width: 110px;}
.header .flexslider {margin-bottom: 0;}
.header {height: auto;}


}
/*---------------*/
@media screen and (max-width:767px) {
.header {height: 100%;overflow: visible;}
.header .header_img.left {
width: 100%;
float: none;
background: url(../images/core/bg-img.png)repeat-y;
background-size: 100% 100%;
}
.header .flexslider {width: 100%; margin-bottom: 0;}
/*------....Responsive menu....---------*/
.cbp-spmenu-push-toleft{
    left: -240px;
}
.header .header_img.left a {
    display: block;
    padding: 16px 0;
    margin: 0 auto;
    width: 177px;
}
.menu_click {
    cursor: pointer;
    display: block;
    float: right;
    margin: 0 0;
    position: relative;
    width: 100%;
}
.menu_click button {
    background: #8A4410;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 20px;
    box-sizing: border-box; 
    padding: 10px 0;
    cursor: pointer;
}
.cbp-spmenu-push-toleft .menu_click button {background:none;}
/*-----------*/
.menu_click button::after { top: 8px;}
.right_product .navigation {padding-right: 0;padding-top: 0;}
.navigations ul li {
    border-bottom:1px solid #ffffff;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.navigations ul li a, .header.small .navigations ul li a {
    font-weight: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 10px 20px;
}
.cbp-spmenu {
    background-color: #7C751D;
    overflow: scroll;
    position: fixed; left: auto;
}

.navigation ul li {
    border-bottom: medium none;
    padding: 0;
    width: 100%;
}
.cbp-spmenu ul li a {
    color: #fff;
    width: 95%;
    padding: 6px 0 6px 5%;
    border-bottom: 1px solid #8F882E;
}
body {overflow-x: hidden; position:relative; left:0;}
.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}
.cbp-spmenu a {display: block;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
.fb_wrap {padding: 30px 20px 0 0;right: 0;}
.cbp-spmenu-vertical ul  a {padding: 1em;}
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;}
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;}
.cbp-spmenu-horizontal a {
float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {left: -244px;}
.cbp-spmenu-right {right: -280px;}
/*.cbp-spmenu-left.cbp-spmenu-open {right: 0px;}*/
.cbp-spmenu-left.cbp-spmenu-open{left: 0;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top: -150px;}
.cbp-spmenu-bottom {bottom: -150px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}
/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 240px;}
.cbp-spmenu-push-toleft {left: -240px;}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push, body {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}   

/*---End------*/
div#footer img.webfirm {
    float: left;
    margin: 20px;
}
.footer_inner > a {
    float: left;
    width: 100%;
}
.header .meta {padding: 25px 0 25px 12px;}

}
@media screen and (max-width:619px) {
div#content div.text {margin-left: 30px;}
div#content {width: 100%;}
div#infobox {width: 100%;padding: 0 30px 30px; border-top: 1px solid #DBD47A;}
div#header {margin-top: 14px;}
.copy_right { float: left; width: 100%; display: block;margin: 10px 0 0;padding: 0 0;}

}
@media screen and (max-width:480px) {
    .header .meta {font-size: 16px; padding: 17px 0 17px 12px;}
    .header .meta h2 {font-size: 16px;}
div#content div.text { margin: 40px 20px;float: left;}
div#infobox { padding: 0 20px 30px;}
.menu_click button { font-size: 16px; padding: 4px 0;}
input, textarea {width: 100%; min-height: 30px;}
input[type="checkbox"], input[type="submit"]{ width: auto; min-height: 0;}
body form.contact_form li.submit{margin-left: 0;}
body .textareaRequiredState .textareaRequiredMsg, body .textfieldRequiredState .textfieldRequiredMsg{text-align: left;}

}