@font-face {font-family: "caramond";
  font-weight:normal;src: url("../fonts/caramond.ttf");src: local("caramond"),
    url("../fonts/caramond.ttf") format("truetype");
    font-display: swap;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231; overflow-x: hidden; background:url("../img/bg.jpg") repeat scroll 0 0 ;font-family:"caramond";color: #5a413f;}
button, input, select, textarea { background-color:#fff; }
::-moz-selection { background: #e1d8c6; color: #4c4942; text-shadow: none; }
::selection { background: #e1d8c6; color: #4c4942; text-shadow: none; }
a { color: #5a413f; }
a:visited { color: #6a5452; }
a:hover { color: #aa8b6b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
small { font-size: 85%; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;max-width:100%; }
form { margin: 0; }
img {height: auto;}
h1 {
color:#FFF;
font-size:20px;
margin-bottom: 10px;
}
#container {
  min-width: 100%;
  background:url("../img/header_top.png") repeat-x top left;
}
#header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
}
.logo_fix {
  order: -1;
  width: 100%;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}
#logo {border: none;text-align: center;margin-top:15px;}
#logo img { width:100%;}
#tel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 20px;
  align-items: flex-start;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 20px; 
  font-weight:bold; 
  color:#efebe0;
  text-align: center;
}
.tel1, .tel2 {
  padding: 24px 13px 16px;
  background: url(../img/tel1.png) no-repeat scroll 0 0 ;
  background-size:contain;
}
#lang {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 30px 10px;
  width: 100%;
  font-size:17px;
  text-align: center;
  background: url(../img/lang.png) center no-repeat;
}
#lang li a { color:#eae4d8}
#lang li.lang-active a { color:#d1b685; text-decoration:underline;}
.mod-languages {
  display: block;
  margin-top: 24px;
}
/* main menu */
#main_menu_in {position:absolute; width:100%; z-index:9;}
.menu_bg { display: none;}
#main_menu ul li {font-weight:bold;list-style:none; text-transform:uppercase;}
#main_menu ul li.active{background:url("../img/li_marker_hover_first.png") no-repeat scroll -10px bottom ;}   
#main_menu ul li span {background:url("../img/li_marker.png") no-repeat scroll 0px -2px;background-position:5px -2px !important; padding: 0 5px 0 0;text-align: right;}
#main_menu ul li a {color: #333333;font-size: 16px;padding: 0 0 0 20px;text-align: right;text-decoration: none;} 
#main_menu ul li.active:first-child span a {padding: 0 0 0 5px;}
#main_menu ul li:first-child span { background:none; padding: 0 20px 0 0;}
#main_menu ul li:first-child span a {padding: 0 0 0 5px;}
#main_menu ul li.parent ul { display:none;}
#main_menu ul li.parent:hover ul {display:block; position:absolute; width:240px;background:url("../img/parent_ul.png") no-repeat scroll center bottom;margin-top: 0px;padding: 0 0 55px; margin-top:27px;}
/*#main_menu ul li.parent ul li:first-child {height: auto;margin: 0 0 5px 28px;padding: 20px 0 0 10px;background:url("../img/parent_li_first.png") repeat-x scroll center top;}*/
#main_menu ul li.parent ul li {height: auto;margin: 5px 10px;padding: 0 0 0 30px;}
#main_menu ul li.parent ul li:first-child a{margin:0;}
#main_menu ul li.parent ul li span{ background:none; padding:0;}
#main_menu ul li.parent ul li span a{ text-transform:uppercase; color:#333;font-size:14px;padding: 5px 0 0 !important;width: 100%;}
#main_menu ul li.parent ul li.active { background:none;}
#main_menu ul li.parent ul li.active span a {color:#663300;}

.menu_bg {background:url("../img/menu_bg.png") repeat-x scroll top left ;border-top: 7px solid #5a413f; padding-left:5px;/*padding-left:5%;*/ } 
.menu_shadow {background:url("../img/menu_shadow.png") no-repeat scroll bottom center;}

#wrap_in, #main, #main .content {
  width: 100%;
}
#wrap { position:relative;}
#main_full{ width:100%;}
#main .content {
  padding: 0 15px;
}
#main .content {
-moz-box-shadow: 0 0 5px #cab997;-webkit-box-shadow: 0 0 5px #cab997;box-shadow: 0 0 5px #cab997;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
background:url("../img/content_bg.png") no-repeat scroll bottom right #EFEBE0 ;}

/* left menu */
#left .box{background:url("../img/left_bg.png") repeat-y scroll left top ; padding-top: 30px; padding-bottom: 40px;}
#left .box_footer {background:url("../img/left_side_footer.png") no-repeat scroll left top ; height: 160px;}
#left .menu ul {padding:0;  margin: 0;}
#left .menu ul li {white-space: nowrap;background:url("../img/left_menu_item_bg.png") no-repeat scroll center 0;padding: 12px 0; margin: 8px 14px; width:220px; height:30px;font-weight:bold;list-style:none; text-transform:uppercase; text-align:center;}
#left .menu ul li.active, #left .menu ul li:hover{background:url("../img/left_menu_item_bg.png") no-repeat scroll center 100%; }    
#left .menu ul li a { color:#ffffcc; font-size:24px; text-decoration:none;padding: 10px 20px;}    
#left .menu_big {background:url("../img/left_top_menu_footer.png") no-repeat scroll center bottom;height: 470px;margin-bottom: 40px;width: 246px;}
#left .menu_big ul {padding:0;  margin: 0;}
#left .menu_big ul li {white-space: nowrap;background:url("../img/left_menu_top_bg.png") no-repeat scroll center 100%;padding: 25px 0; margin:15px; width:212px; height:18px;font-weight:bold;list-style:none; text-transform:uppercase; text-align:center;}
#left .menu_big ul li.active, #left .menu_big ul li:hover{background:url("../img/left_menu_top_bg.png") no-repeat scroll center 0%; }   
#left .menu_big ul li a { color:#f3efe7; font-size:18px; text-decoration:none;padding: 0px 16px;}

/* slider */
.slider-wrap { height:330px;}
.slider { height: 730px;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;text-align:center; padding-top:70px;}
.slider p { margin:0; padding:0;}
.slider_box {position: absolute;top: 400px;background:url("../img/slider_box_bg.png") repeat scroll top left;max-width: 560px; color:#e2e2e2; font-size:14px; padding: 0 10px; margin-left:100px;} 
.slider_box h1 {text-transform:uppercase; color:#fff; font-size:30px; font-weight:bold;}
.label_skitter {max-width: 560px !important; padding: 20px 10px !important; bottom:240px !important; margin:0 45%; line-height:1.5em !important;position:relative !important;}
.box_skitter { background-color:#efebe0 !important; }

.slider, #footer .menu, .slider-wrap {
  display: none;
}
  /* footer and footer menu */
#footer {
  height:127px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 15px;
  background:url("../img/footer_bg.jpg") repeat-x scroll bottom left;
}
#footer .menu { margin: 0 auto;padding: 38px 0 0;width:auto;}
#footer .menu ul {padding:0;  margin: 28px 0 0;}
#footer .menu ul li {white-space: nowrap;float:left;   font-weight:bold;list-style:none; text-transform:uppercase; text-align:justify;}
#footer .menu ul li.active a{ border-bottom:5px solid #a78728;}   
#footer .menu ul li a { color:#ffffcc; font-size:28px; text-decoration:none;} 
#footer .menu ul li span {background:url("../img/li_marker.png") no-repeat scroll 5px -2px ; padding:0 0 0 40px;} 
#footer ul li:first-child span { background:none;padding:0; }
.clear { clear:both;}
#copyr {
  width: 100%;
  text-align: center;
	font-size: 12px;
}
.subheading-category {
	padding-bottom:10px;
}
.blog .readmore a {
    color: #4b3002;
    font-size: 10px;
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
	background:none;
}
.blog .head_l {
    background: url(../img/head_l.png) no-repeat scroll 0 92% rgba(0, 0, 0, 0);
    min-width: 120px;
    text-align: center;
}
.blog .head_r {
    background: url("../img/head_r.png") no-repeat scroll 100% 92% rgba(0, 0, 0, 0);
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.heading{ 
  display:flex;
  width:100%; 
  margin: 0 auto; 
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #F3EFE7;
}
.head_c {
  background:url("../img/head_bg_c.png") no-repeat scroll 50% 20%;
  text-align: center;
  min-width: 210px; 
  margin:0 auto;}
.head_l {
  background:url("../img/head_l.png") no-repeat scroll 0% 92%;
  text-align:center;
}
.head_r {
  background:url("../img/head_r.png") no-repeat scroll 100% 92%;
  text-align:center;
  padding-left:15px; 
  padding-right:15px;
}
.pagination li {display: inline;padding: 0 5px;}
.pagination {text-align: center;word-spacing:40px!important;}

/* content */
.content .blog p{ margin:0; padding:0;}
.content .blog h3 { font-weight:bold; font-size:15px; color:#5a413f; margin: 10px 0;}
.content .blog .items-row {width: 100%;margin-bottom: 20px;}
.content .blog .items-row img{background:url("../img/item_foto_bg.jpg") no-repeat scroll center top; width: 100%;}
.readmore {margin: 0 20px; }  
.readmore a{background:url("../img/more.jpg") no-repeat scroll center bottom;
   font-size: 10px;
   padding: 0 10px;
   font-weight:bold; 
   color:#fff; 
   text-decoration:none; 
   text-transform:uppercase;}  
.readmore a:hover { background:url("../img/more_hover.jpg") no-repeat scroll center bottom;color:#5a413f;}
.readmore_intro { color:#4b4b4b; text-align:right; font-size:15px; padding-right:20px;}
.blog??? readmore {margin: 0 20px;}
.blog??? readmore a{font-size: 10px;padding: 0 10px;font-weight:bold; color:#000; text-decoration:none; text-transform:uppercase;}  
.content .blog .items-leading   h3 { text-align:left; font-size:18px;}
.content .blog .items-leading .item-separator {margin-bottom: 25px;}
.content .blog .items-leading h3 img{background:url("../img/item_foto_bg.jpg") no-repeat scroll center top; padding: 20px;width: 100%;}
.item-page {width:100%;}

/*table_price*/
.table_price td {
    border: 1px solid black;
}
.table_price {
    border-collapse: collapse;
    border-spacing: 0;
}
.table_price thead {
    background-color: #dcdcdc;
}
/* ==|== print styles ======================================================= */
@media print {
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* ==|== media queries ====================================================== */
@media screen and (max-width: 767px) {
  *, ::after, ::before { box-sizing: border-box;}
  .mobile-menu_big {
    display: block;
    position: absolute;
    top: 100%;
    right: 10px;
    transition: transform .3s;
  }
  .mobile-menu_big svg{
    height: 32px;
    width: 35px;
  }
  #left .box > .menu, #left .box_footer {
    display: none;
  }
  #left .box {
    padding-bottom: 1px;
    padding-top: 1px;
    background: #f9ebd0;
  }
  #left .menu_big {
    position: relative;
    height: auto;
    width: 100%;
    background-image: none;
  }

  .menu_big.open .mobile-menu_big{
    transform: rotate(180deg);
  }
  .menu_big .menu {
    display: none;
  }
  .menu_big.open .menu {
    display: block;
  }
  #left .menu_big ul li {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    background: none;
  }
  #left .menu_big ul li a {
    color: #6a5452;
  }
	#left .menu_big ul li.active, #left .menu_big ul li:hover {
	  background: #e4dac9;
	}
  .mod-languages {
      margin-top: 2px;
    }
  #main .content {
  background: #EFEBE0;
    }
  .heading  {
    padding-top: 15px;
  }
 .head_l, .blog .head_l {
    background: url(../img/tel1.png) center bottom no-repeat scroll;
    background-size: 100% 142%;
    padding: 1px 6px;
  }
  .head_r, .blog .head_r {
    margin-top: 18px;
    background: none;
    background-size: contain;
  }
  .head_r {
    margin-top: 7px;
  }
  .blog .head_r {
    min-height: 47px;
    padding-top: 5px;
  }
  .blog .readmore a {
    font-size: 15px;
  }
  .readmore a:hover {
  	background: none;
  }
  .img-intro-left {
    margin-top: 10px;
  }
  .content .blog .items-row {
    padding-bottom: 20px;
  }
  .gallery .jg_subcatelem_cat, .jg_element_cat, .jg_photo {
    width: 50%
  }
  .jg_subcatelem_txt {
    margin-bottom: 15px;
  }
  div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_right, 
  div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_label_left {
    display: inline-block;
    float: none;
  }
  div#aiContactSafe_mainbody_1 table#aiContactSafeForm td, div#aiContactSafe_mainbody_1 div#aiContactSafeForm {
    padding: 0;
}
  #aiContactSafeForm input {
    padding: 3px 5px;
  }
  #aiContactSafeForm select {
    font-size: 15px;
  }
  .div_captcha_img_1 {
    width: 100% !important;
  }
}
@media screen and (min-width: 620px) {
  #tel {width: 70%}
  #lang {width: 30%;}
}

