/* шрифты  */

@media all and (min-width: 620px) {
	@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: 'Montserrat';
		src: url('/fonts/Montserrat-Light.ttf');
		font-weight: lighter;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Montserrat';
		src: url('/fonts/Montserrat-Regular.ttf');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Montserrat';
		src: url('/fonts/Montserrat-Bold.ttf');
		font-weight: bold;
		font-style: normal;
	}
}

BODY
{
font-family: 'Montserrat', Calibri, 'calibri_web', verdana;
/* font-size: 22px; */
font-size: 20px;
color: #222;
margin: 0px;
text-align: center;
/* background: url('./img/header-bg.jpg') no-repeat top center, url('./img/footer-bg.jpg') no-repeat bottom center; */
/* background: url('./img/header-bg.jpg') no-repeat top center; */
}
SELECT, INPUT{
font-family: 'Montserrat', Calibri, 'calibri_web', verdana;
/* font-size: 22px; */
font-size: 20px;
}
P{
text-align:left;
}
.center{
text-align:center;
}
.bodytext
{
position: relative;
/* width: 1200px; */
max-width: 1200px;
margin: auto;
/* background-color: green; */
}

.bodytext P
{
/* padding: 0px 40px; */
}

.siteriatable
{
/* position: absolute; */
text-align: left;
bottom: 0px;
left: 0px;
color: #fff;
font-size: 14px;
/* width: 400px; */
}

.siteriaurl
{
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 20px;
text-shadow: 0 0 5px #000;
}

.siteriaurl:HOVER
{
color: #D40000;
}

.siteriatable IMG
{
margin-top: 10px;
}

/* кнопка наверх */
.b-top {
z-index: 90;
position: fixed;
right: 0;
bottom: 90px;
width: 34%;
/* margin-left: 50%; */
opacity: 0.5;
}
.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: #333;
border-radius: 0px;
right: 40px;
}


/* модальное окно*/
#modal_form {
	width: 300px; 
	height: 480px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -210px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 101; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	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: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

/* модальное окно 2*/
#modal_form2 {
	width: 300px; 
	height: 480px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -210px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 101; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	box-sizing: border-box;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form2 #modal_close2 {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

/* чекбокс */
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #6F8CC6;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #EF7F1B;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}


/* чекбокс */

/* меню */
.top-menu UL
{
margin: 0px;
padding-left: 0px;
}
.top-menu li{
    list-style:none;/*Убираем маркер*/ 
    display:inline-block;/*Выстраиваем пункты в ряд*/
    position:relative;
}

.top-menu li a{
    /* padding:5px 7px; */ /*Отступы для пункта*/ 
    text-decoration:none;/*Убираем подчеркивание*/ 
    display:block;
}
.top-menu li ul{
	background: #fff;
	text-align: left;
    /* display:none; *//*Прячем выпадающее меню*/
	height:0px;
    position:absolute;
    padding-left:0;
    width:200px;/*Ширина выпадающего меню*/
    width: auto;/*Ширина выпадающего меню*/
    padding-top:3px;/*Отступ сверху у выпадающего меню*/
	box-shadow: 1px 1px 1px #555;
	transition: all .3s;
	overflow:hidden;
	opacity:0;
}

.top-menu li ul li
{
display: block;
}

.top-menu li:hover ul{
    display:block;/*Показываем выпадающее меню при наведение*/
	height:unset;
	opacity:1;
	/* background:red; */
    left:0px;
	
}
.top-menu li ul li .menuurl{
font-size:16px;
font-weight:normal;
padding-top: 10px;
padding-bottom: 10px;
}
/* меню */

.header
{
background: url('./img/headerbg2.png') no-repeat bottom center;
position: relative;
padding-bottom: 95px;
margin-bottom: 40px;
}

.header1, .header2, .header3
{
display: inline-block;
vertical-align: middle;
}

.header2
{
/* padding: 0px 40px; */
padding:0px;
padding-top: 30px;
}

.header3
{
text-align: right;
}

.header3 P
{
/* margin: 0px;
padding: 0px; */
}

.bigphoneblue, .mailcolor
{
color: #6792BD !important;
}

.bigphone
{
font-size: 25px;
font-weight: bold;
margin:0px;
padding:0px;
text-align: right;
}
.bigphone SPAN{
font-weight: normal;
}
.phonetextmini{
font-size: 14px;
line-height: 8px;
color: #555;
margin: 0px;
margin-bottom: 10px;
text-align: right;
}
.headermail
{
font-weight: lighter;
}

.buttonsheader
{
display: block;
background-color: #fff;
border: solid 2px #000;
padding: 10px 5px;
text-decoration: none;
color: #000;
border-radius: 50px;
padding: 8px 16px;
margin: 10px;
text-align: left;
}

.buttons
{
/* margin-bottom: 50px; */
font-family: 'Montserrat', Calibri, 'calibri_web', verdana;
display: block;
background-color: #fff;
/* border: solid 2px #000;
border-left: solid 2px #DDDDDD;
border-top: solid 2px #DDDDDD;
border-right: solid 2px #898989;
border-bottom: solid 2px #898989; */
background-color: #85BD3C;
padding: 10px 5px;
text-decoration: none;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
font-size: 22px;
display: inline-block;
/* text-shadow: 1px 1px 1px #000; */
/* box-shadow: 0px 0px 10px #888; */
/* box-shadow: 1px 1px 1px #555; */
margin-bottom: 1px;
vertical-align: top;
margin-right: 1px;
border: none;

transition: all .3s;
}

.buttonsyellow
{
background:#FDEB07;
color:#000;
text-shadow:none;
}

.buttons:ACTIVE
{
margin-top: 1px;
margin-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
box-shadow: none;
}
.buttons I{
padding-right: 8px;
float: left;
padding-top: 4px;
}
.brandsdiv .buttons{
display:block;
}
.buttonsmodal
{
margin-bottom: 50px;
font-family: Calibri, 'calibri_web', verdana;
display: block;
background-color: #85BD3C;
padding: 10px 5px;
text-decoration: none;
color: #fff;
/* border-radius: 50px; */
padding: 10px 20px;
font-size: 24px;
display: inline-block;
box-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #000;
border: none;
}

.buttons:HOVER, .buttonsheader:HOVER, .buttonsmodal:HOVER
{
cursor: pointer;
/* border: solid 2px #EF7F1A; */
background-color: #5F80B0;
color: #fff;
}

.mainlogo
{
margin-top: 10px;
width: 230px;
}

.menu
{
background: url('./img/menu-line.jpg') repeat-x;
/* background: #95C2FD; */
position: relative;
z-index: 3;
/* height: 95px; */
position: relative;
position: absolute;
z-index: 5;
width: 100%;
margin-top: 5px;
box-shadow: 0 0 5px #999;
}

.menudiv
{
position:relative;
display: inline-block;
/* background-color: green; */
/* margin-top: 20px; */
padding-top: 15px;
height: 56px;
box-sizing: border-box;
}

