@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }
 div{
 -moz-box-sizing: border-box; /* Для Firefox */  
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
	
}

 :root {
            --jpm-navy: #0a2240;
            --jpm-dark-blue: #13294b;
            --jpm-gold: #c7a95f;
            --jpm-light-gold: #e8d9a9;
            --jpm-gray: #e0e3e8;
            --jpm-white: #f8f9fa;
        }
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
  

.bl_shadow{

box-shadow: 0 0.8em  2em rgba(0,0,0,0.55);

}
.bl_contsolid{
	border-top-width: medium;
	border-top-style: double;
	border-top-color: #333333;

}
.background_bl2{
background: rgba(0, 0, 0, 0.6);
}

.blok_head{

	position: absolute;
	height: 80px;
	width: 100%;
	top: 0px;

	}

.blok_head2{
margin:0 auto;
max-width:1100px;
width: 100%;
position:relative;
height:100%;


}

.blok_logo{
position:relative;
float:left;
padding-top:1em;

}
#vk_auth{
position:relative;
float:left;
z-index:5;

}
.blok_logo img{
height:60px;
}
.blok_cnt{
	position:relative;
	float:right;
	padding-top:1em;
	text-align: right;
	vertical-align: top;
}
.blok_cnt h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.9em;
}
.blok_cnt p{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}

.blok1 {
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0px;
	height: 480px;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	margin-top:6em;
	position: relative;
	background-attachment: fixed;
	background-image: url(img/neboskryoby.jpg);
}

		.blok1_form{
			height: 400px;
			margin-right:40px;
			margin-top:40px;
			width:300px;
			position: relative;
			padding:1em;
			float:right;
			background: rgba(255,255,255,0.9);
			}
			.blok1_form h2{
				overflow: hidden;
				font-size: 1.5em;
				text-transform: none;
				border-style: solid;
				letter-spacing: 0.025em;
				font-family: "Times New Roman", Times, serif;
				text-align: center;
				line-height: 1em;
				font-weight: bolder;
				color: #646464;	
				margin-bottom: 1em;
				}
	
	.inputform{
	background-color: #FFFFFF;
	height:3em;
	width:100%;
	border:1px solid #333333;
	display: block;
	position: relative;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	padding: 0.35em;
	margin-top: 5px;
	margin-bottom: 5px;
	 -moz-box-sizing: border-box; /* Для Firefox */  
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
							}
							
						
	.buttonf{
	cursor: pointer;
	width:100%;
	height:2.5em;
	background-color:  #4e8abe;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top:1em;
							}
							.buttonf:hover{
							  background-color: #3D73A5;
							}
							/*чекбокс начало*/
							.blok1_form p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bolder;
	color: #666666;
	margin-bottom: 1em;
																			
							}
							.blok1_form label{
							cursor: pointer;
							margin-right:1em;
							
							}
									.radio {
								appearance:none;
								width: 20px;
								height: 20px;
								background: #999999;
								box-shadow:
								inset 0 0 0 .3em white,
								0 0 0 .2em;
								border-radius: 0;
								transition: 0.4s;
								cursor:pointer;
								color: #999999;
									}
									
									.radio:checked{
									background: #4e8abe;
									box-shadow:
									inset 0 0 0 .3em white,
										  0 0 0 .2em #4e8abe;
									}
																
							/*чекбокс конец*/
			
						.blokH12{
						background-position: center;
						position: relative;
						margin: 0 auto;
						text-align: center;
						padding-top:5px;
						margin-bottom:1em;
						}
			
		.blok1_cont{
			height: 400px;
			margin-right:10px;
			margin-top:40px;
			width:600px;
			position: relative;
			float:right;
			
		}
				.blok1_cont1{
				height: 5em;
				margin-top:1em;
				position: relative;
				padding:0.5em;
				float:right;
				background: rgba(255,255,255,0.8);
				text-align: center;
				vertical-align: middle;
				}
				.blok1_cont_width1{
					width:100%;
				}
				.blok1_cont_width2{
					width:80%;
				}
				.blok1_cont_width3{
					width:60%;
				}
				.blok1_cont1 h1{
	overflow: hidden;
	font-size: 1.7em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1em;
	font-weight: bolder;
	color: #646464;
				}
			
		
		.bl2a_cenr{
	text-align: center;
	width: 100%;		
		
		}
		
		.blok2a {
	text-align: center;
	height: 100%;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	margin-top: 6em;
	position: relative;
}