@media screen and (min-width: 768px) {
  #logo img {
    width: auto;
  }
  #lang {
    width: auto;
    padding-top: 0;
  }
  #left {
    float:left;
    width: 248px;
  }
  .mobile-menu_big {
    display: none;
  }
  #main {
    float: left;
    width: calc(100% - 285px);
  }
  #footer .menu {
      display: block;
    }

  #footer .menu ul li a {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.slider-wrap { height:300px !important;}
	.slider .container_skitter .label_skitter {
	    bottom: 175px !important;
	    margin: 0 35%;
	    max-width: 520px !important;
	}
}
@media (min-width: 768px) and (max-width: 1497px) {
  .heading {
    padding-top: 5px;
 }
 .head_r {
    padding-top: 20px;
    padding-bottom: 5px;
 }
 .gallery .head_r, .blog .head_r {
    padding-top: 33px;
    padding-bottom: 14px;
 }
}
@media (min-width: 900px) {
  .slider, .slider-wrap {
    display: block;}
}
@media (min-width: 900px) and (max-width: 1497px){
    .slider, .slider-wrap {
    z-index: -1;
  }
  .image img, .box_skitter, .container_skitter{
    width: 100% !important;
  }
  .slider-wrap {
    height: 380px !important;
  }
    #main .content {
    margin-top: 70px;
  }
  .content .blog .items-row {
    display: inline-block;
    width: 48%;
    margin-bottom: 20px;
   }
   .items-row .item {
      padding:0 0 10px ;
   }
}
@media (max-width: 991px) {
	#main_menu_in {
  	position: relative;
    width: 100%;
    min-height: 36px;
    background-color: #e6ca94;
  }
  .mobile-btn {
    position: absolute;
    bottom: 5px;
    left: 15px;
    width: 30px;
    height: 22px;
    border-top: 2px solid #9c7c7a;
    border-bottom: 2px solid #9c7c7a;
  }
  .mobile-btn.active {
    border-color: transparent;
  }
  .mobile-btn:after, .mobile-btn:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(50% - 1px);
    height: 2px;
    background-color: #9c7c7a;
    transition: transform .5s;
  }
   .mobile-btn.active:after  {
      transform: rotate(0.1turn);
   }
   .mobile-btn.active:before {
      transform: rotate(-0.1turn);
   }
   .mobile-btn span {
   		position: relative;
   		top: 0;
	    left: calc(100% + 15px);
	    font-size: 18px;
	    text-transform: uppercase;
	    font-weight: bold;
   }
   .mobile-btn.active + .menu_bg {
	   	display: block;
	    position: absolute;
      top: 100%;
	    z-index: 100;
	    background: #f0ece3;
	    width: 100%;
	    padding-left: 0;
	    box-shadow: 0px 12px 9px -4px rgba(97,86,95,0.54);
   }
  .menu {
   	padding-left: 15px;
   	padding-right: 15px;
   }
   #main_menu ul li {
   	padding: 5px 0;
   }
   #main_menu ul li.active {
   		background: #e4dac9;
   }
   #main_menu ul li span, .menu_shadow {
   	background: none;
   }
   #main_menu ul li span {
   	display: inline-block;
   	text-align: left;
   }
   #main_menu ul li a {
   	display: inline-block;
    
    padding: 0 0 0 5px;
    text-align: left;
   }
    #main_menu ul li:not(.parent) a {
    	width: 100%;
    }
   #main_menu ul li.parent {
   	position: relative;

   }
    #main_menu ul li.parent:before {
    	content: '';
    	position: absolute;
    	top: 12px;
    	right: 10%;
    	width: 6px;
	    height: 6px;
    	border-right: 1px solid #af8885;
    	border-top: 1px solid #af8885;
    	transform: rotate(135deg);
    }
    #main_menu ul li.parent:hover ul {
    	position: relative;
	    width: 100%;
	    padding: 5px;
	    background: none;
	    margin: 0;
    }
    #main_menu ul li.parent ul li, #main_menu ul li.parent ul li:first-child {
    	background: none;
	    margin: 0;
	    padding: 0 0 0 15px;
    }
    #main_menu ul li.parent ul li:first-child a {
    	padding: 0 !important;
    }
    #left .menu ul li {
    	margin-left: auto;
    	margin-right: auto;
    }
}
@media (min-width: 992px) {
  .mobile-btn {
    display: none;
  }
    .menu_bg {
  display: block;
}
  #main_menu {width: 980px;margin: 0 auto; margin: 0 auto;}  
  #main_menu_in { position:absolute; width:100%; z-index:9;}
  #main_menu ul {padding:0;  margin: 22px 0 0;}
  #main_menu ul li {white-space: nowrap;float:left;height: 56px; text-align:justify;}
  #main_menu ul li a {font-size: 23px;padding: 0 0 0 40px;letter-spacing: -0.5px;} 
  /*#main_menu ul li:first-child.active {margin-left: -50px !important;padding: 0 0 0 50px !important;}*/
  #main_menu ul li.parent ul li:first-child {height: auto;width: 72%;}
  #main_menu ul li.parent ul li {max-width: 174px;white-space: normal;}
  .menu_bg {height:87px;padding-left:5%;} 
  .menu_shadow {height:72px;}
  #wrap_in { padding-top: 86px;}
}
@media screen and (min-width: 1366px) {.slider-wrap { height:420px !important;}}
@media screen and (min-width: 1498px) {
	h1 {font-size:24px;}
	#header {
    display: block;
    height:172px;
    min-width:870px; 
    max-width:870px; 
    margin:0 auto; 
    padding:0 50px; }
	#logo { width:305px !important; }
  	#logo {float: left;height: 134px;padding-left: 20px;width: 560px;margin-top:36px;}
	#copyr { padding-top:35px;}
	.logo_fix {margin: 0 auto;width: 285px;order: 0;}
	#lang {width:153px;
    height: 53px; 
    background-size:contain !important;
    display: block;
    float:right;
    margin-top:62px; 
    margin-right:0;
    padding: 22px 0;
  }
	#tel { width:193px;
    display: block;
    float:left;
    margin-top:24px;
  }
  .tel1 {padding: 28px 0 16px;}
  .tel2 {background:url("../img/tel2.png") no-repeat scroll 0 0 ;
  padding: 11px 0 30px;}