.menuurl
{
text-decoration: none;
/* color: #000; */
font-weight: bold;
/* font-size: 28px; */
font-size: 20px;
/* text-shadow: 1px 1px 1px #95C2FD; */
padding: 14px;

/* color: #95C2FD; */
color:#000;
/* text-shadow: 1px 1px 1px #000; */
/* color: #000;
text-shadow: 1px 1px 1px #95C2FD; */
/* color: #fff; */
padding: 4px 14px;
/* text-shadow: 1px 1px 1px #000; */
}

.menuurl:hover
{
/* color: #95C2FD;
text-shadow: 1px 1px 1px #000; */
color: #fff;
/* text-shadow: 1px 1px 1px #95C2FD; */
/* text-shadow: 1px 1px 1px #000; */
/* color: #95C2FD;
text-shadow: 1px 1px 1px #000; */
/* background-color: #5F80B0; */
background-color: #85BB39;
}

.menuactive
{
/* color: #95C2FD;
text-shadow: 1px 1px 1px #000; */
color: #fff;
/* text-shadow: 1px 1px 1px #95C2FD; */
background-color: #5F80B0;
/* text-shadow: 1px 1px 1px #333; */
}

.orange
{
color: #EF7F1B;
}

.blue
{
color: #6E8DC6;
}

.green
{
color: #85BD3C;
}

.bigicon2
{
width: 50px;
color: #EF7E20;
font-size: 40px;
vertical-align: middle;
text-align: center;
}

.yellow
{
color: #FDEB07;
}

.orangebg
{
background-color: #EF7F1B;
}

.bluebg
{
background-color: #6F8CC6;
}

.greenbg
{
background-color: #85BD3C;
}

.yellowbg
{
background-color: #FDEB07;
color: #000 !important;
}

.colors1
{
background: #FDEB07 url('./img/lines.png');
/* background: #FDF273; */
height: 500px;
}

.colors2
{
background: #85BD3C url('./img/lines.png');
/* background: #85BD3C; */
height: 500px;
}

.colors3
{
background: #6F8CC6 url('./img/lines.png');
/* background: #6F8CC6; */
height: 500px;
}

.polovinaleft
{
width: 49%;
height: 8px;
background-color: #6E8DC6;
display: inline-block;
background: linear-gradient(to right, #6E8DC6 0%, #6E8DC6 60%, #fff 100%);
}

.polovinaright
{
width: 49%;
height: 8px;
background-color: #6E8DC6;
display: inline-block;
background: linear-gradient(to left, #6E8DC6 0%, #6E8DC6 60%, #fff 100%);
}

.polosa
{
margin-top: -22px;
height: 5px;
background-color: #6E8DC6;
}

.polosa2
{
/* margin-top: 70px; */
height: 5px;
background-color: #6E8DC6;
}

.nametext
{
/* font-size: 40px; */
font-size: 30px;
margin: 0px;
}

.nametext3
{
/* font-size: 60px; */
font-size: 30px;
margin: 0px;
background: #fff;
padding: 0px 80px;
position: relative;
display: inline;
}

.nametext2
{
margin-top: 30px;
font-size: 30px;
}

.brands
{
margin: 60px 20px 20px;
width: 190px;
}

.bigtext
{
/* font-size: 36px; */
font-size: 26px;
margin-top: 0px;
text-align:center;
}

.orangefon2
{
background-color: #EF7F1B;
font-weight: bold;
color: #fff;
padding: 11px 15px;
font-size: 20px;
}

.orangefon
{
background-color: #EF7F1B;
font-weight: bold;
color: #fff;
padding: 2px 15px;
text-shadow: 1px 1px 1px #000;
text-align:center;
}

.bluefon
{
background-color: #6F8CC6;
font-weight: bold;
color: #fff;
padding: 2px 15px;
text-shadow: 1px 1px 1px #000;
}

.bluefon2
{
background-color: #6F8CC6;
font-weight: bold;
color: #fff;
padding: 11px 15px;
font-size: 20px;
}

.yellowfon
{
background-color: #FDEB07;
font-weight: bold;
padding: 2px 15px;
}

.greenfon
{
background-color: #85BD3C;
font-weight: bold;
color: #fff;
padding: 2px 15px;
text-shadow: 1px 1px 1px #000;
}



.lidersdiv
{
min-height: 600px;
/* border-top: solid 5px #6E8DC6; */
/* background: url('./img/header-bg.jpg') no-repeat top center; */
}

.steps1
{
/* background: url('./img/steps3s.png'); */
background: url('./img/stepstr.png');
height: 40px;
position: relative;
}

.steps2
{
/* background: url('./img/steps4s.png'); */
background: url('./img/stepstr2.png');
height: 40px;
position: relative;
}

.steps
{
position: relative;
/* background: #DAEAC3;
background: #6F8CC6 url('./img/lines.png');
background: #FDEB07 url('./img/lines.png'); */
/* background: #FDEB07; */
background: #FEF483;
min-height: 590px;
}

.stepimg
{
cursor: pointer;
}

.tire
{
font-size: 100px;
color: #6D7560;
font-weight: lighter;
vertical-align: super;
}

.stepstextdiv
{
max-width: 670px;
/* padding: 0px 40px; */
padding: 40px;
padding-bottom: 5px;
padding-top: 20px;
min-height: 294px;
box-sizing: border-box;
margin: auto;
text-align: left;
position: relative;
/* background: red; */
}

.stepstextdiv DIV P
{
margin-top: 10px;
}

.stepname
{
margin-bottom: 0px;
margin-top: 5px;
}

.hiddendiv
{
display: none;
}

.dot
{
position: absolute;
margin-left: -55px;
margin-top: 115px;
}

.hidden
{
display: none;
}

.otherimg
{
width: 100%;
max-width: 600px;
margin-top: -6px;
}

.footer
{
/* min-height: 800px;
background: url('./img/footerpic1.jpg') no-repeat center center;
background-size: cover;
padding-top: 50px; */
min-height: 490px;
background: url(./img/vor_bg.jpg) no-repeat center top;
}

.footer1
{
display: inline-block;
/* margin-right: 100px; */
text-align: left;
vertical-align: top;
/* margin: 60px; */
vertical-align: middle;
padding-top:20px;
width:33%;
}

.footer1 P, .footer3 P
{
text-align: left;
padding: 0px;
margin: 0px;
font-weight: lighter;
color: #fff;
text-shadow: 0 0 5px #000;
}

.footer2
{
display: inline-block;
text-align: right;
max-width: 700px;
padding-top: 40px;
vertical-align: middle;
width:33%;
}
.footer3
{
display: inline-block;
text-align: right;
max-width: 700px;
padding-top: 40px;
vertical-align: middle;
width:33%;
}
.footer4{
display: inline-block;
text-align: right;
max-width: 700px;
padding-top: 20px;
vertical-align: top;
width:25%;
}
.footer4 P
{
    margin: 5px 0px;
color: #fff;
font-weight: bold;
}
.namefield, .namefieldtext
{
font-family: Calibri, 'calibri_web', verdana;
/* font-size: 24px; */
font-size: 14px;
/* width: 650px; */
/* width: 100%; */
width: 400px;
max-width: 650px;
padding: 20px;
box-sizing: border-box;
padding: 20px;
border: solid 1px #000;
color: #333;
}

.inputorder
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 14px;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 10px 20px;
border: solid 1px #000;
margin-bottom: 5px;
}

.footer2 .namefield, .footer2 .namefieldtext
{
opacity: 0.7;
}
.footer2 .nametext{
text-align:right;
}
.inputs2
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
padding: 10px 20px;
border: solid 1px #000;
color: #333;
width: 200px;
}

