.checkbox-custom, .radio-custom {
      opacity: 0;
      position: absolute;   
  }
  
  .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      cursor: pointer;
  }
  
  .checkbox-custom-label, .radio-custom-label {
      position: relative;
  }
  
  .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
      content: '';
      background: #DEDEDE;
      border: 1px solid #929191;
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      margin-right: 10px;
      text-align: center;  
  }
  
  .checkbox-custom:checked + .checkbox-custom-label:before {

      background: #F1F0F0;	
	  background-image: url("images/check-box.png");
	  border-radius: 20%;
  }	
  

  .checkbox-custom + .checkbox-custom-label:before {
      border-radius: 20%;
  }  
  
  
  .radio-custom:checked + .radio-custom-label:before {
	  background: #F1F0F0; 
	  background-image: url("images/radio-button.png");
	  border-radius: 50%;
  }	  
  
    .radio-custom + .radio-custom-label:before {
      border-radius: 50%;
  }
  

.or {COLOR: #EC6B42;} 
  
.or a, a:visited{COLOR: #EC6B42; TEXT-DECORATION: none;} 

.or a:hover{COLOR: #EC6B42; TEXT-DECORATION: undrline;}  
  
  

A {
    outline: none;
   }
   
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {
    margin:0px; padding:0px; border:0px;
}

body {
	font-family: 'Alegreya Sans', sans-serif;
	color: #414141; 
	text-align: left;
	vertical-align: top;
	background: #FFFFFF;
	font-size: 17px;
	line-height: 1.5; 
	letter-spacing: 0px; 
}



body A:active {color: #989E9E; text-decoration: none}
body A:link {color: #989E9E; text-decoration: none}
body A:visited {color: #989E9E; text-decoration: none}
body A:hover{color: #EC6B42; text-decoration: none}


.pink A:active {color: #EC6B42; text-decoration: none}
.pink A:link {color: #EC6B42; text-decoration: none}
.pink A:visited {color: #EC6B42; text-decoration: none}
.pink A:hover{color: #989E9E; text-decoration: none}


#wrapper {
	vertical-align: top;
	width: 100%;
	margin: 0px auto; 
}

#header {
	width: 100%;

}	 

#header-first {
	width: 100%;
	vertical-align: top;
	height: 466px; 
}

#top-first {
  background-image: url('images/top6.jpg'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  height: 466px; 
  max-width: 1583px; 
  clear: both;
  vertical-align: top;
  margin: 0px auto;
  background-position: center center; 
}

#bot-banner {
	width: 100%;
	vertical-align: top;
	height: 466px; 
}

#banner-fst {
  background-image: url('images/bottom.jpg'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  height: 466px; 
  max-width: 1583px; 
  clear: both;
  vertical-align: top;
  margin: 0px auto;
  background-position: center center; 
}

#banner-text {  
    float: left;
	padding-top: 180px;
	padding-left: 140px;	 
	color: #FFFFFF;   
	font-size: 40px;
	letter-spacing: 2px; 
	line-height: 0.9; 
	text-align: left;
}

.outline {
    border: 1px;  
	border-style: solid;	
	border-color: #C0C0C0; 
    padding: 4px;
   }
   
   
.out-line {
    border: 1px;  
	border-style: solid;	
	border-color: #C0C0C0; 
    padding: 10px; 
	margin-bottom: 4px; 
	margin-top: 4px;
   }


.dividerline {	
	clear: both;
	padding: 0px;
	float: left;	
	width:100%; 
	border-style: solid;	
	border-color: #C0C0C0; 	 
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;	
 }	
 
.vvv {
	margin-bottom: -6px;
}	

.gr	{
	color: #989E9E;
}	


.subscribe {  
	margin-top: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	background: #EC6B42; 
	color: #FFFFFF; 
}	

.bonus {  
    float: left;
	margin-top: 4px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 14px;	
	padding-right: 14px;  
    border-radius: 4px;	 
	background: #EC6B42; 
	color: #FFFFFF;   
	font-size: 22px;
}	


.ta {  
	margin-bottom: -12px;
	margin-left: 10px;	
}  

.demo {  
	margin-left: 6px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 6px;	
	padding-right: 6px;  
    border-radius: 2px;	 
	background: #EC6B42; 
	color: #FFFFFF; 
}

.padbot {  
	line-height: 2;
}

.enter { 
	float: right; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	border: 1px solid #989E9E;	 
	margin-right: 8px; 
	margin-top: 12px; 
	COLOR: #989E9E;
	cursor: pointer;
}  	

.enter a, a:visited{COLOR: #989E9E; TEXT-DECORATION: none;} 

.enter a:hover{COLOR: #414141; TEXT-DECORATION: none;}

.first A:active {color: #989E9E; text-decoration: none}
.first A:link {color: #989E9E; text-decoration: none}
.first A:visited {color: #989E9E; text-decoration: none}
.first A:hover{color: #414141; text-decoration: none}

.change { 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	border: 1px solid #989E9E;	 
	margin-right: 8px; 
	margin-top: 12px; 
	COLOR: #989E9E;
	width:200px;
}

.ter { 
	float: right; 
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;	
	padding-right: 10px;   
	border: 0px;	 
	margin-right: 8px; 
	margin-top: 12px; 
	cursor: pointer;
}  	 

.ter a, a:visited{COLOR: #989E9E; TEXT-DECORATION: none;} 

.ter a:hover{COLOR: #414141; TEXT-DECORATION: none;}
   
.men { 
	float: right; 
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 8px;	
	padding-right: 0px;   
	margin-right: 8px; 
	margin-top: 12px;  
}

.ent-tbl { 
	float: right; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 15px;	 
	border: 2px solid gray;	 
	margin-right: 8px; 
	margin-top: 2px; 
	border-color: #ABACAC; 
	color: #989E9E;   
	font-weight: bold;
	 min-width: 66px;
	 text-align: center;
}

.ent { 
	float: right; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 15px;	 
	border: 2px solid gray;	 
	margin-right: 8px; 
	margin-top: -12px; 
	border-color: #ABACAC; 
	color: #989E9E;   
	font-weight: bold;
}


.entt { 
	float: left; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 15px;	 
	border: 2px solid gray;	 
	margin-left: 250px; 
	margin-top: 12px; 
	margin-bottom: 12px; 
	border-color: #ABACAC; 
	color: #989E9E;   
	font-weight: bold;
}


.enttt { 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 9px;	
	padding-right: 9px;  
    border-radius: 12px;	 
	border: 2px solid gray;	 
	border-color: #ABACAC; 
	color: #989E9E;   
	font-weight: bold;
}

#sidebar {	 
	width: 370px; 
	text-align: right;
	float: right;
	vertical-align: top;	 
	padding-bottom: 6px; 
	padding-right: 20px; 	
		}	 
		



#logo {	   
	float: left;
	padding-left: 20px;
	padding-top: 6px; 
	padding-bottom: 6px;  
}

#subheader
{
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	padding-bottom: 6px;
	padding-top: 16px;
	color: #311E07;
	font-weight: normal;
	letter-spacing: 2px;  
}


img.icoleft  { 
	float: left;	 
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 0px;	
	padding-right: 10px;  
} 


.aleft {
	vertical-align: top;
	text-align: left; 
	width:557px; 
}
 
.sspacer {
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%; 
}

#blok {
	clear: both;
	vertical-align: top;
	width: 1120px; 
	margin: 0px auto;	
}


		
.stuff { 
	float: left;	 
	width: 500px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 40px;	
	padding-right: 0px;  
	text-align: left;
}  

.stuff p {
padding: 0 0 15px 0;
}  


.quest {	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;	
	padding-right: 0px;
	margin-left: 40px;	
	margin-right: 40px;	
	margin-top: 40px;
	float: left;	
	text-align: center;
	width:1040px; 
	background-color: #E0E1DC;	
	font-size: 22px;  
	font-weight: 300;
 } 
 
 
 .quest-in {	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;	
	padding-right: 0px;	
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;	
	text-align: center;
	width:1040px; 
	background-color: #E0E1DC;	
	font-size: 22px;  
	font-weight: 300;
 } 
 
 
.vac {	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;	
	padding-right: 0px;
	margin-left: 0px;	
	margin-right: 0px;	
	margin-top: 20px;
	float: left;	
	text-align: center;
	width:1040px; 
	background-color: #E0E1DC;	
	font-size: 22px;  
	font-weight: 300;
 } 
 
 .mlist {
 	float: right;	 	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 40px;	
	padding-right: 40px;
	margin-left: 0px;	
	margin-right: 0px;	
	background-color: #E0E1DC;	
	font-size: 22px;  
	font-weight: 300;
 }
 
 
.w {	
	margin-bottom: -3px; 
	margin-left: 8px;
 } 
 
 .ww {	
	margin-bottom: -10px; 
	margin-right: 6px;
 } 
 
.headevents {	
	float: left;
 } 

.middle {	
	padding-bottom: 40px;
	padding-top: 40px;
	padding-left: 40px;	
	padding-right: 40px;	
	float: left;	
	text-align: left;
	width:1040px;
	vertical-align: top;	
 } 	  
 
.divider {	
	clear: both;
	padding: 0px;
	float: left;	
	width:1040px;  
	text-align: left; 
	padding-left: 40px;
 }  
 
 .pdf {	
	float: left;	
	padding-top: 20px;
	padding-left: 0px;	
	padding-right: 0px;	
	width:500px;
 } 
 
 .pdf-img {	
	margin-right: 10px;
 }  
 
 
 .fold-img {	
	margin-left: 9px;
 } 
 
 .gray {
 	margin-top: 10px;		
 	margin-left: 40px;	
	margin-right: 40px;
	margin-bottom: 40px;	
	padding-top: 20px;
	padding-left: 0px;	
	padding-right: 0px;	
	float: left;	
	text-align: left;
	width:1040px;
	vertical-align: top;	
	background-color: #E0E1DC;
 } 	 
 
 
 .hist { 
	float: left;	 
	width: 225px;	
	margin-left: 20px;	
	padding: 5px; 
	margin-bottom: 20px; 
	text-align: center;	
	background-color: #FFFFFF; 
	font-size: 16px;  
	height: 390px;	
} 

.hist-text {  
	text-align: left;	
	padding-left: 20px;	
	padding-right: 20px;	
	font-size: 16px;  
} 

 
 .mid-vac {	
    margin-top: -20px; 
	padding-bottom: 40px;
	padding-top: 0px;
	padding-left: 40px;	
	padding-right: 40px;	
	float: left;	
	text-align: left;
	width:1040px;
	vertical-align: top;	
 } 
 
  img.v{	
    margin-top: 30px; 
 } 
 

.between {
	width: 1040px;	
	float: left;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 40px;	
	padding-right: 40px;	
}		

.blog-right	{
	float: right;  
	margin-top: 40px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 30px;	
	padding-right: 30px;
	background-color: #E0E1DC;	
}		

.news { 
	float: left;	 
	width: 229px;	
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 40px;	
	padding-right: 0px;  
	text-align: left;	
} 

.newssm { 
	float: left;	 
	width: 146px;	
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 0px;	
	padding-right: 25px;  
	text-align: left;	
}  

.past-event {
position: relative;
left: 0px;
top: 0px;
z-index: 22;	
background-color: #848282;
color: #FFFFFF;	
	width: 120px;	
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;	
	padding-right: 4px; 
}

.f-left { 
	float: left;	 
	width: 490px;	
	padding-bottom: 0px;
	padding-top: 20px;
	padding-left: 40px;	
	padding-right: 0px;  
	text-align: left;			
	margin-bottom: 60px;
	font-size: 20px; 	
}

.f-right { 
	float: left;	 
	margin-top: 0px;
	width: 490px;	
	padding-bottom: 0px;
	padding-top: 20px;
	padding-left: 80px;	
	padding-right: 0px;  
	text-align: left;		
	margin-bottom: 60px;	
	font-size: 20px; 
} 

.comp-left { 
	float: left;	 
	width: 280px;	
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 40px;	
	padding-right: 0px;  
	text-align: left;			
	margin-bottom: 30px;	
}

.company { 
	float: left;	 
	margin-top: 0px;
	width: 700px;	
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 80px;	
	padding-right: 0px;  
	text-align: left;		
	margin-bottom: 30px;	
	font-size: 20px; 
}  

.comp-right	{ 
	float: left;	 
	margin-top: 20px;
	width: 700px;	
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 80px;	
	padding-right: 0px;  
	text-align: left;	
    margin-top: 90px;		
	margin-bottom: 80px;	
} 

.comp-rright	{ 
	float: left;	 
	margin-top: 20px;
	width: 700px;	
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 170px;	
	padding-right: 0px;  
	text-align: left;		
	margin-bottom: 80px;	
}

.ccomp-right	{ 
	float: left;	 
	margin-top: 0px;
	width: 700px;	
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 80px;	
	padding-right: 0px;  
	text-align: left;	
		 	margin-top: 0px;		
	margin-bottom: 0px;	
}  

.ccomp-left { 
	float: left;	 
	width: 280px;	
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 40px;	
	padding-right: 0px;  
	text-align: left;	
	 	margin-top: 0px;		
	margin-bottom: 0px;	
}


.slide-padd { 
	float: left;	 
	padding: 30px;  
	text-align: left;	
} 
		
#footer {  

	clear: both;
	vertical-align: top; 
	text-align: center;
	width: 100%; 
	height: auto;	
	border-style: solid;	
	border-color: #C0C0C0; 	 
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
}  

#foot { 
	clear: both;
	vertical-align: top; 
	text-align: center;
	width: 100%; 
	height: 400px;
	background: #EEEBE6;
}

#bottom {
	width: 1120px;
	margin: 0px auto;	
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 40px;	
	padding-right: 40px;	
}

#bot {
	width: 1040px;
	margin: 0px auto;	
	text-align: center;
	padding-bottom: 0px;
	padding-top: 20px;
	padding-left: 40px;	
	padding-right: 40px;	

}  

#bot a, a:visited{
	TEXT-DECORATION: none;		
	padding-left: 8px;	
	padding-right: 8px;  
} 

#bot a:hover{
	COLOR: #414141; TEXT-DECORATION: none;	
}

.bot {
}  

.bot a, a:visited{
	TEXT-DECORATION: none;		
	padding-left: 8px;	
	padding-right: 8px;  
} 

.bot a:hover{
	COLOR: #414141; TEXT-DECORATION: none;	
	
}
 
 

.else {
	float: left;	 
	width: 300px;	
	padding-bottom: 40px;
	padding-top: 40px;
	padding-left: 40px;	
	padding-right: 20px;  
	text-align: center;
	font-size: 16px; 
	letter-spacing: 1px; 
 
} 

.d {	   
    text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;	
	padding-right: 4px;  
	font-size: 16px; 
	letter-spacing: 2px; 

	background-color: #909090;  
	margin-top: 6px;  
	margin-left: 200px;	
	width: 100px;
}  

.gris {	
	margin: 0px auto;	 
	width: 450px; 
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 25px;	 
	border: 2px solid;	
	border-color: #ABACAC; 
	color: #989E9E;   
	margin-bottom: 40px; 
	margin-top: 40px;   
    text-align: center;	
	font-size: 18px; 
	font-weight: bold;
	letter-spacing: 1px;
	display: block; 
} 	

.gris-f {	
	margin: 0px auto;	 
	width: 450px; 
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 25px;	 
	border: 2px solid;	
	border-color: #ABACAC; 
	color: #989E9E;   
	margin-bottom: 0px; 
	margin-top: 10px;   
    text-align: center;	
	font-size: 18px; 
	font-weight: bold;
	letter-spacing: 1px;
	display: block; 
} 

.blue {	 
	width: 250px; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	border: 1px solid;	
	border-color: #00CEFD; 
	color: #00CEFD;   
	margin-right: 8px; 
	margin-top: 4px; 
	clear: both;  
    text-align: center;	
	font-size: 16px; 
	font-weight: bold;
	letter-spacing: 2px;
	display: block; 
} 	 

.green {	 
	width: 250px; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	border: 1px solid;	
	border-color: #0BC462; 
	color: #0BC462;   
	margin-right: 8px; 
	margin-top: 4px; 
	clear: both;  
    text-align: center;	
	font-size: 16px; 
	font-weight: bold;
	letter-spacing: 2px;
	display: block; 
}

.red {	 
	width: 250px; 
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;	
	padding-right: 10px;  
    border-radius: 2px;	 
	border: 1px solid;	
	border-color: #FC6700; 
	color: #FC6700;   
	margin-right: 8px; 
	margin-top: 4px; 
	clear: both;  
    text-align: center;	
	font-size: 16px; 
	font-weight: bold;
	letter-spacing: 2px;
	display: block; 
}

.order {	 
	float: left; 
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 20px;	
	padding-right: 20px;  
    border-radius: 15px;	 
	border: 2px solid gray;	 
	margin-left: 0px; 
	margin-top: 12px; 
	margin-bottom: 12px; 
	border-color: #ABACAC; 
	color: #989E9E;   
	font-weight: bold;
}  
   
.ask {	 
	clear: both;  
    text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 8px;	
	padding-right: 8px;  
	margin-top: 30px;  
	display: block; 
} 

.cent {	   
    text-align: center; 
	width: 100%;
}

#content {	
	float: left;	   
    text-align: left;
	padding-bottom: 0px;
	padding-top: 20px;
	padding-left: 40px;	
	padding-right: 0px;  
	width: 780px;
}	  

#content li {	
	margin-left: 20px;	
}	

#content a, a:visited{
	COLOR: #0977B1; TEXT-DECORATION: none;		

} 

#content a:hover{
	COLOR: #0977B1; TEXT-DECORATION: underline;	
} 


.blog-sidebar {	
	float: left;	   
    text-align: left;  
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 40px;	
	padding-right: 0px;  
	width: 220px; 
	font-size: 15px; 
} 	  



.second-sidebar {	
	float: left;	   
    text-align: left;  
	padding-bottom: 0px;
	padding-top: 30px;
	padding-left: 40px;	
	padding-right: 0px;  
	width: 220px;
	font-weight: 700; 
}

img.left {	
	float: left;	   
	padding-bottom: 20px;
 	padding-top: 6px;
	padding-left: 0px;	
	padding-right: 20px;  
}
 
img.right {	
	float: right;	   
	padding-bottom: 20px;
 	padding-top: 6px;
	padding-left: 20px;	
	padding-right: 0px;  
}





H1
{	
font-size: 34pх;  
font-weight: 300;
padding-bottom: 6px; 
letter-spacing: 2px;   
	color: #595959;
}


H2
{
	font-size: 28px;
	font-weight: 300;
	padding-bottom: 9px;
	padding-top: 9px; 
	letter-spacing: 1px;  
		color: #595959;
}


H3
{
	font-size: 22px;
	font-weight: 400;
	padding-bottom: 12px;
	padding-top: 12px; 
	line-height: 1.5; 
	color: #595959;
}  


H4
{
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 6px;
	padding-top: 6px; 
	color: #595959;
}



H5
{
padding-top: 4px;
font-size: 18px;  
font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 0px;	 
		color: #595959;
}


.menutop ul li{
  	padding-left: 6px;	
	padding-right: 6px;  
	padding-bottom: 3px;
	padding-top: 3px;  
}
.menutop ul > li:hover{
	COLOR: #414141; TEXT-DECORATION: none;	
}
.menutop ul ul > li:hover{
	COLOR: #414141; TEXT-DECORATION: none;	
}
.menutop ul li, .menutop ul{
  display: inline-block;
}
.menutop ul{
  position: relative;
  margin: 0;
  padding: 0;

}
.menutop ul ul{
  display: none;
  position: absolute;
  background-color: #fff;
  margin-top: 0px;
  margin-left: -145px;
}
.menutop ul a{
  text-decoration: none;
}
.menutop ul ul a{
  text-decoration: none;
}
.menutop li:hover ul{
  display: block;  
  COLOR: #414141; TEXT-DECORATION: none;	
  z-index: 2;
}

.menutop li:hover li{
  display: block;  
  COLOR: #414141; TEXT-DECORATION: none;	
}

  

 
.lightbox1 {
  display: none;
}
.lightbox1 + label {  /* надпись "образец" */
  cursor: pointer;
}
.lightbox1 + label + * {  /* коробка */
  visibility: hidden;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(0,0,0,.5);
  text-align: center;
  line-height: 100vh;
}
.lightbox1:checked + label + * {
  visibility: visible;
}
.lightbox1 + label + * > * {  /* position: absolute; как-то странно себя ведёт в родителе с position: fixed;, поэтому была задействована ещё одна обёртка */
  position: relative;
}
.lightbox1 + label + * > * > :first-child {  /* кликабельный фон */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

}
.lightbox1 + label + * > * > :last-child {  /* блок с окном */
  position: relative;
  display: inline-block;
  max-width: calc(100% - (8px + 2px)*2);
  margin: 18px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.2);
  background: #5E5E5E;
  text-align: left;
  line-height: normal;
  vertical-align: middle;
}
.lightbox1 + label + * > * > :last-child > :first-child {  /* заголовок */
  position: relative;
  padding: .5em 4em .5em .5em;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #fff;
  background: none;
}
.lightbox1 + label + * > * > :last-child > :first-child label {  /* крестик "закрыть" */
  position: absolute;
  top: calc(.5em - 2px);
  right: calc(.5em - 2px);
  font-weight: 600;
  cursor: pointer;
}
.lightbox1 + label + * > * > :last-child > :last-child {  /* поле после заголовка */
  padding: .5em;
}
.lightbox1 + label + * > * > :last-child > :last-child label {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.lightbox1 + label + * label > button {
  position: relative;
  z-index: -1;
}


.error{
	color: red;
	}

.notify{
	color: green;
	}

#edit_name{
	display: inline-block;
	width: 200px;
	}