/* footer and footer menu */
  #footer .menu {
    width: 1000px;
  }
  #footer .menu ul li a {font-size:22px !important;}
  #footer .menu ul li span {background-position: 5px -2px !important; padding:0 0 0 40px !important;}
  #footer .menu ul li:first-child span {padding:0 0 0 25px !important;} 	
  #container { min-width:960px; padding: 0;}
  #left { width:27%;}
  #main { float:right;width: 73%;}
  #main .content {float:right;width: 87%;
    padding:5px 26px 56px 26px; margin:80px 20px; }
  #wrap_in { margin: 0 auto;max-width: 970px;min-width: 900px;z-index: 1; position:relative;padding-left: 20px;}
  .blog {
	width:100%;
	float:left;
  }
  .blog .readmore a {
    float: right;
    height: 40px;
    line-height: 42px;
  }
  .blog .head_l {
    float: left;
    min-width: 120px;
  }
  .blog .head_r {
    float: right;
    height: 40px;
    min-width: 225px;
    padding-top: 30px;
    white-space: nowrap;
	}
  .heading{
    font-size: 25px;
  }
  .head_c {
    min-width: 210px; 
  }
  .head_l {
    float: left;
    min-width: 120px;
 }
 .head_r {
    float: right;
    min-width: 225px;
    white-space: nowrap;
    padding-top:18px; 
  }
  .gallery .head_r {
    padding-top: 31px;
    padding-bottom: 11px;
  }
 /* content */
