@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic);
*{box-sizing: border-box;}
body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}
nav {background: #804f48;
    border-radius: 5px;}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul:after {
  content: "";
  display: table;
  clear: both;
}
nav a {
  text-decoration: none;
  display: block;
  transition: .3s linear;
}
.topmenu > li {
  float: left;
  position: relative;
  border-left: 1px solid black;
}
.topmenu > li:first-child {border-left: 0;}
.topmenu > li > a {  
  padding: 8px 4px;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 2px;
  width: 137px;
  text-align: center;
}
.topmenu > li > a.active, 
.submenu a:hover {color: #ddbe86;}
.topmenu .fa, 
.submenu .fa {
  margin-left: 5px;
  color: inherit;
}
.submenu {
  position: absolute;
  z-index: 5;
  min-width: 200px;
  background: white;
  border-top: 1px solid #CBCBCC;
  border-left: 1px solid #CBCBCC;
  border-right: 1px solid #CBCBCC;
  visibility: hidden;
  opacity: 0; 
  transform-origin: 0% 0%;
  transform: rotateX(-90deg);
  transition: .3s linear;  
}
.submenu li {position: relative;}
.submenu li a {
  color: #282828;
  padding: 10px 20px;
  font-size: 13px;
  border-bottom: 1px solid #CBCBCC;
}
.submenu .submenu {
  position: absolute;
  left: 100%;
  top: -1px;
  transition: .3s linear;
}
nav li:hover > .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
}


/* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL */
/* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL *//* CAROUSEL */
.carousel  {
   width: 100%; /* ширина всего блока */
   margin: 0 auto;   
}
.carousel-wrapper {
   width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0px;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 305px; /* задаём ширину каждого элемента */   
   text-align: center;
 }

 .carousel-block img{
  width: 245px;
  height: 136px;
  border: 1px solid #FDDF43;
  border-radius: 5px;  
 }

 .carousel-block img:hover{
  width: 245px;
  height: 136px;
  border-bottom: 3px solid #FDDF43;
  border-radius: 5px;  
 }
.carousel-button-left a, .carousel-button-right a{
   width: 19px; 
   height: 28px; 
   position: relative;
   top: 40px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../images/carousel-left.png) no-repeat; 
}
.carousel-button-right a{
   float: right;
   background: url(../images/carousel-right.png) no-repeat; 
}
.photos {
  width: 80%;
  height: 270px;
  margin: 0 auto;  
}
.feedbackf {  
  width: 930px;  
  border-radius: 9px;
  position: relative;  
  text-align: center;
}
.feedbackf img{
 margin-right: 15px;
 border-radius: 5px;
 border: 1px solid #fff;
}
.feedbackf img:last-child{
  margin-right: 0;
}
/* window */
.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.feedbackf {  
  width: 930px;  
  border-radius: 9px;
  position: relative;  
  text-align: center;
}


.feedbackf img{
 margin-right: 15px;
 border-radius: 5px;
 border: 1px solid #fff; 
}
.feedbackf img:last-child{
  margin-right: 0;
}

.popup {          
    left: 50%;
    opacity: 0;
    padding: 10px;
    position: fixed;    
    top: 40%;
    visibility: hidden;
    z-index: 10; 
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;   
 
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

/* Кнопка закрытия окна  */
.closef {      
  line-height: 24px;
  position: absolute;
  right: 48%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-family: arial;
  top: -16px;
  width: 32px;
  height: 32px;
  margin-top: -1px;  
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
     border-radius: 15px;  
     background: url(../img/close.png);  
}
.closef:before {
    color: #747474;
    content: "";    
    font-size: 18px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    line-height: 0.5;
    padding-top: -3px;
}

ol {
  margin-left: 63px;
  list-style-type: none;
  counter-reset: li;
}
ol li:before {
  content: counter(li);
  counter-increment: li 1;
  padding: 0px 6px;
  margin-left: -28px;
  text-align: center;
  color: white;
  position: absolute;
  background: #337ab7;
}
ol ol {
  counter-reset: li_2;
}
ol ol li:before {
  content: counter(li)"."counter(li_2);
  counter-increment: li_2 1;
  margin-left: -39px;
}
ol ol ol {
  counter-reset: li_3;
}
ol ol ol li:before {
  content: counter(li)"."counter(li_2)"."counter(li_3);
  counter-increment: li_3 1;
  margin-left: -51px;
}
div#contentss {
    padding: 17px 26px;
    background: #f2f3f5;
    border: 1px solid #dfe0e2;
    text-align: left;
}
div#content {
    margin: 100px 0 0px 0;
    padding: 17px 26px;
    background: #f2f3f5;
    border: 1px solid #dfe0e2;
    text-align: left;
}
div#content ol {
  margin: 16px 0 0 28px;
}
div#content ol ol {
  margin: 7px 0 0 40px;
}
div#content ol ol ol {
  margin: 7px 0 0 51px;
}
div#zayavka {
    background-color: #d6dadd;
    width: 100%;
}	