#edit_phone{
	display: inline-block;
	width: 200px;
	}

.demo_inner{
	text-align: center;
	}
.demo_inner div{
	float: none;
	display: inline-block;
	margin: 10px;
	}





.collapce_product{
	cursor: pointer;
	}
.links_product{
	display: none;
	}
.arr-ins2{
	margin-left: -18px;
	}
.arrow_product{
	margin-top: 4px;
	}
.arrow_product.rotate{
	transform: rotate(90deg);
	}
.collapce_product{
	display: block;
	margin-top: 5px;
	}
.stuff.w70{
	width: 700px;
	}
.stuff.w30{
	width: 300px;
	}

.list{
	list-style: decimal;
	}
.list li{
	margin-left: 20px;
	}
.nolist li{
	margin-left: 20px;
	}
.list_disc{
	list-style: disc;
	}
.list_disc li{
	margin-left: 20px;
	}


@media (max-width: 1116px){
.pc{
	display: none;
	}
#blok{
	width: auto;
	}	
.comp-left{
	float: none;
	width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
.comp-left img{
	display: block;
	margin: auto;
	}
.comp-right{
	float: none;
	width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
.company{
	float: none;
	width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
.gris-f{
	width: 90%;
	}
.f-left{
	width: auto;
    padding-left: 30px;
    padding-right: 30px;	
	}
.f-right{
	width: auto;
    padding-left: 30px;
    padding-right: 30px;	
	}
#foot{
	height: auto;
	}
#bottom {
    width: auto;
	}
#bot {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
	}
.else {
    float: none;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
#sidebar {
    width: auto;
    padding-right: 0px;
	}
#top-first {
    background-position: top 55px center;
	}
#header {
    width: 100%;
    display: flex;
    justify-content: space-between;
	}
#logo {
    padding-left: 6px;
	}
#banner-text{
	text-shadow: #000000 2px 0 8px;
	}

#bottom {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
	}

#blok form{
	width: 88%;
	}

.middle {
	width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
.divider {
    float: none;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
	}
.stuff.w70 {
    width: auto;
	}
.stuff {
    float: none;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
	}
.stuff.w30 {
	padding-top: 30px;
    width: auto;
	}
.tb_tarif_outer{
	width: 100%;
	overflow: auto;	
	}
.tb_lk_outer{
	width: 100%;
	overflow: auto;	
	}
.tb_lk_outer table{
	width: 600px;
	}
}