#btn {
    padding:20px;
    margin:20px;
    font-size:25px;
    color:blue;
    cursor:pointer;
}

.btn  {
    padding:20px;
    margin:20px;
    font-size:25px;
    color:blue;
    cursor:pointer;
}


a { text-decoration: none; color:blue;}
a:link { text-decoration: none; color:blue;}
a:visited { text-decoration: none;
  color:blue;}

@font-face {font-family: "Segoe Print";
    src: url("../fonts/Segoe_Print_Bold.eot");
    src: url("../fonts/Segoe_Print_Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Segoe_Print_Bold.woff2") format("woff2"),
    url("../fonts/Segoe_Print_Bold.woff") format("woff"),
    url("../fonts/Segoe_Print_Bold.ttf") format("truetype"),
    url("../fonts/Segoe_Print_Bold.svg#Segoe Print") format("svg");
}

@font-face {
font-family: 'Roboto Slab Regular';
src: url('../fonts/RobotoSlab-Regular.eot');
src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/RobotoSlab-Regular.woff') format('woff'),
url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
 
 
 @font-face {
  font-family: 'DINRoundPro';
  src: url('../fonts/DINRoundPro.eot');
  src: url('../fonts/DINRoundPro.woff2') format('woff2'),
       url('../fonts/DINRoundPro.woff') format('woff'),
       url('../fonts/DINRoundPro.ttf') format('truetype'),
       url('../fonts/DINRoundPro.svg#DINRoundPro') format('svg'),
       url('../fonts/DINRoundPro.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DINRoundPro-Bold';
  src: url('../fonts/DINRoundPro-Bold.eot');
  src: url('../fonts/DINRoundPro-Bold.woff2') format('woff2'),
       url('../fonts/DINRoundPro-Bold.woff') format('woff'),
       url('../fonts/DINRoundPro-Bold.ttf') format('truetype'),
       url('../fonts/DINRoundPro-Bold.svg#DINRoundPro-Bold') format('svg'),
       url('../fonts/DINRoundPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


 
 

 body {
	 
	 width:100%;
	 margin:0;
	 padding:0;
	
	 background-color:#ffffcc;
 }
 
               .insert {
     text-align:center;
     
  }
        
        .insert>img {
      width:700px;
      margin-top:20px;
      border-radius:18px;
  }
 
 
 
.header1-v1 {
width:100%;	 
height: 60px;
background-color: orange;	
 }


.logo1-v1{
z-index: 150;

}



.logo1-v1 > a >img {
position: absolute;
top: 0;
width:150px;
z-index: 150;
left:150px;
}

.main_logo > img {
position: absolute;
top: 0;
width:150px;
z-index: 150;
left:20px;
}


.nav1-v1 {
position: relative;
z-index:101;
}

.nav1-v1 > ul{
position: absolute;
right: 0;

}

.nav1-v1 > ul >li {
padding: 16px;
margin:0px;
background-color: orange;
display: inline;		
}

.nav1-v1 > ul > li > a{
text-decoration: none;
color: white;
font-size:21px;
font-family: 'Calibri Light';
}

.nav1-v1 > ul >li:hover{
background-color: red;	
}


.icon-v1 {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.header1-v1 > input[type="checkbox"] {
    display: none; 
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}




/*--======================================================MAIN SLIDER =====================================================================*/
.main_logo {
z-index: 1000;
	position: absolute;
	left:100px;
	width:800px;
	position:inline;
}

#slider-v1>.main_logo>h1{
	position: absolute;
	z-index:1000;
	color:brown;
	font-size:40px;
	text-shadow:  -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white, 4px 4px 4px black;
	margin:20px;
	left:150px;
	font-family:'DINRoundPro-Bold';
}

/* Slider */
#slider-v1{
  width:100%;
  height:600px;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides-v1{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider-v1{
  width:25%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}


.image-v1{
background-color: red;

 
}
.image-v1 img{
width:100%;
margin: -150px 0 0 0;

}


/* Switch */
.switch-v1{
  width:120px;
  height:10px;
  position:absolute;
  top:550px;
  z-index:99;
  left:45%;

}
.switch-v1 > ul{
  list-style:none;
}
.switch-v1 > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch-v1 ul{
  overflow:hidden;
}
.on-v1{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}






/*--======================================================MAIN SLIDER =====================================================================*/

.section_services-v1 > h1 {	
text-align: center;	
}


.heading-v1 {
font-family: Segoe Print, arial; 
font-size: 30px;
color: #0040FF;
text-align: center;
text-shadow:-3px 3px 6px #581403;	
}


.heading-v1:hover {
font-size: 33px;
text-shadow:-3px 3px 6px #581403;
transition: .3s all;	
}

.servicebox-v1{
	clear: both;
	text-align: center;

}
.service-v1{
    vertical-align: top;
    width:400px;
	height:650px;
	background-color:  #E0F8F1;
	border: 0px solid red;
	border-radius: 20px;
	margin: 10px;
	display:inline-block;

}

.serviceshadow-v1{
    vertical-align: top;
    width:450px;
	height:650px;
	background-color:  #E0F8F1;
	border: 2px solid red;
	border-radius: 20px;
	margin: 10px;
	display:inline-block;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);

}

.service-v1:hover{	
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
transition: .3s all;
}

.serviceshadow-v1:hover{	
box-shadow: 0 0 15px 10px rgba(221, 221, 221, 1);
transition: .3s all;
}



.serviceround-v1{
	text-align: center;
    width:230px;
	height:230px;
	background-color: red;
	background-image: url(../img/service2.jpg); 
	background-size: cover; 
	border-radius: 50%;
	margin: auto;
	margin-top: 30px;
    border: 20px solid red;
}


.serviceround3-v1{
	text-align: center;
    width:230px;
	height:230px;
	background-color: red;
	background-image: url(../img/service3.jpg); 
	background-size: cover; 
	border-radius: 50%;
	margin: auto;
	margin-top: 30px;
    border: 20px solid red;
}


.serviceround2-v1{
	text-align: center;
    width:250px;
	height:250px;
	background-color: red;
	background-image: url(../img/service1.jpg); 
	background-size: cover; 
	border-radius: 50%;
	margin: auto;
	margin-top: 30px;
    border: 20px solid red;
}

.serviceround-v1:hover{
    width:200px;
	height:200px;
    border: 30px solid red;
	 transition: .5s all;
}

.serviceround2-v1:hover{
    width:230px;
	height:230px;
    border: 30px solid red;
	 transition: .5s all;
}

.serviceround3-v1:hover{
    width:200px;
	height:200px;
    border: 30px solid red;
	 transition: .5s all;
}

h1  {
font-size: 22px;
font-family: 'Roboto Slab Regular';
color:#800000;
margin-top: 5px; /* Отступ сверху */
margin-bottom: 5px; /* Отступ снизу */
}

.serviceshadow-v1 > h1  {
font-size: 25px;
font-family: 'Roboto Slab Regular';
margin-top: 5px; /* Отступ сверху */
margin-bottom: 5px; /* Отступ снизу */
color:#800000;
}

p  {
color:#800000;
font-size: 16px;
font-family: 'Roboto Slab Regular';
text-align: justify;
margin:30px;
text-indent: 20px;
margin-top: 0; /* Отступ сверху */
margin-bottom: 0; /* Отступ снизу */
color:gray;
}

li  {
color:#800000;
font-size: 22px;
font-family: Calibri Light, sans-serif;
}


.mental {
	display:block;
    width:90%;
	height: auto;
	background-color:  #EFFBF8;
	border: 1px solid green;
	border-radius: 10px;
	display:block;
	margin: auto;
	overflow:hidden;
	text-align: center;
}


.about-v1{
	display:block;
    width:90%;
	height: auto;
	background-color:  #EFFBF8;
	border: 1px solid green;
	border-radius: 10px;
	display:block;
	margin: auto;
	overflow:hidden;
}

.about-v1>h1{
  text-align: center;
}


.about-v1>ul{
  margin: 10px;
}

.about-v1>ul>li{
  font-family: 'Roboto Slab Regular';
  font-size:16px;
}

.about-v1>img{
  width: 370px;
  border-radius: 20px;
  float:right;
  margin:20px;
}

.fixed {
    position: fixed;
    bottom: 20px;
    right: 70px;
    width: 50px;
	height: 50px;
    background-color:#99cc00;
	border-radius:50%;
	text-align:center;
	font-size:50px;
	color:white;
	font-weight:bold;
	z-index:1000;
	box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.3);
}
.fixed >a:link{
text-decoration: none;
color:white;
}
.fixed >a:hover{
text-decoration: none;
color:white;
}
.fixed >a:active{
text-decoration: none;
color:white;
}
.fixed >a:visited{
text-decoration: none;
color:white;
}

.fixed:hover {
    width: 52px;
	height: 52px;
    background-color:orange;
	font-size:52px;
}




/*--===========////MULTY SLIDER1================================*/

.okey-multyslidercontainer-v1{
position:relative;
width:100%;
height:auto;
overflow:hidden;		
}

#next {
position:absolute;
right:30px;
top:250px;
width:40px;
font-size:30px;	
height:60px;
background-color:red;
border-radius:10px;
border: none;
outline:none;
opacity: 0.5;
color:white;		
}

#prev {
position:absolute;
left:30px;
top:250px;
width:40px;
font-size:30px;
color:white;
height:60px;
background-color:red;
border-radius:10px;
border: none;
outline:none;
opacity: 0.5;		
}


#prev:hover {
opacity: 1;		
}

