*{
box-sizing:border-box;
}
@font-face {
font-family: 'agavantgardecyr';
src: url('./fonts/agavantgardecyr.eot');
src: url('./fonts/agavantgardecyr.eot?#iefix') format('embedded-opentype'),
url('./fonts/agavantgardecyr.woff') format('woff'),
url('./fonts/agavantgardecyr.ttf') format('truetype'),
url('./fonts/agavantgardecyr.svg#agavantgardecyr') format('svg');
font-weight: normal;
font-style: normal;
}
	
@font-face {
		font-family: 'calibri_web';
		src: url('./fonts/calibri.eot');
		src: url('./fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('./fonts/calibri.woff') format('woff'),
			 url('./fonts/calibri.ttf') format('truetype'),
			 url('./fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrib.eot');
	src: url('./fonts/calibrib.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrib.woff') format('woff'),
		 url('./fonts/calibrib.ttf') format('truetype'),
		 url('./fonts/calibrib.svg#calibri') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrii.eot');
	src: url('./fonts/calibrii.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrii.woff') format('woff'),
		 url('./fonts/calibrii.ttf') format('truetype'),
		 url('./fonts/calibrii.svg#calibri') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibriz.eot');
	src: url('./fonts/calibriz.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibriz.woff') format('woff'),
		 url('./fonts/calibriz.ttf') format('truetype'),
		 url('./fonts/calibriz.svg#calibri') format('svg');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiqua.woff') format('woff'),
		 url('./fonts/bookantiqua.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiquab.woff') format('woff'),
		 url('./fonts/bookantiquab.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}		
BODY{
margin:0px;
font-family: calibri, 'calibri_web', verdana;
font-size:20px;
color:#303030;
}
INPUT, TEXTAREA, BUTTON, SELECT{
font-family: calibri, 'calibri_web', verdana;
font-size:20px;
}

/* модальное окно*/
#modal_form {
width: 410px;
height: 460px;
border-radius: 0px;
border: 0px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -230px;
margin-left: -205px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 20px;
padding-top: 0px;
box-sizing: border-box;
}
#modal_form .nametext{
margin-bottom:10px;
}
#modal_form2 {
	width: 290px; 
	height: 382px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -193px;
	margin-left: -145px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	padding-top: 0px;
	text-align: center;
	box-sizing: border-box;
}

#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
#overlay {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}
#overlay2 {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}