.blok2a1 {
	display:inline-block;
	width: 1100px;
	margin: 0 auto;
	margin-top:6em;
	position: relative;
}

	.blok2a_1{
	position: relative;
	height:350px;
	width:100%;
	max-width:1100px;
	margin: 0 auto;
	
	}
		
		.var_bl{
	width:23%;
	height:350px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1.5em;
	position:relative;
	float:left;
	background-color:#DEE2E1;
	box-shadow: 0 0.5em  1em rgba(0,0,0,0.50);
		}
.var_bl:hover .var_head{
background-color:rgba(0,0,0,0.65);
transition-property: background;
transition-duration: 0.25s;
transition-timing-function: linear;
transition-delay: 0s;

}

.var_bl:hover .var_fut{
background-color:rgba(0,0,0,0.65);
transition-property: background;
transition-duration: 0.25s;
transition-timing-function: linear;
transition-delay: 0s;
}
.var_bl:hover{
box-shadow: 0 0.5em  1em rgba(0,0,0,0.75);

}

		.var_head{
	position:absolute;
	top:0;
	background-color:rgba(0,0,0,0.40);
	width:100%;
	height:4em;
	z-index:5;
	transition-property: background;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	text-align: center;

		}
		
        .var_img{
	position:absolute;
	top:0;
	
	width:100%;
	height:100%;
	z-index:4;
	text-align: center;
	vertical-align: middle;
	display: table;
		}
		.var_img img{
	width:100%;
	position: absolute;
 	 top: 0;
	  bottom: 0;
	  left: 0;
 	 right: 0;
 	 margin: auto;
 	 max-height:350px;
			
		
		}


		
        .var_fut{
	text-align:left;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0.40);
	width:100%;
	height:6.5em;
	z-index:5;
	transition-property: background;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	padding-top: 2px;
	padding-right: 0.5em;
	padding-bottom: 2px;
	padding-left: 0.5em;
		}
		
