@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700&subset=cyrillic';

#navbar { padding: 0; }
.navbar { margin-bottom: 0; }
.navbar-inverse { background: transparent; border: 0; }
.navbar-toggle { background: #291924; }
img { max-width: 100%; height: auto; }
/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/
.dropdown-menu { box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); }

a { color: #362724; }
a:hover { color: #362724; }


body { background: url(/img/bg.png); font-family: 'Open Sans', sans-serif; color: #636363; font-size: 14px;  }
h1, .h1, h2, .h2, h3, .h3 { font-family: 'Trebuchet MS'; font-size: 40px; font-weight: bold; text-align: center; color: #343331;  
text-transform: uppercase; background: url(../img/h.png) 50% 100% no-repeat; padding-bottom: 30px; margin-bottom: 40px; }
h3, .h3 { font-size: 18px; background: 0; margin-bottom: 0px; padding-bottom: 5px; }
h4, .h4 { font-size: 18px; color: #636363; text-align: center; }
h2+h4 { margin-top: -25px; margin-bottom: 20px; }
.slogan { font-size: 18px; color: #636363; background: url(../img/h.png) 50% 100% no-repeat; padding-bottom: 35px; 
margin-bottom: 20px; text-align: center; font-weight: 500; }
#breadcrumbs { margin: 20px 0 10px 0; color: #111; }
#breadcrumbs a { color: #636363; }
hr { display:block; border:0px; height:21px; background:url('/img/h.png') 50% 0 no-repeat; clear: both; }
.clear { clear: both; overflow: hidden; }
/*p { margin-bottom: 20px; }*/


#subheader { font-family: 'Trebuchet MS'; color: #343331; font-size: 21px; position: relative; z-index: 2; padding-top: 40px;
border-top: solid 5px #c52033; }
#subheader .phone {  margin: 0; }
#subheader .phone { font-size: 24px; font-weight: 700; }
#subheader .email { margin: 3px 0 10px 0; }
#subheader form { padding: 0; }
#subheader form#search { max-width: 240px; border: 0; }
#subheader form#search #str { width: 100%; }
#subheader #search input[type=submit] { display: block; float: right; width: 40px; height: 40px; 
background: url(../img/search.png); margin: 0; margin-top: -40px; z-index: 9; position: relative; }
#subheader .logo { display: block;  width: 199px; height: 157px; background: url(/img/logo.png) 0 0 no-repeat; margin: 0 auto;  
margin-top: -20px; position: relative; z-index: 1;  }
#subheader .lang { text-align: center; }
#subheader #lang { display: block; margin: 20px auto; }
#subheader #lang a { display: inline-block; width: 32px; height: 32px; background: url(/img/lang.png);
text-indent: -9999px; margin: 0 2px; }
#subheader #lang a:first-child+a { background-position-x: -42px; }
#subheader #lang a:first-child+a+a { background-position-x: -84px; }
#subheader #lang a:first-child+a+a+a { background-position-x: -124px; }
#subheader #lang a.active { border-radius: 25px; box-shadow: 0 0 3px #000 inset; }

#subheader form#query { padding: 0 10px; /*transform: scale(0.9, 0.9);*/ max-width: 300px; float: right; margin-top: -25px; }
#subheader form#query input { max-width: 155px; }
#subheader span { font-size: 16px; }

#header { position: relative; z-index: 1; margin-top: 20px; }
#header .container { border-top: solid 2px #aba8a0; border-bottom: solid 2px #aba8a0; }

#header ul { margin: 0; list-style-type: none; float: none; padding: 0; /* background: url(../img/satin.png);*/  }
#header ul li { float: left; margin-left: 13px;  }
#header > ul#navbar > li.active a { color: #aa0000; } 
#header ul li a:hover { color: #aa0000;  } 
/*#header ul li:hover a { color: #aa0000;  }*/
#header ul li a { display: block; font-size: 21px; font-family: 'Trebuchet MS'; color: #343331;  
text-decoration: none; text-transform: uppercase; font-weight: bold; width: 214px; margin: 30px 0 10px 0; 
text-align: center; padding-top: 225px; background: url(../img/menu/1.png) 50% 0 no-repeat; 
}
#header ul li:first-child+li a { background-image: url(../img/menu/2.png) }
#header ul li:first-child+li+li a { background-image: url(../img/menu/3.png) }
#header ul li:first-child+li+li+li a { background-image: url(../img/menu/4.png) }
#header ul li:first-child+li+li+li+li a { background-image: url(../img/menu/5.png) }