.content .blog h3 {padding-right: 40px; text-align: right;}
.content .blog .items-row {float: left;margin-bottom: 40px;}
.content .blog .items-row img{height: 170px; float:left;padding: 20px;width: 220px;}
.content .blog .column-1 {float: left;width: 46%;}
.content .blog .column-2 {float: right;width: 46%; margin-left:3%;}
.readmore { float:right;} 
.readmore a{float: right;height: 40px;line-height: 42px;}  
.readmore_intro { padding-right:40px;}
.blog??? readmore { float:right;}
.blog??? readmore a{float: right;height: 40px;line-height: 42px;}  
.content .blog .items-leading   h3 {text-align:left;}
.content .blog .items-leading .item-separator {clear: both;margin-bottom: 40px;}
.content .blog .items-leading h3 img{height: 170px; float:left;width: 220px; margin:0 40px 0 0 !important;}
.item-page {float: left;} 
}

img.jg_photo {
  max-width: 90%!important;
  width: 100%;
  padding: 12px!important;
  border: none!important;
}

.jg_subcatelem_cat a {
  font-size: 22px;
  text-decoration: none;
}

.jg_subcatelem_cat ul {
  text-align: left;
}

.jg_subcatelem_cat ul a {
  position: relative;
}

.jg_subcatelem_cat ul a:after{
  content: "";
  width: 0;
  height: 2px;
  display: inline-block;
  position: absolute;
  background-color: #CAB997;
  transition: width 1s;
  bottom: 0;
  left: 0;
}

.jg_subcatelem_cat:hover ul a:after {
  width: 100%;  
  transition: width 1s;
}


.pngfile.jg_icon {
  display: none;
}