*{
box-sizing:border-box;
}
	
@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:#434343;
}
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;
background: url(./img/calculate-bg.jpg) no-repeat center;
padding-top: 28px;
}
#modal_form .nametext, #modal_form2 .nametext{
margin-bottom:10px;
}
#modal_form2 {
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;
background: url(./img/calculate-bg.jpg) no-repeat center;
padding-top: 6px;
}

#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:1100px;
max-width: 100%;
margin: auto;
position:relative;
}
.nourl{
text-decoration:none;
color:inherit;
border:none;
}

.siteriadiv{
/* font-family: 'bookantiqua'; */
margin-top:40px;
}
.siteriadiv IMG{
float:right;
margin-left: 10px;
}
.siteriaurl{
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
transition:.3s;
}
.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:#CC0321;font-size: 60px;}
.b-top-but IMG{
width:50px;
}
.header{
/* background:url('./img/header-logo-line.jpg') repeat-x left top; */
height:300px;
position:relative;
z-index:2;
}
.header0{
background:#E8E9EB;
height:50px;
width:100%;
box-shadow: 0px 0px 2px #666;
box-shadow:2px 2px 4px #555;
}
.header1{
display:inline-block;
width: 500px;
vertical-align: top;
padding-top:40px;
}
.header2{
display:inline-block;
width: 600px;
vertical-align: top;
text-align:right;
padding-top: 40px;
margin-bottom:20px;
}
.header3{
display:inline-block;
text-align: right;
width: 400px;
vertical-align: middle;
}
.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; */
text-align:center;
padding:4px 0px;
/* margin-top: 20px; */
}
.menus{
display:inline-block;
color:#fff;
/* height: 66px; */
position:relative;
border-radius:4px;
transition: all .2s;
}
.menus:HOVER{
background: #CC0321;
color: #fff;
box-shadow: 2px 4px 4px #6666;
}
.menuurl:HOVER{
/* border-bottom: 2px solid #F4BF17;
padding-bottom: 5px; */
}
.menuactive{
background: #CC0321;
color: #fff;
box-shadow: 2px 4px 4px #6666;
}
.menuurl{
text-decoration: none;
color: inherit;
font-size: 22px;
font-weight: lighter;
display: block;
/* background: green; */
height: 100%;
/* padding-top: 15px; */
padding: 5px 14px;
}
.menusep{
display: inline-block;
margin: 20px;
vertical-align: top;
}
.footer{
padding:40px 0px;
/* background:url('./img/footer-bg.jpg') no-repeat center bottom; */
background:#e6e7eb url(./img/footer-bg.jpg) no-repeat center bottom;
}
.footer0{
vertical-align: top;
margin-top:400px;
height: 150px;
margin-bottom: 40px;
}
.footer1{
display:inline-block;
vertical-align: top;
width: 400px;
}
.footer2{
display:inline-block;
vertical-align: top;
width: 400px;
}
.footer3{
display:inline-block;
vertical-align: top;
width: 300px;
text-align: right;
}
.footerlogo{
float: left;
margin-right: 40px;
}
.footername{
margin:0px;
color:#263C65;
font-size:40px;
padding-top: 30px;
}
.footertext{
margin:0px;
color:#464243;
}
.footertext:first-child{
text-transform:uppercase;
}
.footerurl{
text-decoration:none;
color:inherit;
}
.footerurl:HOVER{
color: #CC0321;
/* text-shadow:1px 1px 0px #263C65; */
}
.nametext{
display: inline-block;
font-size: 30px;
font-weight: normal;
border-bottom: solid 2px #CC0321;
padding: 0px 30px;
margin:30px 0px;
text-transform:uppercase;
}
.polovina{
display:inline-block;
width:50%;
text-align:center;
vertical-align: top;
/* background: green; */
padding: 0px 40px;
}
.zamerdiv .polovina{
padding:0px;
text-align:left;
}
.zamerdiv .polovina:nth-of-type(3){
text-align:right;
}
.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;
}
.buttonorange{
background: #CC0321;
color: #fff;
border: none;
/* border-bottom: solid 4px #7B7273; */
padding: 15px 25px;
cursor: pointer;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px 0px;
vertical-align:bottom;
padding: 10px 20px;
border-radius: 4px;
box-shadow: 2px 4px 4px #c4c4c4;
transition: all .2s;
}
.buttonorange:FOCUS{
outline:none;
}
.buttonorange:HOVER{
background:#f30529;
color:#fff;
box-shadow: 4px 8px 8px #c4c4c4;
margin-top:8px;
margin-bottom:12px;
}
.buttonorange:ACTIVE{
margin-top:12px;
margin-bottom:8px;
}
.buttonblue{
background:#13C1E6;
background:#365188;
color:#fff;
border:none;
/* border-bottom:solid 4px #7B7273; */
padding: 15px 25px;
cursor:pointer;
text-decoration:none;
display:inline-block;
font-size: 16px;
margin: 10px 0px;
vertical-align:bottom;
padding: 10px 20px;
border-radius: 4px;
box-shadow: 2px 4px 4px #c4c4c4;
transition: all .2s;
}
.buttonblue:FOCUS{
outline:none;
}
.buttonblue:HOVER{
background:#3e6bc5;
color: #fff;
box-shadow: 4px 8px 8px #c4c4c4;
margin-top:8px;
margin-bottom:12px;
}
.buttonblue:ACTIVE{
margin-top:12px;
margin-bottom:8px;
}
.price{
background: #CC0321;
color: #fff;
border: none;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px 0px;
border-radius: 4px;
box-shadow: 2px 4px 4px #c4c4c4;
}
.more{
display:none;
}
.dropmenu{
display:none;
position:absolute;
background:#fff;
top: 37px;
left:0px;
transition: .3s;
z-index: 1;
padding-bottom: 5px;
padding-top: 5px;
width: max-content;
text-align:left;
box-shadow:2px 4px 4px #6666;
transition: all .3s;
}
.menus:HOVER .dropmenu{
display:block;
}
.dropmenu .menuurl{
color: #312F30;
font-size: 18px;
padding: 5px 20px;
display: block;
transition: all .3s;
}
.dropmenu .menuurl:HOVER{
background:#CC0321;
color: #fff;
border:none;
}
.submenuactive{
background:#CC0321;
color: #fff !important;
}
.orange{
color:#F4BF17;
}
.blue{
color:#13C1E6;
}
.bluepic{
color: #13C1E6;
font-size: 30px;
margin-right: 10px;
/* padding-top: 20px; */
/* margin-top: 20px; */
display: inline-block;
/* background: aquamarine; */
vertical-align: middle;
}
.polleft{
width:50%;
display:inline-block;
text-align:left;
vertical-align:top;
position: relative;
}
.polright{
width:50%;
display:inline-block;
text-align:right;
vertical-align:top;
}
.cityheader{
color:#434544;
margin: 0px;
margin-top: 10px;
position:relative;
}
.cityheader SPAN{
/* text-decoration:underline; */
border-bottom:dashed 1px #CC0321;
color:#CC0321;
margin-left:10px;
cursor:pointer;
}
.headericons{
margin:0px;
text-align:right;
}
.socicon{
margin: 6px 2px;
transition:all .3s;
}
.socicon:HOVER{
transform:scale(1.05);
}
.years{
position: absolute;
top: -200px;
left: 300px;
transition: all .3s;
}
.yearsactive{
top:0px;
}
.section1{
/* background:url('./img/header-bg-transp.png') no-repeat center top; */
background:#E8E9EB url('./img/header-certificate-catalog-bg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section3{
/* background:url('./img/header-bg-transp.png') no-repeat center top; */
background:#E8E9EB url('./img/cve2tbig.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section4{
background:#E8E9EB url('./img/dombg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section5{
background:#E8E9EB url('./img/pldoorbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section6{
background:#E8E9EB url('./img/aldoorbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section7{
background:#E8E9EB url('./img/portaldoors.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section8{
background:#E8E9EB url('./img/balkondoorbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section9{
background:#E8E9EB url('./img/mayatndoor.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section10{
background:#E8E9EB url('./img/balkonbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section11{
background:#E8E9EB url('./img/otdelkabg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section12{
background:#E8E9EB url('./img/peregorodkibg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section13{
background:#E8E9EB url('./img/santehperbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section14{
background:#E8E9EB url('./img/sekvorotabg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section15{
background:#E8E9EB url('./img/promvorotabg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section16{
background:#E8E9EB url('./img/rolvorotabg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section17{
background:#E8E9EB url('./img/raspbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.section18{
background:#E8E9EB url('./img/shlagbg.jpg') no-repeat center top;
/* min-height:2580px; */
margin-top: -250px;
padding-top: 300px;
padding-bottom:100px;
}
.headerline{
padding: 10px 20px;
}
.headerlogotext{
display:inline-block;
vertical-align: top;
padding-top: 15px;
}
.headerurl{
text-decoration:none;
color:#fff;
display: block;
font-size: 18px;
transition: all .3s;
}
.headerurl:HOVER{
color:#CC0321;
}
.headerphone{
text-decoration:none;
color:#fff;
font-size:30px;
display: block;
}
.headertext{
text-decoration:none;
color:#fff;
display: block;
}
.utpdiv{
text-align:right;
}
.utptext{
text-align:right;
color:#000;
margin: 0px;
font-size:30px;
display: inline-block;
background: rgba(255, 255, 255, 0.7);
padding: 20px;
box-shadow: 2px 4px 4px #6666;
}
.utptext SPAN{
font-size:40px;
}
.utptext SPAN SPAN{
font-weight:bold;
/* color:#F4BF17; */
color:#fff;
color: #CC0321;
}
.utptext SPAN SPAN I{
font-size: 24px;
}
.calcdiv{
background:url('./img/calculate-bg.jpg') no-repeat center;
width: 648px;
height: 560px;
/* border-top: solid 6px #365188; */
padding:40px;
padding-top:140px;
color:#444444;
margin-top:100px;
box-shadow: 2px 4px 4px #6666;
}
.blueurl{
border-bottom: dashed 1px #365188;
color: #365188;
text-decoration:none;
}
.blueurl:HOVER{
color:#CC0321;
border-bottom: dashed 1px #CC0321;
}
.redurl{
border-bottom: dashed 1px #CC0321;
color: #CC0321;
text-decoration:none;
}
.namecalc{
font-size: 34px;
margin: 0px;
}
.calctext{
margin: 0px;
margin-bottom: 40px;
}
.inputs{
padding: 14px 20px;
border:solid 1px #000;
width: 400px;
margin: 10px 0px;
border:none;
box-shadow: inset 2px 4px 4px #c4c4c4;
}
#modal_form .inputs, #modal_form2 .inputs{
width:100%;
}
.inputs:FOCUS{
outline:none;
}
.hidden{
display:none;
}
.inputlabel:HOVER{
cursor:pointer;
}
.inputlabel SPAN:nth-child(1){
color:#fff;
display:inline-block;
}
.inputlabel SPAN:nth-child(2){
color:#CC0607;
display:none;
}
.inputlabel INPUT:CHECKED{
background:red;
}
.radioinput:CHECKED  + LABEL SPAN:nth-child(1){
display:none;
}
.radioinput:CHECKED  + LABEL SPAN:nth-child(2){
display:inline-block;
}
.inputlabel SPAN{
padding-top: 2px;
vertical-align: middle;
margin-right: 10px;
}
.rehaulicense{
/* border:solid 2px #F4BF17; */
box-shadow: 2px 4px 4px #c4c4c4;
float:right;
width: 370px;
margin-top: -300px;
transition:all .3s;
}
.rehaulicense:HOVER{
box-shadow: 4px 8px 8px #c4c4c4;
}
.vekabig{
float:right;
/* width: 370px; */
margin-top: -300px;
}
.kraussbig{
float:right;
/* width: 370px; */
margin-top: -100px;
}
.bigtext{
font-size:30px;
margin:10px 0px;
}
.rehautext{
font-size:40px;
font-weight:bold;
color:#FF6474;
margin: 0px;
}
.rehaudiv{
padding-top: 250px;
margin-bottom: 100px;
}
.rehaudiv P{
margin:0px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.poldivs{
width: 50%;
height: 350px;
display: inline-flex;
padding: 40px;
align-items: flex-end;
vertical-align: top;
padding-left: 300px;
padding-bottom: 40px;
transition: all .3s;
position: relative;
overflow: hidden;
}
.poldivs .buttonorange{
box-shadow: 2px 4px 4px #6666;
}
.poldivs .buttonorange:HOVER{
box-shadow: 8px 8px 8px #6666;
}
.prodname{
color:#fff;
font-size:34px;
margin:0px;
text-shadow: 2px 2px 0px #6666;
}
.prodtext{
margin:0px;
color:#fff;
text-shadow: 2px 2px 2px #6666;
}
.prodimgs{
position:absolute;
top:0px;
left:0px;
transition:all .3s;
}
.poldivs:HOVER .prodimgs{
transform: scale(1.2);
}
.poldivs DIV{
z-index: 1;
}
.section2{
background: #E8E9EB url(./img/whyus-bg.jpg) no-repeat center bottom;
padding-bottom: 40px;
padding-top:40px;
}
.bigtext I{
color:#CC0321;
margin: 5px 10px;
margin-left: 0px;
}
.video{
margin: auto;
text-align: center;
margin-top: 60px;
}
.proizvodstvo{
border-top: solid 10px #F4BF17;
}
.tret:nth-of-type(1){
background:url('./img/images-gazelle.jpg') no-repeat center;
}
.tret:nth-of-type(2){
background:url('./img/images-worker.jpg') no-repeat center;
}
.tret:nth-of-type(3){
background:url('./img/images-fabrique.jpg') no-repeat center;
}
.tret{
width:calc(100%/3);
height:400px;
background-size:cover !important;
display: inline-block;
}
.sobdiv{
background: url('./img/advantages-bg.jpg') no-repeat center bottom;
margin-top: -6px;
padding-top: 80px;
padding-bottom:40px;
}
.imgbrands{
display: inline-block;
vertical-align: middle;
margin: 20px;
}
.imgbrands:nth-of-type(1){
margin-top: 0px;
}
.sertdiv{
/* background: url('./img/certificates-fade-left.png') no-repeat left top; */
background:#FFF7E2;
padding-bottom:60px;
position:relative;
}
.serts{
/* height:400px; */
max-width:80%;
margin:auto;
}
.sertdivs{
padding:20px;
}
.sertimg{
width:100%;
transition: all 0.2s;

width:200px;
display: inline-block;
vertical-align: middle;
margin: 10px;
box-shadow: 2px 4px 4px #c4c4c4;
}
.sertimg:HOVER{
box-shadow: 4px 8px 8px #c4c4c4;
}
.center .fancybox-thumb:nth-child(3) .sertimg{
width:300px;
}
.sertleft{
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
max-width: 30%;
height: 100%;
display:none;
}
.sertright{
position: absolute;
right: 0px;
top: 0px;
z-index: 2;
max-width: 30%;
height: 100%;
display:none;
}
.slick-current{

}
.calcfooter{
background:#FFF7E2 url('./img/calculate2-bg.jpg') no-repeat center bottom;
padding-bottom:80px;
}
.rassrochka{
background:url('./img/instalments-bg.png')no-repeat center top;
min-height:700px;
margin-top: -120px;
padding-top: 170px;
color:#fff;
position:relative;
}
.rassrochka .nametext, .ratingdiv .nametext{
padding: 0px 30px;
display: inline-block;
font-size: 30px;
font-weight: normal;
border-bottom: solid 2px #CC0321;
padding: 0px 30px;
margin:30px 0px;
margin-bottom: 10px;
color:#fff;
}
.rassrochka .bodytext{
padding-left:700px;
}
.rastext{
color:#fff;
font-size:30px;
margin: 0px;
}
.rastext SPAN{
color:#F4BF17;
font-weight:bold;
font-size:50px;
display: inline-block;
vertical-align: sub;
}
.ratingdiv{
background:url('./img/statistic-and-feedback-bg.jpg') no-repeat center top;
min-height:1000px;
padding: 30px 0px;
}
.ratingdiv .bodytext{
text-align:center;
}
.countsdiv{
display: inline-block;
color: #fff;
padding: 40px 60px;
text-align: center;
font-size: 30px;
text-transform: uppercase;
}
.countsdiv SPAN{
display:block;
font-size:60px;
color:#F4BF17;
font-weight: bold;
}
.coutdiv2{
display: inline-block;
color: #fff;
padding: 10px 20px;
text-align: center;
font-size: 50px;
border-right: solid 3px #fff;
text-align: right;
margin: 40px 70px;
}
.coutdiv2 SPAN{
font-size:60px;
color:#F4BF17;
display:block;
margin-bottom: -30px;
}
.coutdiv2 .blueurl{
font-size:18px;
}
.coutdiv2 .redurl{
font-size:18px;
}
.videootz{
display: inline-block;
width: 30%;
margin:20px;
}
.videootz2{
display: inline-block;
width: calc(100% / 3 - 20px);
margin: 20px;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 10px;
height:190px;
}
.reward{
display: inline-block;
text-align: center;
margin: 10px;
}
.rewardimg{
display:block;
margin: auto;
margin-bottom: 10px;
margin-top:10px;
transition: all .3s;
}
.rewardimg:HOVER{
transform:scale(1.1);
}
.menufooter{
color:#263C65;
margin:0px;
text-transform:uppercase;
font-size:30px;
}
.menuurl{
text-decoration:none;
color:inherit;
}
.logos{
height: 100px;
/* margin: 20px 40px; */
margin-bottom: 20px;
}
.brandtret{
position:relative;
display: inline-block;
width: calc(100%/3 - 20px);
vertical-align: top;
background: #fff;
padding: 20px;
text-align: center;
margin-top: 40px;
margin-bottom:30px;
box-sizing:border-box;
box-shadow:2px 4px 4px #c4c4c4;
transition: all .3s;
margin-right:30px;
}
.brandtret:HOVER{
box-shadow:4px 8px 8px #c4c4c4;
margin-top:36px;
}
.brandtret:nth-of-type(3), .brandtret:nth-of-type(6){
margin-right:0px;
}
.brandtret .buttonblue{
/* margin:0px; */
}
.brandchet{
display: inline-block;
width: calc(100%/4 - 7.5px);
vertical-align: top;
background: #fff;
padding: 20px;
text-align: center;
margin-top: 40px;
margin-bottom:30px;
border:none;
box-sizing:border-box;
margin-right:10px;
box-shadow:2px 4px 4px #c4c4c4;
transition: all .3s;
}
.brandchet:HOVER{
box-shadow:4px 8px 8px #c4c4c4;
margin-top:36px;
}
.brandchet:nth-of-type(4){
margin-right:0px;
}
.brandchet .buttonblue{
/* margin:0px; */
}
.brandchet .brandprice{
margin:10px;
}
.brandpol{
display: inline-block;
width: calc(100%/2 - 15px);
vertical-align: top;
background: #fff;
padding: 20px;
text-align: center;
/* margin-top: 40px; */
margin-top:30px;
box-sizing:border-box;
box-shadow:2px 4px 4px #c4c4c4;
transition: all .3s;
vertical-align: top;
}
.brandpol:HOVER{
box-shadow:4px 8px 8px #c4c4c4;
/* margin-top:36px; */
}
.brandpol:nth-of-type(odd){
margin-right:30px;
}
.brandpol .buttonblue{
/* margin:0px; */
}
.brandname{
margin: 0px;
margin-bottom:10px;
font-size: 20px;
text-align: center;
font-weight: bold;
}
.brandname2{
margin: 0px;
font-size: 20px;
text-align: center;
font-weight: bold;
}
.brandtext{
text-align: left;
margin: 5px 0px;
/* display: none; */
font-size: 16px;
}
.brandtext2{
text-align:left;
font-size: 18px;
}
.brandprice{
/* background: #F4BF17; */
/* padding: 15px 20px; */
/* font-size: 40px; */
margin:10px 0px;
}
.brandprice SPAN{
font-size:30px;
}
.branddesc{
color: #F4BF17;
margin: 0px;
text-align:left;
}
.branddesc SPAN{
color:#434343;
margin-top:10px;
display:inline-block;
min-width:90px;
}
.lamis{
width:100%;
margin-bottom:20px;
}
.lamicolor{
display: inline-block;
vertical-align: middle;
width: 500px;
padding-bottom: 70px;
}
.lamiwindow{
display:inline-block;
vertical-align:middle;
width:600px;
text-align:right;
}
.colorimgs{
border:solid 2px transparent;
cursor:pointer;
margin-right: 20px;
margin-bottom: 20px;
transition: all .3s;
}
.colorimgs:HOVER{
transform:scale(1.05);
}
.colorimgsactive{
border:solid 2px #CC0321;
}
.profileimg{
max-width:100%;
margin-bottom: 20px;
/* max-height:300px; */
max-height:280px;
}
.profileimg2{
max-width: calc(100% - 20px);
margin-bottom: 20px;
margin-left: 40px;
max-height:280px;
}
.profileimg3{
float:left;
margin-right: 20px;
max-height: 260px;
}
.profimg{
max-width:100%;
margin-bottom:60px;
max-height:400px;
}
.montazimg{
max-width: 100%;
box-shadow: 2px 4px 4px #c4c4c4;
transition: all .3s;
/* margin-top:10px; */
}
.montazimg:HOVER{
box-shadow: 4px 8px 8px #c4c4c4;
}
.profileimgdiv{
display:inline-block;
width:400px;
vertical-align:top;
padding-right:40px;
text-align:center;
}
.profiletextdiv{
display:inline-block;
width:700px;
vertical-align:top;
margin-bottom:40px;
}
.profileimgdiv2{
display:inline-block;
width:600px;
vertical-align:top;
padding-right:40px;
}
.profiletextdiv2{
display:inline-block;
width:500px;
vertical-align:top;
margin-bottom:40px;
}
.profilename{
font-size: 30px;
margin: 0px;
font-weight: bold;
line-height:1;
}
.profilename SPAN{
font-size:50px;
}
.profileslogan{
font-weight: bold;
color:#13C1E6;
margin:0px;
margin-bottom:20px;
}
.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:#13C1E6;
}
.bold{
font-weight:bold;
}
.vekacolor{
color:#0074B8;
}
.krausscolor{
color:#D20000;
}
.whitespace{
height: 150px;
}
.sertimgs{
height: 300px;
margin: 20px;
/* border: solid 2px #F4BF17; */
box-shadow: 2px 4px 4px #c4c4c4;
transition: all .3s;
}
.sertimgs:HOVER{
box-shadow: 4px 8px 8px #c4c4c4;
}
.leftimg{

}
.imgs{
height: 160px;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
}
.otzform{

}
.otzform .inputs{
width:100%;
}
.textotz{
font-style: italic;
}
.nameotzyvy{
font-weight:bold;
}
.answerotzyvy{
text-align:right;
margin-bottom: 40px;
}
.podpis{
text-align:right;
}
.podpisimg{
height: 50px;
float: right;
margin-top: -22px;
margin-left: 10px;
}
.bigpic{
color: #13C1E6;
font-size: 80px;
}
.poldivnew{
display:inline-block;
width:50%;
vertical-align:top;
overflow:hidden;
height: 350px;
margin-bottom:60px;
margin-top: 20px;
}
.bigimg{
max-width:100%;
}
.newsdiv{
margin:40px 0px;
padding: 20px;
padding-bottom:16px;
background:#fff;
box-shadow: 2px 4px 4px #c4c4c4;
transition: all .3s;
}
.newsdiv:HOVER{
box-shadow:4px 8px 8px #c4c4c4;
}
.newspic{
display: inline-block;
width: 300px;
vertical-align: top;
padding-right: 20px;
/* padding-top: 20px; */
}
.textnews{
display:inline-block;
width:760px;
vertical-align:middle;
}
.picnews{
max-width:100%;
}
.galleryimg{
height:150px;
margin-right: 10px;
margin-bottom: 5px;
}
.zamerimg{
margin-bottom: -5px;
}
.zamerdiv{
border-bottom: solid 2px #365188;
margin-bottom: 40px;
overflow:hidden;
}
.divstep{
margin-bottom: 40px;
/* display:none; */
/* border-bottom: solid 2px #CC0321; */
padding-bottom: 40px;
/* min-height:620px; */
background: #fff url(./img/kviz1-bg.jpg) no-repeat top right;
box-shadow: inset 2px 4px 4px #c4c4c4;
box-shadow: inset 2px 4px 4px #c4c4c4, inset 0px -4px 4px #c4c4c4;
}
.divstep .inputs{
display:block;
}
.answerdiv{
display: inline-block;
border: solid 2px #fff;
padding: 10px;
margin: 10px;
margin-left: 0px;
background: #fff;
box-shadow: 2px 4px 4px #c4c4c4;
vertical-align:bottom;
transition: all .3s;
text-align:center;
}
.answerdiv:HOVER{
box-shadow: 4px 8px 8px #c4c4c4;
margin-top:6px;
margin-bottom:14px;
}
.melko{
font-size:14px;
}
.steplabel{
cursor:pointer;
}
.stepinput:checked+.answerdiv{
border: solid 2px #CC0321;
}
.steps{
display:none;
margin: 20px 0px;
}
#step1{
display:block;
}
.prevbutton{
display:none;
}
.kvizimg{
width: 140px;
margin: auto;
display: block;
}
.mobile{
display:none;
}
.mobilemenu{
display:none;
}
.urls{
text-decoration:none;
color:inherit;
}
.urls:HOVER{
/* text-decoration:underline; */
color:#CC0321;
}
.citydiv{
color: #434343;
background: #fff;
display: inline-block;
padding: 10px 20px;
top: 70px;
position: absolute;
z-index: 2;
left: 0px;
box-shadow: 0px 0px 10px;
display:none;
}
.citydiv P{
margin:0px;
}
.trianglecity{
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
border: solid 10px rgba(255, 0, 0, 0);
border-bottom: solid 10px #fff;
top: -20px;
left: calc(50% - 10px);
}
.cityModal{
display:none;
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0px;
top: 0px;
align-items: center;
justify-content: center;
z-index: 3;
}
.cityModal DIV{
background:#fff;
padding:40px;
box-shadow:0px 0px 10px;
}
.cityModal DIV SPAN{
border-bottom: dashed 1px #CC0321;
color: #CC0321;
margin-right: 10px;
cursor: pointer;
}
.cityModal DIV P{
margin:0px;
}
.dontshow{
position: absolute;
bottom: 20px;
right: 20px;
font-size: 14px;
width: 170px;
/* background: red; */
text-align: right;
color: #777;
text-decoration: underline;
cursor:pointer;
}
.cookiediv{
position: fixed;
bottom: 0px;
background: #365188;
padding: 0px 40px;
width: 100%;
text-align: center;
display:none;
z-index:100;
color:#fff;
box-shadow: 0px -4px 4px #6666;
}
.cookiediv .buttonorange{
box-shadow: 2px 4px 4px #333;
}
.cookiediv .buttonorange:HOVER{
box-shadow: 4px 8px 8px #333;
}
.fixedmenu{
position: fixed;
top: 0px;
width: 100%;
background: #fff;
margin-top: 0px;
box-shadow: 1px 1px 1px #999;
box-shadow: 2px 4px 4px #6666;
transition: all .3s;
}
.fixedmenu .menus{
color:#434343;
}
.fixedmenu .menuactive, .fixedmenu .menus:HOVER{
color:#fff;
}
.navi{

}
.navi SPAN{
margin: 0px 10px;
}
.naviurl{
color:#CC0321;
text-decoration:none;
text-transform:uppercase;
}
.naviurl:HOVER{
color:#CC0321;
border-bottom:dashed 1px #CC0321;
}
.red{
color:#CC0321;
}
.darkblue
{
color:#344F84;
}
.navicurrent{
color:inherit;
}
.navicurrent:HOVER{
color:#434343;
border:none;
}
.footeroplata{
margin: 0px;
}
.paysdiv{
min-height:460px;
padding:40px 0px;
padding-top:60px;
background:url('./img/pays-bg.jpg') no-repeat left top;
background-size:cover;
text-align:right;
border-top: solid 2px #CC0321;
}
.paysdiv .bodytext DIV{
display:inline-block;
text-align: left;
padding-right: 60px;
}
.bigicon{
color: #CC0321;
}
.rassrochka .buttonblue, .ratingdiv .buttonblue, .ratingdiv .buttonorange, .srokidiv .buttonorange, .balpreimdiv .buttonorange{
box-shadow: 2px 4px 4px #444;
}
.header .buttonblue{
box-shadow: 2px 4px 4px #444;
border-radius: 0px 4px 4px 0px;
}
.header .buttonorange{
box-shadow: 2px 4px 4px #444;
border-radius: 4px 0px 0px 4px;
}
.header .buttonorange:HOVER{
box-shadow: 4px 8px 8px #444;
}
.srokidiv{
color:#fff;
min-height:400px;
background:#434343 url('./img/sroki-bg2.jpg') no-repeat center left;
margin:60px 0px;
text-align: center;
padding: 40px 0px;
}
.srokidiv P:nth-of-type(2){
margin:0px;
}
.darktret{
display: inline-block;
width: calc(100% / 3);
padding: 40px;
}
.darktret .bigtext{
font-size:40px;
}
.darktret P{
margin:0px;
}
.lamiblock{
background: #A3D2EE url(./img/sky.jpg) no-repeat center;
color: #fff;
padding-top: 60px;
margin:60px 0px;
box-shadow: 0px 0px 8px #c4c4c4;
}
.videootzyv2{
display: inline-block;
width: 540px;
margin-right: 20px;
margin-top:20px;
margin-bottom:20px;
}
.videootzyv2:nth-of-type(2){
margin-right:0px;
}
.videootzbig{
padding:40px;
background:#E4D8A8;
}
.portfoliodivmain{
margin:100px 0px;
}
.portfoliodiv{
margin:20px 0px;
}
.portimg{
height:200px;
margin:10px;
}
.slick-prev, .slick-next{
font-size: 50px !important;
color: #CC0321 !important;
}
.balpreimdiv{
color: #fff;
min-height: 400px;
background: #434343 url(./img/balkon_bg.jpg) no-repeat center left;
margin: 60px 0px;
text-align: center;
padding: 40px 0px;
}
.balpreimdiv P:nth-of-type(2){
margin:0px;
}
.coldbalk{
color: #6EC3D5;
}
.temphol{
color: #6EC3D5;
font-size: 40px;
position: absolute;
top: 40px;
left: 40px;
background: rgba(255, 255, 255, 0.8);
margin: 0px;
padding: 20px;
padding-top: 10px;
border-left: solid 2px #6EC3D5;
}
.temppolutep{
color: #76CE2C;
font-size: 40px;
position: absolute;
top: 40px;
left: 40px;
background: rgba(255, 255, 255, 0.8);
margin: 0px;
padding: 20px;
padding-top: 10px;
border-left: solid 2px #76CE2C;
}
.poluteplbalk{
color: #76CE2C;
}
.teplbalk{
color: #FF985B;
}
.temptep{
color: #FF985B;
font-size: 40px;
position: absolute;
top: 40px;
left: 40px;
background: rgba(255, 255, 255, 0.8);
margin: 0px;
padding: 20px;
padding-top: 10px;
border-left: solid 2px #FF985B;
}
.temphol SPAN, .temppolutep SPAN, .temptep SPAN{
display:block;
font-size:12px;
color:#444;
}
.newspic2{
display: inline-block;
width: 500px;
vertical-align: top;
padding-right: 20px;
/* padding-top: 20px; */
margin:40px 0px;
}
.newspic2 .picnews{
/* width: 230px; */
margin-right: 10px;
margin-bottom: 5px;
max-width:230px;
max-height:150px;
}
.textnews2{
display:inline-block;
width:600px;
vertical-align:middle;
margin:40px 0px;
}
.gray{
color:#444;
}
.map{
display:inline-block;
width:100%;
margin-bottom:40px;
margin-top: 20px;
}
.sotr{
width: calc(100%/3);
}
.whiteblock{
background:#fff;
padding:20px;
box-shadow:2px 4px 4px #c4c4c4;
transition: all .3s;
margin:20px 0px;
}
.whiteblock:hover{
box-shadow:4px 8px 8px #c4c4c4;
}
.polprem{
display: inline-block;
width: 49%;
margin: 6px 0px;
line-height: 1;
font-size:16px;
}
.polprem SPAN{
width: 34px;
display: inline-block;
font-size: 26px;
vertical-align: middle;
/* float: left; */
}
.pics{
width:100%;
}
.textmini{
margin: 0px;
margin-top: -10px;
}
.balkon1{
background:url('./img/balkon/ostbalk1.jpg') no-repeat center;
background-size:cover;
display:inline-block;
width:680px;
height:300px;
margin-right:20px;
margin-bottom:20px;
padding:20px;
position:relative;
}
.balkon2{
background:url('./img/balkon/ostbalk2.jpg') no-repeat center;
background-size:cover;
display:inline-block;
width:400px;
height:300px;
margin-bottom:20px;
padding:20px;
position:relative;
}
.balkon3{
background:url('./img/balkon/ostbalk3.jpg') no-repeat center;
background-size:cover;
display:inline-block;
width:400px;
height:300px;
margin-bottom:20px;
padding:20px;
position:relative;
}
.balkon4{
background:url('./img/balkon/ostbalk4.jpg') no-repeat center top;
background-size:cover;
display:inline-block;
width:680px;
height:300px;
margin-left:20px;
margin-bottom:20px;
padding:20px;
position:relative;
}
.balkon5{
background:url('./img/balkon/ostbalk5.jpg') no-repeat center top;
background-size:cover;
display:inline-block;
width:100%;
height:300px;
margin-bottom:20px;
padding:20px;
position:relative;
}
.balktext{
background:rgba(255, 255, 255, 0.8);
padding: 20px;
display: inline-block;
}
.balkon1 SPAN, .balkon2 SPAN, .balkon3 SPAN, .balkon4 SPAN, .balkon5 SPAN{
background:rgba(0, 0, 0, 0.7);
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
justify-content: center;
align-items: center;
display:flex;
opacity:0;
transition: all .3s;
}
.balkon1:HOVER SPAN, .balkon2:HOVER SPAN, .balkon3:HOVER SPAN, .balkon4:HOVER SPAN, .balkon5:HOVER SPAN{
opacity:1;
}
.balkon1 .buttonorange, .balkon2 .buttonorange, .balkon3 .buttonorange, .balkon4 .buttonorange, .balkon5 .buttonorange{
box-shadow: 2px 4px 4px #444;
}
.oldelkadiv{
text-align:left;
padding-left:40px;
}
.oldelkadiv SPAN{
font-weight:bold;
}
.utepldiv{
background:#fff url('./img/balkon/uteplbg.jpg') no-repeat center;
height:500px;
box-shadow: 2px 4px 4px #c4c4c4;

}
.utepldiv .polleft{
padding-top:120px;
}
.utepldiv .polright{
padding-top:70px;
}
.picbalks{

}
.balkotdiv1{
display:inline-block;
background:url('./img/balkon/uteplnew3.jpg') no-repeat center;
background-size:cover;
padding:20px;
width: 270px;
height: 180px;
margin-right: 10px;
margin-bottom: 10px;
box-shadow: 2px 4px 4px #c4c4c4;
position:relative;
border:solid 2px #fff;
transition: all .3s;
}
.balkotdiv2{
display:inline-block;
background:url('./img/balkon/uteplnew2.jpg') no-repeat center;
padding:20px;
width: 270px;
height: 180px;
margin-bottom: 10px;
box-shadow: 2px 4px 4px #c4c4c4;
background-size:cover;
position:relative;
border:solid 2px #fff;
transition: all .3s;
}
.balkotdiv3{
display:inline-block;
background:url('./img/balkon/otdelkanew.jpg') no-repeat center;
padding:20px;
width: 270px;
height: 180px;
margin-bottom: 10px;
box-shadow: 2px 4px 4px #c4c4c4;
margin-right: 10px;
background-size:cover;
position:relative;
border:solid 2px #fff;
transition: all .3s;
}
.balkotdiv4{
display:inline-block;
background:url('./img/balkon/otdelkanew2.jpg') no-repeat center;
padding:20px;
width: 270px;
height: 180px;
margin-bottom: 10px;
box-shadow: 2px 4px 4px #c4c4c4;
background-size:cover;
position:relative;
border:solid 2px #fff;
transition: all .3s;
}
.whiteopac{
display:inline-block;
background:rgba(255, 255, 255, 0.7);
padding:20px;
}
.balkotdiv1:HOVER, .balkotdiv2:HOVER, .balkotdiv3:HOVER, .balkotdiv4:HOVER{
box-shadow:4px 8px 8px #c4c4c4;
}
.polovinaleft{
display:inline-block;
width:50%;
vertical-align:top;
}
.polovinaright{
display:inline-block;
width:50%;
vertical-align:top;
}