.var_bl h4{
	font-size: 1.2em;
	text-transform: none;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.var_bl p{
	font-size: 0.99em;
	text-transform: none;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;

}
.linkpages{
	width:100%;
	height:3em;
	position:relative;
	clear:both;
	
	
	}

.img_var{
	height:100%;
	width:100%;
	position:relative;
	float:left;
	margin:1em;
	

}

.img_var img{
	max-height:450px;
	max-width:650px;
	box-shadow: 0 0.6em  1em rgba(0,0,0,0.5);
	}


/*.img_varall{
	height:450px;
	width:300px;
	position:relative;
	float:left;
	margin:1em;
	background-color: #E4F3F8;

}*/

/*.img_bl_cont{
	height:90px;
	width:140px;
	padding:3px;
	text-align:center;
	position:relative;
	float:left;	
	
	}
.img_bl_cont img{
	max-height:80px;
	max-width:134px;
	
	}*/

/*.var_cnt{
	width:62%;
	display:inline-block;
	height:600px;
	padding:2em;
	text-align: left;
	float: left;
	position: relative;	
	}
.part{
position:relative;
float:left;
padding-top:1em;
margin-left:3em;

}
.var_cnt_part{
	width:38%;
	display:inline-block;
	height:600px;
	padding:2em;
	text-align: center;
	float: right;
	position: relative;
	}
	
.var_cnt p{
	font-size: 1.2em;
	text-align: left;	
	}	*/


  /* Загрузчик */
        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--jpm-gray);
            z-index: 1000;
            overflow: hidden;
        }
        
        .loader-bar {
            height: 100%;
            width: 0;
            background: linear-gradient(90deg, var(--jpm-gold), var(--jpm-dark-blue));
            transition: width 0.4s ease-out;
        }
        
        .gallery-container {
            max-width: 1200px;
            margin: 5vh auto;
            padding: 40px;
            background-color: white;
            box-shadow: 0 10px 30px rgba(10, 34, 64, 0.1);
            border-top: 4px solid var(--jpm-gold);
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.5s ease-out;
            background: linear-gradient(to bottom, rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.97) 100%);
            opacity: 0;
            animation: fadeIn 0.5s 0.4s forwards;
			border-top-width: medium;
	        border-top-style: double;
        }
        
        @keyframes fadeIn {
            to { opacity: 1; }
        }
        
        h1 {
            text-align: center;
            margin-bottom: 20px;
            color: var(--jpm-navy);
            font-weight: 400;
            font-size: 2.2rem;
            letter-spacing: 0.5px;
            position: relative;
            padding-bottom: 10px;
            text-transform: uppercase;
            font-family: 'Times New Roman', serif;
        }
        
        h1::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 2px;
            background-color: var(--jpm-gold);
        }
        
        /* Основное изображение */
        .main-image-container {
            position: relative;
            margin-bottom: 30px;
            border: 1px solid var(--jpm-gray);
            height: 500px;
            background-color: var(--jpm-white);
            box-shadow: 0 5px 25px rgba(10, 34, 64, 0.08);
            transform-style: preserve-3d;
            perspective: 1200px;
			padding: 0;
        }
        
        .img_var {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px;
			margin: 0px;
        }
        
        .popup_img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            display: block;
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            transform-style: preserve-3d;
            box-shadow: 0 10px 25px rgba(10, 34, 64, 0.15);
            backface-visibility: hidden;
        }
        
        /* Анимация перелистывания */
        .popup_img.flip-out {
            transform: rotateY(90deg) scale(0.9);
            opacity: 0;
        }
        
        .popup_img.flip-in {
            transform: rotateY(0deg) scale(1);
            opacity: 1;
        }
        
        /* Навигационные стрелки */
        .nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 100px;
            opacity: 0;
            transition: all 0.4s ease;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(10, 34, 64, 0.7);
            backdrop-filter: blur(3px);
        }
        
        .nav-arrow.prev {
            left: 0;
            border-radius: 0 5px 5px 0;
        }
        
        .nav-arrow.next {
            right: 0;
            border-radius: 5px 0 0 5px;
        }
        
        .img_var:hover .nav-arrow {
            opacity: 1;
        }
        
        .nav-arrow::after {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border-top: 2px solid var(--jpm-light-gold);
            border-left: 2px solid var(--jpm-light-gold);
            transition: all 0.3s ease;
        }
        
        .nav-arrow.prev::after {
            transform: rotate(-45deg);
            margin-left: 5px;
        }
        
        .nav-arrow.next::after {
            transform: rotate(135deg);
            margin-right: 5px;
        }
        
        .nav-arrow:hover::after {
            border-color: var(--jpm-gold);
            transform: scale(1.3);
        }
        
        /* Индикатор */
        .image-counter {
            position: absolute;
            bottom: 15px;
            right: 15px;
            background-color: var(--jpm-navy);
            color: var(--jpm-light-gold);
            padding: 8px 16px;
            font-size: 12px;
            letter-spacing: 1px;
            border-radius: 20px;
            font-family: 'Courier New', monospace;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        /* Блок миниатюр с параллаксом */
        .thumbnail-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: rgba(248, 249, 250, 0.7);
            border-radius: 5px;
            transform: translateZ(30px);
            box-shadow: inset 0 0 20px rgba(10, 34, 64, 0.05);
        }
        
        .img_varall {
            display: flex;
            /*justify-content: center;*/
            flex-wrap: nowrap;
            gap: 12px;
            padding: 10px 0;
            position: relative;
            overflow-x: auto;
            scroll-behavior: smooth;
            scrollbar-width: thin;
            scrollbar-color: var(--jpm-gold) var(--jpm-gray);
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%230a2240" stroke="%23c7a95f" stroke-width="1.5" d="M7 7l10 10M7 17L17 7"/></svg>'), auto;
        }
        
        /* Стилизация скроллбара */
        .img_varall::-webkit-scrollbar {
            height: 6px;
        }
        
        .img_varall::-webkit-scrollbar-track {
            background: var(--jpm-gray);
            border-radius: 3px;
        }
        
        .img_varall::-webkit-scrollbar-thumb {
            background-color: var(--jpm-gold);
            border-radius: 3px;
        }
        
        .img_bl_cont {
            flex: 0 0 auto;
            width: 90px;
            height: 90px;
            border: 1px solid var(--jpm-gray);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            overflow: hidden;
            background-color: white;
            box-shadow: 0 3px 10px rgba(10, 34, 64, 0.1);
            transform-style: preserve-3d;
        }
        
        .img_bl_cont::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(199,169,95,0.1) 0%, rgba(10,34,64,0.1) 100%);
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 1;
        }
        
        .img_bl_cont:hover {
            border-color: var(--jpm-gold);
            transform: translateY(-5px) scale(1.05) rotateY(5deg);
            box-shadow: 0 8px 25px rgba(10, 34, 64, 0.15);
        }
        
        .img_bl_cont.active {
            border: 2px solid var(--jpm-gold);
            transform: translateY(-3px);
            box-shadow: 0 5px 20px rgba(199, 169, 95, 0.3);
        }
        
        .img_bl_cont.active::before {
            opacity: 0.3;
        }
        
        .image {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23c7a95f" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path fill="%23c7a95f" d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg>'), pointer;
        }
        
        .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease-out;
        }
        
        .img_bl_cont:hover img {
            transform: scale(1.1);
        }
		
		
		
		
		
		
		
		
		
		
		
		
        
        /* Блок параметров */
        .var_cnt {
            max-width: 800px;
            margin: 30px auto 0;
            padding: 25px;
            background-color: var(--jpm-white);
            border: 1px solid var(--jpm-gray);
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(10, 34, 64, 0.05);
            transform: translateZ(20px);
            position: relative;
            overflow: hidden;
        }
        
        .var_cnt::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(to bottom, var(--jpm-gold), var(--jpm-dark-blue));
        }
        
        .var_cnt p {
	margin-bottom: 12px;
	font-size: 17px;
	line-height: 1.5;
	color: var(--jpm-dark-blue);
	position: relative;
	padding-left: 15px;
	text-align: left;
        }
        
        .var_cnt p:last-child {
            margin-bottom: 0;
            padding-top: 15px;
            border-top: 1px dashed var(--jpm-gray);
            font-style: italic;
        }
        
        .var_cnt p::before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--jpm-gold);
            font-weight: bold;
        }
        
        /* Параллакс-эффект для всего контейнера */
        @media (min-width: 992px) {
            .gallery-container {
                transition: transform 0.5s ease-out;
            }
            
            body:hover .gallery-container {
                transform: rotateX(1deg) rotateY(1deg);
            }
        }
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .main-image-container {
                height: 400px;
            }
            
            .gallery-container {
                padding: 30px;
            }
        }
        
        @media (max-width: 768px) {
            .main-image-container {
                height: 350px;
            }
            
            .img_bl_cont {
                width: 80px;
                height: 80px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .nav-arrow {
                width: 40px;
                height: 80px;
            }
            
            .var_cnt {
                padding: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .main-image-container {
                height: 300px;
            }
            
            .gallery-container {
                padding: 20px;
                margin: 2vh auto;
            }
            
            .img_bl_cont {
                width: 70px;
                height: 70px;
            }
            
            .nav-arrow::after {
                width: 15px;
                height: 15px;
            }
            
            .var_cnt p {
                font-size: 14px;
            }
        }



.adress{
		background-position: center;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	.adress p{
		overflow: hidden;
			font-size: 1.1em;
			text-transform: uppercase;
			border-style: solid;
			letter-spacing: 0.025em;
			font-family: Amplitude-Regular, Arial, Helvetica, Sans-serif;
			text-align: center;
			background-color:#FFFFFF;
			display:inline-block;
			padding-left:0.5em;
			padding-right:0.5em;
		
	}
	
	
.bl2_link{
	height:50px;
	width:100%;
	
	clear: both;
	float: left;
	position: relative;
	padding:10px;
	
	overflow: hidden;
	font-size: 1.5em;
	text-transform: none;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
}
	.bl2_link a{
	text-decoration: none;
	}



.bl_form{
	height: 100px;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	margin-top:6em;
	align-items: center;
	position: relative;

}
.label_ch{
  display: inline-flex;
  align-items: center; /* Выравнивает элементы по вертикали */
  gap: 8px; /* Расстояние между чекбоксом и текстом (опционально) */
	}

.bl_link{
	height: 3em;
	width: 1100px;
	margin-top:5em;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-decoration: none;
	text-align: center;
	
	}
	
	
	.bl_link a{
	text-decoration: none;
	background-color: #4e8abe;
	color: #FFFFFF;
	display: inline-block;
	padding:0.5em;
	font-size: 1.1em;
	text-transform: uppercase;
	width:200px;
	}
	.bl_link a:hover{
	background-color: #3D73A5;
	}


.bl_form form{
	text-align: center;
	font-size: 1em;
	margin-bottom:1em;
}
.bl_form label{
	font-size: 1.25em;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;

}
.bl_form  select{
	background-color: #FFFFFF;
	height:2em;

	border:1px solid #333333;

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bolder;
	padding: 0.35em;
	margin-top: 5px;
	margin-bottom: 5px;
	 -moz-box-sizing: border-box; /* Для Firefox */  
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
							}
	.inputsl{
	background-color: #FFFFFF;
	height:1.5em;
	border:1px solid #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bolder;
	padding: 0.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	 -moz-box-sizing: border-box; /* Для Firefox */  
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
		}
							
							.checkbox{
								appearance:none;
								width: 15px;
								height: 15px;
								background: #999999;
								box-shadow:
								inset 0 0 0 .2em white,
								0 0 0 .2em;
								border-radius: 0;
								transition: 0.4s;
								cursor:pointer;
								color: #999999;
								margin:0.5em;
							}
							
							.checkbox:checked{
									background: #4e8abe;
									box-shadow:
									inset 0 0 0 .3em white,
										  0 0 0 .2em #4e8abe;
									}
		
		
.selcls { 
    padding: 3px; 
    border: solid 1px #517B97; 
    outline: 0; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CAD9E3), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #CAD9E3 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    width:150px;
    } 
			
.blok2 {

	height: 500px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	margin-top:6em;
	position: relative;
}
	.blok2_1{
	position: relative;
	height:100%;
	width:100%;
	max-width:900px;
	margin: 0 auto;
	
	}
	.blokH2{
		background-position: center;
		position: relative;
		margin: 0 auto;
		
		top:-1em;
		text-align: center;
	
	}
	
						.blokH2 h2{
			overflow: hidden;
			font-size: 1.75em;
			text-transform: uppercase;
			border-style: solid;
			letter-spacing: 0.025em;
			font-family: Amplitude-Regular, Arial, Helvetica, Sans-serif;
			text-align: center;
			background-color:#FFFFFF;
			display:inline-block;
			padding-left:0.5em;
			padding-right:0.5em;
			}
			
			.blokH22{
		background-position: center;
		position: relative;
		margin: 0 auto;
		text-align: center;
		padding-top:5px;
		margin-bottom:1em;
		}
			.blokH22 h2{
	overflow: hidden;
	font-size: 1.3em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
			}
		
		.blokH2_2{
		background-position: center;
		position: relative;
		margin: 0 auto;
		
		top:-1em;
		text-align: center;
		}
		
		.blokH2_2 h2{
	overflow: hidden;
	font-size: 1.5em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: Amplitude-Regular, Arial, Helvetica, Sans-serif;
	text-align: center;
	background-color:#FFFFFF;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top: 0.5px;
	padding-bottom: 0.5px;
			}
	
				.blok2_1_1{
			background-color: #F0F0F0;
			float: left;
			height: 90%;
			width: 40%;
			position: relative;
			padding:1em;
			margin-left:5%;
			margin-right:5%;
					}
				.blok2_1_2{
			background-color: #F0F0F0;
			float: right;
			height: 90%;
			width: 40%;
			padding:1em;
			position: relative;
			margin-left:5%;
			margin-right:5%;
			}
		
		.blok2 ul{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(img/galka.png);
	overflow: hidden;
	font-size: 1.2em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;

		}
		.blok2 li{
		margin-bottom:0.5em;
		
		
		}
		
.blok3 {
	background-color: #FFFFFF;
	height: 450px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	margin-top:4em;
	position: relative;
}

.blok3_1{
	
	position: relative;
	height: 40%;
	width: 900px;
	margin:0 auto;
	margin-top:2em;   /* убрать после верстки */

}

.blok3_1 p{
	font-family: "Amplitude-Regular", Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	font-weight: bold;
	color: #333333;
}

	.blok3_1_1{
	height: 100%;
	width: 33.3333%;
	
	position: relative;
	float: left;
	text-align: center;
	}
		.blok3_1_12{
	display: inline-block;	
	width:75%;		
		
		}
		
		.blok3_1_22{
	display: inline-block;
	width:50%;		
				
		}
	
	.blok3_1_2{
	height: 100%;
	width: 50%;
	
	position: relative;
	float: left;
	text-align: center;
	}

.blok4 {
	
	height: 500px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	margin-top:4em;
	position: relative;
}

		.blok4_1{
	background-image: url(img/Background3.jpg);
	height: 500px;
	width: 800px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 100% center;
	position: relative;
	float:left;
		}
		.blok4_2{
	height: 500px;
	width: 300px;
	position: relative;
	float:left;
	background-color: #E4F3F8;
	padding:0.5em;
		}
	.blok4_2 h2{
				overflow: hidden;
				font-size: 1.5em;
				text-transform: none;
				border-style: solid;
				letter-spacing: 0.025em;
				font-family: "Times New Roman", Times, serif;
				text-align: center;
				line-height: 1em;
				font-weight: bolder;
				color: #646464;	
				margin-bottom: 1em;
				margin-top:2em;
				}

			.blok4_2 p{
								font-family: Geneva, Arial, Helvetica, sans-serif;
								font-size: 1.5em;
								font-weight: bolder;
								color: #666666;
								margin-bottom: 1em;
																			
							}
							.blok4_2 label{
							cursor: pointer;
							margin-right:1em;
							
							}


.blok5 {
	background-color: #FFFFFF;
	height: 300px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	margin-top:4em;
	position: relative;
}


	.blok5_1{
		
		position: relative;
		height: 90%;
		width: 900px;
		margin:0 auto;
		margin-top:3em;   /* убрать после верстки */
	
	}
	
	.blok5_1 p{
		font-family: "Amplitude-Regular", Arial, Helvetica, sans-serif;
		font-size: 16px !important;
		font-weight: bold;
		color: #333333;
		margin-top:1em;
	}
			.blok5_1_1{
		height: 100%;
		width: 25%;
		
		position: relative;
		float: left;
		text-align: center;
		}
			.blok5_1_12{
		display: inline-block;	
		width:85%;		
			
			}

.blok6 {
	background-color: #EBE9ED;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
	width: 100%;
	margin-top:3em;
	position: relative;
	background-image: url(img/gab.jpg);
}
		
		.blok6_1{
		position:relative;
		height:100%;
		width:100%;
		background: rgba(0, 0, 0, 0.55);
		
		}
		.blok6_1_1{
	position:relative;
	height:6em;
	width:450px;
	background-color:#FFFFFF;
	top:40%;
	margin:auto;
	border: 3px solid #007500;
		
		}
	.blok6_1_1 p{
	overflow: hidden;
	font-size: 1.45em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: Amplitude-Regular, Arial, Helvetica, Sans-serif;
	text-align: center;
	background-color:#FFFFFF;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top: 0.5px;
	padding-bottom: 0.5px;
	font-weight: bolder;	
	}
	.blok6_1_1 a{
	text-decoration: none;
	background-color: #4e8abe;
	color: #FFFFFF;
	display: inline-block;
	padding:0.5em;
	font-size: 0.8em;
	text-transform: uppercase;	
	}
	.blok6_1_1 a:hover{
	background-color: #3D73A5;
	}

.blok6_ftr{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	height: 45px;
	width: 100%;
	position: relative;
	bottom: -360px;
	background: rgba(0, 0, 0, 0.6);
	text-align: right;
	vertical-align: middle;
	padding:5px;
}

.hidden{
opacity:0;
}
.visible{
opacity:1;
}




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

.blok2a1 {
	display:inline-block;
	margin: 0 auto;
	margin-top:6em;
	position: relative;
	width: 100%;

}

	.blok2a_1{
	position: relative;
	height:350px;
	width:100%;
	margin: 0 auto;
	
	}
.img_var {
    height: 450px;
    width: 59%;
    margin: 1%;
}

.img_varall {
    height: 450px;
    width: 35%;
    position: relative;
    float: left;
    margin: 1%;
    background-color: #E4F3F8;
}
.var_cnt_part{
display:none;}
.bl_link{
width:100%;}

.img_var img {
    max-height: 450px;
    max-width: 100%;
    box-shadow: 0 0.6em 1em rgba(0,0,0,0.5);
}


.blok4_1{
	background-image: url(img/Background3.jpg);
	height: 500px;
	width: 65%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	float:left;
		}
		.blok4_2{
	height: 500px;
	width: 35%;
	position: relative;
	float:left;
	background-color: #E4F3F8;
	padding:0.5em;
		}


}


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

.blok1_cont{
			height: 400px;
			margin-right:5px;
			margin-top:40px;
			max-width:500px;
			position: relative;
			float:right;
			
		}
				.blok1_cont1{
				height: 5em;
				margin-top:1em;
				position: relative;
				padding:0.5em;
				float:right;
				background: rgba(255,255,255,0.8);
				text-align: center;
				vertical-align: middle;
				}
				.blok1_cont_width1{
					width:100%;
				}
				.blok1_cont_width2{
					width:80%;
				}
				.blok1_cont_width3{
					width:60%;
				}
				.blok1_cont1 h1{
	overflow: hidden;
	font-size: 1.7em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1em;
	font-weight: bolder;
	color: #646464;
				}
				
.blok4_1{
	background-image: url(img/Background3.jpg);
	height: 500px;
	width: 65%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	float:left;
		}
		.blok4_2{
	height: 500px;
	width: 35%;
	position: relative;
	float:left;
	background-color: #E4F3F8;
	padding:0.5em;
		}
		
.blok5{
	display: none;
	}

}

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