#modal_form2 #modal_close2 {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* snow */
.snowflake {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
 @-moz-keyframes 
spin { 100% {
-moz-transform: rotate(360deg);
}
}
 @-webkit-keyframes 
spin { 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes 
spin { 100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
/* snow */
.bodytext{
width:1200px;
max-width: 100%;
margin: auto;
position:relative;
}
.nourl{
text-decoration:none;
color:inherit;
border:none;
}

.siteriadiv{
/* font-family: 'bookantiqua'; */
margin-top:40px;
font-size:16px;
}
.siteriadiv IMG{
float:right;
margin-left: 10px;
}
.siteriaurl{
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
transition:.3s;
font-size:20px;
}
.siteriaurl:HOVER{
color: #FF4700;
}
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:90;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:#F22162;font-size: 60px;}
.b-top-but IMG{
width:50px;
}
.mobile{
display:none;
}
.mobilemenu{
display:none;
}
.header{
background:url('./img/header-bg.png') repeat-x left top;
padding-top:20px;
padding-bottom:20px;
}
.header1{
display:inline-block;
width: 500px;
vertical-align: middle;
}
.header2{
display:inline-block;
width: 300px;
vertical-align: middle;
text-align:center;
}
.header3{
display:inline-block;
text-align: right;
width: 400px;
vertical-align: middle;
}
.header3 A{
display:block;
text-decoration:none;
color:inherit;
}
.headermail{
font-size: 28px;
}
.headermail SPAN{
font-weight:bold;
color:#F22163;
}
.headerphone{
font-size: 28px;
}
.headerphone SPAN{
font-weight:bold;
color:#F22163;
}
.logoimg{

}
.headerimgs{

}
.headerbutname{
margin: 0px;
}
.headerbuttons{
display:inline-block;
vertical-align: top;
text-align: center;
margin: 0px 30px;
}
.headerbuttons:nth-of-type(2) P{
margin-top: -3px;
}
.menu{
background:url('./img/menu-bg.png') repeat-x center;
/* height: 66px; */
height: 42px;
}
.menus{
display:inline-block;
color:#312F30;
height: 100%;
position:relative;
}
.menus:HOVER{
background:url('./img/menu-bg-active.png') repeat-x center;
color:#FFEB54;
color:#fff;
}

.menuurl{
text-decoration: none;
color: inherit;
font-size: 26px;
font-weight: lighter;
display: block;
/* background: green; */
height: 100%;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
padding: 10px 20px;
}
.menuurl:HOVER{
/* color:#fff;	 */
}
.menusep{
display: inline-block;
margin: 20px;
vertical-align: top;
margin: 10px 6px;
}
.footer{
padding-top: 40px;
padding-bottom: 40px;
}
.footer0{
display:inline-block;
vertical-align: top;
width: 150px;
}
.footer1{
display:inline-block;
vertical-align: top;
width: 500px;
}
.footer2{
display:inline-block;
vertical-align: top;
width: 250px;
margin-top:-5px;
}
.footer3{
display:inline-block;
vertical-align: top;
width: 300px;
text-align: right;
}
.footerlogo{

}
.footername{
/* font-size: 30px; */
font-size: 26px;
margin: 0px;
}
.footername SPAN{
color: #F22163;
}
.footertext{
margin: 5px 0px;
font-size: 18px;
}
.footertext A{
text-decoration:none;
color:inherit;	
}
.footerurl{
text-decoration:none;
color:inherit;
font-size: 18px;
}
.footerurl:HOVER{
color: #F22163;
}
.menufooter{
margin: 5px 0px;
font-size:18px;
}

.mainpromo{
background:url('./img/slider-bg.jpg') no-repeat center;
height:660px;
text-align:right;
}
.pink{
color: #F22163;
}
.maintext{
text-align: center;
}
.bigprice{
color: #F22163;
font-size: 50px;
font-weight: bold;
}
.mainprice{
background:url('./img/slider-block-bg.png');
display: inline-block;
padding: 40px;
font-size: 30px;
text-align: center;
margin-top: 40px;
}
.bigprice I{
font-size:40px;
}
.rehauzamer{
background:url('./img/slider-feature-bg.png') no-repeat center;
display:inline-block;
height:300px;
width:300px;
font-size: 30px;
color:#fff;
text-align:center;
background-size: contain;
padding-top: 90px;
margin-top: -20px;
}
.rehauzamer SPAN{
color:#FFD101;
font-size:45px;
}
.divrehau{
background:#FEFFFA url('./img/rehau-bg.jpg') no-repeat center;
background-size:cover;
padding: 40px 0px;
box-shadow: 0px 0px 20px #CCCCCC;
position:relative;
margin-bottom:40px;
}
.nametext{
color: #F22163;
border-top: solid 2px #F22163;
border-bottom: solid 2px #F22163;
display:inline-block;
font-size: 34px;
margin-bottom: 10px;
margin-top:40px;
font-weight:normal;
}
.nametext2{
color: #F22163;
font-size: 40px;
font-weight:normal;	
display: inline-block;
margin-top: 80px;
margin-bottom: 0px;
}
.bigtext{
font-weight: bold;
font-size: 26px;
}
.textnews .bigtext{
	margin-top:0px;
	margin-bottom: -10px;
}
.divwhy{
background:#B8EEFA url('./img/features-bg.jpg') no-repeat center;
padding:40px 0px;
margin-top: 60px;
}
.polovina{
display:inline-block;
width:50%;
text-align:center;
vertical-align: top;
/* background: green; */
padding: 0px 40px;
}
.polovina:nth-of-type(4) .whyimg{
margin-top: 30px;
}
.whyname{
font-weight:bold;
}
.footerorder{
background:url('./img/callback-bg.jpg') no-repeat center;
height:800px;
background-size:contain;
}
.footerform{
background: url(./img/slider-block-bg.png);
display: inline-block;
width: 700px;
position: relative;
padding: 100px;
margin-top: 100px;
padding-top: 10px;
padding-left: 150px;
padding-bottom:30px;
}
.formphone{
position:absolute;
left:-50px;
top:-50px;
}
.bigpink{
font-size:50px;
font-weight:bold;
color:#F22163;
margin-bottom: 0px;
/* margin-top: 0px; */
}
.inputsfooter{
border:solid 2px #F22163;
padding: 20px;
background:url('./img/callback-block-bg.png');
background: #FFE67F;
margin-bottom: 20px;
width: 100%;
}
.inputotz{
border:solid 2px #F22163;
padding: 20px;
background:url('./img/callback-block-bg.png');
background: #FFE67F;
margin-bottom: 20px;
width: 100%;
}
.inputotz:nth-child(1){
margin-right:20px;
}
.inputotz:nth-child(1), .inputotz:nth-child(2){
width: 590px;
}
.buttons{
background:#F22162;
color:#fff;
border:none;
border-bottom:solid 4px #7B7273;
padding:10px 40px;
cursor:pointer;
text-decoration:none;
display:inline-block;
}
.buttons:HOVER{
background:#FFD933;
color:#312F30;
}
.footerform .buttons:HOVER{
background:#F22162;
color:#fff;
}
.rehaulogo{
position: absolute;
right: 0px;
}
.map{

}
.gallerydiv{

}
.galleryimg, .imgurl{
height: 200px;
margin-bottom: 10px;
margin-right: 10px;
}
.picnews, .promoimg{
width:200px;
}
.newspic, .itemphoto{
width:240px;
display:inline-block;
}
.textnews, .itemdesc{
display:inline-block;
vertical-align: top;
max-width: 950px;
}
.newsdiv{
padding:40px 0px;
}
.namepromo{

}
.promoimg{
margin-top: 30px;
}
.podpisimg{
width: 258px;
margin-top: 10px;
}
.podpis{
text-align:right;
}
.textotz{
font-style: italic;
padding-right: 200px;
}
.divotzyv{
padding-bottom: 40px;
}
.nameotzyvy{
font-weight:bold;
}
.answerotzyvy{
padding-left:200px;
font-size: 16px;
text-align: right;
}
.more{
display:none;
}
.dropmenu{
display:none;
position:absolute;
background:#FFD933;
top:42px;
left:0px;
transition: .3s;
z-index: 1;
padding-bottom: 20px;
padding-top: 20px;
min-width: max-content;
}
.menus:HOVER .dropmenu{
display:block;
}
.dropmenu .menuurl{
color: #312F30;
font-size:16px;
padding: 5px 20px;
}
.dropmenu .menuurl:HOVER{
background:#F22162;
color: #312F30;
color:#fff;
}
.profileimg{
display:inline-block;
vertical-align:top;
width: 500px;
text-align:center;
margin-top:30px;
}
.profiledesc{
display:inline-block;
vertical-align:top;
width: 700px;
}
.profileimgs{
margin-bottom: 40px;
max-width:430px;
}
.profiletable{
text-align:center;
font-size: 16px;
width:100%;
}
.profiletable TD{
padding:10px 20px;
background: #F5F5F5;
max-width: 200px;
}
.profiletable TR:first-child{
color:#fff;
}
.profiletable TR:first-child TD{
background:#F22162;
}
.profiledivs{
display: inline-block;
width: 285px;
margin: 40px 0px;
padding: 20px;
text-align: center;
/* border: solid 2px; */
border: solid 2px #7B7273;
margin-right:20px;
}
.profiledivs:HOVER{
border:solid 2px #F22163;
}
.profiledivs:HOVER .proname{
color: #F22163;
}
.profiledivs:last-child{
margin-right:0px;
}
.proimgs{
width:100%;
}
.proname{

}
.profileimgs2{
width: 220px;
margin-right:5px;
}
.imgs{
height:200px;
margin-right:10px;
margin-bottom:10px;
}
.callorder{
cursor:pointer;
}
.spisok{

}
.urls{
color:#F22162;	
}
.sogltext{
font-size: 14px;
display: block;
text-align: right;
padding: 10px 0px;	
}
.sogltext2{
font-size: 14px;
display: block;
text-align: right;
padding: 10px 0px;		
margin-top: 30px;
}
.center{
	text-align:center;
}
.windiv{
margin: 40px 0px;
display: inline-block;
vertical-align: top;
padding: 18px;	
margin-top: 20px;
position:relative;
}
.windiv P{
text-align:center;	
}
.winimg{
max-height: 250px;
}
.windiv:nth-of-type(4) .winimg{
max-height: 394px;
}
.price1{
text-decoration: line-through;
color: #555;
display: block;
margin-bottom: 20px;
font-size: 24px;	
}
.price2{
font-size: 30px;
    /* display: block; */
    font-weight: bold;
    color: #fff;
    background: #F22163;
    padding: 10px 20px;
}
.bold{
	font-weight:bold;
}
.windiv:nth-of-type(4) P:nth-of-type(2){
position: absolute;
left: 0px;
right: 0px;
bottom: -7px;
}
.windiv:nth-of-type(4) P:nth-of-type(1){
position: absolute;
left: 0px;
right: 0px;
bottom: 119px;
}
.vkimg{
display: inline-block;
vertical-align: middle;
margin-bottom: 4px;	
}
.menuactive{
background:url('./img/menu-bg-active.png') repeat-x center;
/* color:#FFEB54; */
color:#fff !important;
}
.galleryNew{
margin: 40px 0px;	
}
.galleryNew IMG{
max-height:200px;	
}
.doorimgs{
max-width:100%;
max-height: 400px;	
}
.windName{
font-size: 15px;
margin-bottom: -10px;
/* display: none; */
font-weight: bold;
background: #FFD933;
padding: 10px;	
}
[id*="integrate-quiz-element"] * {
box-sizing: initial!important;
}
.photosSlide{
height:250px;	
}
.photosSlides{
height:250px !important;	
}
.photosSlides IMG{
height:100%;	
}
.slick-prev:before, .slick-next:before{
font-size:40px !important;	
}
.slick-next{
right: -50px !important;	
}
.slick-prev{
left: -50px !important;	
}
.mainPageHeader{
height:500px;
background:url(./img/osteklenie-domovBG.jpg) no-repeat right top;	
margin-bottom:100px;
}
.mainPageHeader .bodytext{
background:linear-gradient(90deg, #fff 50%, transparent);
height: 500px;
padding-right: 500px;
}
.oknadom{
margin-bottom:150px;	
}
.oknadom1{
margin-top:100px;	
}
.oknadom1 .bodytext{
background:url(./img/oknadom1.jpg) no-repeat right center;	
padding-right: 640px;
}
.oknadom2{}
.oknadom2 .bodytext{
background:url(./img/oknadom2.jpg) no-repeat left center;	
padding-left: 640px;
}
.oknadom3{}
.oknadom3 .bodytext{
background:url(./img/oknadom3.jpg) no-repeat right center;	
padding-right: 640px;
}
.oknadom4{}
.oknadom4 .bodytext{
background:url(./img/oknadom4.jpg) no-repeat left center;	
padding-left: 640px;
}
.oknadom5{}
.oknadom5 .bodytext{
background:url(./img/oknadom5.jpg) no-repeat right center;	
padding-right: 640px;
}
.oknadom6{}
.oknadom6 .bodytext{
background:url(./img/oknadom6.jpg) no-repeat left center;	
padding-left: 640px;
}
.footerMes{
display: inline-block;
bottom: -6px;
position: relative;
cursor: pointer;	
}