#header ul li a:hover, #header ul li.active a { background-image: url(../img/menu/active/1.png) }
#header ul li:first-child+li a:hover, #header ul li:first-child+li.active a { background-image: url(../img/menu/active/2.png) }
#header ul li:first-child+li+li a:hover, #header ul li:first-child+li+li.active a { background-image: url(../img/menu/active/3.png) }
#header ul li:first-child+li+li+li a:hover, #header ul li:first-child+li+li+li.active a { background-image: url(../img/menu/active/4.png) }
#header ul li:first-child+li+li+li+li a:hover, #header ul li:first-child+li+li+li+li.active a { background-image: url(../img/menu/active/5.png) }

#header ul li ul { background: url(/img/bg.png); }
#header ul li ul li { margin: 0; }
#header ul li ul li a { padding: 5px 20px 5px;   background: url(/img/satin.png) !important; 
text-align: left; margin: 0; width: auto; min-width: 214px; color: #333; }


#services { padding: 40px 0; padding-top: 0; overflow: hidden;  }
#services ul { margin-top: 20px; }
#services ul li { height: 160px; padding-left: 120px; list-style-type: none; padding-top: 10px; font-size: 14px; 
background: url(../img/services/1.png) 0 15px no-repeat; cursor: pointer; }
#services ul li img { float: left; padding-right: 20px }
#services ul li a { display: block; font-size: 24px; color: #343331; 
font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
#services ul li:first-child+li { background-image: url(../img/services/2.png) }
#services ul li:first-child+li+li { background-image: url(../img/services/3.png) }
#services ul li:first-child+li+li+li { background-image: url(../img/services/4.png) }
#services ul li:first-child+li+li+li+li { background-image: url(../img/services/5.png) }
#services ul li:first-child+li+li+li+li+li { background-image: url(../img/services/6.png) }
/*#services ul li:hover { background-color: #fafafa; }*/
#services ul li a:hover { color: #aa0000; }
#services_main { background: url(../img/logo-left.png) 0 70% no-repeat; }

#about-us { padding: 40px 0; padding-top: 0; overflow: hidden;  }
#about-us ul { margin-top: 20px; }
#about-us ul li { height: 160px; padding-left: 120px; list-style-type: none; padding-top: 10px; font-size: 14px; 
background: url(../img/about-us/1.png) 0 15px no-repeat; }
#about-us ul li img { float: left; padding-right: 20px }
#about-us ul li a { display: block; font-size: 24px; color: #343331; 
font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
#about-us ul li:first-child+li { background-image: url(../img/about-us/2.png) }
#about-us ul li:first-child+li+li { background-image: url(../img/about-us/3.png) }
#about-us ul li:first-child+li+li+li { background-image: url(../img/about-us/4.png) }
#about-us ul li:first-child+li+li+li+li { background-image: url(../img/about-us/5.png) }
/*#services ul li:hover { background-color: #fafafa; }*/
#about-us ul li a:hover { color: #aa0000; }

#features { text-align: center;  font-size: 14px; margin: 50px 0; background: url(../img/logo-right.png) 100% 30px no-repeat;
padding-bottom: 200px;  }
#features .container { border-top: solid 2px #aba8a0; border-bottom: solid 2px #aba8a0; padding: 50px 0;  }
#features h3, #features .h3 { font-size: 21px;  text-transform: uppercase; font-weight: 600; margin-bottom: 5px; }
#features img { display: block; margin: 15px auto; min-height: 80px; }
#features .but { margin: 40px 0 20px 0; }

#reviews {   text-align: center; margin-bottom: 50px; margin-top: -200px;  }
#reviews .container { border-bottom: solid 2px #aba8a0; padding: 0 0 50px 0; }
#reviews .review { background: #f2f1ee; padding: 20px; border-radius: 3px; box-shadow: 2px 2px 5px #cbc7be; position: relative; 
margin-bottom: 20px; margin-top: 30px; overflow: hidden; font-size: 15px; font-style: italic; }
#reviews .review .arrow { display: block; width: 58px; height: 19px; background: url(/img/reviews/arrow.png);
position: absolute; bottom: -16px; left: 50%; margin-left: -30px; }
#reviews img { float: none; border-radius: 100px; margin: 0 auto; }
#reviews p.name { color: #343331; text-transform: uppercase; padding-top: 30px; margin-bottom: 0; font-size: 16px; font-weight: bold; }
#reviews p.place { color: #636363; padding: 0; font-size: 14px;  }
#reviews a.but { margin-top: 40px; }

#main #reviews .review { min-height: 200px; overflow: visible; }
#main #reviews img { max-width: 90px; }

#map { margin-top: 70px; }