.blok1_cont{
			height: 400px;
			margin-right:10px;
			margin-top:40px;
			max-width:350px;
			position: relative;
			float:right;
			
		}
				.blok1_cont1{
				height: 5em;
				margin-top:1em;
				position: relative;
				padding:0.5em;
				float:right;
				background: rgba(255,255,255,0.8);
				text-align: center;
				vertical-align: middle;
				}
				.blok1_cont_width1{
					width:100%;
				}
				.blok1_cont_width2{
					width:100%;
				}
				.blok1_cont_width3{
					width:100%;
				}
				.blok1_cont1 h1{
	overflow: hidden;
	font-size: 1.5em;
	text-transform: none;
	border-style: solid;
	letter-spacing: 0.025em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1em;
	font-weight: bolder;
	color: #646464;
				}
.blok2_invis{
display:none;
}
.blok3{
display:none;
}
.blok4_1{
	background-image: url(img/Background3.jpg);
	height: 100%;
	width: 60%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	float:left;
		}
		.blok4_2{
	height: 100%;
	width: 40%;
	position: relative;
	float:left;
	background-color: #E4F3F8;
	padding:0.5em;
		}
.blok2a {
	height:750px;
	}

		.var_bl{
	width:31.3333%;
	height:350px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1.5em;
	position:relative;
	float:left;
	background-color:#DEE2E1;
	box-shadow: 0 0.5em  1em rgba(0,0,0,0.50);
		}
		.blok4 {
	height: 400px;
	margin: 0 auto;
	margin-top:4em;
	position: relative;
}

