@font-face {
    font-family: 'Montserrat-Bold'; 
    src: local("Montserrat-Bold"),
		   local("Montserrat-Bold"),
		   url('../fonts/Montserrat-Bold.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-ExtraBold'; 
    src: local("Montserrat-ExtraBold"),
		   local("Montserrat-ExtraBold"),
		   url('../fonts/Montserrat-ExtraBold.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-Medium'; 
    src: local("Montserrat-Medium"),
		   local("Montserrat-Medium"),
		   url('../fonts/Montserrat-Medium.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-Regular'; 
    src: local("Montserrat-Regular"),
		   local("Montserrat-Regular"),
		   url('../fonts/Montserrat-Regular.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-SemiBold'; 
    src: local("Montserrat-SemiBold"),
		   local("Montserrat-SemiBold"),
		   url('../fonts/Montserrat-SemiBold.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-Black'; 
    src: local("Montserrat-Black"),
		   local("Montserrat-Black"),
		   url('../fonts/Montserrat-Black.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-Light'; 
    src: local("Montserrat-Light"),
		   local("Montserrat-Light"),
		   url('../fonts/Montserrat-Light.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-ExtraLight'; 
    src: local("Montserrat-ExtraLight"),
		   local("Montserrat-ExtraLight"),
		   url('../fonts/Montserrat-ExtraLight.ttf') format("truetype");  
}
@font-face {
    font-family: 'Montserrat-Italic'; 
    src: local("Montserrat-Italic"),
		   local("Montserrat-Italic"),
		   url('../fonts/Montserrat-Italic.ttf') format("truetype");  
}
@font-face {
    font-family: 'Roboto-Black'; 
    src: local("Roboto-Black"),
		   local("Roboto-Black"),
		   url('../fonts/Roboto-Black.ttf') format("truetype");  
}
@font-face {
    font-family: 'Roboto-Bold'; 
    src: local("Roboto-Bold"),
		   local("Roboto-Bold"),
		   url('../fonts/Roboto-Bold.ttf') format("truetype");  
}
@font-face {
    font-family: 'Roboto-Light'; 
    src: local("Roboto-Light"),
		   local("Roboto-Light"),
		   url('../fonts/Roboto-Light.ttf') format("truetype");  
}
@font-face {
    font-family: 'Roboto-Medium'; 
    src: local("Roboto-Medium"),
		   local("Roboto-Medium"),
		   url('../fonts/Roboto-Medium.ttf') format("truetype");  
}
@font-face {
    font-family: 'Roboto-Regular'; 
    src: local("Roboto-Regular"),
		   local("Roboto-Regular"),
		   url('../fonts/Roboto-Regular.ttf') format("truetype");  
}
/*@font-face {
    font-family: 'fontawesome-webfont'; 
    src: local("fontawesome-webfont"),
		   local("fontawesome-webfont"),
		   url('../fonts/fontawesome-webfont.eot') format("truetype");  
}*/
/*=============================
=============BODY=============
=============================*/
body{
	font-family: 'Roboto-Regular'; 
}
html,body{
    overflow-x: hidden; 
}
.no-padding{
	padding: 0;
}
.no-margin{
	margin: 0; 
}
.wrap_header{
	width: 100% !important; 
    max-width: 1450px;  
    margin: 0 auto; 
}
.wrap{
	width: 1225px;
	margin: 0 auto; 
}
img{
	max-width: 100%; 
}
a{
	transition: all 0.3s ease; 
}
h1{
	font-family: 'Roboto-Bold'; 
	font-size: 32px;
}
h2{
	font-size: 36px; 
}
h2.h2_main_page{
	font-family: 'Roboto-Black';
    background: #1F1E1B;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 9px 17px 10px;
    margin: 0 auto 85px;
    position: relative;	
	-webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.75);
}
h2.h2_main_page::before {
    content: '';
    position: absolute;
    left: -18px;
    bottom: 0;
    border: 14px solid transparent;
    border-right: 4px solid #1f1e1b;
    border-bottom: 44px solid #1f1e1b;
}
h2.h2_main_page::after {
	content: '';
    position: absolute;
    right: -18px;
    bottom: 0;
    border: 14px solid transparent;
    border-left: 4px solid #1f1e1b;
    border-top: 44px solid #1f1e1b;
}
h3, h5 {
	font-family: 'Montserrat-Bold';
} 
h3{  
	 font-size: 28px; 
	 color: #205689;
	 text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}
h4{
	font-size: 24px;
}
h5{
	font-size: 22px;
}
p{
	font-size: 20px;
	margin: 0;
}
.mobile_header, .mobile_menu, .mobile_menu_second{ 
    display: none;
}
.soglasie_error{
	color: #ff0000;
	display: none;
}
a.disabled {
    pointer-events: none; /* делаем элемент неактивным для взаимодействия */
    cursor: default; /*  курсор в виде стрелки */  
}
.breadcrumb li:nth-child(3) {
    list-style: none;
    
}
.breadcrumb>li:nth-child(3):before {
    content: "";
    padding: 0 0px;
    color: #4990E3;
}
header iframe, section iframe, footer iframe{
    max-width: 100%;}
/*=============================
=============HEADER============
=============================*/
header{
	position: fixed;
	height: auto;
	width:100%;
	z-index: 100;
}
.dws-menu *{
 margin: 0;
 padding: 0;
}
.dws-menu ul, .dws-menu ol{    
 list-style: none;
}
.dws-menu > ul{
 display: inline-block;
 margin: 0;
 position: relative;
 height: auto; 
 transition: 0.4s height;
}
.dws-menu > ul li{
 display: inline-block;
}
.dws-menu > ul li .dropdown_arrow{
	margin: 0 0 0 3px; 
}
.dws-menu > ul li.active{
	background: #383838;
}
.dws-menu > ul li.active a{
	color: #fff;
}
.dws-menu > ul li a{
	text-align: left;
	display: block;
	padding: 8px 7px;
	margin: 0;
	font-size: 15px;
	color: #303030;
	text-decoration: none;
}
.dws-menu .left_four_menu_mrg li a{
    padding: 8px 37px 8px 7px;
}
.dws-menu > ul li a:hover{
	color: #fff;
	text-decoration: none;  
	background: #383838;	
}
.dws-menu [type="checkbox"],
.dws-menu label.toggleSubmenu{
 display: none;
}
.dws-menu label.toggleMenu{ 
 background: transparent; 
 display: none;
 padding: 0;
 height: 60px;
 text-transform: uppercase;
 font-size: 14px;
 cursor: pointer;
 position: relative;
}
.dws-menu li {
	position: relative; 
}
header .left_four_menu_mrg{
	margin: 0 0 0 180px; 
}
.dws-menu li ul{
    z-index: 100;
    position: absolute;
    min-width: 198px;
    top: 33px;
    display: none;
}
.dws-menu li ul{
    z-index: 100;
    position: absolute;
    min-width: 198px;
    top: 27px;
    display: none;
}
.dws-menu li ul{
    z-index: 100;
    position: absolute;
    min-width: 198px;
    top: 25px;
    display: none;
}
   @media (max-width: 1300px){ 
    .dws-menu li ul{
        top: 29px;
    } 
}
   @media (max-width: 992px){ 
    .dws-menu li ul{
        top: 25px;
    } 
}
header .dws-menu > li ul li {
    display: block;
    text-align: left;
}
.dws-menu li:hover > ul{
    display: block;
}
.dws-menu > ul li ul{
	background: #383838;
}
.dws-menu > ul li ul li a:hover{
	color: #fff; 
}
.dws-menu > ul li ul li {
    display: block;
}
.dws-menu > ul li ul li:hover{
	background: #1E1D1D;
} 
.dws-menu > ul li ul li a {
    text-align: left;
    display: block;
    margin: 0; 
	color: #fff;
    font-size: 12px;
} 
.wrap{
	width: 1250px; 
	margin: 0 auto; 
}
.top_header{
	background: #4990E3;
	height: 45px;
	position: relative;
    z-index: 110;
}
.top_header .center_top_menu, .top_header .left_top_menu, .top_header .right_top_menu, .logo_wr, .top_header  a span{
	display: inline-block;
}
.top_header .left_top_menu, .top_header .right_top_menu{
	width: 39%;
	padding: 4px 0 0;
} 
.top_header .center_top_menu{
	width: 20.5%;
	position: relative;
}
.top_header .center_top_menu .logo_wr{
	position: absolute; 
	left: 0;
}
.top_header a, span.header_bespl_zamer{
	display: inline-block;  
	color: #fff; 
	font-family: 'Montserrat-Bold';
	font-size: 17px; 
	text-shadow: 1px 4px 11px rgba(0,0,0,0.51);
}
span.header_bespl_zamer:hover{
    cursor: pointer;
}
.top_header  .left_top_menu a span, span.header_bespl_zamer span{
	margin: 3px 0 0;   
} 
.top_header a, .top_header a img, .top_header .center_top_menu{
	vertical-align: top;
}
.top_header .left_top_menu a img, span.header_bespl_zamer img{
	margin: 0 3px 0 0;  
} 
.top_header .left_top_menu a, span.header_bespl_zamer{
	margin: 0 17px 0 0; 
}
.top_header .right_top_menu a{
	margin: 0 0 0 25px;  
}
.right_top_menu{
	text-align: right; 
}
.center_top_menu{
	text-align: center; 
}
.center_top_menu h2{
	text-transform: uppercase;
	font-size: 17px; 
	margin: 0;	
}
.logo_wr{
	background: url(../img/logo_wr_bg.png) -2px 45px no-repeat;
    padding: 9px 23px 23px;
    width: 230px; 
}
.whatsup_link{
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    background: url(../img/whatsapp.png) center no-repeat;
    background-size: 23px;
}
.whatsup_link.whatsup_mobile{
    width: auto;
    height: auto;
    padding: 0 0 0 25px;
    background-position: 0 center; }
.bottom_header{
	background: #E7E7E7; 
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
	-webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
	 transform: translateY(0%);
} 
.bottom_header_sc{
	 -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
	 -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
	 transform: translateY(-100%);
}
.bottom_header a{
	color: #303030;
	font-family: 'Montserrat-SemiBold'; 
	font-size: 15px;
	text-transform: uppercase; 
	text-shadow: 1px 4px 12px rgba(0,0,0,0.35);
}
/*===========slider main===============*/
.slider_block{
	position: relative;
	padding: 81px 0 0; 
} 
.above_slider_text_info{
	position: absolute;
	top: 0;
	left: 45%;   
	margin-left: -630px; 
	z-index: 10; 
}
.slide_info{
	display: inline-block;
	border: 5px solid #4990E3;
	margin: 268px 0 0; 	
	padding: 25px 30px; 
	background: #fff;
	color: #303030; 
	max-width: 100%;
    width: auto;
	text-shadow: 1px 4px 12px rgba(0,0,0,0.35);
}
.slide_info h2{
	font-size: 30px;
	margin: 0 0 10px;
	font-family: 'Montserrat-SemiBold'; 
}
.slide_info p{
	font-size: 24px; 
	margin: 0 0 8px;
}
.slide_info p img{ 
	vertical-align: top;
}
.slide_info p span{
	display: inline-block;
    margin: 3px 0 0 20px;
}
.slide_info span.modal_slider{
	margin: 5px 0 0 138px;
    color: #fff;
    display: inline-block;
    background: #4990E3;
    font-size: 16px;
    padding: 6px 33px;
    border: 1px solid #4990E3; 
    text-transform: uppercase;
	font-family: 'Montserrat-Bold'; 
}
.slide_info span.modal_slider:hover{ 
    color: #4990E3;
    background: #fff;
	-webkit-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 64px -10px rgba(0,0,0,0.35); 
	text-decoration: none;
}
#slider_main .slide{
	height: 650px; 
}
#slider_main .gradient{
	height: 100%;	
	background: rgba(0,0,0,0.27);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.27) 0%, rgba(84,84,84,0.27) 34%, rgba(143,143,143,0.2) 58%, rgba(0,0,0,0.07) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.27)), color-stop(34%, rgba(84,84,84,0.27)), color-stop(58%, rgba(143,143,143,0.2)), color-stop(100%, rgba(0,0,0,0.07)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.27) 0%, rgba(84,84,84,0.27) 34%, rgba(143,143,143,0.2) 58%, rgba(0,0,0,0.07) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.27) 0%, rgba(84,84,84,0.27) 34%, rgba(143,143,143,0.2) 58%, rgba(0,0,0,0.07) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.27) 0%, rgba(84,84,84,0.27) 34%, rgba(143,143,143,0.2) 58%, rgba(0,0,0,0.07) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.27) 0%, rgba(84,84,84,0.27) 34%, rgba(143,143,143,0.2) 58%, rgba(0,0,0,0.07) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.owl-nav{
	display: none;
}
.owl-carousel {
    display: block;
}
#slider_main .owl-dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 10px; 
	border-radius: 50%;
}
#slider_main .owl-controls {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate( -50%, 0);
}
#slider_main .owl-dot.active{
	background: #4990E3;
}
/*===========about=============*/
.about{
	padding: 80px 0; 
}
.about p{
	color: #1F1E1B;
}
.counts_info_block_line{
	margin: 12px 0 0;
}
.counts_info_block_line > div{
	display: inline-block;
	text-align: center; 
}
.counter_number, .info_text{
	display: block;
}
.counter_number{
	transition: .4s;
	opacity: 0;
}
.viz{
	opacity: 1;
}
.counts_info_block_line .counter_number{
	color: #216CC4;
	font-family: 'Roboto-Bold';  
	font-size: 88px;
}
.info_text{
	color: #747474;
	font-size: 16px; 
}
.counts_info_block_line  > div:nth-child(2), .counts_info_block_line  > div:nth-child(3){
	margin: 0 0 0 8%;   
} 
.counts_info_block_line  > div:nth-child(4){
	margin: 0 0 0 4%;    
} 
/*=======proizvodstvo======*/
.proizvodstvo{
	padding: 65px 0 50px; 
	background: url(../img/proizvodstvo_bg.jpg);
	background-size: cover;
}
.proizvodstvo h2{
	background: #fff;
    color: #216CC4;
	margin: 0 0 25px;
	text-shadow: 1px 4px 11px rgba(0,0,0,0.3);
}
.proizvodstvo h2::before{
    border-right: 4px solid #fff;
    border-bottom: 44px solid #fff;
}
.proizvodstvo  h2::after {
    border: 14px solid transparent;
    border-left: 4px solid #fff;
    border-top: 44px solid #fff;
}
.proizvodstvo  p{
	color: #fff;
	font-family: 'Montserrat-Bold'; 
}
.spisok_respublik{
	background: #fff;
	padding: 20px 0 20px 20px;
	border-radius: 10px;
	max-width: 445px; 
	margin: 65px 0 0;
}
.spisok_respublik ul{
	padding: 0;
	margin: 0;
}
.spisok_respublik ul li{
	list-style: none;
	font-size: 20px;
	color: #303030;
	margin: 0 0 17px; 
	font-family: 'Montserrat-Regular';
}
.spisok_respublik ul li span{
	display: inline-block;
	vertical-align: top;
}
.spisok_respublik ul li span.marker{
	width: 9px;
    height: 12px;
    margin: 6px 16px 0 0;
    background: #216CC4;
}
.spisok_respublik ul li span.marker.red{
	background: #FF0000;
}
.spisok_respublik ul li span.region_name{
    max-width: 90%;
}
.regions_dir{
	text-align: right; 
}
/*=======produkziya=========*/
.produkziya{
	padding: 55px 0 65px;
}
.produkziya h2{
	margin: 0 0 50px; 
	text-align: center; 
}
.produkziya p{
	margin: 0 0 73px;
}
.produkziya_main_page_item_wr{
	padding: 0 0 60px;
}
.produkziya_main_page_item{
	height: 370px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    padding: 3px;
	background: #fff; 
}
.produkziya_main_page_item h3{
	font-family: 'Roboto-Regular';
	margin: 95px 0 90px;
	min-height: 80px;
	color: #2E363F;
	font-size: 32px;
}
.produkziya_main_page_item  a{
    font-family: 'Roboto-Bold';
	font-size: 24px;
	border-radius: 5px;
	display: inline-block;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.1);
	box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.1);
	text-shadow: 1px 4px 11px rgba(0,0,0,0.3);
}
.produkziya_main_page_item  a.produkziya_podrobnee_link{
	color: #fff;
    background: #216CC4;
    padding: 8px 50px;
	margin: 0 25px 0 0;
}
.produkziya_main_page_item  a:hover{
	text-decoration: none;
}
.produkziya_main_page_item  a.produkziya_podrobnee_link:hover, .produkziya_main_page_item  a.produkziya_rassch_stoim_link:hover{
	background: #4990e3;
	color: #fff;
}
.produkziya_main_page_item  a.produkziya_rassch_stoim_link{
	color: #216CC4;
    border: 2px solid #216CC4;
    padding: 6px 22px;
}
.produkziya_main_page_item img{
	position: relative;
}
.produkziya_main_page_item img.plastikovoe_okno{ 
	top: -10px;
}
.produkziya_main_page_item img.der_okno_trehsl_br{ 
	top: -21px;
}
.produkziya_main_page_item img.der_okno_finskiye_okna{ 
	top: -24px;
}
/*===nashi_preimushestva===*/
.nashi_preimushestva{
	padding: 65px 0 15px;  
}
.garantiya_icons_text{
	border-radius: 10px;
	background: #4990E3;
	color: #fff;
	padding: 15px;
	width: 380px;
	max-width: 100%;
	height: 120px;
	display: inline-block;	
	margin: 0 0 90px;
}
.garantiya_icons_text img, .garantiya_icons_text h4{
	display: inline-block;
	width: 35%;
}
.garantiya_icons_text h4{
	width: 64%;
	font-size: 24px;
	text-align: center;
    font-family: 'Roboto-Regular'; 
    margin: 17px 0 0;
}
.garantiya_icon_first_dir img{
    margin: 6px 0 0;
}
.garantiya_icon_second_dir img{
    margin: 4px 0 0;
}
.garantiya_icon_third_dir img{
    margin: 7px 0 0;
}
.nashi_preimushestva p{
	margin: 0 0 90px;
}
.garantiya_icons_text img{
	max-height: 83px;
	vertical-align: top;
}
.garantiya_icon_first_dir{
	text-align: left; 
}
.garantiya_icon_second_dir{
	text-align: center;
}
.garantiya_icon_third_dir{
	text-align: right;
}
.komplektuychie_block {
    max-width: 1000px;
    margin: 0 auto 88px;
}
.deventer_logo{
	margin: 36px 0 0;
}
.siegenia_logo{
	margin: 38px 0 0;
}
.komplektuychie_block img{
    max-width: 92.5%;
}
/*=photogalereya_main_page=*/
.photogalereya_main_page{
	padding: 50px 0 90px; 
	background: url(../img/photogalley_main_page.svg);
	background-size: cover; 
}
.photogalereya_main_page a{
	display: inline-block; 
	width: 98%;
	margin: 0 0 10px;
	height: 265px; 
	overflow: hidden; 
    max-height: 265px;
}
.photogalereya_main_page a img{
	max-width: 100%;
    width: 100%;
    height: auto;
    margin: auto;
    display: block !important;
	transition: .5s; 
}
.gallery_link_to span{
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%); 
    padding: 6px 24px 5px 23px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 20px;
	width: 232px;
}
.photogalereya_main_page a:hover img{ 
	width: 110%;
	max-width: 110%;
} 
/*===otprav_zayavku_form====*/
.otprav_zayavku_form_wr{
	padding: 70px 0 60px; 
	background: #4990E3; 
	margin: 120px 0 0;
}
.otprav_zayavku_form_wr.zayavka_mrg_0{
	margin: 0;
} 
.otprav_zayavku_form h2{
	margin: 0 0 25px;
	color: #fff;
	font-size: 36px;
	font-family: 'Roboto-Bold';
}
.otprav_zayavku_form input[type="text"], .otprav_zayavku_form input[type="submit"]{
	font-size: 18px;
    color: #747474;
    background: #fff;
    border-radius: 5px;
    padding: 13px 17px 12px;
    width: 300px;
    border: none;
	margin: 0 42px 0 0;
	-webkit-box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
}
.otprav_zayavku_form input[type="submit"]{
	color: #fff;
	background: #31CD2C;
}
.otprav_zayavku_form input[type="submit"]:hover{
    background: #5dd059;
}
.otprav_zayavku_form{
	margin: 0 0 0 65px;
}
.polzovatelskoe_sogl{
	margin: 30px 0 0;
	font-size: 18px;
	color: #000;
}
.polzovatelskoe_sogl a{
	color: #fff;   
}
.polzovatelskoe_sogl input[type=checkbox] {
	display: none;
}
.polzovatelskoe_sogl label{
	width: 18px;
    height: 18px;
    vertical-align: top;
	display: inline-block;
	position: relative;
	margin: 1px 9px 0 0;
}
.polzovatelskoe_sogl label:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0; 
	bottom: 1px;
	background-color: #fff;
	border: 1px solid #E7D88E; 
}
.polzovatelskoe_sogl label:before {
    border-radius: 3px;
} 
.polzovatelskoe_sogl input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #000000;
	text-align: center;
    line-height: 15px;
}
/*===rasschet_stoimosty====*/
.rasschet_stoimosty{
	padding: 145px 0 200px;
	background: #f7f7f7; 
}
.rasschet_stoimosty h1{
	margin: 0 0 25px;
	color: #216CC4; 
}
.rasschet_stoimosty h5{
	color: #000;
} 
.steps{
	border-bottom: 10px solid #fff;
}
.step_btn{
	margin: 0 -4px -10px 0;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    padding: 0px 61px;
    font-family: 'Roboto-Bold';
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
	border-bottom: 10px solid #C4C4C4;
}
#step_1{
	background: rgba(73,144,227,1);
	background: -moz-linear-gradient(left, rgba(73,144,227,1) 0%, #1874e5 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,144,227,1)), color-stop(100%, #1874e5));
	background: -webkit-linear-gradient(left, rgba(73,144,227,1) 0%, #1874e5 100%);
	background: -o-linear-gradient(left, rgba(73,144,227,1) 0%, #1874e5 100%);
	background: -ms-linear-gradient(left, rgba(73,144,227,1) 0%, #1874e5 100%);
	background: linear-gradient(to right, rgba(73,144,227,1) 0%, #1874e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4990e3', endColorstr='#0216cc', GradientType=1 );
	border-bottom: 10px solid #8BC0FF;
}
#step_2{
	background: #747474;
}
#step_2.active{
	background: #3EBEDA;
	border-bottom: 10px solid #7EFFD1;
}
#step_3{
	background: #626262;
}
#step_3.active{
	background: #40EA70;
	border-bottom: 10px solid #FFD37E;
}
#step_4{
	background: #4C4C4C;
}
#step_4.active{
	background: #FF6D6D;
	border-bottom: 10px solid #FFA99D;
}
.content_rascheta_stoimosty{
	background: #fff; 
	padding: 50px 60px;
}
.content_step_2, .content_step_3, .content_step_4, .back_btn, .dvuhstvorchatiye_stv_btns, .trehstvorchatiye_stv_btns, .balkon_stv_btns, .dver_btns{ 
	display: none; 
}
.content_step_2 .raschet_dop_text{
    margin: 35px 0 0;
}
.content_rascheta_stoimosty h5{ 
	font-family: 'Roboto-Regular'; 
	font-size: 22px;
	text-align: center;
} 
.content_rascheta_stoimosty.content_step_1 h5{
	margin: 55px 0 70px;
}
.content_rascheta_stoimosty.content_step_2 h5{
	margin: 0 0 70px;
}
.tip_konstrukcii_window{
	background: #DBECFF;
	display: inline-block; 
	border-radius: 5px;
	padding: 32px 20px 12px;
	text-align: center;
	width: 350px;
	vertical-align: top;
}
.tip_konstrukcii_window .img_h{
	height: 378px; 
	margin: 0 auto;
}
.tip_konstrukcii_window .h5_h{
	height: 80px;
	position: relative;
}
.tip_konstrukcii_window:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
	cursor: pointer;
}
.tip_okna_label{
	background: #F4F4F4;
	width:160px;
	height: 160px;
	position: relative;
	margin: 0 0 25px; 
}
.tip_okna_label img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); 
}
.tip_okna_label:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    cursor: pointer;
}
.tip_okna_label input[type="radio"], .radio_answer_btn input[type="radio"], .tip_konstrukcii_window input[type="radio"]{
	display: none;
}
.tip_konstrukcii_window h5{
	color: #000; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	width: 100%;
	margin: 0 !important;
}
.next_prev_btns{
	background: #fff;
	padding: 0 115px 75px 0; 
}
.next_prev_btns button{
	color: #fff;
    background: #31CD2C;
    font-size: 26px;
    font-family: 'Roboto-Regular';
    border-radius: 7px;
    border: none;
    padding: 6px 0 7px;
    width: 250px;
}
.next_prev_btns button:hover{
    background: #0bda05;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(49, 205, 44,0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(49, 205, 44,0.25);
    box-shadow: 0px 0px 30px 0px rgba(49, 205, 44,0.25);
} 
.next_prev_btns button.back_btn {
    margin: 0 21px 0 0;
}
.tip_konstrukcii_window_wr_first{
	text-align: left;
}
.tip_konstrukcii_window_wr_second{
	text-align: center;
}
.tip_konstrukcii_window_wr_third{
	text-align: right;
}
.window_text, .drugoe, .step_four_form input[type="text"]{
	font-family: 'Roboto-Regular';
} 