#next:hover {
opacity: 1;		
}

.okey-multyslider-v1{
vertical-align: top;
height:500px;
width:100%;
overflow:hidden;
text-align:center;
margin:20px;		
}

.okey-item-multyslider-v1 {
overflow:hidden;
display:inline-block;	
}
.okey-item-multyslider-v1 >  img{
width:350px;	
}


/*--===========////MULTY SLIDER1================================*/

/*--===========VIDeO SLIDER1================================*/
.okey-videocontainer-v1{
position:relative;
width:100%;
height:auto;
overflow:hidden;		
}


#next1 {
position:absolute;
right:30px;
top:100px;
width:40px;
font-size:30px;	
height:60px;
background-color:red;
border-radius:10px;
border: 2px solid yellow;
outline:none;
opacity: 0.8;
color:white;		
}

#prev1 {
position:absolute;
left:30px;
top:110px;
width:40px;
font-size:30px;
color:white;
height:60px;
background-color:red;
border-radius:10px;
border: 2px solid yellow;
outline:none;
opacity: 0.8;		
}


#prev1:hover {
opacity: 1;		
}

#next1:hover {
opacity: 1;		
}

.okey-video-v1{
vertical-align: top;
overflow:hidden;
text-align:center;
margin:20px;
height:225px;
width:100%;
		
}