.checkbox{
								appearance:none;
								width: 12px;
								height: 12px;
								background: #999999;
								box-shadow:
								inset 0 0 0 .2em white,
								0 0 0 .2em;
								border-radius: 0;
								transition: 0.4s;
								cursor:pointer;
								color: #999999;
								margin:0.5em;
							}
.bl_form label{
	font-size: 1em;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;

}

.img_bl_cont {
   
    width: 48%;
    padding: 1%;
    text-align: center;
    position: relative;
    float: left;
}


		
}


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

.blok1_cont{
width:100%;
max-width:699px;

}

.blok1 {
    background-color: #EBE9ED;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0px;
    height: 800px;
    margin: 0 auto;
    margin-top: 6em;
    position: relative;
    background-attachment: fixed;
    background-image: url(img/neboskryoby.jpg);
	display:inline-block;

}

.blok2_1_1, .blok2_1_2{
background-color: #F0F0F0;
    float: left;
    height: 370px;
    width: 90%;
    position: relative;
    padding: 1em;
    margin-left: 5%;
    margin-right: 5%;
	min-width:350px;
	margin-top: 1em;

}

.blok2 {
    height: 850px;
    margin: 0 auto;
    margin-top: 6em;
    position: relative;
}
.blok4_2 {
min-width:300px;
float:right;

}