.inputs3
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
padding: 10px 20px;
border: solid 1px #000;
color: #333;
width: 142px;
}

.labelcalc
{
cursor: pointer;
font-size: 20px;
/* margin: 0px 5px; */
}

.inputs
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 20px;
padding: 20px;
border: solid 1px #000;
color: #333;
width: 110px;
}

.inputslong
{
width: 425px;
margin-top: 5px;
}

.namefieldtext
{
height: 100px;
}

.namefield
{
margin-bottom: 10px;
}

.pluso
{
margin: 20px -5px;
}

.karusel .slick-current
{

}


.margbottom
{
margin-bottom: -50px;
}

.leftalign
{
text-align: left;
}

.justalign
{
text-align: justify;
}

.logovorota
{
width: 350px;
margin: 35px 20px;
vertical-align: middle;
}

.sec_vor
{
height: 195px;
margin: 50px 0px;
}

.sec_vor_prom
{
height: 167px;
margin: 50px 0px;
}

.rolvorota
{
height: 189px;
margin: 50px 0px;
}

.raspvorota
{
height: 213px;
margin: 50px 0px;
}

.shlagbaum
{
height: 193px;
margin: 50px 0px;
}

.polovina
{
display: inline-block;
width: 49%;
/* max-width: 49%;  */
position: relative;
vertical-align: middle;
}

.polovina .bigtext{
text-align:left;
}
.rolstavni
{
height: 211px;
margin: 50px 0px;
}

.balkdiv1
{
display: inline-block;
width: 500px;
vertical-align: middle;
min-height: 500px;
}

.balkdiv2
{
display: inline-block;
vertical-align: middle;
position: relative;
/* display: none; */
}

.widthdiv
{
width: 100%;
}

.balkonwarm, .hot
{
display: none;
}

.melkopreim
{
text-align: left;
margin: 10px;
}

.ugolcold
{
float: left;
margin-right: 30px;
margin-top: 30px;
}

.ugolwarm
{
float: left;
margin-right: 30px;
margin-top: 30px;
}

.checkhot, .checkcold
{
cursor: pointer;
}

.temp10img
{
position: absolute;
left: 0px;
top: 0px;
}

.temp5img, .temp22img
{
position: absolute;
right: 14px;
top: 0px;
}

.temp10text
{
position: absolute;
left: 10px;
top: 160px;
}

.temp5text, .temp22text
{
position: absolute;
right: 0px;
top: 160px;
}

.balkons
{
float: left;
width: 300px;
margin-top: 10px;
margin-right: 50px;
}

.nourl
{
color: inherit;
border: none;
text-decoration: none;
}

.poluimg
{
height: 150px;
margin: 50px 0px;
}

.strukimg
{
height: 159px;
margin: 50px 0px;
}

.fasadost
{
vertical-align: middle;
}

.fasadost1
{
height: 300px;
margin-left: 100px;
}

.tpugol
{
float: left;
height: 200px;
margin-top: -34px;
margin-right: 50px;
margin-left: 40px;
}

.tpugol1
{
float: left;
height: 200px;
margin-top: -34px;
margin-right: 65px;
margin-left: 40px;
}

.rehauimg
{

}

.imgdivs
{
display: inline-block;
/* margin: 40px; */
margin: 0px;
margin-top: 20px;
}

.preimmini
{
/* color: #EF7F1A; */
margin: 0px;
text-align: left;
margin-left: 40px;
}

.submenu
{
/* background-color: #85BD3C; */
background-color: #5F80B0;
margin-top: -38px;
/* height: 70px; */
height: 40px;
width: 100%;
position: absolute;
z-index: 3;
    margin-top: -38px;
    /* height: 70px; */
    height: 40px;
    width: 100%;
    position: absolute;
    margin-top: 75px;
    z-index: 5;
}

.submenu .menudiv
{
margin-top: 0px;
padding-top: 0px;
height: 50px;
}

#overlaymenu {
	z-index: 2; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	/* background-color: #000; */ /* черная */
	/* opacity: 0.8; */ /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	display: none; /* в обычном состоянии её нет) */
}

.micrologo
{
height: 40px;
}

.oknotype
{
text-align: left;
margin: 0px;
margin-bottom: 5px;
margin-top: 8px;
}

.oknotype2
{
text-align: left;
margin: 0px;
font-size: 20px;
}

.calcdiv1
{
text-align: left;
padding-left: 100px;
height: 590px;
box-sizing: border-box;
vertical-align: top;
}

.calcdiv1mob
{
padding-left: 40px;
height: auto;
min-height: 520px !important;
/* padding-right: 40px; */
}

.calcdiv1mob .number
{
margin-left: 0px !important;
}

.calcdiv1mob .paketimg
{
margin-left: -30px !important;
}

.formmobile
{
padding-right: 40px;
}

.formmobile INPUT
{
width: 100% !important;
box-sizing: border-box;
margin-bottom: 10px !important;
}

.calcdiv1 H2
{
margin-bottom: 10px;
margin-top: 0px;
}

.calcdiv1 DIV
{
height: 100%;
}

.oknopic
{
margin-right: 5px;
cursor: pointer;
}

.oknofinal
{
margin-top: 20px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
}

.number
{
margin: 10px;
border: solid 3px #EF7F1A;
border-radius: 50%;
padding: 0px 14px;
color: #EF7F1A;
margin-left: -73px;
}

.profilemini
{
height: 60px;
vertical-align: middle;
cursor: pointer;
}

.profilemininame
{
font-size: 14px;
}

.paketimg
{
float: left;
margin-right: 14px;
margin-top: -4px;
cursor: pointer;
height: 100px;
}

.paketfinal
{
display: none;
position: absolute;
right: 0px;
bottom: 0px; 
}

.profilfinal
{
display: none;
position: absolute;
left: 0px;
bottom: 0px; 
height: 250px;
}

.margin0
{
margin: 0px !important;
}

.profilediv
{
height: auto !important;
display: inline-block;
width: 112px;
margin-bottom: 14px;
}

.nameprofile
{
font-weight: bold;
}