.okey-item-video-v1{
overflow:hidden;
display:inline-block;
	
}
.okey-item-video-v1>iframe {
width:400px;
height:225px;	
}

.link1{
	width:100%;
	text-align:center;
}


.link1>a:link{
text-decoration: none;
color:blue;
font-size:20px;
font-family: 'Roboto Slab Regular';
}
.link1 >a:hover{
text-decoration: none;
color:red;
font-size:20px;
font-family: 'Roboto Slab Regular';
text-shadow:  -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 2px 2px 2px black;

}
.link1 >a:active{
text-decoration: none;
color:blue;
font-size:20px;
font-family: 'Roboto Slab Regular';
}
.link1 >a:visited{
text-decoration: none;
color:blue;
font-size:20px;
font-family: 'Roboto Slab Regular';

}

/*--===========////VIDeO SLIDER1================================*/

.okey-gallery-lightbox-container-v1 {
margin:20px;
	text-align:center;	
	
}

.okey-gallery-v1{
	width:300px;
	height:300px;
	margin:3px;
	background-color: yellow;
	vertical-align:top;
	display:inline-block;
	overflow:hidden;

}



.okey-gallery-v1>img{
	width:100%;
	height:300px;
	
}

.okey-gallery-v1>img:hover{
	opacity: .6;
	transform: rotate(20deg) scale(1.5,1.5);
	-ms-transform: rotate(-20deg) scale(1.5,1.5); /* IE 9 */
    -webkit-transform: rotate(-20deg) scale(1.5,1.5); /* Safari */
    transition: .7s;
}


* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  display:ilnine-block;
  vertical-align:top;
  float: left;
  width: 150px;
  margin:2px;
  border: 2px solid orange;
  border-radius:5px;
}

/* The Modal (background) */
.okey-modal-v1 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);

}



/* Modal Content */
.okey-modal-content-v1 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 650px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.okey-slides-v1 {
  display: none;
}

.okey-slides-v1>img {
  width:650px;
  border-radius:20px;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 30px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.okey-numbertext-v1 {
  color: #f2f2f2;
  font-size: 18px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  font-family: 'Roboto Slab Regular';
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  height: 15px;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.okey-price-container-v1 {
overflow:hidden;
text-align:center;
}
.okey-price-block-v1 {
	position:relative;
 width:350px;
 height:200px;
background-color:white;
border-radius:10px;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin:20px;
border: 1px solid grey;

}

.okey-price-block-v1:nth-of-type(2) {

 height:330px;


}



.okey-price-v1 {
height:400px;
width:100%;
background-color:red;
top:0;
position:absolute;
display:block;

}

.okey-price-v1 >h1{
display:block;
color:#ffff99;
font-size: 30px;
font-family: 'Roboto Slab Regular';
background-color:#ff471a;
border-radius:10px;
padding:5px;
}

.okey-price-v1 >h1>small{
color:#ffff99;
font-size: 20px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0;
}

.okey-price-v1 >h2{
color:white;
font-size: 20px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0px;
margin-top: 5px;
}
.okey-price-v1 >h3{
color:white;
font-size: 16px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0px;
}

.okey-price-v1 >h3>small{
color:#ffff99;
font-size: 16px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0px;
}

.okey-price-block-v1:hover{	
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.3);
transition: .3s all;
}




.block{
	display:inline-block;
}

.rightblock{
	display:inline-block;
	margin:5px;
	background-color:#ff471a;
	width: 150px;
	border-radius:10px;
}
.leftblock{
	display:inline-block;
	margin:5px;
	background-color:#ff471a;
	width: 150px;
	border-radius:10px;
}


.bottomblock{
	display:inline-block;
	margin:5px;
	background-color:#ff471a;
	width: 90%;
	border-radius:10px;
}

.leftblock >h1, .bottomblock >h1{
color:#ffff99;
font-size: 30px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0;
}

.leftblock >h1>small, .bottomblock >h1>small{
color:#ffff99;
font-size: 20px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0;
}

.leftblock >h3>small, .bottomblock >h3>small{
color:#ffff99;
font-size: 16px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0px;
}


.rightblock >h1{
color:#ffff99;
font-size: 30px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0;
}

.rightblock >h1>small{
color:#ffff99;
font-size: 20px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0;
}

.rightblock >h3>small{
color:#ffff99;
font-size: 16px;
font-family: 'Roboto Slab Regular';
margin-bottom: 0;
margin-top: 0px;
}

.block1 >h1{
color:#ffff99;
font-size: 30px;
font-family: 'Roboto Slab Regular';
margin:10px;


}

.block1 >h1>small{
color:#ffff99;
font-size: 20px;
font-family: 'Roboto Slab Regular';

}
.block1 {
	float:center;
	background-color:#ff471a;
	width: 150px;
	border-radius:10px;
	display:block;
	margin:auto;
	
}

.block1:hover {
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.1);
}

.rightblock:hover {
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.1);
}

.leftblock:hover {
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.1);
}


.okey-contacts-container-v1 {
overflow:hidden;
text-align:center;
}
.okey-contacts-v1 {
	position:relative;
 width:350px;
 height:350px;
background-color:white;
border-radius:2px;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin:20px;
border: 1px solid grey;

}

.okey-contacts-v1:hover{	
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.3);
transition: .3s all;

}

.okey-contacts-v1>ul>li{
	text-align:left;
	font-family: 'Roboto Slab Regular';
	font-size:18px;
}

.okey-contacts-v1>h3{
color:brown;
	font-family: 'Roboto Slab Regular';
	font-size:21px;
}
i{
border-radius:50%;	
box-shadow: 0 0 10px 5px rgba(0, 51, 51, 0.1);
padding:5px;
margin:10px;
}