.window_big_wr input[type="number"], .koichestvo_okon_wr input[type="number"]{
	background: #F1F1F1;
    border: 1px solid #DADADA;
    width: 65px;
    height: 25px;
    text-align: center;
}
.koichestvo_okon_wr{
    margin: 25px 0 0;
} 
.window_text, .stvorka_select_wr label{
	font-size:22px;
	color: #000;
}
.window_mm{
	font-size:22px;
	color: #000;
	line-height: 30px;
}
.img_big_window{
	vertical-align: middle;
	text-align: center;
	width: auto;
	height: 450px;
}
.window_big_wr{
	width: 880px;
	margin: 45px 0 0;
}
.window_bg_left_side, .window_bg_right_side{
	display:inline-block;
}
.window_bg_left_side{
	width: 30%;
}
.window_bg_right_side{ 
	width: 69.4%;
	text-align: left;
}
.vysota_label_mrg{
	float: right;
	margin: 0 10px 0 0;
}
.front_wr{
	padding: 33px 0 0 33px;
    position: relative;
    width: auto;
    display: inline-block;	
}
.front_wr_liniya_top, .front_wr_liniya_left{
	position: absolute;
}
.shirina_label_mrg{
	text-align: center;
    margin: 0 auto 10px;
    display: inline-block;
    position: absolute;
    width: calc(100% - 33px);
    top: -43px;
}
.front_wr_liniya_top{
	top: 0;
	left: 33px;
	width: calc(100% - 33px);
	height: 13px;
	background: #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.front_wr_liniya_left{
	top: 33px;
	left: 0;
	width: 13px;
	height: calc(100% - 33px);
	background: #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.stvorka_select_wr {
    margin: 24px 0 0 45px;
	text-align: left;
}
.stvorka_select_wr label{
	display: block;	
	text-align: left;
}
.stvorka_select_wr select{
	margin: 5px 0 0;
    width: 183px;
    padding: 5px 16px;
    font-size: 18px;
    border: 1px solid #ccc;
    height: 37px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/select_arrow.svg) 95% 40% no-repeat #eee;
}
.stv_line{
	display: inline-block;
}
.dvuhstvorchatiye_stv_btns .stv_line.levaya {
    margin: 0 100px 0 0px;  
}
.trehstvorchatiye_stv_btns .stv_line.srednyaa {
	margin: 0 3px 0 3px;
}
.balkon_stv_btns .stv_line.levaya {
    margin: 0 78px 0 0;
}
.content_step_3 h5{
	margin: 0 0 85px;
}
.question_bl_wr, .question_bl_wr h5{
	text-align: left; 
}
.question_bl_wr{ 
	margin: 0 0 60px;
}
.question_bl_wr h5{
	margin: 0 0 30px;
}
.radio_answer_btn > div{
	display: inline-block;
}
.radio_answer_btn > div.second_btn{
	margin: 0 -4px;
}
.radio_answer_btn label{
    border: 2px solid #216CC4;
    padding: 8px 10px 7px;
    font-size: 20px; 
}
.radio_answer_btn label.border_top_bottom{
	border:none;
	border-top: 2px solid #216CC4;
	border-bottom: 2px solid #216CC4;
}
.radio_answer_btn label:hover, .radio_answer_btn input[type='radio']:checked ~ label{
	color: #fff;
	background: #66A7F4;
	cursor: pointer;
}
.second_btn_third_block{
	margin: 0 0 0 -5px; 
}
.question_bl_wr input[type="checkbox"]{
	display: none;
}
.question_bl_wr input[type="checkbox"]::before{
	position: absolute;
	width: 13px;
	height: 13px; 
	border: 2px solid #4990E3;
}
.question_bl_wr input[type='checkbox'] + label {
    cursor: pointer;
    background: url(../img/checkbox.svg) no-repeat;
    padding-left: 25px;
    height: 17px;
    color: #000;
    display: inline-block;
    line-height: 1.4;
    width: 75%;
    margin: 0 0 12px;
}
.question_bl_wr input[type='checkbox'] + label{
    cursor: pointer;
    background: url(../img/checkbox.svg) no-repeat 0 3px;
    padding-left: 20px;
    height: 20px;
    color: #000;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    margin: 0px 0 15px;
}
.question_bl_wr input[type='checkbox']:checked + label{
    cursor: pointer;
    background: url(../img/checkbox_hover.svg) no-repeat 0 3px;
}
.tolshina_steny_mm{
    font-size: 18px;
}
.checkbox_blocks{
	width: 375px;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}