.profilepreview
{
/* height: 700px; */
height: 400px;
margin-top: 50px;
/* margin-right: 100px; */
/* float: left;
margin-right: 100px;
margin-top: 20px;
margin-bottom: 80px; */
}

.profiletext
{
text-align: left;
}

.centerdiv
{
display: inline-block;
}

.mobilemenu
{
display: none;
}

.mobilemenudiv
{
background-color: #fff;
width: 100%;
z-index: 1000;
position: absolute;
margin-top: 121px;
padding-top: 30px;
}

.fixed
{
position: fixed;
top: 0px;
width: 100%;
margin: 0px;
}

.fixedsubmenu
{
position: fixed;
/* top: 114px; */
/* top: 95px; */
top: 56px;
width: 100%;
margin: 0px;
}

.imgwidth
{
width: 100%;
height: auto;
margin: 0px;
}

.imgzamer
{
/* width: 90px; */
height: 103px;
/* margin-bottom: -25px; */
float: left;
margin-top: -14px;
}

.imgcalc
{
/* width: 69px; */
width: 90px;
/* margin-bottom: -26px; */
float: left;
margin-top: -20px;
}

.headerbuts
{
text-decoration: none;
/* color: #95C2FD; */
color: #444;
/* text-shadow: 1px 1px 1px #000; */
/* text-shadow: 1px 1px 1px #95C2FD; */
display: inline-block;
text-align: left;
/* min-width: 220px; */
padding: 0px 10px;
line-height: 1;
font-size: 16px;
max-width: 114px;
}
.headerbuts:nth-of-type(2){
max-width:140px;
}
.headerbuts:HOVER
{
color:#EF7F1B;
}
.headerbutsactive{
color:#EF7F1B;
}

.headerbuts I
{
font-size:30px;
float: left;
padding-right: 10px;
padding-top: 0px;
}

.profiledesc
{
border-left: solid 2px #DDDDDD;
border-top: solid 2px #DDDDDD;
border-right: solid 2px #898989;
border-bottom: solid 2px #898989;
border-radius: 5px;
background-color: #6B8FC5;
padding: 8px 20px;
color: #fff;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
}

.profiledescimg
{
display: block;
margin-bottom: 30px;
}

.brandsurl
{
text-decoration: none;
color: inherit;
}

.brandsdiv
{
display: inline-block;
margin: 10px;
vertical-align:top;
padding-bottom: 50px;
}

.karusel2
{
width: 1000px;
margin: auto;
}

.karusel
{
max-width: 900px;
margin: auto;
height: 550px;
}

.karusel DIV
{
min-height: 500px;
position: relative;
}

.karusel2 
{
min-height: 680px;
/* background: green; */
}

.karuselimg
{
/* width: 100px; */
width: 200px;
padding-top: 110px;
/* padding-top: 155px; */
}

.rehauprof .karuselimg
{
margin-right: -50px;
}

.slick-slider H3
{
/* text-align: center;
margin: 0px;
font-size: 20px; */
}

.slick-current IMG.karuselimg
{
/* padding-top: 0px;
width: 230px !important; */
}

.karusel DIV A
{
display: none;
}

.karusel2 DIV A
{
display: none;
}

.karusel DIV P
{
display: none;
/* position: absolute; */
bottom: 100px;
font-size: 24px;
text-align: center;
padding: 0px;
}

.karusel2 DIV P
{
display: none;
}

.slick-current P, .slick-current SPAN, .slick-current A
{
/* display: block !important; */
}

.slick-current H3
{
/* font-size: 30px; */
}

.greenicons
{
/* display: none; */
color: #85BD3C;
margin-top: 10px;
}

.greenicons2
{
color: #EF7E20;
margin-top: 10px;
font-size: 40px;
display: block;
}

.legkodiv
{
position: relative;
background: url('./img/footerpic1.jpg') center center;
background-size: cover;
height: 800px;
}

.legkotext
{
font-size: 80px;
color: #fff;
text-align: center;
text-shadow: 0 0 10px #555;
}

.oursdiv
{
padding-top: 40px;
padding-bottom: 40px;
}

.ourokna
{
display: inline-block;
vertical-align: top;
width: 33%;
max-width: 400px;
margin-bottom: 20px;
margin-top: 20px;
}

.ourokna P
{
text-align: left;
font-size: 14px;
}

.ourokna H2
{
/* height: 100px; */
font-size: 20px;
text-align: left;
margin: 0px;
}

.ourokna IMG
{
width: 80px;
float: left;
margin-right: 20px;
margin-top: 10px;
}

.lamindiv
{
min-height: 500px;
padding-top: 50px;
padding-bottom: 40px;
}

.lamokno
{
display: inline-block;
background: url('./img/lamin/l_none.png') left no-repeat;
height: 393px;
/* width: 200px; */
width: 100%;
/* max-width: 500px; */
position: relative;
vertical-align: middle;
}

.lamokno2
{
display: inline-block;
vertical-align: middle;
position: absolute;
right: 100px;
}

.lamchange,.furchange
{
position: absolute;
left: 0px;
}

.lamindiv1, .lamindiv2
{
/* position: absolute !important; */
right: 0px;
display: inline-block;
width: 520px !important;
height: 130px;
}

.lamindiv2
{
margin-top: 24px;
}

.lamindiv1
{

}

.lamindiv1 DIV
{
/* width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden; */
}

.lamins
{
/* width: 116px;
height: 116px;
margin: 2px; */
cursor: pointer;
/* border-radius: 50%; */
}

.laminsfur
{
width: 100px;
margin-top: -10px;
margin-right: -27px;
cursor: pointer;
}

.laminsdivs
{
overflow: hidden;
background: #fff;
border-radius: 50%;
height: 120px !important;
width: 120px !important;
margin: 5px;
}

.clientsimg
{
width: 500px;
vertical-align: middle;
float: left;
margin-top: 66px;
}

.otzdiv
{
display: inline-block !important;
width: 600px;
vertical-align: middle;
/* height: 500px; */
}

.otzdivs
{
/* border: dashed 1px #6F8CC6; */
margin: 5px;
}

.otzdivs P:nth-child(2)
{
font-weight: bold;
font-style: normal;
}

.otzdivs P
{
text-align: left;
font-size: 18px;
font-style: italic;
}

.stepsdiv
{
display: inline-block;
height: 220px;
vertical-align: top;
}

.stepsdiv IMG
{
width: 170px;
margin: 10px;
cursor: pointer;
}