.blok4 {
    background-image: url(img/Background3.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;

}
.blok4_1{
display:none;
}
.blok5{
height:400px;
}
.blok5_1 p{
font-size: 12px !important;
}

.blok5_1_1  {
padding:0.5em;
}
.blok5_1_12 img{
width:100%;}

.checkbox{
height:16px;
width:16px;

}
.blok_head{
height:150px;}


.blok_logo img {
    height: 45px;
}

.blok_cnt h3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.4em;
}
		.var_bl{
	width:48%;

		}
		
		
.img_varall {
    width: 100%;
	height:190px;
    position: relative;
    float: left;
    margin: 1%;
    background-color: #E4F3F8;
	display:inline-block;
}
		
.img_bl_cont {
   
    width: 18.8%;
    padding: 1%;
    text-align: center;
    position: relative;
    float: left;
}		
.img_var {
    height: 450px;
    width: 98%;
    margin: 1%;
}

.img_bl_cont img {
    max-height: 80px;
    max-width: 100%;
}
		
}

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

.blok_logo img {
    height: 25px;
}
.blok1_cont1{
height:3.5em;

}

.blok1 {
    background-color: #EBE9ED;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 100% -100px;
    height: 750px;
    margin: 0 auto;
    margin-top: 6em;
    position: relative;
    background-attachment: fixed;
    background-image: url(img/neboskryoby.jpg);
    
}