.stage {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
  background: steelblue;
  box-shadow: 0 -400px 300px -300px orangered inset;
  animation: sky-change 15s infinite linear;
  }

.sun {
  position: absolute;
  left: 0;
  bottom: -30%;
  width: 10em;
  height: 10em;
  margin-left: -2.5em;
  margin-top: 0;
  background: orangered;
  border-radius: 50%;
  box-shadow: 0 0 20px orange;
  animation: 15s infinite linear;
  animation-name: sun-move, sun-color;
  }

.grass {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -5px;
  left: 0;
  background: url() no-repeat center bottom;
}

@keyframes sky-change {
  0% {
    background: darkslateblue;
  }
  50% {
    background: skyblue;
    box-shadow: 0 -400px 300px -300px steelblue inset;
  }
  85% {
    background: darkslateblue;
    box-shadow: 0 -400px 300px -300px orangered inset;
  }
  100% {
    background: darkslateblue;
  }
}

@keyframes sun-move {
  0% {
  }
  10% {
    margin-left: -4.5em;
  }
  20% {
    margin-left: -5.5em;
  }
  30% {
    margin-left: -6em;
  }
  40% {
    margin-left: -4.5em;
  }
  50% {
    left: 50%;
    bottom: 75%;
    width: 5em;
    height: 5em;
    margin-left: -2.5em;
  }
  60% {
    margin-left: 1.5em;
  }
  70% {
    margin-left: 3.5em;
  }
  80% {
    margin-left: 2.5em;
  }
  90% {
    margin-left: 1em;
  }
  100% {
    left: 98%;
    margin-left: -2.5em;
  }
}

@keyframes sun-color {
  20% {
    background: orange;
  }
  40% {
    background: gold;
    box-shadow: 0 0 35px gold;
  }
  60% {
    background: yellow;
    box-shadow: 0 0 35px yellow;
  }
  80% {
  background: orange;
  }
}
h3.grasst {
    margin: 163px;
    text-align: center;
	}
	
.inner_links {
    margin: 45px 0px 30px 0px;
    background: #fbf0df;
    padding: 13px 0;}
	
	.cleared:after {
    content: '';
    display: block;
    clear: both;}
	
	.inner_links a {
    display: block;
    float: left;
    text-decoration: none;
    width: 327px;
    margin-left: 45px;
    height: 68px;
    border-bottom: 1px solid #e4d3c4;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
    color: #866159;
    font: 16px 'lorabold_italic';
    line-height: 68px;}
	
	.inner_links a:after {
	position: absolute;
    content: '';
    top: 30px;
    right: 26px;
    background: url(/images/links_arrow.png) no-repeat;
    width: 8px;
    height: 8px;}
	
	
	a.fancybox img {
    width: 259px;
    float: left;
    margin-right: 12px;
    text-align: center;
}
	
	
	.gallery .img {
    height: 360px;
    float: left;
    margin-right: 12px;
    text-align: center;}
	
	.gallery .img a {
    display: inline-block;
    padding: 1px;}
	
	.gallery img {
    border: 2px solid #ddd;}
	
	
	.gallerylambreken .img {
    
    float: left;
    margin-right: 12px;
    text-align: center;}
	
	.gallerylambreken .img a {
    display: inline-block;
    padding: 1px;}
	
	.gallerylambreken img {
    border: 2px solid #ddd;}