i:hover{	
box-shadow: 0 0 15px 10px rgba(0, 51, 51, 0.1);
}



footer {
	width:100%;
	height:100px;
	background-color:#ff9933;
	color:white;
	text-align:center;
}
footer>h2 {
	line-height:70px;
font-size:18px;

	color:white;
	font-family: 'Roboto Slab Regular';
	
}

iframe{
	width:100%;
	height:450px;
	border:0
}
	
	#vk_groups {
		margin:auto;
		width:100%
	}
	
	
	.vkvid {
	 width:400px!important;
	margin:auto;
 } 
 
 
 #vk_post_-171696864_83 {
     margin:100px;
     width:400px!important;
 }


/*--======================================================768px=====================================================================*/
  @media screen and (max-width: 768px) {
      
       .insert>img {
      width:600px;
      margin-top:20px;
  }  
	  
.header1-v1 > input[type="checkbox"] {
    display: none; 
}	  

.header1-v1 > label{
    z-index:1006; 
}	  
	  
.icon-v1{
display:block;
position:absolute;
right:30px;
top:0;
width:48px;
height:48px;
}

 .header1-v1 { 
height: 9vh;
 }  
	  
.main_logo > img {
width:100px;
left:-55px;
}
	
.nav1-v1 > ul >li {
display: none;	
text-align: center;
}

.nav1-v1 > ul{
width: 100%;
}

.nav1-v1 {
 z-index:1005;
}





.header1-v1 > input[type="checkbox"]:checked ~ .nav1-v1 > ul >li {
display: block;	
text-align: center;
}

.header1-v1 > input[type="checkbox"]:checked ~ label> #unchecked {
display: none;	
}

.header1-v1 > input[type="checkbox"]:not(:checked) ~ label> #checked {
display: none;	
}
	

#slider-v1{
  height:300px;
}

.image-v1 img{
margin: 0 0 0 0;
}



.okey-slides-v1>img {
  width:550px;
}

.okey-modal-content-v1 {
  max-width: 550px;
}
	
iframe{
	height:300px;
}
#slider-v1>.main_logo>h1{
	z-index:80;
	font-size:25px;
	text-shadow:  -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 2px 2px 2px black;
left:25px;	
}

.column {
	display:none;
}

.fixed {
    right: 50px;
}

}



  
 /*--======================================================768px=====================================================================*/





/*--======================================================480px=====================================================================*/ 
  
  @media screen and (max-width: 480px) {
      
      
  .insert>img {
      width:400px;
      margin-top:20px;
  }    
      
      
      
#vk_post_-171696864_83 {
    
 left:0;   
}      
	  
.header1-v1 > input[type="checkbox"] {
    display: none; 
}	  

.header1-v1 > label{
 z-index:1006;  
}
	  



	  
 .header1-v1 { 
height: 9vh;
 }
 


.main_logo > img {
width:80px;
left:-80px;
}


.nav1-v1 {
z-index:1002;
}

.nav1-v1 > ul >li {
display: none;	
text-align: center;

}

.nav1-v1 > ul{
width: 100%;

}


.header1-v1 > input[type="checkbox"]:checked {
    content: url('../img/icons/close.png');
	border:none;
}


.header1-v1 > input[type="checkbox"]:checked ~ .nav1-v1 > ul >li {
display: block;	
text-align: center;
}




#slider-v1{
  height:200px;
}

.image-v1 img{
margin: 0 0 0 0;
}

.serviceshadow-v1{
	width: 400px;
}  

.about-v1>img{
  width: 300px;
  border-radius: 20px;
 
  margin:20px;
}

.about-v1>img:hover{
  width: 85%;
  transition: .3s all;
}



.okey-slides-v1>img {
  width:350px;
}
.okey-modal-content-v1 {
  max-width: 350px;
}

iframe{
	height:150px;
}

#slider-v1>.main_logo>h1{
	z-index:80;
	font-size:20px;
	text-shadow:  -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 2px 2px 2px black;
left:-20px;	
}


footer>h2 {
	position:relative;
	left: 20px;
font-size:14px;

}

footer {
	text-align:left;
}

.column {
	display:none;
}

.fixed {
    right: 20px;
}


}
/*--======================================================480px=====================================================================*/