.animcolor
{
margin-top: 25px !important;
filter: saturate(10%); 
	-webkit-filter: saturate(10%); 
	-moz-filter: saturate(10%); 
	-o-filter: saturate(10%); 
	-ms-filter: saturate(10%);
	
/* filter: brightness(50%); 
	-webkit-filter: brightness(50%); 
	-moz-filter: brightness(50%); 
	-o-filter: brightness(50%); 
	-ms-filter: brightness(50%);
	
filter: contrast(60%); 
	-webkit-filter: contrast(60%); 
	-moz-filter: contrast(60%); 
	-o-filter: contrast(60%); 
	-ms-filter: contrast(60%);	 */
	
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.animcoloractive
{
margin-top: 10px !important;
filter: saturate(100%); 
	-webkit-filter: saturate(100%); 
	-moz-filter: saturate(100%); 
	-o-filter: saturate(100%); 
	-ms-filter: saturate(100%);
width: 200px !important;	
}

.animcolor:HOVER
{
filter: saturate(100%); 
	-webkit-filter: saturate(100%); 
	-moz-filter: saturate(100%); 
	-o-filter: saturate(100%); 
	-ms-filter: saturate(100%);
	
/* filter: brightness(100%); 
	-webkit-filter: brightness(100%); 
	-moz-filter: brightness(100%); 
	-o-filter: brightness(100%); 
	-ms-filter: brightness(100%);
	
filter: contrast(60%); 
	-webkit-filter: contrast(100%); 
	-moz-filter: contrast(100%); 
	-o-filter: contrast(100%); 
	-ms-filter: contrast(100%); */	
	
}

.leftarrow
{
position: absolute;
left: -20px;
top: 120px;
cursor: pointer;
font-size: 40px;
}

.rightarrow
{
position: absolute;
right: -20px;
top: 120px;
cursor: pointer;
font-size: 40px;
}

.voronezback
{
background: url('./img/voronez.jpg') center bottom no-repeat;
}

.zakazatzvonok
{

}

#zakazatzvonok
{
position: fixed;
z-index: 2;
bottom: 20px;
right: 20px;
display: none;
cursor: pointer;
background-color: #85BD3C;
padding: 15px 20px;
color: #fff;
font-size: 14px;
text-align: left;
min-width: 240px;
box-shadow: 3px 3px 4px #888;
}

#zakaz_close
{
position: absolute;
right: 5px;
top: 4px;
opacity: 0.5;
}

#zakaz_close:HOVER
{
opacity: 1;
}

#zakazatzvonok P
{
padding: 0px;
margin: 0px;
text-shadow: 1px 1px 1px #555;
}

.phonepic
{
float: left;
margin-top: -3px;
font-size: 30px;
margin-right: 10px;
}

.nametextmodal
{
font-size: 24px;
text-align: left;
}

.call_woman
{
float: left;
width: 60px;
margin-right: 10px;
}

.call_zamer
{
float: left;
width: 100px;
margin-right: 10px;
margin-top: 18px;
}

.slick-prev, .slick-next
{
height: 40px;
}

.minilogodiv
{
display: inline-block;
width: 250px;
/* margin-right: 50px; */
}

.minigallerydiv
{
display: inline-block;
min-height: 300px;
/* width: 100%; */
width: 770px;
margin-top: 90px;
margin-left: 50px;
}

/* полароид */
.polaroid
{
	width: 150px;
	padding: 6px 6px 40px 6px;
	background: #eee;
	border: 1px solid #fff;
    box-shadow: 0px 2px 15px #333;
	-moz-box-shadow: 0px 2px 15px #333;
    -webkit-box-shadow: 0px 2px 15px #333;
	position: relative;
	margin:25px 0 0 15px;
}

.polright
{
text-align: left;
}

.preimbig
{
padding-left: 100px !important;
}
.polright .nametext
{
/* padding-left: 40px; */
}

.bigicon
{
font-size: 40px;
position: absolute;
margin-top: -10px;
margin-left: -60px;
}

.price
{
background-color: #FDEB07;
font-size: 50px;
display: inline-block;
/* margin-left: 40px; */
margin-bottom: 0px;
margin-top: 20px;
padding: 10px 20px;
}

.melko
{
font-size: 12px;
}

.navi
{
text-align: left;
}

.blueurl, .greenurl, .orangeurl
{
text-decoration: none;
color: #fff;
padding: 5px 20px;
}

.blueurl
{
background-color: #6E8DC6;
text-shadow: 1px 1px 1px #000;
}

.greenurl
{
background-color: #85BD3C;
text-shadow: 1px 1px 1px #000;
}

.orangeurl
{
background-color: #EF7F1B;
text-shadow: 1px 1px 1px #000;
}

.blockotz
{
margin-bottom: -20px;
}

.imgurldiv
{
display: inline-block;
position: relative;
overflow: hidden;
width: 350px;
height: 200px;
margin: 5px;
}

.imgurl
{
width: 350px;
}

.imgurlname
{
color: #fff;
position: absolute;
text-shadow: 0 0 10px #000, 0 0 10px #555;
z-index: 2;
margin: 0px;
bottom: 20px;
margin-left: 20px;
left: 0px;
text-align: left;
text-transform: uppercase;
font-size: 18px;
	
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;	
}

.priceimgurl
{
position: absolute;
z-index: 2;
bottom: -40px;
color: #fff;
margin: 0px;
border-top: solid 1px #fff;
left: 20px;
right: 20px;
text-align: left;
padding-left: 0px !important;
font-size: 18px;

	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;	
}

.animeimg
{
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.animeimg:HOVER
{
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	
	filter: brightness(50%); 
	-webkit-filter: brightness(50%); 
	-moz-filter: brightness(50%); 
	-o-filter: brightness(50%); 
	-ms-filter: brightness(50%);
}

.lamimini
{
max-width: 1000px;
margin: auto;
}

.lamiminis IMG
{
width: 65px;
border-radius: 5px;
}

.divotzyv
{
max-width: 1000px;
margin: auto;
}

.textotz
{
text-align: justify;
font-style: italic;
}

.nameotzyvy
{
font-weight: bold;
text-align: right;
}

.answerotzyvy
{
text-align: left;
margin: 0px;
margin-left: 100px;
}

.podpis
{
margin: 0px;
font-size: 16px;
text-align: left;
margin-left: 100px;
}

.more
{
display: none;
}

.inputotz
{
font-family: Calibri, 'calibri_web', verdana;
padding: 10px 20px;
font-size: 20px;
width: 400px;
margin: 0px 10px;
margin-bottom: 20px;
box-sizing: border-box;
}

.input3
{
font-family: Calibri, 'calibri_web', verdana;
padding: 10px 20px;
font-size: 20px;
width: 820px;
box-sizing: border-box;
margin-left: 5px;
resize: none;
}

.photoimg
{
height: 120px;
margin: 2px;

	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}

.photoimg:HOVER
{
margin: 0px 4px 4px 0px;
box-shadow: 4px 4px 10px #333;
}

.whitebg
{
background-color: #fff;
}

.vorotablocks1
{
display: inline-block;
vertical-align: middle;
}
.vorotablocks1 P{

}
.vorotablocks2
{
display: inline-block;
max-width: 500px;
vertical-align: middle;
/* padding-top: 20px; */
box-sizing: border-box;
padding-left: 40px;
}
.vorotablocks2 .nametextmini{
text-align:left;
}
.imgvorotablock
{
/* width: 380px; */
width: 330px;
}

.nametextmini
{
font-size: 30px;
text-align: center;
}

.prioritet
{
min-height: 500px;
max-width: 1200px;
margin: auto;
background: #000 url('./img/vorota_panoram_1.png') no-repeat center center;
color: #fff;
padding-top: 40px;
text-shadow: 1px 1px 1px #000;
}

.prioritet DIV
{
display: inline-block;
width: 49%;
margin: auto;
padding: 40px;
box-sizing: border-box;
}

.prioritetimg
{
float: left;
margin-right: 30px;
height: 100px;
}

.prioritet P
{
text-align: left;
}

.prioritet H2
{

}

.prioritet H3
{
text-align: left;
margin: 0px;
font-size: 22px;
}

.colorpanel, .typepanel
{
max-width: 1000px;
margin: auto;
}

.leftmenudiv
{
display: inline-block;
max-width: 400px;
/* background-color: lightgreen; */
vertical-align: top;
}

.leftmenuurl
{
display: block;
text-decoration: none;
color: #000;
background-color: #FEF483;
text-align: left;
padding: 10px 20px;
margin: 10px;
}

.leftmenuurl:HOVER
{
background-color: #85BD3C;
text-shadow: 1px 1px 1px #000;
color: #fff;
}

.leftmenuactive
{
background-color: #85BD3C;
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.rightcol
{
display: inline-block;
/* max-width: 600px; */
width: 850px;
}

.rightcol DIV
{
vertical-align: top;
}

.rightcol .nametextmini
{
margin-top: 0px;
}

.rightcol .imgvorotablock
{
margin-top: 10px;
}

.videogallery
{
padding: 40px;
}

.videoblock
{
max-width: 360px;
}

.videoblockroll
{
max-width: 290px;
float: left;
margin-right: 40px;
margin-left: 40px;
}

.calcmain
{
display: inline-block;
box-sizing: border-box;
width: 400px;
height: 400px;
/* background: #ededed url('./img/calc_vorota/bg_vorota.jpg') no-repeat center center; */
background: url('./img/panelcolored/type2_RAL_9003.jpg') no-repeat center center;
padding: 20px;
background-size:contain;
}

.votora_panel
{
/* background: url('./img/calc_vorota/panel1.png');
width: 400px;
height: 290px;
margin: auto; */
}

.vorota_color
{
/* background: url('./img/calc_vorota/vorota_shadow.png') repeat-y, url('./img/calc_vorota/vorota_shadow1.png') repeat-x;
background-color: #F1F2ED; */
}

.calc_pic
{
display: inline-block;
vertical-align: top;
margin-top: 40px;
position: relative;
}

.calc_form
{
display: inline-block;
width: 550px;
margin-right: 100px;
}
.typepanel21 IMG
{
height: 100px;
}

.panels, .colorpan
{
cursor: pointer;
}

.hiddenform
{
display: none;
}

.shemavorot
{
width: 500px;
}

.leftdiv
{
display: inline-block;
width: 49%;
vertical-align: middle;
}

.rightdiv
{
display: inline-block;
width: 49%;
vertical-align: middle;
}

.rightdiv P
{
text-align: left;
margin: 0px;
margin-bottom: 5px;
}

.calc1
{
display: inline-block;
max-width: 33%;
vertical-align: top;
}

.calc2
{
display: inline-block;
vertical-align: top;
/* min-width: 600px; */
width: 600px;
}

.calc21
{
display: inline-block;
vertical-align: top;
/* min-width: 600px; */
width: 190px;
}

.calc3
{
display: inline-block;
vertical-align: top;
min-width: 220px;
}

.typecalc
{
height: 100px;
border: solid 2px #6B8FC5;
cursor: pointer;
display: block;
margin-bottom: 10px;
}

.hiddeninput:CHECKED + .typecalc
{
border: solid 2px #85BB39;
}

.profilechoice:HOVER
{
cursor: pointer;
}

.profilechoice
{
text-align: left;
padding: 5px 10px !important;
position: relative;
background: #6B8FC5;
color: #fff;
margin: 0px;
margin-top: 10px;
font-size: 18px;
text-shadow: 1px 1px 1px #333;
}

.oknodva, .oknoodin, .oknotri, .oknobalkon, .oknodver
{
position: relative;
}

.oknoodin, .oknotri, .oknobalkon, .oknodver
{
display: none;
}

.opentype
{
background: #6B8FC5;
text-align: left;
color: #fff;
z-index: 2;
position: relative;
padding: 5px 10px !important;
font-size: 14px;
text-shadow: 1px 1px 1px #333;
border-radius: 8px;
}
.opentype::before{
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: #fff;
border: solid 2px #6B8FC5;
border-radius: 50%;
position: absolute;
left: -20px;
top: 30%;
}
.opentype2
{
text-align: left;
color: #fff;
z-index: 2;
position: relative;
padding: 5px 10px !important;
font-size: 14px;
}

.opentype:hover
{
cursor: pointer;
background: #85BB39;
}

.onkoleft
{
display: inline-block;
vertical-align: top;
width: 110px;
/* margin-right: 25px; */
padding-top: 40px;
}

.onkocenter
{
display: inline-block;
vertical-align: top;
width: 110px;
/* margin-right: 25px; */
padding-top: 40px;
margin: 0px 50px;
}

.oknocenterhidden
{
display: inline-block;
width: 48px;
}

.onkoright
{
display: inline-block;
vertical-align: top;
width: 110px;
/* margin-left: 25px; */
padding-top: 40px;
}

.hiddeninput
{
display: none;
}

.hiddeninput:CHECKED + P
{
background: #85BB39;
}
.hiddeninput:CHECKED + P::before{
background:#6B8FC5;
}
.stars
{
color: #FFEB01;
right: 10px;
position: absolute;
}

.window31, .window32, .window33, .window21, .window22, .window11, .window41
{
position: absolute;
z-index: 2;

	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
}

#oknofinal5
{
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
}

.window11
{
top: 26px;
left: 196px;
}

.window41
{
display: none;
left: 55px;
top: 24px;
}

.window21 
{
display: none;
left: 134px;
top: 22px;
}

.window22
{
top: 22px;
left: 302px;

/* transform-origin: 100% 50% 0px;
transform: perspective(800px) rotateY(0deg); */

/* transform-origin: 50% 70% 0px;
transform: perspective(300px) rotateX(0deg); */
}

.window31 
{
left: 52px;
top: 22px;
}

.window32
{
display: none;
top: 22px;
left: 217px;
}

.window33
{
top: 22px;
right: 52px;
}

.formcalc
{
padding-top: 250px;
position: relative;
}

.minidivsteklo
{
display: inline-block;
}

.minidivsteklo P
{
font-size: 12px;
padding: 0px;
font-weight: bold;
margin-top: 0px;
display: none;
}

.photosimg
{
height: 350px;
}

.photogallerydivmain
{
max-width: 1100px;
min-height: 360px;
margin: auto;
}

.manleft
{
float: left;
border-bottom: solid 1px #000;
}

.profilepromo
{
display: inline-block;
min-width: 520px;
vertical-align: top;
text-align: left;
}

.profilepromo IMG
{
width: 250px;
float: left;
margin-top: -56px;
margin-right: 20px;
}

.profilepromo H3
{
margin-bottom: 0px;
}

.slogans
{
margin: 5px 0px;
font-size: 18px;
}

.mainslogan
{
margin: 5px 0px 10px 0px;
}

.calctext
{
font-size: 14px;
text-align: left;
margin-top: -50px;
}

.calcimg
{
float: left;
margin-right: 20px;
margin-top: -7px;
}

.profileinfo
{
background: #c7c7c7;
display: none;
}

.displayblock
{
display: block;
}

.profileinfo P
{
text-align: left;
padding: 5px 10px !important;
position: relative;
color: #fff;
margin: 0px;
font-size: 18px;
text-shadow: 1px 1px 1px #333;
}


#shirinatext
{
display: block;
position: absolute;
top: 216px;
left: 0px;
right: 0px;
margin: auto;
font-size: 16px;
}

#vysotatext
{
position: absolute;
left: -18px;
transform: rotate(-90deg);
top: 0px;
font-size: 16px;
}

.newkaruselprofile
{
max-width: 1000px;
margin: auto;
}
.newkaruselprofile P{
text-align:center;
}
.newkaruselprofiles
{
margin-right: -70px;
}
.menuicondiv{
display: inline-block;
cursor: pointer;
vertical-align: bottom;
padding-bottom: 4px;
padding-right: 30px;
font-size: 40px;
}
.menuicondiv:HOVER{
color:#EF7F1B;
}
.menutext{
    line-height: 0px;
    margin: 0px;
    font-size: 10px;
    display: block;
    padding-top: 0px;
}
.bigmenudiv{
background: #fff url(./img/menu_bg.jpg) no-repeat center;
width:100%;
height:100vh;
position: fixed;
z-index: 4;
top:60px;
display:none;
/* opacity:0; */
}
.bigmenus{
display:inline-block;
/* background:#fff; */
max-width: 400px;
text-align:left;
vertical-align:top;
font-size: 16px;
padding:20px;
}
.menuname{
margin: 0px;
padding: 5px 0px;
}
.menunamemini{
margin: 0px;
padding: 5px 0px;
font-weight: bold;
}
.bigmenuurl{
display: block;
text-decoration: none;
color: #333;
padding:5px 10px;
}
.bigmenuurl:HOVER
{
color:#EF7F1B;
}
.bigmenudiv .bodytext{
text-align:left;
padding: 0px 110px;
}
.otherdiv1{
display:inline-block;
width:500px;
height:300px;
margin-bottom:20px;
}
.otherdiv5{
display:inline-block;
width:500px;
height:300px;
margin:0px 20px;
margin-bottom:20px;
}
.otherdiv2{
display:inline-block;
width:330px;
height:300px;
margin:0px 20px;
margin-bottom:20px;
}
.otherdiv6{
display:inline-block;
width:330px;
height:300px;
margin-bottom:20px;
}
.otherdiv3{
display:inline-block;
width:330px;
height:300px;
margin-bottom:20px;
}
.otherdiv4{
display:inline-block;
width:330px;
height:300px;
margin-bottom:20px;
}
.otherdiv{
/* padding-top:40px; */
padding-bottom:40px;
}
.otherdiv DIV{
/* cursor:pointer; */
vertical-align:top;
overflow:hidden;
position:relative;
color: #222;
}
.otherdivmini{
height:140px;
}
.otherdivmini:nth-child(1){
margin-bottom:20px;
}
.otherdiv IMG{
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.otherdivmini:HOVER IMG, .otherdivs:HOVER IMG{
transform: scale(1.1);
}
.othertext{
position: absolute;
bottom: 0px;
background: #ffffffcf;
text-align: left;
padding: 10px;
display: block;
left: 0px;
font-size: 18px;
}
.otherdivmini:HOVER .othertext, .otherdivs:HOVER .othertext{
font-weight:bold;
}
.bigpropmenu{
position: absolute;
/* background: green; */
text-align: left;
width: 1116px;
left: -503px;
bottom: -340px;
/* display:none; */
height:0px;
overflow:hidden;
opacity:0;

transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.menudiv:HOVER .bigpropmenu{
display:block;
height:unset;
opacity:1;
}
.imgvorotaurl{
width: 220px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
box-shadow: 1px 1px 1px #555;
}
.menuurlimg{
text-decoration:none;
position: relative;
width:220px;
display:inline-block;
}
.imgurltext{
position: absolute;
left: 0px;
background: #ffffffd6;
bottom: 20px;
padding: 10px;
color: #333;
font-size:16px;
}
.menuurlimg:HOVER IMG{
transform: scale(1.05);
}
.menuurlimg:HOVER .imgurltext{
background:#fff;
}
.zamerimg{
width: 531px;
}
.colordivs{
display: inline-block;
width: 140px;
height:205px;
vertical-align: top;
position: relative;
}
.colordivs:HOVER .colorimg{
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
width:140px;
}
.colorimg{
width: 100px;
}
.colorname{
display: block;
font-size: 16px;
position: absolute;
bottom: 30px;
left: 0px;
right: 0px;
}
.typepanel21{
height:150px !important;
}
.panels{
margin-top: 26px;
}
.typepanel2 .slick-current .panels{
height:150px;
margin-top:0px;
}
.colorpanel2 .rals{
margin-top:26px;
}
.lamiminis{
/* height:100px !important; */
}
.colorpanel2 .slick-current .rals{
height:100px;
width:100px;
margin-top:0px;
margin-top:0px;
}
.rals{
width:65px;
height:47px;
display:inline-block;
cursor:pointer;
border-radius: 4px;

transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.ral9003{
background:#EEEEEC;
}
.ral1014{
background:#DCC6A1;
}
.ral9006{
background:#A5A6A5;
}
.ral7016{
background:#4C4F54;
}
.ral8014{
background:#56483F;
}
.ral3000{
background:#A8403D;
}
.ral5005{
background:#2B5D8E;
}
.ral6005{
background:#365148;
}
.colorvar{
width:100px;
height:100px;
border-radius:4px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;

transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.colorvar:HOVER{
width:120px;
height:120px;
}
.shirinp{
position: absolute;
bottom: -56px;
left: 100px;
width: 160px;
}
.vysinput{
transform: rotate(-90deg);
position: absolute;
right: -138px;
bottom: 178px;
width: 156px;
}
.avtodivs{
display: inline-block;
vertical-align: top;
/* margin-top: 20px; */
width: 200px;
cursor: pointer;
border: solid 4px #fff;
padding: 20px;
box-sizing: border-box;
}
.avtodivs:HOVER{
border: solid 4px #6F8CC6;
}
.avtodivsactive{
border: solid 4px #EF7F1B;
}
.avtoimg{

}
.avtoname{
margin: 0px;
font-size: 16px;
padding: 0px 20px;
}
.nameavtochoise{
margin-bottom: 0px;
font-weight: bold;
}
.avtodesc{
font-size: 20px;
max-width: 800px;
margin: auto;
margin-bottom: 20px;
}
.avtomatika{
display:none;
}
.oknadivs{
/* display:inline-block; */
vertical-align:top;
/* padding:20px; */
position:relative;
}
.oknadivscen{
display:inline-block;
vertical-align:top;
padding:20px;
position:relative;
margin-top: 40px;
}
.oknodiv1{

}
.oknodiv2{

}
.oknodiv3{

}
.oldprice{
position: absolute;
top: 350px;
left: 30px;
font-size: 30px;
font-weight: bold;
color: #333;
text-decoration: line-through;
}
.newprice{
position: absolute;
top: 332px;
left: 170px;
font-size: 50px;
font-weight: bold;
color: #85BD3C;
text-shadow: 1px 1px 0px #000;
}
.stisimg{
float: left;
margin-right: 40px;
margin-top: 20px;
margin-bottom: 40px;
}
.stistext{
text-align: left;
padding-top: 130px;
}
.jaluziimg1{
height:211px;
}
.jaluziimg2{
height:177px;
}
.jaluziimg3{
height:143px;
}
.jaluziimg4{
height:173px;
}
.jaluziimg5{
height:122px;
}
.zavesimg{
width:100%;
}
.zavesdiv{
display:inline-block;
width:390px;
min-height: 200px;
position:relative;
overflow:hidden;
}
.zavespreim{
/* font-weight: bold;
    font-size: 22px; */
}
.zavestable{
/* background: green; */
width: 1180px;
margin: auto;
text-align:left;
}
.zavestable TD{
padding:10px;
border:solid 1px #333;
}
.dankediv{
text-decoration:none;
color: #222;
display: inline-block;
width: 180px;
margin-bottom: 40px;
/* cursor: pointer; */
border: solid 4px #fff;
padding-bottom: 20px;
box-sizing: border-box;
vertical-align: top;

transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.dankediv:HOVER{
border: solid 4px #EF7E20;
}
.animeimg{
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.zavesdiv:HOVER .animeimg{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);

filter: brightness(50%); 
	-webkit-filter: brightness(50%); 
	-moz-filter: brightness(50%); 
	-o-filter: brightness(50%); 
	-ms-filter: brightness(50%);
}
.steklodesc{
color: #fff;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
text-align: left;
font-size: 16px;
/* background: red; */
padding: 20px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.zavesdiv:HOVER .steklodesc{
opacity:1;
}
.dankename{
text-align:center;
}
.dankeprice{
font-weight: bold;
text-align:center;
}
.dankeorder{

}
.dankeimg{
width: 100%;
max-width:300px;
float:left;
}
.dankeimg2{
width: 100%;
max-width:300px;
}
.bsldiv{
display:inline-block;
width:290px;
}
.bslimg{
width:100%;
}
.bslname{

}
.bottomtext{
position:absolute;
bottom:0px;
margin: 0px;
}
.ofperimg{
width: 390px;
}
.videodivs{
float: left;
    display: inline-block;
    margin-right: 40px;
    /* margin-top: -10px; */
    margin-left: 10px;
}
.rehau_doors{
float:left;
margin-top: -160px;
margin-right: 40px;
}
.rehau_doors2{
float:right;
margin-top: -160px;
}
.bold{
font-weight:bold;
}
.zimimg{
height:200px;
}
.konzim{
height: 172px;
}
.vhodimg{
float:left;
margin-right: 40px;
}
.vhodimgs{
height:173px;
}
.bigimgs{
width:100%;
}
.preimdivs{
display: inline-block;
background: #FFEB01;
vertical-align: top;
width: 195px;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.preimpics{
font-size: 70px;
color: #EF7E20;
}
.preimtext{
text-align:center;
margin-top: 10px;
margin-bottom: 0px;
}
.leftdoor{
float:left;
}
.check{
font-size: 40px;
display: inline-block;
margin-right: 20px;
vertical-align: middle;
color: #85BB39;
}
.spisok{
margin: 0px;
}
.selects{
padding:5px 10px;
font-size:20px;
margin-right: 40px;
}
.descpod{
/* padding-top: 40px; */
text-align: center;
}
.danketypeimg{

}
.logomoeller{
    width: 400px;
}
.wdsdiv{
margin-bottom: 40px;
}
.wdsdiv IMG{
margin-top: 0px;
}
.dachaimg{
float: left;
    max-width: 500px;
    margin-right: 40px;
}
.namewind{
text-align: center;
    font-weight: bold;
}
.razmerdiv{
background-color: #85BD3C;
max-width: 270px;
}
.steklopaketimg{
    margin-top: 100px;
	max-width: 100%;
}
.pricetable{
    margin: auto;
    text-align: left;
    max-width: 100%;
	border-collapse: collapse;
}
.pricetable TD{
border: solid 1px #6B8FC5;
    border-spacing: 0px;
    padding: 10px;
    font-size: 16px;
}
.polimg{
max-width: 500px;
}
.strela{
width:33%;
}
.roldivs{
display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    width: 300px;
    /* background: green; */
    box-sizing: border-box;
    vertical-align: top;
}
.rolimg{

}
.rolname{
text-align: center;
}
.rolcol{
width: 600px;
    max-width: 100%;
}
.typepanvor{
    width: 396px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.inldivs{
display:inline-block;
vertical-align:top;
}
.inldivs P{
text-align:center;
}
.otkatconst{
    float: left;
    width: 600px;
    margin-right: 40px;
}
.raspconst{
    float: left;
    width: 350px;
    margin-right: 40px;
}
.privodimg{
float:left;
}

.newsdiv{
margin:50px 0px;
}
.newspic{
display:inline-block;
width:300px;
vertical-align: top;
padding-right: 40px;
box-sizing: border-box;
}
.textnews{
display:inline-block;
width:900px;
}
.picnews{
width:100%;
}
.namepromo{
font-weight:bold;
}
.picnews2{
    /* margin-top: 40px; */
    float: left;
    margin-bottom: 40px;
    margin-right: 40px;
    max-width: 300px;
}
.bezramter{
height:183px;
}
.bezramfas{
height:175px;
}
.bezrambal{
height:188px;
}
.promoimg{
height: 150px;
margin: 10px;
}
.redtext{
text-align: center;
margin: 20px;
margin-bottom: 0px;
color: red;
font-size: 40px;
}
.logofooter{
width: 220px;
}
.footerurl{
text-decoration:none;
color:#fff;
font-size:16px;
font-weight:normal;
}
.footerurl:HOVER{
text-decoration:underline;
}
.footericons{
color: #fff;
text-decoration: none;
font-size: 40px;
/* height: 40px; */
margin: 0px 5px;
}