.input_otkos_num{
    background: #F1F1F1;
    border: 1px solid #DADADA;
    width: 65px;
    height: 25px;
    text-align: center;
    margin: 0 1px 0 5px;
    display: inline-block;}
.drugoe{
	border: none;
    background: #B3D6FF;
    color: #515050;
    font-size: 18px;
    padding: 6px 13px 7px;
    width: 238px; 
	margin: 15px 0 20px;
}
.drugoe.dostavka_btn{
    max-width: 314px;
    width: 100%;
    font-size: 16px;
    padding: 8px 13px; }
.step_four_form{
	max-width: 990px;
	width: 100%;
	margin: 0 auto; 
}
.content_step_4 h5{
	margin: 30px 0 80px; 
}
.step_four_form input[type="text"], .step_four_form input[type="submit"]{
	color: #fff;
    background: #4990E3;
    width: 300px;
    padding: 13px 17px 12px;
    border: none;
    font-size: 18px;
    border-radius: 5px;   
	margin: 0 41px 0 0;
	-webkit-box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 4px 25px 0px rgba(0,0,0,0.3);
}
.step_four_form input.email_mrg{
	margin: 0;
}
.step_four_form input[type="submit"]{
	float: right;
	margin: 10px 0 0;
	background: #31CD2C;
}
.step_four_form input[type="submit"]:hover{
	background: #5dd059;
}
.step_four_form .polzovatelskoe_sogl {
    margin: 25px 0 0;
} 
.step_four_form .polzovatelskoe_sogl a {
    color: #4990E3;
}
.step_four_form .polzovatelskoe_sogl label{
    margin: 3px 9px 0 0;
} 
.step_four_form ::-webkit-input-placeholder {color:#fff;}
.step_four_form ::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.step_four_form :-moz-placeholder           {color:#fff;}/* Firefox 18- */
.step_four_form :-ms-input-placeholder      {color:#fff;}
/*=========vid_okna========*/
.vid_okna{
	padding: 130px 0 1px;
}
.vid_okna.der_vid, .vid_okna.news_page, .vid_okna.news, .vid_okna.prais_page{
	padding: 130px 0 65px;
	 min-height: 65vh;
}
.vid_okna.prais_page.thanks_page_tpl{
    min-height: 95vh;  
}
.vid_okna.photogallery_page .pagination{
	margin: 83px 0 90px;
}
.vid_okna.news_page img{
	margin: 30px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.vid_okna.news_page .date_time span {
    padding: 3px 0 0 0;
}
.vid_okna.news_page .date_time{ 
    margin: 0 0 25px;
}
.vid_okna.news_page h1{
    font-size: 30px;
    margin: 20px 0 10px;
}
.photogallery_page a.gallery_link{
    display: inline-block;
    width: 98%;
    margin: 0 0 45px;
    height: 300px;
    overflow: hidden;
    max-height: 300px;
}
.gallery_link_wr:nth-child(3n+1){
	padding: 0 22px 0 0;
}
.gallery_link_wr:nth-child(3n+2){
	padding: 0 22px 0;
}
.gallery_link_wr:nth-child(3n+3){
	padding: 0 0 0 22px;
}
.photogallery_page a.gallery_link img{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: auto;
    display: block !important;
    transition: .5s;
}
.photogallery_page  a.gallery_link:hover img{ 
    width: 110%;
    max-width: 110%;
}
.breadcrumb{
	color: #4990E3;
	padding: 0;
	margin: 0;
	background: none;
}
.breadcrumb li{
	list-style: none;
	display: inline-block;
}
.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #4990E3;
}
.breadcrumb li a{
	font-size: 18px;
}
.vid_okna h1{
	font-size: 30px;
	margin: 20px 0 90px;
	color: #000;
} 
.novoline_img{
	margin: 25px 83px 0 0;
}
.goodwin_img{
	margin: 35px 0 0 78px;
}
.kbe_img{
	margin: 44px 165px 0 0;
}
.knip_ping_img{
	margin: 54px 0 0 180px;
}
.plastik_okon_dir_left_col{
	text-align: right;
}
.plastik_okon_dir_right_col{
	text-align: left; 
}
.text_pl_2{
	padding: 95px 0 0;
}
.plastikovoe_okno_info_section{
	padding: 74px 0 85px;
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(242, 241, 239, 0.922341) 5.65%, #F2F1EF 92.67%, rgba(242, 241, 239, 0) 100%);
}
.vid_okna_1{
	padding: 25px 0 200px;
}
.glassiker_pl_okno{
	max-width: 427px;
	margin: 20px 0 0;
}
.pl_okno_razr{
	max-width: 478px;
	margin: 15px 0 0;
}
.text_pl_3{
	padding: 55px 0 0;
} 
.astika_2-min{
    margin: 12px 0 0;
}
.text_pl_4{
	padding: 28px 0 0;
}
.min_750{
	margin: 5px 0 15px; 
}
/*==========news===========*/
.news_preview_bl {
    margin: 0 0 43px;
} 
.news_prev_link_img_wr, .date_time, .date_time span {
    display: inline-block;
}
.news_prev_link_img_wr img {
    max-height: 225px;
    max-width: 100%;
}
.h3_wr_news_prev_link h3, a.h3_wr_news_prev_link:hover  h3{
    color: #000;
    display: block;
	margin: 0;
}
.date_time {
    border: none;
	color: #216CC4; 
    margin: 12px 0 50px;
}
.news_preview_bl .podrobnee_link {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    background: #4990E3;
    border: 1px solid #4990E3;
    padding: 4px 28px;
    margin: 24px 0 0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.news_preview_bl .podrobnee_link:hover{
    color: #4990E3;
    background: transparent;
}
.pagination li{
	display: inline-block;
	vertical-align: top;
	padding: 17px 0 0;
}
.pagination li a{
	font-size: 24px; 
	color: #000;
	border: none;
	padding: 0;
}
.pagination li a:hover{
	background: none;
}
.pagination li.active a, .pagination li.active a:hover{
	font-size: 40px; 
	background: none;
	color: #000;
}
.pagination li.active, .pagination li.prev, .pagination li.next{
	padding: 0;
}
.pagination li.prev, .pagination li.next{
	padding: 0 7px;
}
.pagination .prev:hover, .pagination .next:hover{
 opacity: .7;
}
/*========prais_page========*/
.prais_page{
	
}
.table_and_link_wr{
    margin: 0 auto;
    width: 1000px;
    padding: 0;
}
.prais_page table tr td{
	padding: 5px;
}
.prais_page table tr.prais_table_zag_bg td{
	background: #8BC0FF;
}
.prais_page table tr td.prais_table_podzag_bg{
	background: #F3F3F3;
}
/*========contacty==========*/
.contacty_icon_wr, .contacty_text_wr{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.contacty_text_wr{
	width: calc(100% - 85px);
}
.contacty_icon_wr{
	width: 75px;
}
.contacty_third{
	margin: 0 0 0 74px;
}
.contacty_text_wr a, .contacty_text_wr .address{
	color: #216CC4;
	font-size: 21px; 
	font-family: 'Roboto-Bold'; 
	line-height: 1.2;
}
.contacty_text_wr  span{
	font-size: 12px; 
}
.section_map{
	margin: 35px 0;
	height: 500px;
	overflow: hidden;
}
/*===========================
==========modal_window=======
===========================*/
#spasibo_wr{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .35);
	z-index: 9000;
	display: none;
}
.check_thank_wr{
	margin: 0 auto 103px;
	display: block;
	text-align: center;
}
.spasibo_info_position{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.spasibo_text{
	max-width: 650px;
	width: 100%;
	padding: 41px;
	text-align: center;
	background: #4990E3; 
	color: #fff !important;
	font-family: 'Roboto-Bold'; 
}
.thanks_page_tpl .spasibo_text.thanks_page{ 
    color: #4990e3 !important; 
    background: #fff;
    margin: 0 auto; 
}
.check_thank_wr{
    margin: 75px auto 103px;
    
}
.spasibo_text h3{
	color: #fff !important;
	font-family: 'Roboto-Bold';
	font-size: 22px;	
}
.modal_block_form{
	background: #4990E3;
	color: #fff;
	width: 650px;
	padding: 25px 25px 28px;
}
.modal_block_form h4{
	font-size: 30px;
	font-family: 'Roboto-Bold';
	margin: 0px 0 3px;
}
.modal_block_form p{
	font-size: 20px;
}
.img_and_zagolovok_mrg{
	margin: 0 0 35px;
}
.modal_block_form input[type="text"], .modal_block_form input[type="submit"]{
	background: #fff;
	border: none;
	border-radius: 5px;
	font-size: 18px;
	color: #747474;
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px; 
	margin: 0 auto 30px;
	padding: 12px 10px 13px;
	width: 300px;
	max-width: 100%;
}
.modal_block_form input[type="submit"]{
	color: #fff;
	background: #31CD2C;
	margin: 0;
}
.modal_zagolovok, .modal_img_wr{
	display: inline-block;
	vertical-align: top;
}
.modal_img_wr{
	width: 80px;
 }
.modal_zagolovok{
	width: calc(100% - 85px);
}
.modal_block_form .polzovatelskoe_sogl label {
    margin: 3px 9px 0 0;
}
.modal_block_form .polzovatelskoe_sogl {
    margin: -10px 0 24px;
}
.news_page img, .dlya_dilera img {
    margin: 30px auto;
    display: block;
    max-width: 100%;
}
.text_block_2_2 {
    margin: 105px 0 0;
}
.news_page iframe{
    max-width: 100%;}
.news_page img, .dlya_dilera img {
    margin: 30px auto;
    display: block;
    max-width: 100%;
}
.text_block_2_3 {
    margin: 218px 0 0;
    text-align: right;
}
.text_block_2_4 {
    margin: 80px 0 0;
}
.text_block_2_5 {
    margin: 85px 0 0;
}
.text_block_2_6 {
    margin: 55px 0 0;
}
.product_2_img_1{ 
    width: 350px;
	margin: 62px auto 0;
}
.product_2_img_2 {
    width: 432px;
	margin: 35px 0;
}
.product_2_img_3 {
    width: 350px;
    margin: 60px auto 25px;
}
.product_2_img_4 {
    margin: 85px 0 0;
}
.text_block_2_3 {
    margin: 218px 0 0;
    text-align: right;
}
.product_2_img_5 {
    margin: 33px auto 0;
    display: block;
}
.text_block_2_4 {
    margin: 80px 0 0;
}
.product_2_img_6, .product_2_img_7 {
    margin: 35px 0 ;
}
.product_2_img_6{
	width: 410px;
}
.product_2_img_7{
	width: 347px;
}
.product_1_img_5 {
    margin: 35px auto 100px;
}
.product_1_img_6 {
    width: 455px;
    display: block;
    margin: 0 auto;
}
.product_1_img_7 {
    width: 100px;
}
.text_block_2_5 {
    margin: 85px 0 0;
}
.product_1_img_8 {
    margin: 45px 0 0;
}
.product_1_img_9 {
    margin: 100px 0 0;
}
.text_block_2_6 {
    margin: 55px 0 0;
}
.product_1_img_1 {
    width: 352px;
    margin: 70px 0 25px;
}
.product_1_img_2 {
    width: 490px;
    margin: 25px 0;
}
.text_block_1_2 {
    margin: 130px 0 0;
}
.product_1_img_3 {
    width: 338px;
    margin: 35px 0 0;
}
.product_1_img_4 {
    width: 490px;
    margin: 35px 0 0;
}
.text_block_1_3 {
    margin: 55px 0 0;
}
.text_block_1_4 {
    margin: 60px 0 0;
}
.product_1_img_5 {
    margin: 35px 0 100px;
}
.text_block_1_5 {
    margin: 90px 0 0;
}
.text_block_1_6 {
    margin: 55px 0 0;
}
/*====der_okna_pravki_3_11_19======*/
.der_okna_main_banner{
    display: block;
    height: 365px;
    width: 100%; 
    color: #fff;
    background: url(../img/banner_der_okna_page.jpg) no-repeat; 
    background-position: right;
    position: relative;
    margin: 20px 0 90px; 
}
.der_okna_main_banner h2{
    font-size: 32px;
    padding: 75px 0 0 50px;
    color: #fff;
    line-height: 42px;
    margin: 0;
    font-weight: normal; 
    position: relative;
}
.der_okna_main_banner h2 span.sobstv_proizvodstvo{
    color: #D9FF87;
}
.der_okna_main_banner h2 .nizkie_ceny, .der_okna_main_banner h2 span.sobstv_proizvodstvo{
    font-weight: bold; 
}
.der_okna_main_banner p{ 
    padding: 15px 0 0 50px;
    position: relative;
    max-width: 500px;
}
.der_okna_opisaniye{ 
    display: inline-block;
    width: 450px;
    background: #39C560;
    height: 100%;
    position: absolute;
    left: 0;
} 
.der_okna_opisaniye::before{ 
    content: '';
    position: absolute;
    left: 450px;
    bottom: 0; 
    border: 106px solid transparent;
    border-left: 42px solid #39C560;
    border-bottom: 261px solid #39C560;
}
.der_okna_main_banner a{ 
    padding: 12px 10px;
    width: 200px;
    display: inline-block;
    position: absolute;
    color: #fff;
    background: #39C560;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    right: 70px;
    bottom: 25px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #FBFBFB;
}
.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none; 
  overflow: hidden;
}
/* effect-5 styles */

.effect.effect-5{
  transition: all 0.2s linear 0s; 
}
.effect.effect-5:hover {
    text-indent: 30px;
    text-decoration : none;
}
.effect.effect-5:before {
    content: "\f054";
    font-family: FontAwesome;
    /*font-family: fontawesome-webfont;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 30px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 0 50% 50% 0;
    transform: scale(0,1);
    transform-origin: left center;
    transition: all 0.2s linear 0s;
  }
.effect.effect-5:hover:before{
    text-indent: 30px;
    transform: scale(1,1);
    text-indent: 0;
}
.col-30percent, .col-70percent{
    float: left;
    position: relative; 
} 
.col-30percent{
    width: 30%;
}
.col-70percent{
    width: 70%;
}
.col-push-70percent{
    left: 70%;
}
.col-pull-30percent{
    right: 30%;
}
.der_okna_block{
    margin: 0 0 95px;
}
.der-okna-1, .der-okna-2{
    position: relative;
}
.der_okna_1_1{ 
    position: absolute;
    bottom: -52px;
    right: 0;
} 
.der_okna_block h3{
    font-weight: bold;
    line-height: 37px;
    color: #1F1F1F;
    font-family: 'Roboto-Black'; 
    margin: 0 0 20px;  
}
.uzn_podrobnne_der_okna, .uzn_podrobnne_fin_okna{
    padding: 6px 0;
    width: 250px;
    height: 45px; 
    background: #216CC4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 20px 0 0;
    float: right;
}
.uzn_podrobnne_fin_okna{
    float: none;
}
.uzn_podrobnne_der_okna:hover, .uzn_podrobnne_fin_okna:hover{
    color: #fff;
}
.der-okna-2{
    text-align: right; 
}
.der_okna_2_2{
    position: absolute;
    bottom: -52px;
    left: 0; 
}
.der_okna_1_1, .der_okna_2_2{ 
    border: 5px solid transparent;
    border-radius: 50%; 
}
.der_okna_1_1:hover, .der_okna_2_2:hover{
    border: 5px solid #58A456;
    border-radius: 50%; 
}
.preimushesnva_bl{
    text-align: center; 
    color: #000;
    margin: 0 0 60px; 
}
.preimushesnva_bl h4{
    font-size: 22px;
    line-height: 29px;
    font-weight: bold;
    height: 100px;
    position: relative;
    margin: 0;
}
.preimushesnva_bl h4 span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.preimushesnva_bl p{
    font-size: 18px;
    line-height: 24px;
    max-width: 270px;
    margin: 0 auto;
}
.preimushesnva_bl img:hover{
    opacity: 0.75;
}
.der_okna_kak_izg{
    padding: 100px 0;
}
.kak_izgotavlivautsua{
    max-width: 370px; 
    margin: 0 auto 90px;
}
.kak_izgotavlivautsua > div{
    position: relative;
    height: 175px;
    margin: 0 0 10px;
}
.kak_izgotavlivautsua .kak_izg_number, .kak_izgotavlivautsua h4{
    display: inline-block;
    vertical-align: top;
    position: absolute;
}
.kak_izgotavlivautsua .kak_izg_number{
    font-weight: 900;
    font-size: 150px;
    line-height: 170px; 
    font-family: 'Roboto-Regular'; 
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: linear-gradient(0deg, #2EB529, #A9FFA6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 80px;
}
.kak_izgotavlivautsua h4{  
    left: 80px;
    top: 50%;
    transform: translate(0,-50%);
    margin: 0 0 0 5px;
    font-size: 22px;
}
.kak_izgotavlivautsua p{
    font-size: 18px;
    line-height: 24px;
}
.kak_izgotavlivautsua_num_4{
    float: right; 
    margin: 0 45px 90px 0;
}
.kak_izgotavlivautsua_num_5{
    margin: 0 0 90px 45px; 
}
.pravilniye_otvety_section {
    background-image:  url(../img/banner_pravilniye_otvety.jpg);
    background-size: cover;
    padding: 90px 0; 
    color: #fff;
}
.pravilniye_otvety_section > div{ 
    position: relative;
}
.pravilniye_otvety_section h2{
    margin: 0 0 15px; 
    font-size: 38px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-weight: bold;
}
.pravilniye_otvety_section p{
    font-size: 20px;
    line-height: 26px; 
}
.zapolnit_anketu{
    padding: 12px 10px;
    width: 200px;
    display: inline-block;
    color: #fff;
    background: #39C560;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #FBFBFB;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.wrap_1005{
    width: 1005px;
    max-width: 100%;
    margin: 0 auto;
}
#modal_window_anketa{
    position: fixed;
    top: 50%;
    background: #fff;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 960px; 
    height: auto;
    margin: auto;
    border-radius: 0;
    z-index: 9000;
    max-height: 95vh;
    overflow-y: auto;
    border-radius: 5px;
    padding: 0px 0 35px;
}
#modal_window_anketa h3.anketa_sec{
    font-size: 26px;
    color: #58A456; 
    margin: 10px 0 35px 35px;
}
#modal_window_anketa .polzovatelskoe_sogl label{
    display: inline-block;
}
#modal_window_anketa .polzovatelskoe_sogl a{
    color: #000;
}
.green_line{
    background: #58A456;
    height: 18px;
}
#modal_window_anketa h3{
    margin: 35px 0 15px 35px; 
    font-family: 'Roboto-Regular'; 
    font-size: 28px;
    color: #000; 
}
.zapolnite_anketu{
    display: inline-block;
    color: #fff;
    background: #58A456;
    font-size: 24px;
    padding: 17px 0 16px 35px;
    margin: 0 0 50px; 
    position: relative;
}
.zapolnite_anketu::after {
    content: '';
    position: absolute;
    right: -27px;
    bottom: 0;
    border: 19px solid transparent;
    border-left: 8px solid #58A456;
    border-top: 48px solid #58A456;
}
input:invalid {
    box-shadow: none;
}
.sfera_premineniya_section{
    padding: 100px 0;
}
.sfera_premineniya_section_img{
    position: relative;
    height: 825px;
    margin: 35px 0 45px;
}
.sfera_premineniya_section_img > div{
    display: inline-block; 
    text-align: center; 
    vertical-align: top;
    position: absolute;
}
.sfera_premineniya_section_img > div > img{
    border-radius: 50%;
    border: 5px solid #58A456;
    box-sizing: border-box; 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.sfera_premineniya_section_img > div:hover > img{
    border: 5px solid #31CD2C; 
}
.sfera_premineniya_section_big{
    max-width: 200px;
}

.sfera_premineniya_section_big h4{
    font-size: 24px;
    margin: 25px 0 0; 
}
.sfera_premineniya_section_mid h4{
    font-size: 22px;
    margin: 15px 0 0;
}
.sfera_premineniya_section_small h4{
    font-size: 20px;
     margin: 10px 0 0; 
}
.sfera_premineniya_section_mid{
     max-width: 150px;
}
.sfera_premineniya_section_small{
    max-width: 100px;
}
#kottedg{
    left: 157px;
    top: 274px;
}
#dom_brus{
    left: 520px;
    top: 348px;
}
#dom_panel{
    left: 742px;
    top: 232px;
}
#dom{
    top: 487px;
    left: 970px;
}
#banya{
    top: 60px;
    left: 134px;
}
#dom-kar{
    top: 554px;
    left: 75px;
}
#dom_leto{
    top: 195px;
    left: 374px;
}
#dom_leto{
    top: 195px;
    left: 374px;
}
#kv{
    top: 502px;
    left: 357px; 
}
#dacha{
    top: 0px;
    left: 791px; 
}
#srub{
    top: 200px; 
    left: 960px; 
}
#stalin{
    top: 304px; 
    left: 15px; 
}
#balkon{
    top: 30px; 
    left: 362px; 
}
#terassa{
    top: 149px;
    left: 584px;
}
#veranda{
    top: 639px;
    left: 593px;
}
#parilka{
    top: 578px;
    left: 759px;
}
#lodjiya{
    top: 84px;
    left: 1107px;
}
#hrushevka{
    top: 283px;
    left: 1143px; 
}
#modal_window_anketa label{
    display: block;
    font-weight: normal;
    font-size: 20px;
     margin: 3px 5px 15px 35px; 
     color: #000;
}
#modal_window_anketa .soglasie_error{
    margin: 0 0 0 35px;
}
#modal_window_anketa label span{
    color: #ff0000;
}
#modal_window_anketa input[type="text"], #modal_window_anketa input[type="email"]{  
    margin: 0 0 35px 35px;
    border: none;
    max-width: 300px;
    font-size: 18px;
    padding: 0 0 5px;
    border-bottom: 1px solid #DADADA;
    width: 100%;
}
#modal_window_anketa .send{
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 13px 73px;
    margin: 23px 0 0 35px;
    color: #fff;
    background: #FF6F1E;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border: none;
}
#modal_window_anketa .send:hover{
    background: #db5d17;
}
#modal_window_anketa input[type="text"] ::-webkit-input-placeholder,  #modal_window_anketa input[type="email"]  ::-webkit-input-placeholder{color:#DADADA;}
#modal_window_anketa input[type="text"]  ::-moz-placeholder, #modal_window_anketa input[type="email"]   ::-moz-placeholder   {color:#DADADA;}/* Firefox 19+ */
#modal_window_anketa input[type="text"]  :-moz-placeholder, #modal_window_anketa input[type="email"]   :-moz-placeholder{color:#DADADA;}/* Firefox 18- */
#modal_window_anketa input[type="text"]  :-ms-input-placeholder, #modal_window_anketa input[type="email"] :-ms-input-placeholder {color:#DADADA;}
/*===========================
==========modal_window=======
===========================*/
.modal_window_bg{
	width:100%;
	height:100%;
	position: fixed;
	display:none;
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.45) inset;
	z-index: 8500;
}
#modal_window{
	position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    height: auto;
    margin: auto;
    border-radius: 0;
    z-index: 9000;
    max-height: 95vh;
    overflow-y: auto;
}
.close-icon{
	position: absolute;
    top: 30px;
    right: 30px;
    background-image: url(../img/close_modal_btn.svg); 
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
	cursor: pointer;
}
#raschitat_stoimost_link, #zakazat_zvonok_right_side_link{
	width: 56px;
    height: 56px; 
    position: fixed;
    display: inline-block;
	border-radius: 5px;
    bottom: 25px;
    right: 25px;
    background: url(../img/icon_calc.svg) no-repeat center; 
	background-size: cover;
    z-index: 5500; 
	transition: width .2s; 
}
#zakazat_zvonok_right_side_link{
	background: url(../img/icon_phone.svg) no-repeat center; 
	bottom: 125px;
	background-size: cover;
}
#raschitat_stoimost_link:hover, #zakazat_zvonok_right_side_link:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    box-shadow: 0px 0px 30px 0px rgba(18,86,166,0.25);
    cursor: pointer;
}
/*========modal_window_timer=========*/
#modal_timer_cover{
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 35px auto 0;
    padding: 15px 0 0;
    transform: translate(-50%, -50%);
    width: calc(80% + 45px);
    max-width: 445px;
}
#modal_timer_cover .close-icon{
    position: absolute;
    top: 15px;
    right: -3px; 
}
#modal_timer{
    width: 80%;
    max-width: 400px;
    height: auto;
    margin: auto;
    border-radius: 0;
    z-index: 9000;
    max-height: 95vh;
    overflow-y: auto;
    background: #f4f4f4; 
}
#modal_timer .top_text{
    background: #44794d;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 9px 0;
}
.photo_timer{
    height: 200px;
    background-image: url('../img/timer_bg.jpg');
    width: 100%;
    background-size: cover;
    background-position: center;
}
#countdown_clock{
    text-align: center;
}
#countdown_clock div{
    display: inline-block;
}
#countdown_clock span{
    display: block;
}
#countdown_clock .number{
    font-size: 42px;
    background: rgba(82,151,97,1);
    background: -moz-linear-gradient(top, rgba(82,151,97,1) 0%, rgba(76,151,93,1) 50%, rgba(53,116,71,1) 50%, rgba(40,121,66,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,151,97,1)), color-stop(50%, rgba(76,151,93,1)), color-stop(50%, rgba(53,116,71,1)), color-stop(100%, rgba(40,121,66,1)));
    background: -webkit-linear-gradient(top, rgba(82,151,97,1) 0%, rgba(76,151,93,1) 50%, rgba(53,116,71,1) 50%, rgba(40,121,66,1) 100%);
    background: -o-linear-gradient(top, rgba(82,151,97,1) 0%, rgba(76,151,93,1) 50%, rgba(53,116,71,1) 50%, rgba(40,121,66,1) 100%);
    background: -ms-linear-gradient(top, rgba(82,151,97,1) 0%, rgba(76,151,93,1) 50%, rgba(53,116,71,1) 50%, rgba(40,121,66,1) 100%);
    background: linear-gradient(to bottom, rgba(82,151,97,1) 0%, rgba(76,151,93,1) 50%, rgba(53,116,71,1) 50%, rgba(40,121,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529761', endColorstr='#287942', GradientType=0 );
    color: #fff; 
    border-radius: 5px; 
    width: 60px;
    height: 60px; 
    position: relative;
}
#countdown_clock .number span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#countdown_clock .text{
    color: #8e8e8e;
}
#modal_timer .timer_countdown{
    padding: 15px 0; 
}
#modal_timer .dvoetochiye{
    display: inline-block;
    width: 18px;
    height: 60px;
    position: relative;
    vertical-align: top; 
}
#modal_timer .dvoetochiye .top_dot, #modal_timer .dvoetochiye .bottom_dot{
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #9bc6a8;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
#modal_timer .dvoetochiye .bottom_dot{
    top: 70%;
} 
#modal_timer .polzovatelskoe_sogl{
    margin: 10px 0 0;
    font-size: 12px;
} 
#modal_timer .polzovatelskoe_sogl a{
    color: #757575; 
}
#modal_timer .modal_timer_main_text{
    padding: 0 20px 20px; 
    color: #343434;
}
#modal_timer .modal_timer_main_text h2{
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.3;
}
#modal_timer .modal_timer_main_text p{
    font-size: 18px;
    margin: 0 0 10px;
}
#modal_timer .modal_timer_inp_name_ph, #modal_timer .modal_timer_submit{
    display: inline-block;
    width: 63%;
    float: left;
}
#modal_timer .modal_timer_submit{
    width: 37%;
}
#modal_timer input[type="submit"]:hover {
    background: #26a14d;
    cursor: pointer; 
}
#modal_timer input, #modal_timer span.modal_timer_close_modal{
    padding: 7px 17px;
    margin: 0 10px 10px 0;
    width: calc(100% - 10px);
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}
#modal_timer input[type="submit"], #modal_timer span.modal_timer_close_modal{
    background: #2f7a41;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 0 0 10px;
}
#modal_timer span.modal_timer_close_modal{
    background: #58595d;
    display: block;
    padding: 7px 0;
    border: none;
}
#modal_timer span.modal_timer_close_modal:hover{
    background: #6f727a;
}
.polzovatelskoe_sogl input[type=checkbox] {
    display: none;
    cursor: pointer;
}
#modal_timer .polzovatelskoe_sogl label {
    margin: 3px 9px 0 0;
}
#modal_timer .polzovatelskoe_sogl label{
    width: 18px;
    height: 18px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin: 1px 9px 0 0;
}
#modal_timer .polzovatelskoe_sogl label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0; 
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #E7D88E; 
}
#modal_timer .polzovatelskoe_sogl label:before {
    border-radius: 3px;
} 
#modal_timer .polzovatelskoe_sogl input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #000000;
    text-align: center;
    line-height: 15px;
}
#modal_timer_link {
    background-color: #44794d;
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
    position: fixed;
    text-decoration: none;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 70px;
    z-index: 8000;
    vertical-align: middle;
    text-align: center;
    -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
    animation: radial-pulse 1.7s infinite;
    text-decoration: none!important;
    font: 16px Arial,sans-serif;
}
#modal_timer_link span{
    display: inline-block;
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
} 
#modal_timer_link:hover{
    animation: radial-pulse-hover 1.15s infinite;
    cursor: pointer;
}
#modal_timer_link span{ 
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
@keyframes radial-pulse {
    0%{
        box-shadow: 0 0 0 0px #4c975d;
    }
    
    100% {
        box-shadow: 0 0 0 25px #4c975d00;
    }
}
@keyframes radial-pulse-hover {
    0% {
        box-shadow: 0 0 0 0px #4c975d;
    }
    
    100% {
        box-shadow: 0 0 0 35px #4c975d00;
    }
}
/*==========footer=========*/
footer{
	background: #2E363F;
	padding: 20px 0 35px; 
	font-family: 'Montserrat-Bold';
	color: #fff;
}
footer a{
	display: inline-block;
	color: #fff;
}
footer a:hover{
	color: #fff;
}
.footer_logo h2{
    font-size: 20px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.footer_logo img{
	vertical-align: top;
	margin: 3px 0 0;
}
.footer_phone_dir{
	text-align: right;
}
.footer_phone{
	font-size: 30px;
}
.footer__text_desc{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    opacity: .65;
    width: calc(100% - 200px);
    margin: 0 0 0 15px;
    vertical-align: top;
}
footer a.footer_logo:hover{
	text-decoration: none;
}
@media (max-width: 1500px){  
	.wrap_header{
		width: 100% !important; 
	}
	header .left_four_menu_mrg {
		margin: 0 0 0 12%;
	}
}
@media (max-width: 1450px){ 
	header .left_four_menu_mrg {
		margin: 0 0 0 15%;
	}
	.dws-menu .left_four_menu_mrg li a {
        padding: 8px 20px 8px 7px;
    }
	.top_header .center_top_menu .logo_wr{
		background: url(../img/logo_wr_bg.png) -2px 45px no-repeat;
		padding: 9px 0 15px;
		background-size: 100%;
		width: 200px;
		left: 20%;
	} 
	.dws-menu > ul li a {
		padding: 6px 5px;
	} 
	.top_header .center_top_menu .logo_wr {
		left: 15%;
	}
	.slider_block{ 
		padding: 78px 0 0;
	}
	.top_header .center_top_menu .logo_wr {
		left: 20%;
	} 
	.above_slider_text_info {
		left: 5%;
		margin-left: 0;
	}
}
@media (max-width: 1400px){ 
    .dws-menu .left_four_menu_mrg li a{
        padding: 8px 15px 8px 7px;
    } 
}
@media (max-width: 1360px){ 
    .dws-menu .left_four_menu_mrg li a{
        padding: 8px 10px 8px 9px;
    } 
    header .left_four_menu_mrg {
        margin: 0 0 0 13%;
    }
    .sfera_premineniya_section_img {
        position: relative;
        height: 805px;
        overflow: scroll; 
    }
    #banya {
        top: 48px;
        left: 73px;
    }
    #balkon {
        top: 30px;
        left: 284px;
    }
    #dacha {
        top: 0px;
        left: 730px;
    }
    #lodjiya {
        top: 26px;
        left: 979px;
    }
    #terassa {
        top: 111px;
        left: 559px;
    }
    .sfera_premineniya_section_big {
        max-width: 170px;
        width: 170px;
    }
    .sfera_premineniya_section_mid {
        max-width: 130px;
        width: 130px;
    }
}
@media (max-width: 1300px){ 
	.wrap{
		width: 95% !important;
	}
	.contacty_icon_wr{
		width: 50px;
	}
	.top_header .wrap{
		width: 99% !important;
	}
	.dws-menu > ul li a {
		padding: 4px 5px;
		font-size: 14px;
	}
	header .left_four_menu_mrg {
		margin: 0 0 0 155px;
	}
	.top_header .center_top_menu .logo_wr {
		left: 15%;
	}
	.slider_block {
		padding: 73px 0 0;
	}
	.counts_info_block_line .counter_number {
		font-size: 65px;
	}
	#about .info_text {
		font-size: 16px;
	}
	.tip_konstrukcii_window{
		width: 95%;
	} 
	.radio_answer_btn label {
		font-size: 18px;
	}
	
}
@media (max-width: 1245px){
    .dvuhstvorchatiye_stv_btns .stv_line.levaya {
        margin: 0 37px 0 0px;
    }
	.contacty_text_wr a, .contacty_text_wr .address{
		font-size: 18px;
	}
	.photogallery_page a.gallery_link{
		display: inline-block;
		width: 98%;
		margin: 0 0 24px; 
		height: 195px;
		overflow: hidden;
		max-height: 195px; 
	}
	.gallery_link_wr:nth-child(3n+1){
		padding: 0 12px 0 0;
	}
	.gallery_link_wr:nth-child(3n+2){
		padding: 0 12px 0;
	}
	.gallery_link_wr:nth-child(3n+3){
		padding: 0 0 0 12px;  
	}
	.text_block_2_3 {
		margin: 155px 0 0;
	}
	.tip_konstrukcii_window .img_h{ 
		height: 300px;
	}
	.tip_konstrukcii_window .img_h img{
		max-height: 100%;
	}
	.slider_block {
		padding: 71px 0 0;
	}
	header .left_four_menu_mrg {
		margin: 0 0 0 12%;
		vertical-align: top;
	}
	.dws-menu > ul{
		width: 46.0%;
	}
	header .left_four_menu_mrg {
		margin: 0 0 0 6.5%;
		text-align: right;
	}
	.dws-menu > ul li a{
		padding: 4px;
		font-size: 13px;
	}
	.slide_info{
		margin: 200px 0 0;
	}
	.garantiya_icon_first_dir{
		padding: 0 5px 0 0; 
	}
	.garantiya_icon_second_dir{
		padding: 0 5px 0; 
	}
	.garantiya_icon_third_dir{
		padding: 0 0 0 5px; 
	}
	.garantiya_icons_text{
		height: auto;
	}
	.garantiya_icons_text h4 {
		width: 60%;
	}
	.second_btn_third_block.lam{
		margin: 0;
	} 
	.img_big_window, .img_big_window img#front, .height_r{
		height: 390px;
	}
	.window_big_wr {
		/*width: 700px;*/ 
		width: auto;
	}
	.window_text, .stvorka_select_wr label, .window_mm {
		font-size: 15px;
	}
	.stvorka_select_wr select{
		width: 138px;
	}
	#front{
		max-height: 285px;
	    min-width: 155px;
	}
}
@media (max-width: 1200px){
    .tip_okna_label {
        width: 120px;
        height: 120px; }
    .window_big_wr input[type="number"] {
        width: 50px; }
    
    
}
@media (max-width: 1170px){
    header .left_four_menu_mrg {
        margin: 0 0 0 8.6%;
    }
	.next_prev_btns button{
		font-size: 20px;
		padding: 5px 0;
		width: 205px;
	}
	.content_rascheta_stoimosty h5 {
		font-size: 20px;
	}
	.top_header .left_top_menu a, span.header_bespl_zamer {
		margin: 0 5px 0 0;
	}
	.dws-menu > ul{
		width: 45.5%;
	}
	.top_header .left_top_menu, .top_header .right_top_menu {
		width: 41.5%;
	}
	.top_header .center_top_menu {
		width: 16%;
	}
	.top_header .center_top_menu .logo_wr {
		left: 10%;
		max-width: 100%;
	}
	.top_header .left_top_menu a img, span.header_bespl_zamer img {
		margin: 0 3px 0 0;
		width: 30px;
		height: auto;
	}
	.top_header a, span.header_bespl_zamer{
		font-size: 15px;
	}
	.center_top_menu h2{ 
		font-size: 14px;
	}
	.proizvodstvo img{
		max-width: 95%;
		margin: 15% 0 0;
	}
	.otprav_zayavku_form input[type="text"], .otprav_zayavku_form input[type="submit"] {
		margin: 0 15px 0 0;
	}
	.otprav_zayavku_form {
		margin: 0 0 0 0;
	}
	.otprav_zayavku_form input[type="text"], .otprav_zayavku_form input[type="submit"]{ 
		width: 270px;
	}
	.gallery_link_to span{
		font-size: 18px;
		width: auto;
	}
	.step_four_form input[type="text"], .step_four_form input[type="submit"] {
        margin: 0 25px 10px 0;
	}
	.der-okna-1 img, .der-okna-2 img{ 
	    max-width: 90%; 
	}
	.preimushesnva_bl p{ 
        max-width: 80%;
	}
}
@media (max-width: 1095px){
	.content_rascheta_stoimosty h5 {
		font-size: 18px; 
	}
	.top_header .center_top_menu .logo_wr{
		left: 0;
	}
	.photogalereya_main_page {
		padding: 50px 0 15px;
	}
	.tip_okna_label{ 
		width: 100px;
		height: 100px;
	}
	.tip_okna_label img {
		position: absolute;
		max-height: 70%;
		max-width: 70%;
	}
	.contacty_third {
		margin: 0;
	}
}
@media (max-width: 1024px){
    .der_okna_main_banner h2 {
        font-size: 28px;
        padding: 35px 0 0 35px;
        color: #fff;
        line-height: 38px;
    }
    .der_okna_main_banner p {
        padding: 10px 0 0 35px;
    }
    .der_okna_main_banner{
        height: 295px;
    }
    .der_okna_opisaniye {
        display: inline-block;
        width: 400px;
    }
    .der_okna_opisaniye::before {
        left: 400px; 
        border: 87px solid transparent;
        border-left: 37px solid #39C560;
        border-bottom: 208px solid #39C560;
    }
	header .left_four_menu_mrg {
		margin: 0 0 0 8.5%;
	}
	.top_header .center_top_menu .logo_wr {
		padding: 9px 0 20px;
	}
	.date_time {
		margin: 12px 0 50px 20px;
	}
	.h3_wr_news_prev_link h3, .news_preview_bl p{
		padding: 0 0 0 20px;
	}
	.table_and_link_wr{
		max-width: 100%;
	} 
	.wrap_1005{ 
	    width: 95%;
	}
	.pravilniye_otvety_section{ 
        padding: 60px 0;
	}
}
@media (max-width: 992px){
    #modal_window_anketa h3.anketa_sec{ 
        font-size: 24px;
        margin: 10px 0 25px 15px;
    }
    .der_okna_1_1, .der_okna_2_2{
        border: 3px solid transparent; 
    }
    .sfera_premineniya_section_big h4{
        margin: 10px 0 15px;
    }
    .der_okna_1_1:hover, .der_okna_2_2:hover{
        border: 3px solid #58A456; 
    }
    #modal_window_anketa label {
        font-size: 18px;
        margin: 3px 5px 15px 15px;
    }
    #modal_window_anketa input[type="text"], #modal_window_anketa input[type="email"] {
        margin: 0 0 25px 15px;
        max-width: 90%;
    } 
    #modal_window_anketa .send{
        font-size: 18px;
        line-height: 24px;
        padding: 13px 35px;
        margin: 23px 0 0 15px;
    }
    .zapolnit_anketu {
        margin: 15px 0 0;
        position: relative;
    }
    .kak_izgotavlivautsua h4{ 
        font-size: 20px;
    }
    .der_okna_kak_izg {
        padding: 50px 0;
    } 
    .kak_izgotavlivautsua p {
        font-size: 16px;
        max-width: 95%; 
    }
    .kak_izgotavlivautsua{ 
        margin: 0 auto 45px;
    }
    .der_okna_main_banner a {
        padding: 9px 1px;
        width: 185px;
        border-radius: 5px;
        right: 15px;
        bottom: 15px;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
    }
    .preimushesnva_bl h4 {
        font-size: 20px;
        line-height: 24px; 
    }
	.check_thank_wr {
		margin: 0 auto 25px;
	}
	.section_map{
		margin: 15px 0; 
		height: 350px;
		padding: 0 15px;
	}
	.contacty_text_wr a, .contacty_text_wr .address {
		font-size: 16px;
	}
	.date_time {
		margin: 12px 0 25px 20px;
	}
	.product_1_img_2{
		margin: 53px 0;
	}
	.text_block_2_3 {
		margin: 100px 0 0;
	}
	.vid_okna_1 {
		padding: 25px 0 75px;
	}
	.vid_okna h1 {
		font-size: 28px;
		margin: 20px 0 45px;
	} 
	.goodwin_img {
		margin: 35px 0 0 5%;
	}
	.novoline_img {
		margin: 25px 5% 0 0;
	}
	.knip_ping_img {
		margin: 54px 0 0 5%;
	}
	.kbe_img {
		margin: 44px 5% 0 0;
	}
	.vid_okna_1 img{
		max-width: 95%;
	}
	.text_pl_2 {
		padding: 45px 0 0;
	}
	.balkon_stv_btns .stv_line.levaya {
		margin: 0 10px 0 0;
	}
	.plastikovoe_okno_info_section {
		padding: 45px 0;
	}
	.stvorka_select_wr select{
		margin: 5px 0 0;
		padding: 5px 10px;
		font-size: 16px;
		height: 33px;
	}
	.content_rascheta_stoimosty {
		background: #fff;
		padding: 50px 0 55px;
	}
	.content_rascheta_stoimosty{
		padding: 50px 5px 55px;
	}
	.question_bl_wr input[type='checkbox'] + label {
		background: url(../img/checkbox.svg) no-repeat 0 1px;
		font-size: 16px;
	}
	.tolshina_steny_mm{
	    font-size: 16px;
	}
	.question_bl_wr input[type='checkbox']:checked + label{
		background: url(../img/checkbox_hover.svg) no-repeat 0 1px;
	}
	.tip_konstrukcii_window .img_h {
		height: 260px;
	}
	.photogalereya_main_page a{
		height: 165px;
	}
	.otprav_zayavku_form input[type="text"], .otprav_zayavku_form input[type="submit"] {
		width: 210px;
	}
	.polzovatelskoe_sogl {
		margin: 10px 0 0;
	}
	.garantiya_icons_text h4 {
		width: 60%; 
		font-size: 20px;
	}
	.garantiya_icons_text img {
		max-height: 70px;
	}
	.produkziya_main_page_item {
		padding: 10px;
	}
	.produkziya_main_page_item h3{
		margin: 45px 0 90px 10px;
		min-height: 110px;
	}
	.produkziya_main_page_item a, .produkziya_main_page_item a.produkziya_podrobnee_link{
		font-size: 20px;
		margin: 0 10px 10px;
	}
	.counts_info_block_line .counter_number {
		font-size: 43px;
	}
	.slide_info h2, .otprav_zayavku_form h2, .thanks_page_tpl .spasibo_text.thanks_page h2{
		font-size: 26px;
	}
	.slide_info {
		margin: 130px 0 0;
	}
	.slide_info p img{ 
		height: 20px; 
	}
	.slide_info p span { 
		margin: 0px 0 0 15px;
	}
	.slide_info p {
		font-size: 20px;
	}
	.slide_info{ 
		padding: 20px 25px;
		max-width: 500px;
	}
	#slider_main .slide {
		height: 450px;
	}
	.top_header .left_top_menu a, span.header_bespl_zamer {
		margin: 0 3px 0 0;
	}
	.top_header a, span.header_bespl_zamer{ 
		font-size: 12px;
	}
	.top_header .right_top_menu a {
		margin: 0 0 0 5px;
	}
	.top_header .center_top_menu {
		width: 15.9%;
	}
	.dws-menu > ul {
		width: 44.5%;
	}
	header .left_four_menu_mrg {
		margin: 0 0 0 10.5%;
	} 
	.logo_wr img{
		width: 35px; 
	}
	.center_top_menu h2 {
		font-size: 12px;
	}
	h2.h2_main_page {
		font-size: 24px;
		margin: 0 0 35px;
	}
	h2.h2_main_page::before {
		content: '';
		position: absolute;
		left: -22px;
		bottom: 0;
		border: 15px solid transparent;
		border-right: 7px solid #1f1e1b;
		border-bottom: 30px solid #1f1e1b;
	}
	h2.h2_main_page::after {
		content: '';
		position: absolute;
		right: -22px;
		bottom: 0;
		border: 15px solid transparent;
		border-left: 7px solid #1f1e1b;
		border-top: 30px solid #1f1e1b;
	}
	p{
		font-size: 18px;
	}
	.proizvodstvo h2::before {
		border-right: 7px solid #fff;
		border-bottom: 30px solid #fff;
	}
	.proizvodstvo h2::after {
		border-left: 7px solid #fff;
		border-top: 30px solid #fff; 
	}
	.spisok_respublik ul li span.marker{
		font-size: 16px;
		margin: 6px 0 15px;
	}
	.nashi_preimushestva p {
		margin: 0 0 50px;
	}
	.produkziya {
		padding: 25px 0 35px;
	}
	.nashi_preimushestva {
		padding: 15px 0;
	}
	.garantiya_icons_text{
		padding: 5px;
		height: 86px;
	}
	.komplektuychie_block {
		margin: 0 auto 35px;
	}
	.garantiya_icons_text {
		margin: 0 0 45px;
	}
	.otprav_zayavku_form_wr {
		padding: 35px 0; 
		margin: 50px 0 0;
	}
	.step_btn{ 
		font-size: 20px;
		padding: 0px 35px;
	}
	.content_rascheta_stoimosty.content_step_1 h5 {
		margin: 5px 0 35px;
	}
	.content_step_3 h5 {
		margin: 0 0 45px;
	}
	.question_bl_wr h5 {
		margin: 0 0 20px;
	}
	.radio_answer_btn label {
		font-size: 16px;
	}
	.question_bl_wr {
		margin: 0 0 45px;
	}
	.next_prev_btns{
		padding: 0 15px 35px 0;
	}
	.text_block_2_5 {
		margin: 35px 0 0;
	}
	.text_block_1_2 {
		margin: 95px 0 0;
	}
	.vid_okna.der_vid img, .vid_okna.news_page img{
		max-width: 95%;
	}
	.text_block_1_5, .text_block_1_6{
		margin: 55px auto 0; 
	}
	.product_1_img_5 {
		margin: 35px 0 50px;
	}
	.window_bg_right_side {
        width: 79.4%;
	}
	.window_bg_left_side {
        width: 20%;
    }
    .vysota_label_mrg {
        float: none;
        margin: 0;
        transform: rotate(-90deg);
        width: 170px;
        vertical-align: top;
    }
    #modal_window_anketa h3 {
        margin: 20px 0 10px 15px;
    }
    .zapolnite_anketu {
        display: inline-block;
        color: #fff;
        background: #58A456;
        font-size: 20px;
        padding: 10px 0 10px 15px;
        margin: 0 0 35px;
    }
    .zapolnite_anketu::after {
        content: '';
        position: absolute;
        right: -20px;
        bottom: 0;
        border: 14px solid transparent;
        border-left: 6px solid #58A456;
        border-top: 34px solid #58A456;
    } 
    #modal_window_anketa .polzovatelskoe_sogl label {
        font-size: 18px;
        margin: 3px 5px 15px 0;
    }
    #modal_window_anketa .polzovatelskoe_sogl{
        margin: 0 0 0 15px; 
    }
    .sfera_premineniya_section_img > div{
        position: static; 
        width: 25%;
        float: left;
        height: 250px
    }
    .sfera_premineniya_section_big, .sfera_premineniya_section_mid, .sfera_premineniya_section_small{ 
        max-width: 100%;
    }
    
    .sfera_premineniya_section_img > div > img{
        width: 90%; 
    }
    .sfera_premineniya_section_img{
        height: auto;
    }
}
@media (max-width: 835px){
	header .left_four_menu_mrg {
		margin: 0 0 0 9.65%;
	} 
}
@media (max-width: 767px){
    .photo_timer {
        height: 160px;
    }
    #modal_timer .top_text{
        font-size: 18px;  
    }
    #modal_timer_cover .close-icon{
        right: 10px;
    }
    #modal_timer_link {
        width: 57px;
        height: 57px;  }
    #modal_timer_link span {
        font-size: 11px; }
    #modal_timer .modal_timer_main_text h2 {
       font-size: 18px;
        margin: 0 0 10px;
    }
    .modal_timer_link {
        width: 90px;
        height: 90px;
        top: 80%;
    }
    .h3_wr_news_prev_link h3, .news_preview_bl p {
        padding: 0 0 0 10px;
    }
    .modal_timer_link span {
        margin: 25px auto 0;
        font-size: 12px;
    }
    .modal_timer_link{
        left: 10px;
    }
    #modal_window_anketa .send {
        font-size: 18px;
        line-height: 24px;
        padding: 13px 35px;
        margin: 10px 0 10px 15px;
    }
    #modal_window_anketa h3.anketa_sec{
        font-size: 20px;
    }
    .preimushesnva_bl{
        height: 500px;
    } 
    .der_okna_opisaniye {
        display: inline-block;
        width: 100%;
        background: #2f2f2f85;
        height: 100%;
    }
    .der_okna_block {
        margin: 0 0 55px;
    }
    .der_okna_opisaniye::before{ 
        bottom: 0;
        border: 0;
        border-left: 0;
        border-bottom: 0;
    }
    .der_okna_main_banner a{
        left: 35px;
        bottom: 30px;
    }
    .uzn_podrobnne_der_okna, .uzn_podrobnne_fin_okna {
        padding: 4px 0;
        width: 195px;
        height: 38px;
        color: #fff;
        font-size: 16px;
        line-height: 27px;
        margin: 20px 0 0;
        float: none;
    }
    .zapolnit_anketu {
        padding: 9px 7px;
        width: 175px;
        font-size: 16px;
        line-height: 17px;
    }
    .produkziya_main_page_item_wr{
    	padding: 0 25px 60px;
    }
    .produkziya img{
        max-height: 300px; 
    }
    .novoline_img, .goodwin_img, .kbe_img, .knip_ping_img{
        margin: 15px auto 0;
        display: block;
    }
    .next_prev_btns button.back_btn {
        margin: 0 0 0 15px;
        float: left;
    }
    .vysota_label_mrg {
        float: none;
        margin: 0; 
        transform: rotate(-90deg);
        left: 20%;
        position: relative;
    }
    .mobile_tel_link img{
         height: 35px; 
    }
    .mobile_logo img{
        height: 43px;
    }
    #raschitat_stoimost_link, #zakazat_zvonok_right_side_link{
    	width: 35px;
        height: 35px;  
    }    
    #zakazat_zvonok_right_side_link {
        bottom: 105px;
    }
	.contacty_info_bl {
		margin: 0 0 20px;
	}
	.vid_okna.photogallery_page .pagination {
		margin: 20px 0;
	}
	.photogallery_page a.gallery_link{
		margin: 0 0 10px;
	}
	.gallery_link_wr:nth-child(2n+1){
		padding: 0 5px 0 0;
	}
	.gallery_link_wr:nth-child(2n){
		padding: 0 0 0 5px;
	}
	.pagination img{
		height: 35px;
	}
	.pagination li {
		padding: 8px 0 0;
	}
	.pagination li a{
		font-size: 18px; 
	}
	.pagination li.active a, .pagination li.active a:hover{
		font-size: 24px; 
		background: none;
		color: #000;
	}
	.thanks_page_tpl .spasibo_text.thanks_page h2{
	    font-size: 20px;
	}
	.h3_wr_news_prev_link h3{
		font-size: 18px;
	}
	.news_preview_bl p, .date_time{
		display: none;
	}
	.news_preview_bl .podrobnee_link {
		font-size: 16px;
		padding: 1px 18px;
	}
	.vid_okna, .vid_okna.der_vid, .vid_okna.news_page, .vid_okna.news, .vid_okna.prais_page{
		padding: 90px 0 45px;
	}
	.product_2_img_1, .product_2_img_2, .text_block_2_2, .product_2_img_4, .product_1_img_5, .product_1_img_5, .product_1_img_1, .product_1_img_2, .product_1_img_4{
		margin: 35px auto;  
	}
	.product_1_img_4{
		display: block;
	} 
	.text_block_2_5{
		margin: 5px auto; 
	}
	.text_block_2_6, .product_1_img_6, .text_block_1_3, .text_block_1_4, .text_block_1_5, .text_block_1_6{
		margin: 35px auto 0; 
	}
	.product_1_img_7{
		margin: 35px auto 0; 
	}
	.text_block_1_2{
		margin: 0;
	}
	.text_block_2_3, .text_block_2_4 {
		margin: 35px 0 0;
		text-align: left;
	}
	.product_2_img_4 {
		width: 350px;
		display: block;
	}
	.text_block_2_2 {
		margin: 35px 0 0;
	}
	.modal_img_wr {
		width: 50px;
	}
	.modal_img_wr img{
		width: 35px;
		height: 35px; 
	}
	.modal_zagolovok {
		width: calc(100% - 55px);
	}
	.modal_block_form h4 {
		font-size: 24px;
	}
	.modal_block_form p {
		font-size: 16px;
	}
	.modal_block_form input[type="text"], .modal_block_form input[type="submit"]{
		font-size: 16px;
		margin: 0 auto 15px;
	}
	.modal_block_form input[type="submit"]{
		margin: 0 auto;
	}
	.modal_block_form .polzovatelskoe_sogl {
		margin: 0px 0 15px;
	}
	.close-icon{ 
		top: 20px;
		right: 20px;
		width: 20px;
		height: 20px;
	}
	#front {
		max-height: 250px;
	    min-width: 145px;
	    
	}
	/*.window_big_wr {
		width: 600px;
	}*/
	.stvorka_select_wr select {
		width: 125px;
		font-size: 14px;
	}
	.window_bg_left_side {
        width: 20%;
    }
    .window_bg_right_side {
        width: 78.4%;
    }
    .okna_so_stvorkami{
        text-align: center;
    }
	.dvuhstvorchatiye_stv_btns .stv_line.levaya {
		margin: 0 5px 0 0px;
	}
	.second_btn_third_block {
		margin: 0;
	}
	.content_step_4 h5 {
		margin: 15px 0 45px;
	}
	.content_step_4{
		text-align: center;
	}
	.step_four_form input[type="text"], .step_four_form input[type="submit"]{
		margin: 0 0 15px;
	}
	.step_four_form .polzovatelskoe_sogl {
		margin: 0px 0 10px;
	}
	.step_four_form input[type="submit"]{
		float: none;
	}
	.window_text, .stvorka_select_wr label, .window_mm{
		font-size: 16px; 
	}
	.mini_label_dir{
		text-align: center; 
	}
	.img_big_window {
		height: 300px;
	}
	.calcul2 {
		margin: 20px auto 0;
		max-width: 100%;
	}
	.tip_okna_label {
		width: 80px;
		height: 80px; 
		margin: 0 5px 5px;
	}
	.step_btn {
		font-size: 16px;
		padding: 0px 20px;
	}
	.rasschet_stoimosty {
		padding: 100px 0 150px;
	}
	.produkziya {
		padding: 25px 0 5px;
	}
	footer, .footer_phone_dir{
		text-align: center;
	}
	.footer_phone {
		font-size: 24px;
		margin: 15px 0 0;
	}
	.footer__text_desc{
	    display: block;
        width: 90%;
	    margin: 10px auto 0; }
	.otprav_zayavku_form input[type="text"], .otprav_zayavku_form input[type="submit"] {
		font-size: 16px;
		padding: 13px 15px 12px;
		width: 300px;
		max-width: 100%;
		margin: 0 5px 15px 0;
	}
	.garantiya_icons_text h4 {
		width: 60%;
		font-size: 16px;
        margin: 14px 0 0;
	}
	.garantiya_icon_second_dir {
		padding: 0 3px 0;
	}
	.garantiya_icons_text img {
		max-height: 55px;
	}
	.garantiya_icon_first_dir, .garantiya_icon_third_dir{
		text-align: center;
	}
	.produkziya_main_page_item{
		height: auto;
	}
	.garantiya_icons_text { 
		margin: 0 0 15px;
        height: 75px;
	}
	.produkziya_main_page_item h3{ 
		margin: 15px 0 45px 10px;
		min-height: auto;
	}
	.proizvodstvo img{ 
		margin: 20px auto 0;
	}
	.slide_info p{ 
		font-size: 18px;
	}
	.spisok_respublik { 
		margin: 35px auto 0;
	}
	.about img{
		margin: 0;
		display: none;
	}
	.spisok_respublik ul li span.marker{ 
		margin: 6px 10px 0 0;
	}
	.counts_info_block_line > div {
		width: 48%;
	}
	.counts_info_block_line > div:nth-child(2), .counts_info_block_line > div:nth-child(3), .counts_info_block_line > div:nth-child(4) {
		margin: 0;
	}
	p{
		font-size: 16px; 
	}
	#modal_timer .modal_timer_main_text p{
	    font-size: 14px; 
	}
	.otprav_zayavku_form {
		margin: 0;
		text-align: center;
	}
	.gallery_link_to span{
		transform: translate(-50%,-50%);
		padding: 6px 10px 5px ;
		color: #fff;
		font-size: 16px;
		width: auto; 
	}
	.slide_info{ 
		max-width: 90%;
	}
	.slide_info span.modal_slider{
		margin: 5px 0 0 0px;
	} 
	.slider_block {
		padding: 65px 0 0;
	}
	.close_menu_btn {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: #4990e3;
		position: relative;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		-webkit-box-shadow: 0px 9px 44px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 9px 44px -10px rgba(0,0,0,0.75);
		box-shadow: 0px 9px 44px -10px rgba(0,0,0,0.75);
	}
	.close_menu_btn span {
		width: 22px;
		height: 3px;
		background: #fff;
		display: inline-block;
		vertical-align: top;
	}
	.close_menu_btn span:first-child {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 14px;
		left: 4px;
	}
	.close_menu_btn span:last-child {
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 14px;
		left: 4px;
	}
	.top_header, .bottom_header{
		display: none !important;
	}
	.hamburder {
		margin: 5px 0 0 0;
		display: inline-block;
	} 
	.hamburder span {
		width: 25px;
		height: 4px;
		display: block;
		margin: 0 0 4px;
		background: #fff;
	}
	.mobile_menu, .mobile_menu_second {
		display: block;
		position: fixed;
		width: 100vw;
		min-height: 100vh;
		text-align: center;
		z-index: 5555;
		background: #fff;
		padding: 18px 0 0;
		left: -100vw;
		transition: left .2s;
	} 
	.mobile_menu, .mobile_menu_second {
		display: block;
		position: fixed;
		width: 100vw;
		min-height: 100vh;
		text-align: center;
		z-index: 5555;
		background: #fff;
		padding: 18px 0 0;
		left: -100vw;
		transition: left .2s;
		height: 100vh;
        overflow-y: scroll;
	}
	.mob_menu_height_scroll{
	    height: 365px; 
	} 
	.mobile_header {
		display: block;
		padding: 15px 0 7px;
		position: fixed;
		width: 100%;
		background: #4990E3;
		border-bottom: 1px solid #4990E3;
		z-index: 1000;
	}
	.mobile_logo h2 {
		display: inline-block; 
		font-size: 14px;
		text-align: left;
		font-family: 'Montserrat-SemiBold';
		text-transform: uppercase;
		color: #4990e3;
		max-width: 100px;
		margin: 0 !important;
		vertical-align: top;
	} 
	.mobile_menu ul, .mobile_menu_second ul{
		display: block;
		position: relative;
		height: auto;
		background: #fff;
		transition: .5s ease;
		padding: 0;
		margin: 5px 0; 
	}
	.mobile_menu ul li, .mobile_menu_second .mobile_menu_ul li {
		list-style: none;
        display: block;
        padding: 0 0 0 35%;
        text-align: left; 
	}
	.mobile_menu ul li.der_okna_podcat_mobile{
        display: none;
        transition: .5s; 
    }
	.mobile_menu ul li a, .mobile_menu .production_not_link {
		color: #1F1E1B;
		font-size: 16px;
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		padding: 3px 0;
	}
	.mobile_menu ul li a{
	    display: inline-block;
	}
	.mobile_menu ul li.der_okna_podcat_mobile a{ 
        padding: 3px 0 3px 15px;
        position: relative;
    }
    .der_okna_podcat_mobile a:before{
        position: absolute;
        content: '';
        display: inline-block;
        left: 0px;
        top: 6px;
        width: 10px;
        height: 12.5px;
        background: #4990e3; 
    }
	.zamershik_style_m {
		display: inline-block;
		border: 2px solid #4990e3;
		background: transparent;
		color: #4990e3;
		padding: 5px;
        text-transform: uppercase;
        border-radius: 3px;
        margin: 0 0 5px;
        width: 215px;
	}
	.zamershik_style_m:hover {
		color: #fff;
		background: #4990e3;
	}
	.step_back {
		display: block;
		font-size: 18px;
		margin: 11px 0 0;
		cursor: pointer;
	}
	.step_back span {
		color: #4990e3;
		font-family: 'Montserrat-SemiBold';
	}
	.mobile_menu_second h4{
		color: #4990e3;
		font-size: 18px;
		text-transform: uppercase;
		margin: 50px 0 35px;
		font-family: 'Montserrat-SemiBold';
	}
	.mobile_menu_second .mobile_menu_ul li a {
		font-size: 18px;
		color: #1F1E1B;
		display: block;
		text-transform: uppercase;
		margin: 0 0 35px;
	}
	.nashi_preimushestva p {
		margin: 0 0 20px;
	}
	.komplektuychie_block {
		margin: 20px auto 35px;
	}
	.photogalereya_main_page {
		padding: 25px 0 35px;
	}
	.photogalereya_main_page a{
		height: 200px;
	}
	.content_rascheta_stoimosty h5 {
		font-size: 16px;
	}
	.der_okna_block h3{
        line-height: 34px;
        font-size: 24px;
	} 
	.kak_izgotavlivautsua h4 {
        font-size: 18px;
    } 
    .pravilniye_otvety_section {
        padding: 35px 0;
    }
    .pravilniye_otvety_section h2 {
        margin: 0 0 15px;
        font-size: 28px; 
    }
    .sfera_premineniya_section_big{
        width: 130px;
    }
    .sfera_premineniya_section_mid {
        width: 100px;
    }
    .sfera_premineniya_section_small {
        width: 90px;
    }
    #kottedg {
        left: 157px;
        top: 213px;
    }
    #terassa {
        top: 58px;
        left: 498px;
    }
    #dacha {
        top: 0px;
        left: 654px;
    }
    #dom_panel {
        left: 708px;
        top: 193px;
    }
    #lodjiya {
        top: 26px;
        left: 853px;
    }
    #kv {
        top: 449px;
        left: 261px;
    }
    #veranda {
        top: 597px;
        left: 472px;
    }
    #parilka {
        top: 514px;
        left: 733px;
    }
    #dom {
        top: 404px;
        left: 917px;
    }
    .sfera_premineniya_section_img{ 
        /*height: 730px;*/
        height: auto;
        overflow: hidden;
    }
    .sfera_premineniya_section_big h4{
        margin: 15px 0 0;
    }
    .sfera_premineniya_section_mid h4, .sfera_premineniya_section_big h4{
        font-size: 16px;
    }
    .sfera_premineniya_section_small h4{
        font-size: 14px;
    }
    .sfera_premineniya_section_img > div{
        height: auto;
        min-height: 200px;
    }
     #countdown_clock .number{
        font-size: 30px;
        width: 45px;
        height: 45px; 
    }
    #countdown_clock .text{
        font-size: 12px;
    }
    #modal_timer .timer_countdown{
        padding: 10px 0; 
    }
    #modal_timer .dvoetochiye{
        display: inline-block;
        width: 14px;
        height: 45px;
        position: relative;
        vertical-align: top; 
    } 
    #modal_timer span.modal_timer_close_modal {
        height: 36px;
    }
}
@media (max-width: 700px){
.vysota_label_mrg{
        left: 15%;
    }
.vysota_label_mrg {
        left: 10%;
    } 
}
@media (max-width: 600px){
	.slide_info {
		margin: 90px 0 0;
	}
	.tip_konstrukcii_window .img_h{
		height: 200px;
	}
	.der-okna-1, .der-okna-2{ 
        text-align: center;
    }
	 .der_okna_1_1, .der_okna_2_2{
        bottom: -52px;
        right: 50%;
        width: 100px;
        transform: translate(50%, 0);
    }
    .der_okna_2_2 {
        transform: translate(-50%, 0);
        left: 50%;
    }
   .preimushesnva_bl {
        height: 585px;
    }

    .drugoe.dostavka_btn {
        width: 100%;
        min-width: auto; }
}
@media (max-width: 580px){
    .garantiya_icons_text h4{
        margin: 15px 0 0;
    }
    .vysota_label_mrg {
        float: none;
        margin: 0; 
        transform: rotate(-90deg);
        position: relative;
        left: -10%;
    }    
	.mobile_full_width{
		width: 100% !important;
	}
	.garantiya_icons_text {
		border-radius: 10px;
		background: #4990E3;
		color: #fff;
		padding: 5px;
		width: 230px;
	}
	.komplektuychie_block img {
		max-width: 55%;
		display: block;
		margin: 0 auto;
	}
	.photogalereya_main_page a {
		display: inline-block;
		width: 98%;
		margin: 0 0 10px;
		height: 25%;
	}
}
@media (max-width: 550px){
	.photogallery_page a.gallery_link{
		height: 145px;
		max-height: 145px;
	}
	.tip_konstrukcii_window .img_h {
		height: 145px;
	}
	.tip_konstrukcii_window{
		padding: 15px 5px 12px;
	}
	.content_rascheta_stoimosty h5 {
		font-size: 14px;
	}
	.step_btn {
		font-size: 14px;
		padding: 0px 15px;
	}
	.next_prev_btns button {
		font-size: 16px;
		padding: 5px 0;
		width: 100px;
	}
	.zapolnite_anketu::after{
        right: 0;
        bottom: 0;
        border: 0;
        border-left: 0;
        border-top: 0;
    }
    #der_okna_skidka_anketa .close-icon {
        top: 20px;
        right: 7px;
    }
    .mobile_menu ul li, .mobile_menu_second .mobile_menu_ul li{
        padding: 0 0 0 25%;
    }
     .h3_wr_news_prev_link h3 {
        font-size: 16px;
    }
}
@media (max-width: 500px){
    .vysota_label_mrg{
        left: -15%;
    }
    .produkziya_main_page_item_wr{
    	padding: 0 15px 60px; 
    }
    .produkziya_main_page_item a.produkziya_rassch_stoim_link{ 
        padding: 6px 7px;
    }
    .der_okna_main_banner{
        height: 370px;
    }
   
}
@media (max-width: 485px){
    .photo_timer {
        height: 145px;
    }
   
    #modal_timer input{
        padding: 7px;
        width: calc(100% - 10px);
    }
    #modal_timer span.modal_timer_close_modal{
        font-size:12px;
        padding: 8px 0 7px;
    }
    
    .vysota_label_mrg{
        left: -20%;
    } 
    .preimushesnva_bl {
        height: 675px;
    }
    .sfera_premineniya_section_img > div {
        position: static;
        width: 50%; 
    }
    .sfera_premineniya_section_img > div > img {
        width: 75%;
    } 
    .sfera_premineniya_section_img > div{
        margin: 0 0 15px; 
    }
    .h3_wr_news_prev_link h3 {
        font-size: 14px;
    }
}
@media (max-width: 445px){
    .vysota_label_mrg{
        left: -43%;
    }  
    .col-30percent, .col-70percent{
        width: 100%;
        left: 0;
    }
    .vid_okna.der_vid  .der-okna-1 img, .vid_okna.der_vid  .der-okna-2 img{
        max-width: 55%;
    }
    .der_okna_block h3 {
        line-height: 28px;
        font-size: 20px;
        margin: 60px 0 20px;
        text-align: center;
    }
    .der_okna_main_banner{
        margin: 20px 0 50px;
    }
    .preimushesnva_bl{ 
        margin: 0 0 30px;
        /*min-height: 776px;*/
        min-height: 905px;
        /*height: auto;*/
    }
   /* .mobile_full_width_1{
		width: 100% !important;
	}*/ 
	.kak_izgotavlivautsua .kak_izg_number{
        font-size: 115px;
	}
	.kak_izgotavlivautsua .kak_izg_number{
        width: 67px; 
	}
	.kak_izgotavlivautsua h4{ 
        left: 67px;
        font-size: 16px;
	} 
	.h3_wr_news_prev_link h3 {
        font-size: 12px;
    }
}
@media (max-width: 410px){
    .tip_okna_label {
        width: 70px;
        height: 70px; }
}
@media (max-width: 380px){
    .tip_okna_label {
        width: 59px;
        height: 59px;
    }
    .vysota_label_mrg {
        left: -70%;
    }
	.photogallery_page a.gallery_link {
		height: 120px;
		max-height: 120px;
	}
	h2.h2_main_page {
		font-size: 19px;
	}
	h2.h2_main_page::before {
		left: -19px;
		border: 13px solid transparent;
		border-right: 6px solid #1f1e1b;
		border-bottom: 26px solid #1f1e1b;
	}
	h2.h2_main_page::after {
		content: '';
		position: absolute;
		right: -19px;
		bottom: 0;
		border: 13px solid transparent;
		border-left: 6px solid #1f1e1b;
		border-top: 26px solid #1f1e1b;
	}
	.proizvodstvo h2::before {
		border-right: 6px solid #fff;
		border-bottom: 26px solid #fff;
	}
	.proizvodstvo h2::after {
		border-left: 6px solid #fff;
		border-top: 26px solid #fff;
	}
	.kak_izgotavlivautsua {
        margin: 0 auto 45px;
        height: auto; 
        min-height: 475px;
	}
	.der_okna_kak_izg > div > div:last-child > .kak_izgotavlivautsua{
	    min-height: auto;
	}
	.mobile_menu ul li, .mobile_menu_second .mobile_menu_ul li{
        padding: 0 0 0 15%;
    }
}