.main-image-container{
	display: none;
	
}






.blok1_cont1 h1{
    font-size: 1em;
	}
.img_varall {
    width: 100%;
	height:100%;
	max-height:100%;
    position: relative;
    float: left;
    margin: 1%;
    background-color: #E4F3F8;
	display:inline-block;
}
.bl_form {
    height: 180px;
    margin: 0 auto;
    margin-top: 6em;
    position: relative;
}
.checkbox{
height:14px;
width:14px;

}

.selcls { 
    padding: 3px; 
    width:350px;
    }
	
.blok2_1_1, .blok2_1_2{
background-color: #F0F0F0;
    float: left;
    height: 450px;
    width: 90%;
    position: relative;
    padding: 1em;
    margin-left: 5%;
    margin-right: 5%;
	min-width:350px;
	margin-top: 1em;

}
	.blok2 {
    height: 1000px;
    margin: 0 auto;
    margin-top: 6em;
    position: relative;
}
.blok2a_1{
height:100%;
display:inline-block;
}	
.blok2a {
	height:1500px;
	}	
.var_cnt{
width:85%;}
.img_bl_cont {
   
    width: 98%;
	height:100%;
	padding: 1%;
    text-align: center;
    position: relative;
    float: left;
}		
.img_bl_cont img {
    max-height: 100%;
    max-width: 100%;
}



.img_var {
display:none;
}

	.var_bl{
	width:70%;
	margin-left:15%;
	margin-right:15%;

		}
.blok3 img{
width:100%;}
.blok_cnt h3{
	font-size:1.3em;}
.blok3_1 p {

    font-size: 14px !important;

}

.blok4_2 {
 
    width: 90%;
    position: relative;
    padding: 1em;
    margin 0 auto;
	float:none;
 
	min-width:350px;

}

.blok4 {
    background-image: none;
    background-attachment: none;
    background-repeat: none;
    background-position: none;

}
	.blok6_1_1{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	
	}

}