#footer { text-align: left; font-size: 14px; line-height: 22px; margin-top: 50px; }
#footer .container { border-top: solid 2px #aba8a0; padding: 30px 0; }
#main #footer { margin-top: 0;  }
#main #footer .container { border: 0; }
#footer h3 { text-align: left; color: #343331; font-size: 21px; margin-bottom: 15px; }
#footer .r { text-align: right; }
#footer p { padding-left: 20px; background: url(../img/phone.png) 0 5px no-repeat; margin-bottom: 5px;  }
#footer p.email { background: url(../img/mail.png) 0 5px no-repeat;  }
#footer p.place { background: url(../img/place.png) 0 5px no-repeat;  }
#footer .social { padding: 0; float: right; background: 0; }
#footer .social a { display: block; float: left; width: 42px; height: 42px; background: url(../img/social2.png); margin: 0 0 10px 10px;
opacity: 1; }
#footer a.v { background-position-x: -52px; }
#footer a.t { background-position-x: -104px; }
#footer a.g { background-position-x: -156px; }
#footer .social a:hover  { opacity: 0.8; }
#copy { clear: both; padding-top: 30px; text-align: center; }

#page { line-height: 24px; }
#page h1 { text-align: left; background: 0; margin-bottom: 0;  }
#page > ul { margin-left: 15px; list-style-type: square; font-size: 15px; line-height: 17px; }

#page #reviews { margin: 0; text-align: left; }
#page #reviews .container { border: 0; padding: 0; }
#page #reviews .name, #page #reviews .place { font-style: normal; float: right; padding: 0; clear: both; } 

#page #services { padding-top: 0; background: 0; }

#about { margin-bottom: 50px; }
#about h3 { font-size: 21px;  text-transform: uppercase; font-weight: 600; margin-bottom: 10px; text-align: center; }
#about img { display: block; margin: 15px auto; min-height: 80px; }
#about p { text-align: center; margin-bottom: 5px; }

#faq dt, #faq dd { padding-left: 60px; background: url(../img/faq/q.png) 0 0 no-repeat; padding-top: 5px; }
#faq dt { font-size: 21px; font-weight: bold; text-transform: uppercase; color: #343331; min-height: 52px;  }
#faq dd { background: url(../img/faq/a.png) 0 0 no-repeat; border-bottom: solid 1px #9f9d96; padding-bottom: 20px; margin-bottom: 20px; }

#contacts form { padding: 20px; }
#contacts form label { width: 100%; padding: }
#contacts h3 { font-size: 30px; }
#contacts .phone, #contacts .place { padding-left: 110px; background: url(../img/contacts/phone.png) 0 0 no-repeat; 
min-height: 150px; font-size: 16px; }
#contacts .place { background: url(../img/contacts/place.png) 0 0 no-repeat;  }



#category { margin-bottom: 20px; clear: both; }
#category ul { clear: both; overflow: hidden; margin: 0; text-align: center; }
#category ul li { list-style-type: none; display: inline-block; margin: 0 3px;  }
#category ul li a { display: inline-block; font-size: 16px; padding: 0 30px; text-decoration: none; color: #343331; 
line-height: 46px; background: #f5f4f2; border-radius: 5px;  }
#category ul li.active a, #category ul li a:hover { background: #c52033; color: #fff; }

#products { }
#products .item .name { display: block; font-size: 21px; font-weight: bold; color: #343331; font-family: 'Trebuchet MS';
text-transform: uppercase; padding: 20px 0; } 
#products .item a:hover { opacity: 0.9; text-decoration: none; }
#products .item img { border-radius: 3px; }
#products .item .but { float: right; }  

#product .next { float: right; }
#product .prev { float: left; }

#blog .date { display: block;  background: #c52033; color: #fff; width: 85px; height: 85px;
text-align: center; font-family: 'Trebuchet MS'; font-weight: bold; box-sizing: border-box; padding: 18px 0;
border-radius: 3px; text-transform: uppercase; }
#blog .date .day { display: block; text-align: center; font-size: 24px;  }
#blog h3 { font-size: 21px; text-align: left; padding-left: 100px; display: block; min-height: 60px; margin-top: -60px; }
#blog .item img { margin-top: 20px; margin-bottom: 10px; }
#blog .item .but { float: right; }
#blog .links { overflow: hidden; }

