body
{
   background-color:#000000 ;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   line-height: 1.4;
   margin: 0;
   padding: 0;
}
*{ margin:0px; padding:0px; }
a{text-decoration:none; color:#d2b86a;}
ul{margin-left:20px}
sup{font-size: 0.7em;}
p{margin: 10px 0px;}
p:first-letter{margin-left:10px}
.container ul li, .container ol li{margin-left:20px; margin-top: 5px;
  margin-bottom: 5px;}
h1, h2, h3, h4{text-align:center;  font-weight: bold; margin:25px 0px 20px; color: #D2B86A;}
h1{font-size: 28px;}
h2{font-size: 24px; margin-top: 30px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
.italic{font-style:italic}
.fw700{font-weight:700}
table{border-collapse: collapse; /* эквивалент 'cellspacing' */
width:100%}

table td, table th
{padding: 5px; /* эквивалент 'cellpadding' */}
.fon-1{background:#0a130e;}
table tr:nth-child(1), .table-fon { background: #9b8b31; color: #fff; font-size: 16px;}
td{border-bottom: 1px solid black; }
table td{text-align:center}
table td:first-child {text-align: left;}
.flex, .flex-ar, .flex-center{
display: flex;
flex-wrap: wrap;
justify-content: space-around;}
.flex-ar{justify-content: space-around;}
.flex-center{justify-content:center;}
  .fon-bl{background:#9ebb9380;}
.footer {  background:#0a130e;}
.wrap{background: black;}
.header, .blok-2, .blok-3, .blok-4, .blok-5, .blok-6, .blok-7, .blok-8, .container{max-width:1400px; margin:10px auto}
.blok-2, .blok-3, .blok-4, .blok-5, .blok-6, .blok-7, .blok-8, .container{padding: 40px 5px;}
.header{margin:0px auto}
.header-1, .header-2, .header-3{float:left}
.header-1 img{margin-right: 20px; padding-top:10px}
.header-2-menu{margin:5px 0px; padding: 0 5px; font-size:18px; margin-top:25px}
.header-2-menu a, .header-3,  { color:black}
.header-2-menu a:hover, .footer-ul li a:hover{text-shadow:1px 1px 1px #171616;}
.header-3{ text-align:right; float: right; font-style: italic;}
.header-3-tel{font-size: 21px; font-weight:900 }
.header-3-tel a{color:#eff2f4; text-shadow: 1px 1px 1px black;}
.header-3-tel img{top: 15px; position: relative; max-width: 50px;}
.header-3-pochta, .header-3-vremya{    color:#eed238; text-shadow: 1px 1px red;}

.clear{clear:both}
.blok-1 {    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    float: left;
    clear: left;
    display: block;
    z-index: 749;}
.blok-1-txt-1{color: #FFFFFF; font-size: 53px;     padding-top: 0px; text-shadow: 1px 1px 1px black;}
.blok-1-txt-1 span{color: #FFC000;}
.blok-1-txt-2{font-size: 20px !important;
margin-top: 20px;
color: beige;
text-shadow: 2px 2px 2px black;}
.blok-1-forma{ 
max-width: 700px;
margin: 10px auto;
padding: 20px;
border: 1px solid #ea7723;
border-radius: 15px; margin-top: 40px; margin-bottom:40px}
.comment23{    margin-top: 15px;     margin-bottom: 10px;}
.rfield{font-size: 18px; border: 1px solid #ca7327; width:300px; border-radius: 5px; margin: 5px; padding:3px 5px}
.btnsubmit{margin-top: 30px;
font-size: 22px;
padding: 3px 10px;
background: #f4e34f;
border: 1px solid #e3832e;
border-radius: 5px;
box-shadow: 2px 2px 2px black;}
.btnsubmit:hover{box-shadow:none}
.left-menu li{margin-left:0px !important}
.first li{margin-left:20px !important; font-size: 14px; margin-top: 0px !important;}
.blok-2-bl{margin:10px;     margin-bottom: 40px;}
.blok-2-bl a{color:black}
.blok-2-bl img {width:100%; border: 1px solid cadetblue;}
.blok-2-btm{text-align: right; margin-top:10px; margin-right: 15px;}
.blok-2-btm a{background: #f07c16; padding: 5px 10px; border: 1px solid #c17664; border-radius: 10px; box-shadow: 2px 3px 3px black; color: #f7f6f4; text-shadow: 1px 1px 1px black;}
.blok-2-btm a:hover{box-shadow:none; color:red}
.blok-2 h3{  padding:88px 20px; margin: 0px auto;width: 260px; margin-top: -220px;position: relative; color: white;}
.blok-3-bl{margin:15px; max-width:350px}
.blok-3-cifra{margin-right:10px; background: #eed238; color: black;
padding: 5px 10px;
border: 5px solid #eed238;
border-radius: 20px;}
.blok-3-bl-txt{font-size:16px; text-align:left}
.blok-4-1, .blok-4-2{width:50%}
.blok-4-1{font-size: 18px;
  font-family: 'Manrope',Arial,sans-serif;
  line-height: 1.25;
  font-weight: 400;}
.blok-4-bl	{    max-width: 230px;    margin: 2px;}
.blok-4-bl img{max-width:100%}

.blok-5-bl{max-width:250px; text-align:center; margin: 25px 10px;}
.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

 .events {
  list-style: none;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.next, .prev{ float: right;
font-size: 36px;
top: 40%;
position: absolute;
z-index: 111111;
background: #d3d3f0;
right: 10px;
padding: 1px 7px;
border-radius: 20px;
text-shadow: 2px 2px 2px black; width:25px; box-shadow: 2px 2px 2px black}
.rslides2_nav{background:none !important; box-shadow:none}
.rslides2_nav:hover{text-shadow:none}
#slider2 li{ margin-left: 0px;}
#slider2 img{position: relative;margin: 0 auto;}
.prev{float:left; left: 10px;}
.prev:hover{box-shadow:none}
.next:hover{box-shadow:none}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  max-height: 800px;
  width: auto;
  border: 0;
  }
.video-rabot{width:560px; height:315px}


 
 



.caption{ background:black;  padding:5px}
.footer{padding:20px 0px; margin-top:20px}
.footer-ul li{list-style:none; font-size: 16px; line-height: 24px;}
.footer-bl{text-shadow: 1px 1px 1px black;}
.footer-bl a{color:#f1f1f4; text-shadow: 1px 1px 1px black;}
.footer-bl-3-txt-1{ margin-bottom: 15px;}
.footer-bl-3{font-size: 14px; }
.footer-tel{font-size: 16px; margin-bottom:10px}
.footer-bl{color:#D2B86A;} 
.footer-btm {margin-top: 15px;}
.footer-btm a{ box-shadow: 2px 2px 2px #7f847b; color:white;
padding: 5px 10px;
border: 1px solid #6f4f4f;
background: black;
border-radius: 15px;
text-align: center;}
.footer-btm a:hover{box-shadow:none}  
.footer-tel img	{top: 3px;
position: relative;}
.caption{color:white}
.footer-tel-1{margin-right:5px}
.footer-tel-2{ margin-left:5px}
.footer-pochta{margin-bottom: 10px; text-shadow: 1px 1px 1px black; color: #f9f7f5;}
.footer-pochta img{margin-right:5px; top: 3px; position: relative;}
.footer-vremya img{top: 5px; position: relative; margin-right: 5px;}
.footer-bl-3-txt-3{max-width: 320px;  margin-top: 2px;}
.schetchik{margin-top:5px;}
.blok-6-bl{max-width:350px; }
.blok-6-bl-r{max-width:650px; }
.blok-6-bl img{width:100%} 
.blok-6-bl-txt{display:table; }
.blok-6-bl-txt li{margin-left: 20px;}
.blok-6-bl-txt p{  font-size:14px; padding:0px 5px}
.blok-7-bl{max-width: 150px;}
.blok-7-bl img{width:100%}
.left-sidebar{  float:left;   border-right:1px solid black; padding:10px 2px; padding-top:0px; text-align:left; font-size:17px; line-height:20px; max-width: 320px;}
.left-sidebar li{list-style:none; margin-top:10px !important}
.left-sidebar a{margin:5px 0px}
.left-sidebar a{color:#f1f3f4; text-shadow: 0.5px 1px 0.5px #f1f3f4;}
.left-sidebar a:hover{color: #eed238;text-shadow: none;}
.right-content{width:74%; float:left; padding:0px 10px ;}
.right-content a{font-style: italic; color:#eed238; }
.right-content a:hover{animation: shadow  2s infinite ease-in-out;  }
ul.gl{margin-left:40px}
ul.gl li { list-style-type: none; list-style-image: url(/img/list_gl.png); margin: 15px 0px;}
.sxema-sotr{max-width: 200px;text-align: center;margin: 10px;}
.etapi{max-width: 250px;text-align: justify;margin: 10px;}
.sxema-sotr-1{max-width: 150px;text-align: center;margin: 10px; font-size: 13px;font-style: italic;}
.sxema-sotr-1 img{max-width: 80% !important;}
.soderzanie p{font-size:20px}
.soderzanie{font-size:16px; margin-bottom:20px}


@keyframes shadow {
from {text-shadow: 0 0 3px black;}
50% {text-shadow: 0 0 30px black;}
to {text-shadow: 0 0 3px black;}
}
.right-content img{max-width:90%; margin:20px auto; display:block}
.menu-kat{ line-height:16px; font-weight: 900; font-size: 22px;}
.price-usl{color:red; font-size: 20px; text-align: center; font-style: italic; font-weight: bold;}
.mob{ display:none}
.desk{display:block; border-right: 1px solid;
  margin-right: 5px;
  padding-right: 5px;}  
.container-portfolio img{max-width:100%}  
.oblic{max-width:300px; text-align: center;}
.video{max-width:700px; height:400px; margin:10px auto}
#slider2{ max-width:1000px; margin:30px auto}

.telcont{font-style:italic; font-weight:700;  }
 .fotogallery-img img{width:100%; height:auto}
 .portfolio-item2{max-width:280px; margin: 5px; text-align: center;}

/* Clearfix */
.clearfix-1:before,
.clearfix-1:after {
    content: " ";
    display: table;
}
.clearfix-1:after {
    clear: both;
}
.clearfix-1 {
    *zoom: 1;
}

 
nav ul {
	padding: 0;
	margin: 0 auto;
	
}
nav li {
	display: inline;
	float: left;
	line-height: 28px;
}
 
nav li a {color: #e3ebee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
nav li:last-child a {
	border-right: 0;
}
nav a#pull {
	display: none;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
  
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev-portfolio,
.next-portfolio {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background: black;
}

/* Position the "next button" to the right */
.next-portfolio {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-portfolio:hover,
.next-portfolio:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 10%;
  margin:1px
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.trig-item{text-align: center; max-width: 300px;}


    .youtube {
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        overflow: hidden;
        transition: all 200ms ease-out;
        cursor: pointer;
    }
    .youtube .play {
        background: url('../img/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
        background-position: 0 -50px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
        height: 50px;
        width: 69px;
        transition: none;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
    }
    .youtube:hover .play {
        background-position: 0 0;
    }


 .boxHidded{
   visibility: hidden; /*  Делаем иконки полностью прозрачными  */
}
.fadeIn, .fadeOut{
   visibility: visible;  /*  Делаем иконки полностью не прозрачными  */
}
 
 
 
 
/* Часто задаваемые вопросы */
.faq-section input,
   	 .faq-section p{
   		 display: none;

   	 }

   	 .faq-section label+p{
   		 display: block;    
   		 color: #0f0f0f;
   		 font-size: .85em;
   		 -webkit-transition: all .45s ease-out;
   		 -moz-transition: all .45s ease-out;
   		 -ms-transition: all .45s ease-out;
   		 -o-transition: all .45s ease-out;
   		 transition: all .45s ease-out;
                    	margin: 0 0 2px;   	 
   		 /* Обрезаем текст */
   		 text-overflow: ellipsis;
   		 white-space: nowrap;
   		 overflow: hidden;    
            				 
   	 }

   	 .faq-section input[type=checkbox]:checked~p{
   		 display: block;
   		 color: #a49e9e;
   		 font-size: 1em;
                   	margin: 5px 0px 10px;
   		 /* Восстанавливаем обрезание текст по умолчанию */
   		 text-overflow: clip;
   		 white-space: normal;
   		 overflow: visible;    

   	 }

   	 .faq-section label{
   		 font-size: 1.2em;
   		 cursor: pointer;
   		 display: block;
   		 position: relative;
   		 padding: 7px 10px;
   		 font-weight: bold;
   		 border: 1px solid #ddd;
   		 border-left: 3px solid #888;
   		 text-shadow: 0 1px 0 rgba(255,255,255,.5);
   		 -webkit-transition: all .45s ease-out;
   		 -moz-transition: all .45s ease-out;
   		 -ms-transition: all .45s ease-out;
   		 -o-transition: all .45s ease-out;
   		 transition: all .45s ease-out;   		 
   	 }

   	 .faq-section label::-moz-selection{ /* Удаляем выделение текста при переключении */
   		 background: none;
   	 }

   	 .faq-section label::selection{
   		 background: none;
   	 }

   	 .faq-section label:hover{
   		 /* background: #f5f5f5; */
   	 }

   	 .faq-section input[type=checkbox]:checked~label{
   		 border-color: #44c3c5;   		 
   				 
   		 -moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
   		 -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
   		 box-shadow: 0 0 1px rgba(0,0,0,.4);   			 
   	 }

   	 .faq-section label::before{
   		 content: '';
   		 position: absolute;
   		 right: 4px;
   		 top: 50%;
   		 margin-top: -6px;
   		 border: 6px solid transparent;
   		 border-left-color: inherit;    
   	 }

   	 .faq-section input[type=checkbox]:checked~label::before{
   		 border: 6px solid transparent;
   		 border-top-color: inherit;
   		 margin-top: -3px;
   		 right: 10px;    
   	 }
/* конец блока Часто задаваемые вопросы */


 
 

.topmenu a {
   text-decoration: none;
   display: inline;
   transition: .4s ease-in-out;
   margin-left: 15px;
}
 
.submenu li {border-bottom: 1px solid #efefef; padding: 5px;}
 
.submenu li a {
  
   font-size: 16px;
   font-family: 'Kurale', serif;
}

@media(max-width: 599px) {
   .topmenu>li>a {
      padding:5px 0px;
   }
   .submenu li a {
      padding: 5px 0px;
   }
   .header-2-menu{padding: 0px; cursor: pointer;}
}

@media(min-width: 600px) {
	
	
   .topmenu {
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .topmenu>li {
      position: relative;
   }
  
   .submenu {
      position: absolute;
      left: 50%;
      top: 100%;
      width: 210px;
      margin-left: -105px;
      background: #9f0000;
      border: 1px solid #ededed;
      z-index: 5;
      visibility: hidden;
      opacity: 0;
      transform: scale(.8);
      transition: .4s ease-in-out;
	  margin-left: 20px;
   }
   .topmenu>li:hover .submenu {
      visibility: visible;
      opacity: 1;
      transform: scale(1);
	  
   }
   .submenu li a {
      padding: 10px 0;
      margin: 0 10px;
   }
}
/* конец блока выпадающего меню из топа */
 


@media screen and (max-width: 1084px) {
 .right-content {width:66% !important}
.left-sidebar { width:28%; padding:5px;}
 }


 @media screen and (max-width: 849px) {
 #slider2  li div{max-width:340px;}
 }

@media screen and (max-width: 786px) {

.header-1 img{margin-right: 10px;}
 #slider2 li{text-align:center; padding:0px !important; max-width:400px}
 
 #slider2 li img{float:none !important; width: 100%;}
 #slider2 li div{max-width:100% !important; float:none !important}
 
 
}

@media screen and (max-width: 600px) {
	.blok-4-1, .blok-4-2{width:100%}
    .right-content {width:98% !important;  padding:5px}
     .left-sidebar { width:98%; border-right:none; padding:3px;}
	 	
  .callbacks_nav {
    top: 47%;
    }
	.header-2{float:none}
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
		margin-left: 15px;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;

	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	.header-2-menu{ margin-top:0px}
	.header-3{ float:left}
	#slider4{max-width:600px}
	#slider4 img{max-width:100%}
	.blok-1-txt-1{ font-size:30px}
	.blok-5-bl{margin: 40px 0px;}
	.footer-bl{width: 90%; margin: 10px 0px; font-size: 16px; text-align:center; }
	.footer-bl-3-txt-3{max-width:100%}
	 .header-1 img{margin-right:5px; max-width:70px}
	 .blok-6-bl-txt{display:block; height:auto !important}
	 .mob{ display:block; margin-top:40px}
	 .desk{display:none}
	.video-rabot{width:100%; height:200px}
	
	.header-1{width: 40px;
  height: 20px;
  top: 60px;
  position: relative;
  left: 30px;
  display:none}
 }





 
 
 
 
 
 
 
 
 
 








@media only screen and (max-width : 600px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		background-color: #283744;
		width: 100%;
		position: relative;
		height: 40px;
		display: inline-block;
		color:#283744
	}
	nav a#pull:after {
		content:"";
		background: url('/img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	 .header-3-tel {
	 font-size: 19px;}
	 
	 
}
 
 
 
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	 #slider2 li{padding:0px 10px !important}
}