@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander.otf');
    src: url('../fonts/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#content,
#wrapper{width: 100%; height: 100%;}


#header{background: url(../images/front/bg-header.png) repeat-x left bottom; position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
.block-menu ul li{float: left;}
.block-menu ul li a{font: 400 18px/20px 'Lobster', sans-serif; color: #6c5944; display: block; padding: 30px 25px; position: relative; transition: all .3s ease;}
.block-menu ul li a:before{content: ''; border: 7px solid transparent; display: inline-block; position: absolute; left: 50%; top: 0; margin-left: -3.5px;}
.block-menu ul li.logo_{position: relative; width: 175px; height: 75px; margin: 0 40px;}
.block-menu ul li.logo_ a{position: absolute; top: -6px; left: 0; width: 175px; height: 143px; display: block; padding: 0; margin: 0;}
.block-menu ul li.logo_ a:before{display: none;}

.block-menu ul li.active a:before,
.block-menu ul li:hover a:before{border-top: 7px solid #ffb463;}
.block-menu ul li.active a,
.block-menu ul li:hover a{color: #ffb463;}

.contact{}
.contact p{overflow: hidden; padding: 15px 0 17px 20px; background: url(../images/front/bg-contact.png) no-repeat left center;}
.contact p i{font: italic 400 14px/20px 'Lobster', sans-serif; color: #ffb463; display: block; margin-bottom: 5px;}
.contact p strong{font: 400 20px/20px 'Lobster', sans-serif; color: #6c5944; display: block;}

#slider{ width: 100%; height: 100%;}
#slider button{display: block; padding: 0; margin: -16px 0 0; width: 20px; height: 32px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; border: none; position: absolute; top: 50%;}
#slider button#prev{background-position: 0 0; left: 15px;}
#slider button#next{background-position: -22px 0; right: 15px;}
#slider button#prev:hover{background-position: 0 -33px;}
#slider button#next:hover{background-position: -22px -33px;}


#footer{background: url(../images/front/bg-footer.png) repeat-x top left; padding: 20px 0 15px; position: absolute; left: 0; bottom: 0; width: 100%;}
#footer p a,
#footer p{font: 400 14px/20px 'Roboto', sans-serif; color: #555;}
#footer p a:hover{color: #ffb463;}

.logo-mobile{display: none;}
a.smobitrigger{display: none;width: 25px;height:19px;overflow: hidden; position: absolute; top: 30px; right: 165px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px; z-index: 50;}
.block-menu ul.mnuopn li{float: none;padding: 7px 20px;border:none; border-top: 1px solid #5D5959; border-bottom: 1px solid #ECECEC; margin: 0;display: block;text-align: left;}
.block-menu ul.mnuopn li:last-child{border-bottom: none;}
.block-menu ul.mnuopn li a{font-size: 16px;padding: 0; border: none; color: #000 !important;background: transparent; text-transform: capitalize;}
.block-menu ul.mnuopn li a:before{display: none;}
.block-menu ul.mnuopn li.active a,
.block-menu ul.mnuopn li:hover li a:hover,
.block-menu ul.mnuopn li:hover a{color: #f36f21 !important;}

/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	.block-menu ul li a{padding: 30px 15px;}
	.block-menu ul li.logo_{margin: 0 10px;}
}
@media (max-width: 990px){
	.block-menu ul li.logo_{display: none;}
	.logo-mobile{display: block; position: absolute; top: -10px; left: 15px;}
	.menu{display: none;}
	a.smobitrigger {display: block;}
    a.mnuclose{padding: 15px 20px; width: auto; background: #6c5944 url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 8; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important; }
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important; z-index: 9999;display: block;}
	.block-menu ul li:hover ul li a{padding: 0;}
	.block-menu ul li:before{left: auto; margin: 0; right: 15px; top: 5px;}
	.block-menu ul li ul{position: relative; background: #ECE8E8; top: 8px; border-radius: 0; width: 260px; }
	.block-menu ul.mnuopn li:hover ul li a{color: #000 !important;}
	.block-menu ul.mnuopn li:hover ul li a:hover{color: #f36f21 !important; background: transparent;}

}
@media (max-width: 750px){}
@media (max-width: 680px){
	#footer{background: rgba(255, 255, 255, 0.78); padding: 10px 0;}
	#footer p{width: 100%; text-align: center;}
}
@media (max-width: 630px){}
@media (max-width: 500px){}
@media (max-width: 420px){
	.logo-mobile{width: 135px; top: 2px;}
	a.smobitrigger{right: 115px;}
	.contact p i{font-size: 12px; margin: 0;}
	.contact p strong{font-size: 14px;}
}