#blog .share { border-bottom: solid 2px #aba8a0; border-top: solid 2px #aba8a0; overflow: hidden; padding: 15px 0; 
margin: 20px 0;}
#blog .share a { display: block; float: left; width: 38px; height: 38px; background: url(../img/share2.png); margin: 0 0 0 10px;
opacity: 1;  }
#blog a.v { background-position-x: 0; }
#blog a.f { background-position-x: -48px; }
#blog a.t { background-position-x: -96px; }
#blog a.g { background-position-x: -144px; }
#blog a.p { background-position-x: -192px; }
#blog a.o { background-position-x: -240px; }
#blog .h3 { float: left; font-size: 21px; line-height: 38px; margin: 0; margin-right: 5px; padding: 0; }
#blog #more h3 { position: static; display: inline; padding: 0; }
#blog .h3.read { float: none; }

#achievements .row { height: 260px; overflow: hidden; }
#achievements .row > div { height: 100%;  }
#achievements .row .first { border-right: solid 1px #9e9b93; }
#achievements .photo { float: left; margin-right: 20px; }
#achievements .info { margin: 20px 70px; background: #f3f2f0; box-shadow: 1px 1px 5px #aaa; padding: 20px; font-size: 13px; 
overflow: hidden; }
#achievements h3 { font-size: 16px; text-align: left; margin-top: 0; }

#achievements .odd .info { float: left; margin-left: 0; }
#achievements .even .info { float: right; margin-right: 0; }
#achievements .date { color: #343331; font-size: 24px; font-weight: bold; 
background: url(../img/achievements/line.png) 0 50% no-repeat; line-height: 300px; padding-left: 80px; 
margin-left: -15px;}
#achievements .even .date { float: right; background: url(../img/achievements/line.png) 100% 50% no-repeat; padding-right: 80px;  
margin-right: -15px;}

#achievements #google { border-bottom: solid 2px #aba8a0; border-top: solid 2px #aba8a0; padding: 10px 0; }
#achievements #clock { width: 69px; height: 69px; background: url(/img/achievements/clock.png);
margin: 0 auto; margin-top: 25px; }
#achievements .expand { background-image: url(/img/achievements/plus.png); background-position: 20px 50%; background-repeat: no-repeat; 
padding-left: 42px; display: block; width: 180px; margin: 40px auto; }








/*
#content .photos {   }
#content .photos a { margin-bottom: 10px;   }
#content .photos a img { float: left; }
#content .photos a.small, #content .photos a.small+a.small+a.small, #content .photos a.small+a.small+a.small+a.small+a.small { 
display: block; float: left; width: 50%; padding-right: 10px; padding-top: 20px; }
#content .photos a.small+a.small, #content .photos a.small+a.small+a.small+a.small, #content .photos a.small+a.small+a.small+a.small+a.small+a.small 
{ padding-right: 0; padding-left: 10px;  }

#content .photos a.small img { width: 100%; }
#content .text { overflow: hidden; }
*/





/*
#news_top2 { background: #99685e; overflow: hidden; padding: 20px 0; margin-top: 20px;  } 
#news_top2 a { height: 187px; display: block; float: left; background: #2d221f; opacity: 0.9; color: #000; }
#news_top2 a img { float: left; height: 187px; }  
#news_top2 a span { display: block; float: left; height: 187px; background: #fff; width: 260px; padding: 20px; 
box-sizing: border-box; font-size: 22px; font-family: 'Ubuntu Condensed'; }
#news_top2 h4 { width: 160px; height: 187px; float: left; background: url(../img/news.png); text-indent: -999px; 
margin-right: -72px; position: relative; z-index: 9; margin-top: 0; }
#news_top2 a:hover { opacity: 1; } 
#news_top2 div:first-child { padding-right: 0; }

#guest {  }
#guest img { float: none; margin: 0 auto; }
#guest .container { padding: 0 30px; }
.slick-prev, .slick-next { display: block; width: 24px; height: 49px; background: url(../img/arrow-left.png) !important; margin-top: -22px; left: 5px; }
.slick-next { background: url(../img/arrow-right.png) !important; left: auto; right: 5px;  }
.slick-prev:before, .slick-next:before { content: ''; }


#content { clear: both; } 
h2.more { cursor: pointer; }
h2.more:hover { background: #5f3e37; }
h2.more+div { display: none; }
*/

#gallery a { display: block; background: #2d221f; position: relative; /*max-width: 450px;*/ margin: 0 auto; margin-bottom: 20px;  }
#gallery a span { font-family: 'Ubuntu Condensed'; font-size: 38px; color: #fff; position: absolute; top: 30%; left: 0; right: 0;
bottom: 0; text-shadow: 0px 1px 1px #2d221f; text-align: center; }
#gallery a img {  opacity: 0.5; width: 100%;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }

/*
#rooms { overflow: hidden; background: #99695f;  }
#rooms a { display: block; background: #2d221f; position: relative; margin: 0 auto; margin-bottom: 20px;
max-width: 450px; }
#rooms a span { font-family: 'Ubuntu Condensed'; font-size: 28px; color: #fff; position: absolute; top: 35%; left: 0; right: 0;
bottom: 0; text-shadow: 0px 1px 1px #2d221f; text-align: center; }
#rooms a img {  opacity: 0.7;  } 
#rooms a:hover img { opacity: 1; }
#rooms h3 { background: #623f39; margin-top: 0; }
*/



form { margin-left: 0px; font-family: 'Open Sans'; background: url(../img/satin.png); border: solid 1px #b2b2b2;
border-radius: 5px; padding: 50px; }
form p { margin: 10px 0; }
form label { display: block; width: 105px; float: left; text-align: left; padding: 5px; padding-right: 20px; 
font-family: inherit; font-size: 16px; font-weight: 600; color: #343331; }
form label i { padding: 0 4px;  background: url(../img/r.png) 100% 0 no-repeat; }
input[type=text], input[type=submit], textarea, select, .but { padding: 9px; border: 0; font-family: inherit; 
font-size: 16px; background-color: #f5f4f1; color: #333; border-radius: 2px; /*width: 100%;*/ }

input:hover, textarea:hover,  
input:focus, textarea:focus {  background-color: #fff; }
input[type=submit], .but { background: #c52033; color: #fff; cursor: pointer; text-transform: uppercase; margin: 7px auto; 
display: block; padding: 9px 20px; }
input[type=submit]:hover, .but:hover { background-color: #aa0000; text-decoration: none; color: #fff; }
.but { display: inline-block; overflow: hidden; }

.box { opacity: 0.95; padding: 50px; position: fixed; width: 800px; z-index: 10000;
top: 50%; margin-top: -50px; left: 50%; margin-left: -400px; z-index: 99; text-align: center;
 background:#e3e3e3 url(../img/close.png) 97% 20% no-repeat; border-radius: 10px; cursor: pointer;
 box-shadow: 10px 10px 20px #777; }
.error, .send { text-decoration: none; text-align: center;  font-size: 32px !important;  } 
.error { color: #ff0000; }
.send { color: #00aa00; }

.form { padding: 20px 50px; max-width: 500px; margin: 0 auto; }
.form label { float: none; width: 100%; padding: 0; }
.form input, .form select, form textarea { width: 100%; }
.form .half { width: 48%; float: left; }
.form .half+.half { margin-left: 4%; }
.form h3 { font-size: 30px; }


table { border-collapse: collapse; width: 100%; margin: 10px 0; }
table th, table td { text-align: left; padding: 7px 10px; }
table th { padding-right: 20px; width: 300px; }

table tr:nth-child(odd) { background-color: #fafafa; }
table tr:hover { background-color: #ffeeee;  }

.transfer_class { border: solid 10px #333; }
 .ui-effects-transfer {
border: 1px dotted black;                                       
}

   








#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }

@media (max-width : 1500px){
  #services_main, #features { background: 0; }
}

@media (max-width : 1200px){
  #header ul li { margin-left: 10px; }
  #header ul li a { width: 178px; background-size: 100%; }
  #achievements img { max-width: 120px; }
}

@media (min-width : 992px){
  
  .nav > li:hover > .dropdown-menu { display: block; opacity: 1.0; }
   
}

@media (max-width : 991px){
  #header ul { float: none; }
  #header ul li a { width: 134px; background-size: 100%; }
  #header ul li a { font-size: 19px; padding-top: 150px;  }

  #header a.logo { height: 100px; background-size: contain; }
  #navbar { background: url(../img/satin.png);  }
  #services ul li { height: auto; min-height: 120px; }
  
  #achievements img { max-width: 80px; }
  /*
  #features { text-align: center; }
  #features .col-sm-2 { display: inline-block; float: none; width: 32%; }
  #features img { display: block; margin: 15px auto; }

  #footer .weblux { float: none; }
  */
  
}

@media (max-width : 767px){
  
  #header #menu { float: none; }
  #header .container { }
  #header #menu li { display: block; clear: both; float: none;  }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; margin: 0; text-align: left; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #navbar { padding: 0; }
  
  #header ul li a { background: 0 !important; }
  #footer h3.r, #footer .social { float: left; } 
  #footer .social a { margin: 0 10px 0 0; }
  
  #achievements .row { height: auto; }
  #achievements .date { line-height: 50px }
}

@media (max-width : 480px){
  #services ul li a { font-size: 19px; }
  h1,h2,h3 { font-size: 32px; }  
  .form { padding: 10px; }
}