@import "media.css";


input:invalid {background: pink;}
input:valid {background: #FFF;}


@font-face 
{
	font-family: Jost;
	src: local(Jost) ,url(Jost-Light.ttf);
}

@font-face 
{
	font-family: Jost-Regular;
	src: local(Jost-Regular) ,url(Jost-Regular.ttf);
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');



:root
{
	--green:#005213;
	--green-blur:rgba(46, 82, 54, 0.05);
	--leskom-slider-height:40vw;
	--color-wrapper-height:19.5%;
	--new-slider-height:33vw;
}


* {margin:0; padding:0;font-family: 'Montserrat', sans-serif; box-sizing:border-box;}


a { text-decoration:none; color:inherit; }
a { text-decoration:none; }

body {max-width:100vw;overflow-x:hidden; }


.desktop { display:flex; } 
.mobile { display:none; }


.title
{
	display:flex;
	width:100%;
	flex-wrap: wrap;
	transform: translateY(-100px);
	opacity: 0;
	transition-duration: .7s;
}
.title>h1
{
	display:flex;
	width:100%;
	justify-content: center;
	font-weight:100;
	font-size:2.5vmax;
	font-family:Montserrat , 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	padding:.25em;
	text-align: center;
}

.title>h3
{
	display:flex;
	width:100%;
	justify-content: center;
	font-weight:100;
	font-size:2.5vmax;
	font-family: Montserrat, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	text-align: center;
	margin-top:2vw;
}

.title>h2
{
	display:flex;
	width:100%;
	justify-content: center;
	text-align: center;
	font-weight:100;
	font-size:1.1vmax;
	line-height: 1.7vmax;
	font-family: Montserrat, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	padding:.0 20% 0 20%;
	color:#555;
	font-weight: 400;
}
.title>h4
{
	display:flex;
	width:100%;
	justify-content: center;
	text-align: center;
	font-weight:100;
	font-size:1.5vmax;
	line-height: 1.7vmax;
	font-family: Montserrat, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	padding:.0 20% 0 20%;
	color:#222;
	font-weight: 400;
}


#wait-screen
{
	position:fixed;
	z-index:100;
	display:none;
	height:100%;
	width:100%;
	background-color:rgba(255, 255, 255, .85);
	top:0;
	align-items: center;
	justify-content: center;
}

#wait-screen>img
{
	display:flex;
	height:20%;
	width:auto;
}

.text
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:2vmax;
	padding-left:5%;
	padding-right:5%;
	min-height:55vw;
	align-content: flex-start;
}

#doors-vistavka-wallpaper img{
	width: 90%;
}

.text>p
{
	width:100%;
	font-family: Montserrat;
	font-size:1.2vw;
	font-weight:500;
	line-height:1.5em;
	padding-right:40%;
}

.text-m
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	padding-left:5%;
	padding-right:5%;
	min-height:55vw;
	align-content: flex-start;
	padding-bottom:1em;
}

.text-m>p
{
	width:100%;
	font-family: Montserrat;
	font-size:1em;
	font-weight:500;
	line-height:1.7em;
}

.wrapper-img
{
	width:100vw;
	height:auto;
	margin-top:3vw;
	margin-bottom:3vw;
}

#doors-invisible-wallpaper
{
	background:linear-gradient(to bottom, rgba(255, 254, 255, 1), rgba(255, 254, 255, .9) 10%, transparent), url('../images/invisible.jpg');
	background-size:cover;
}


#portal-wrapper
{
	display: flex;
	width:96%;
	margin-left:2%;
	margin-bottom:5vw;
	margin-top:2vw;
}
#portal-wrapper>div
{
	display: flex;
	width:100%;
	margin-left:.25vw;
	margin-right:.25vw;
}

.ark-img
{
	width:12vw;
	min-width:12vw;
	height:25vw;
	display: flex;
}
#portal-wrapper>div:nth-of-type(1)>.ark-img {background:url('../images/doors/ark-1.jpg'); background-size: 100% 100%;}
#portal-wrapper>div:nth-of-type(2)>.ark-img {background:url('../images/doors/ark-2.jpg'); background-size: 100% 100%;}
#portal-wrapper>div:nth-of-type(3)>.ark-img {background:url('../images/doors/ark-3.jpg'); background-size: 100% 100%;}

.ark-text
{
	display:flex;
	flex-wrap: wrap;
	height:100%;
	width:100%;
	margin-right:1vw;
	align-content: flex-start;
	padding:3vw 0 1vw 0;
}
.ark-text>div:nth-of-type(1)
{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	padding:1vw .25vw .25vw .25vw;
	font-weight:600;
	font-family: Montserrat;
	color:#222;
	align-items: flex-end;
	height:5em;
	font-size:1.2vw;
}
.ark-about
{
	display:flex;
	flex-wrap: wrap;
	height:15vw;
	width:100%;
	padding:.25vw .25vw 0 .25vw;
	background:#eee;
	font-family: Montserrat;
	color:#222;
	font-size:.9vw;
	font-weight: 400;
	line-height: 1.5vw;
	align-content: flex-start;
}


#pogon-1
{
	display: flex;
	width:70vw;
	margin-left:15vw;
	margin-top:2vw;
	height: auto;
}
#pogon-img-1
{
	width:14vw;
	min-width:14vw;
	height:25vw;
	display: flex;
	background:url('../images/doors/pogon-2.jpg'); 
	background-size: 100% 100%;
	border:solid 3px #eee;
}

#pogon-img-2
{
	width:14vw;
	min-width:14vw;
	height:25vw;
	display: flex;
	background:url('../images/doors/pogon-3.jpg'); 
	background-size: 100% 100%;
	border:solid 3px #eee;
}
/*---------------------------------------------------------------------------*/
/*---------------[ ↓ header.php ↓ ]------------------------------------------*/
/*---------------------------------------------------------------------------*/


header
{
	flex-wrap:wrap;
	width:100vw;
	height:6vw;
}

.desktop { display:flex; } 
.mobile { display:none; }

#m-header
{
	width:100%;
	max-width:100vw;
	background:#999;
	height:10vmax;
	border-bottom:solid 5px var(--green);
	padding:1vmax;
}
#m-header>div {	display:flex;	height:100%; }
#m-header>a	  {	display:flex;	height:100%; }
#m-header-logo { min-width:30vmax; max-width:30vmax; margin-right:1vmax; background:url('../images/11111.png'); background-size:70% auto; background-repeat:no-repeat; background-position:2vmax center; }
#m-header-empty { width:100%; background:#999; }
#m-header-menu { min-width:8vmax; background:url('../images/icon/menu.png'); background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}


#m-menu
{
	position:fixed;
	top:0;
	left:0;
	min-height:100%;
	max-height:100%;
	width:100vw;
	flex-wrap:wrap;
	background:#FFF;
	z-index:10;
	transform:translateX(100%);
	transition-duration:.5s;
	align-content:flex-start;
	overflow-y:auto;
}
#m-menu>div
{	
	display:flex;
	width:100%;
}

#m-menu>a
{	
	display:flex;
	width:100%;
}


#m-menu-header
{
	max-width:100vw;
	background:#999;
	height:10vmax;
	border-bottom:solid 5px var(--green);
	padding:1vmax;
	align-items:center;
}
#m-menu-header>div
{
	display:flex;
	height:100%;
}
#m-menu-close { min-width:8vmax; background:url('../images/icon/close.png'); background-size:auto 95%; background-repeat:no-repeat; background-position:center center;}

#m-menu-ask
{
	width:100%;
	border:solid 2px #FFF;
	align-items: center;
	justify-content: center;
	color:#FFF;

}

.m-menu-item
{
	height:9vmax;
	padding-left:10vmin;
	font-weight:800;
	align-items:center;
}
.m-menu-item:hover{ background:#eee;}
#m-menu-adr,#m-menu-phone
{
	align-items:flex-start;
	border-top:solid 1px #555555;
	border-bottom:solid 1px #555555;
	padding:5vmin 5vmin 5vmin 5vmin;
	height:27vmin;
}
#m-menu-phone{	border-top:none!important;}
#m-menu-adr>div:nth-of-type(1)
{
	display:flex;
	min-width:20%;
	height:100%;
	background:url('../images/icon/geo.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

#m-menu-phone>div:nth-of-type(1)
{
	display:flex;
	min-width:20%;
	height:100%;
	background:url('../images/icon/call.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
#m-menu-adr>div:nth-of-type(2),
#m-menu-phone>div:nth-of-type(2)
{
	display:flex;
	width:100%;
	align-items:center;
	flex-wrap:wrap;
	font-weight: 600;
	padding-left:5vmin;
	height:100%;
}

#m-menu-logo-green
{
	display:flex;
	width: 100%;
	height:15vmax;
	margin-bottom:5vmax;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/logo-green.png');
	background-size:60% auto;
}


#dark-bg
{
	visibility: hidden;
	position:fixed;
	min-height:100vh;
	min-width:100vw;
	background:rgba(0, 0, 0, .3);
	z-index:9;
	top:0;
	right:0;
}






#header-top
{
	display:flex;
	align-items:center;
	justify-content:center;
	
	font-size:1em;
	font-weight:400;
	color:#FFF;
	width:100%;
	height:6vw;
	background:#999;
	border-bottom: solid 3px var(--green);
}
#header-top>div
{
	display:flex;
	margin:0 1.5vw 0 1.5vw;
	transition-duration:.3s;
	font-family: Jost;
	font-weight: 500;
	font-size: 1.3vw;
	line-height: 1.3vw;
}
#header-top>div:hover
{
	cursor:pointer;
	transform:translateY(-2px);
	transition-duration:.3s;
}
#header-top>a
{
	display:flex;
	margin:0 2vw 0 2vw;
	transition-duration:.3s;
	font-family: Jost;
	font-weight: normal;
	font-size: 1.7vw;
}
#header-top>a:hover
{
	cursor:pointer;
	transform:translateY(-2px);
	transition-duration:.3s;
}
#header-logo
{
	width:17vw;
	height:100%;
	background:url('../images/11111.png');
	background-position:center;
	background-size:100%;
	background-repeat: no-repeat;
}

#header-bot
{
	width:100%;
	height:0vw;
	background:var(--green);
	visibility: hidden;
	color:#FFF;
	font-size:.9vw;
	font-weight:400;
	display:flex;
	align-items:center;
	justify-content:center;
}

#header-bot>div
{
	margin:0 2vw 0 2vw;
	font-family: Jost;
}

#header-button
{
	border:solid 2px #fff;
	height:60%;
	padding:1vw;
	font-size:1vw;
	font-weight:600;
	text-align: center;
	font-family: Jost;
}

#header-button:hover
{
	background-color: #FFF;
	color:#222;
}



#callback
{
	display: flex;
	width: 100%;
	height:100vh;
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .75);
	visibility: hidden;
}
#callback>div
{
	display: flex;
	flex-wrap:wrap;
	width:50vw;
	background: #FFF;
	filter:blur(0px)!important;
	border-radius: .3vmax;
	align-content: flex-start;
	padding:1vw 2vw 2vw 2vw;
}
#callback>div>div:nth-of-type(2)
{
	display: flex;
	width:100%;
	justify-content: center;
	font-size:3vw;
}
#callback>div>div:nth-of-type(3)
{
	display: flex;
	width:100%;
	justify-content: center;
	font-size:1.5vw;
	color:#333;
}
#callback>div>div:nth-of-type(4)
{
	display: flex;
	width:100%;
	justify-content: center;
}
#phone
{
	display: flex;
	width:40%;
	height:3vmax;
	text-align: center;
	font-size: 1.5vw;
	margin-top:1.5vw;
	margin-bottom:1vw;
	margin-left:30%;
	border:solid 1px #aaa;
}
#callback-button
{
	display: flex;
	font-size:1.3vw;
	width:40%;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	height: 3vw;
	border:solid 1px #aaa;
	color:#FFF;
	border-radius: .3vw;
	background-color: var(--green);
}
#callback-button:hover
{
	cursor: pointer;
	background:#ddd;
	color:#555;
}
#callback-close
{
	display: flex;
	height:2.5vw;
	width:100%;
	background: url('../images/icon/color-close.png');
	background-size: auto 100%;
	background-position:right;
	background-repeat: no-repeat;
	cursor:pointer;
}
#callback-close:hover{transform: translateY(-2px);}
/*---------------------------------------------------------------------------*/
/*---------------[ ↑ header.php ↑ ]------------------------------------------*/
/*---------------------------------------------------------------------------*/





/*------------------------------------------------------------------
--------------------[ ↓ SLIDER ↓ ]-----------------------------------
-------------------------------------------------------------------*/


#leskom-slider
{
	display: flex;
	flex-wrap:wrap;
	width:100vw;
	max-width:100vw;
	height:var(--leskom-slider-height);
	max-height:var(--leskom-slider-height);
	border-bottom:solid 3px var(--green)	;
	justify-content:center;
	align-items:flex-start;
	overflow:hidden;
	position:relative;
	font-family:'Open Sans';
	box-sizing: border-box;
}

.leskom-slider-item
{
	position:absolute;
	display:flex;	
	justify-content:flex-start;
	height:var(--leskom-slider-height);
	width:100vw;
	overflow:hidden;
	font-family: inherit;
	box-sizing: border-box;
	transition-duration:.3s;
}

.leskom-slider-lefter
{	
	flex-wrap:wrap;
	align-content:flex-start;
	height:100%;
	width:40vw;
	overflow:hidden;
	background-color: rgba(0, 0, 0, .55);
	padding-left:7.5vw;
	padding-right:1vw;
	font-family: inherit;
	box-sizing: border-box;
	z-index:9;
}

.leskom-slider-lefter>div
{
	display:flex;
	width:100%;
	font-family: inherit;
	box-sizing: border-box;
}

.leskom-slider-lefter>div:nth-of-type(1)
{
	height:calc( var(--leskom-slider-height) * .3 );
	align-items: center;
}

.leskom-slider-item-title-1
{
	border:solid 3px #FFF;
	width: 50%;
	height:35%;
	
	color:#FFF;
	align-items: center;
	justify-content: center;
	font-size:1.5vw;
	font-weight:600;
	display: flex;
	font-family: inherit;
	box-sizing: border-box;
}



.leskom-slider-lefter>div:nth-of-type(2)
{
	height:calc( var(--leskom-slider-height) * .5 );
	color:#FFF;
	font-size:2.7vw;
	line-height:4vw;
	align-items: center;
	font-weight:600;
}

.leskom-slider-lefter>a
{
	height:calc( var(--leskom-slider-height) * .1 );
	font-family: inherit;
	color:#FFF;
	align-items: center;
	font-size:1.2vw;
	font-weight:600;
	display:flex;
	box-sizing: border-box;
}

.leskom-slider-lefter>a:hover {	cursor:pointer; color: #aaa; }

#leskom-switcher
{
	width:40vw;
	position:absolute;
	height:calc( var(--leskom-slider-height) * .1);
	margin-top:calc( var(--leskom-slider-height) * .9);
	left:0;
	padding-left:7vw;
	box-sizing: border-box;
	font-family:inherit;
	z-index:10;
}

#leskom-switcher>div
{
	display:flex;
	height:100%;
	box-sizing: border-box;
	width:5vw;
	align-items: center;
	justify-content: center;
	font-family:inherit;
}

#leskom-active
{
	color:#FFF;
	font-size:3vw;
	justify-content: flex-end!important;
}
#leskom-all
{
	color:#FFF;
	font-size:1.5vw;
	justify-content: flex-start!important;
	padding-left:.5vw;
	padding-top: 1vw;
}

#leskom-arrow-l, #leskom-arrow-r
{
	color:#999;
	font-size:2vw;
	font-weight:800;
	background-color: #FFF;
}

#leskom-arrow-l:hover, #leskom-arrow-r:hover
{
	background-color: #999;
	color:#FFF;
	cursor:pointer;
}

.slider-piece
{
	position:absolute;
	width:100vw;
	height:var(--leskom-slider-height);
	background-size:100% auto;
	background-repeat: no-repeat;
	z-index:0;
}

#slider-peace-1-1{	background-position:center 30%;	background-image:url('../images/slide/slide_1/leskom-slide-6.png')}

#slider-peace-1-2{	background-position:center 30%;	background-image:url('../images/slide/slide_1/leskom-slide-5.png');
					transform: translateY(-100%);}

#slider-peace-1-3{	background-position:center 30%;	background-image:url('../images/slide/slide_1/leskom-slide-3.png');
					transform: translateY(100%);}

#slider-peace-1-4{	background-position:center 30%;	background-image:url('../images/slide/slide_1/leskom-slide-2.png');
					transform: translate(0,100%);}

#slider-peace-1-5{	background-position:center 30%;	background-image:url('../images/slide/slide_1/leskom-slide-1.png');
					transform: translate(0%,100%);}



.leskom-slider-item:nth-of-type(1)
{
	background:url('../images/leskom-slide-1.jpg');
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position:center 70%;
}
.leskom-slider-item:nth-of-type(2)
{
	background:linear-gradient(to top, rgba(255, 255, 255, 1), rgba(54, 89, 107, .3));
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position:center;
}
.leskom-slider-item:nth-of-type(3)
{	
	background:url('../images/leskom-slide-3.jpg');
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position:center 80%;
}


#leskom-slide-1 { opacity:1; z-index: 1; } 
#leskom-slide-2 { opacity:0; z-index: 0; }
#leskom-slide-3 { opacity:0; z-index: 0; }



#slide-1-door
{
	display: flex;
	position: absolute;
	width:16vw;
	height:33.3vw;
	margin-left:45vw;
	margin-top:6vw;
	background:url('../images/test-door.jpg');
	background-size:100% 100%;
	transform: translatey(35vw);
	transition-duration: .9s;
	transition-delay: .1s;
	animation: ease-out;
	opacity:0;
}

#slide-1-wall
{
	display: flex;
	position: absolute;
	width:25vw;
	height:var(--leskom-slider-height);
	right:0;
	background:url('../images/test-wall.png');
	background-size:100% 110%;
	transform: translateX(26vw)  translateY(10vw);
	transition-duration: 1.5s;
	transition-delay: .1s;
}

#slide-1-pazzle
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height:100%;
	background:linear-gradient(to right, rgba(255, 254, 255, .7), rgba(255, 254, 255, .7)), url('../images/leskom-slide-2.jpg');
	background-size:100vw 45vw;
	
}

#slide-1-pazzle>div
{
	display: flex;
	width:10vw;
	height:10vw;
	overflow: hidden;
}

#slide-1-pazzle>div>div
{
	display: flex;
	width:100%;
	height:100%;
	animation: ease-in;
}

#slide-1-pazzle>div:nth-of-type(4n+1)>div {transform:translateX(-105%);}
#slide-1-pazzle>div:nth-of-type(4n+2)>div {transform:translateY(-105%);}
#slide-1-pazzle>div:nth-of-type(4n+3)>div {transform:translateX(105%);}
#slide-1-pazzle>div:nth-of-type(4n+4)>div {transform:translateY(105%);}



.slider-description
{
	flex-wrap: wrap;
	background-color:#fff;
	width:100%;
	height:50vw;
	margin-top:var(--leskom-slider-height);
	z-index:2;
	border-top:solid 1px var(--green);
}

.slider-description>div
{
	display: flex;
	width:100%;
}
.slider-description>div:nth-of-type(1){height:20vw;}
.slider-description>div:nth-of-type(2){height:30vw;}
.slider-desc-title
{
	display: flex;
	width:60%;
	height:10vw;
	margin:5vw 20vw 5vw 20vw;
	border:solid 2px #333;
	color:#222;
	font-weight:800;
	align-items: center;
	justify-content: center;
	font-size:4vw;
	font-family: Jost-Regular;
}
.slider-desc-text
{
	color:#222;
	font-weight:600;
	align-items: center;
	justify-content: center;
	font-size:5vw;
	text-align: center;
	padding:0 3vw 5vw 3vw;
	line-height: 8vw;
	align-items: center;
	font-family: Jost-Regular;
}
#slider-linker
{
	width:100%;
	height:15vw;
	background-color: var(--green);
	align-items: center;
	justify-content: center;
	color:#FFF;
	font-size:5vw;
	z-index:2;
}
/*------------------------------------------------------------------
--------------------[ ↑ SLIDER ↑ ]-----------------------------------
-------------------------------------------------------------------*/






/*---------------------------------------------------------------------------*/
/*---------------[ ↓ footer.html ↓ ]-----------------------------------------*/
/*---------------------------------------------------------------------------*/

footer
{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	background-color: #999;
	border-top: solid 3px var(--green);
	color:#FFF;
	font-size:1.5vw;
	font-weight:200;
}

.footer-row
{
	display:flex;
	width:100%;
}
.footer-row>div
{
	display:flex;
	width:100%;
	padding:.5vmax;
	align-items: center;
	justify-content: center;
}

.footer-row>a
{
	display:flex;
	width:100%;
	padding:.5vmax;
	align-items: flex-start;
	justify-content: center;
	transition-duration: .3s;
}
.footer-row>a:hover
{
	cursor:pointer;
	transform: translateY(-2px);
}

#footer-logo {background: url('../images/11111.png'); background-repeat: no-repeat; background-position: 40% center; background-size: 50% auto;}

#footer-call {flex-wrap:wrap;}
.footer-info{width:80%;height:5vmax; display:flex;}
.footer-info>div {display:flex; height:100%;}
.footer-info>div:nth-of-type(1) {min-width:20%; opacity:1;}
.footer-info>div:nth-of-type(2) {width:100%; align-items: center; font-size:1.2vw;padding-left:1vmax;line-height:1.7vw;}

#footer-mail 		{background: url('../images/icon/mail.png'); 			background-repeat: no-repeat; background-position: center; background-size: 50% auto;}
#footer-inn 		{background: url('../images/icon/inn-footer.png'); 		background-repeat: no-repeat; background-position: center; background-size: 60% auto;}
#footer-phone 		{background: url('../images/icon/call-footer.png');		background-repeat: no-repeat; background-position: center; background-size: 50% auto;}
#footer-geo 		{background: url('../images/icon/geo-footer.png'); 		background-repeat: no-repeat; background-position: center; background-size: 80% auto;}
#footer-clock 		{background: url('../images/icon/clock-footer.png'); 	background-repeat: no-repeat; background-position: center; background-size: 65% auto;}
#footer-policy 		{background: url('../images/icon/policy-footer.png'); 	background-repeat: no-repeat; background-position: center; background-size: 60% auto;}

#footer-mail-adr{height:8vw!important;}
#footer-mail-wrapper{flex-wrap:wrap; align-content:flex-start;}
#footer-mail-wrapper>div {height:3vw;}



#footer-link
{
	display: flex;
	width: 100%;
	height:7vh;
	background:#999;
	justify-content: flex-end;
	align-items: center;
	padding:1vh 5vmax 1vh 5vmax;
}
#footer-link>a
{
	display: flex;
	height:90%;
	opacity:.5;
}

#footer-link>a:hover{opacity:1;}

#footer-link>a:nth-of-type(1) {width:5vmin; background:url('../images/icon/icons8.png'); background-size:70% auto; background-position: center; background-repeat: no-repeat;}
#footer-link>a:nth-of-type(2) {width:10vmin; background:url('../images/icon/MK.png'); background-size:auto 100%; background-position: center; background-repeat: no-repeat;}


/*---------------------------------------------------------------------------*/
/*---------------[ ↑ footer.html ↑ ]-----------------------------------------*/
/*---------------------------------------------------------------------------*/




/*------------------------------------------------------------------
--------------------[ ↓ CONTACT ↓ ]---------------------------------
-------------------------------------------------------------------*/


#con-text
{
	display:flex;
	height:100%;
	max-height:100%;
	width:30vw;
	min-width:35vw;
	flex-wrap:wrap;
	background:#fff;
	align-content:flex-start;
	justify-content: center;
	padding-bottom:1vw;
}
#con-title>h1
{
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:.3em;
	margin-bottom:.1em;
	font-weight:400!important;
	font-size:2.5vw;
	color:#333;
}

#con-adr		{	background: url('../images/icon/con-adr.png');			background-position: center;	background-size: 70% auto;	background-repeat: no-repeat;	}
#con-pho		{	background: url('../images/icon/con-pho.png');			background-position: center;	background-size: 70% auto;	background-repeat: no-repeat;	}
#con-pho2		{	background: url('../images/icon/con-pho.png');			background-position: center;	background-size: 70% auto;	background-repeat: no-repeat;	}
#con-mail		{	background: url('../images/icon/con-mail.png');			background-position: center;	background-size: 70% auto;	background-repeat: no-repeat;	}
#con-clock		{	background: url('../images/icon/con-clock.png');		background-position: center;	background-size: 70% auto;	background-repeat: no-repeat;	}
#con-vk			{	background: url('../images/icon/con-vk.png');			background-position: center;	background-size: 65% auto;	background-repeat: no-repeat;	}
#con-insta		{	background: url('../images/icon/con-insta.png');		background-position: center;	background-size: 60% auto;	background-repeat: no-repeat;	}
.con-shop		{	background: url('../images/icon/con-adr.png');			background-position: center;	background-size: 60% auto;	background-repeat: no-repeat;	}

#con-main
{
	display:flex;
	max-height:100%;
	width:100%;
	flex-wrap:wrap;
	align-content:flex-start;
	background:var(--green-blur);
}
#con-map
{
	display:flex;
	max-height:40vw;
	width:100%;
	border-left:solid 1px var(--green);
	overflow: hidden;
}
#con-main2
{
	display:flex;
	max-height:100%;
	width:100%;
	flex-wrap:wrap;
	align-content:flex-start;
	background:var(--green-blur);
}
#con-map2
{
	display:flex;
	max-height:39vw;
	width:100%;
	border-left:solid 1px var(--green);
	overflow: hidden;
}
#con-wrapper
{
	width:100vw;
	display:flex;
}





.con-item-small-soc
{
	display: flex;
	width: 100%;
	margin:.25vw 5vw .25vw 5vw;
	min-height:6vw;
}
.con-item-small-soc>a
{
	display: flex;
	width: 100%;
	height:100%;
	width:100%;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	font-size:1vw;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center 30%;
	transition-duration: .3s;
}
.con-item-small-soc>a:nth-of-type(1) { background-size:auto 71%; background-image:url('../images/icon/site.png');}
.con-item-small-soc>a:nth-of-type(2) { background-size:auto 67%; background-image:url('../images/icon/con-vk.png');}
.con-item-small-soc>a:nth-of-type(3) { background-size:auto 62%; background-image:url('../images/icon/con-insta.png');}

.con-item-small-soc>a:hover {transform: translateY(-3px);}


.con-item-small
{
	display: flex;
	width: 100%;
	margin:.25vw 5vw .25vw 5vw;
	border:solid 1px var(--green);
	min-height:5vw;
	background:var(--green-blur);
	padding:.5vw 0 .5vw 0;
}

.con-item-small>div
{
	display: flex;
	height:100%;
	width:100%;
}

.con-item-small>div:nth-of-type(1)
{
	min-width:6vw;
	width:6vw;
}

.con-item-small>div:nth-of-type(2) {	flex-wrap:wrap;	}
.con-item-small>div:nth-of-type(2)>div 
{	
	display: flex;	
	width:100%; 
	padding: 0 .7vw 0 .7vw;	
}
.con-item-small>div:nth-of-type(2)>div:nth-of-type(1)
{		
	align-items:flex-end;	
	font-size: 1.2vw;
	line-height: 1.5vmax;
	padding-bottom:0.25vw;
}

.con-item-small>div:nth-of-type(2)>div:nth-of-type(2)
{		
	align-items:flex-start;
	color:#777;	
	font-size: 1.2vw;
	line-height: 1.2vmax;
}


.con-item
{
	display: flex;
	width: 100%;
	margin:.25vw 5vw .25vw 5vw;
	border:solid 1px var(--green);
	min-height:6vw;
	background:var(--green-blur);
}

.con-item>div
{
	display: flex;
	height:100%;
	width:100%;
}

.con-item>div:nth-of-type(1)
{
	min-width:6vw;
	width:6vw;
}

.con-item>div:nth-of-type(2) {	flex-wrap:wrap;	}
.con-item>div:nth-of-type(2)>div 
{	
	display: flex;	
	width:100%; 
	padding: 0 .7vw 0 .7vw;	
}
.con-item>div:nth-of-type(2)>div:nth-of-type(1)
{		
	align-items:flex-end;	
	font-size: 1.2vw;
	line-height: 1.5vmax;
	padding-bottom:0.5vw;
}

.con-item>div:nth-of-type(2)>div:nth-of-type(2)
{		
	align-items:flex-start;
	color:#777;	
	font-size: 1vw;
	line-height: 1.2vmax;
}








/*------------------------------------------------------------------
--------------------[ ↑ CONTACT ↑ ]-----------------------------------
-------------------------------------------------------------------*/




/*---------------------------------------------------------------------------*/
/*---------------[ ↓ catalog.php ↓ ]-----------------------------------------*/
/*---------------------------------------------------------------------------*/

#catalog-wrapper
{
	display: flex;
	flex-wrap: wrap;
	padding-right:3vw;
	padding-bottom:1vw;
	padding-top:1vw;
	max-width: 100%;
	width:100vw;
	min-height:500px;
}
.catalog-row
{
	display:flex;
	width:100%;
	height: 35vmax;
	margin-left:3vw;
}
.catalog-row>div
{
	display:flex;
	flex-wrap:wrap;
	height:100%;
	width:100%;
}
#catalog-wrapper>div:nth-of-type(n+2) { margin-top:-4.8vw; }
.catalog-row>div>a{cursor: pointer; justify-content: flex-end; transform: translateY(200px); opacity:0; transition-duration:.5s;}
.catalog-row>div>a:hover .catalog-number>div{transform:translateX(50%);}

.catalog-item-1_2
{
	display: flex;
	flex-wrap:wrap;
	height:100%;
	width:100%;
	justify-content: center;
	align-content: flex-start;
}
.catalog-item-1_8
{
	display: flex;
	flex-wrap:wrap;
	height:50%;
	width:50%;
	justify-content: center;
	align-content: flex-start;
}
.catalog-item-1_4
{
	display: flex;
	flex-wrap:wrap;
	height:50%;
	width:100%;
	justify-content: center;
	align-content: flex-start;
}


.catalog-img-big
{
	display:flex;
	width:100%;
	height:85%;
	
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}
.catalog-img-small
{
	display:flex;
	width:100%;
	height:70%;
	
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}/*
.catalog-title-1
{
	display:flex;
	width:100%;
	font-family:Montserrat;
	font-weight:600;
	color:#444;
	align-items:center;
	margin-top:.25vmax;
	font-size:1.2vmax;
}*/

.catalog-title-1
{
	display:flex;
	width:100%;
	font-family:Montserrat;
	font-weight:400;
	color:#FFF;
	align-items:center;
	margin-top:-3.25vmax;
	font-size:1.5vmax;
	PADDING-LEFT:2VW;
	background-color:rgba(0,0,0,.55);
}

.catalog-title-2
{
	display:NONE;
	width:100%;
	font-family:Montserrat;
	font-weight:400;
	color:#777;
	align-items:flex-start;
	font-size:.9vmax;
}

.catalog-number
{
	display:flex;
	position: absolute;
	width:5vmax;
	height:5vmax;
	overflow: hidden;
}

.catalog-number>div
{
	display:flex;
	width:200%;
	height:100%;
	position: absolute;
	margin-left:-5vmax;

	color:#fff;
	font-size:2.2vmax;
	align-items: center;
	justify-content: flex-end;
	padding-right:1.2vmax;
	font-family:Montserrat;

	transition-duration:.3s;
}
/*---------------------------------------------------------------------------*/
/*---------------[ ↑ catalog.php ↑ ]-----------------------------------------*/
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*---------------[ ↓ doors.php ↓ ]-------------------------------------------*/
/*---------------------------------------------------------------------------*/

#doors-wrapper
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	padding-right:2.5vw;
	padding-left:2vw;
	padding-bottom:1vw;	
	justify-content:center;
}

.doors-item
{
	display: flex;
	height:24vw;
	width:22.9vw;
	margin-left:.5vw;
	margin-top:1vw;	
	margin-bottom:3vw;	
	opacity:0;
	transform: translateY(10vw);
	transition-duration: .5s;
}

.doors-item-new
{
	display: flex;
	height:4vw;
	width:4vw;
	margin-left:35%;
	margin-top:-1.5vw;		
	position:absolute;
	z-index:3;
	background-image:url('../images/icon/new.png');
	background-size:100%;
}

.doors-item-top
{
	display: flex;
	height:3.5vw;
	width:3.5vw;
	margin-left:35%;
	margin-top:-1.5vw;		
	position:absolute;
	z-index:3;
	background-image:url('../images/icon/top.png');
	background-size:100%;
}
.doors-item>div:nth-of-type(1)
{
	display: flex;
	min-width:42%;
	height:100%;
	z-index:2;
}

.doors-item>div:nth-of-type(2)
{
	display: flex;
	flex-wrap:wrap;
	align-content:center;
	width:100%;
	height:100%;
	padding-top:5%;
	transform: translateX(-10vw);
	opacity:0;
	z-index:1;
	transition-duration: 1s;
}
.doors-title-1
{
	display:flex;
	width:100%;

	font-family:Montserrat;
	font-weight:600;
	color:#444;
	align-items:center;
	padding-left:1vw;
	font-size:1.2em;
}

.doors-title-2
{
	display:flex;
	width:100%;

	font-family:Montserrat;
	font-weight:400;
	color:#777;
	align-items:flex-start;
	font-size:1em;
	padding-left:1vw;
}

.doors-title-3
{
	display:flex;
	min-width:10vw;

	font-family:Montserrat;
	font-weight:600;
	color:#777;
	align-items:flex-start;
	font-size:.8em;
	padding-left:1vw;
	padding-top:.1vw;
}

.doors-colors-wrapper
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background:#f2f2f2;
	max-height:100%/*var(--color-wrapper-height)*/;
	overflow: hidden;
	padding:0.5vw 1vw 0.5vw 1vw;
	align-items:center;
	cursor: pointer;
	transition-duration: .5s;
}
.doors-colors-wrapper:hover.doors-colors-wrapper>div:nth-of-type(2){text-decoration: underline;}

.doors-colors
{
	display:flex;
	width:100%;
	margin-top:0vw;	
	flex-wrap:wrap;
	align-content: flex-start;
	padding-bottom:.23vw;
}
.doors-colors>div
{
	display: flex;
	height:2.5vw;
	width:22%;
	border:solid 1px #aaa;
	margin-left:.22vw;
	margin-top:.22vw;
	transition-duration: .3s;;
}
.doors-colors>div:hover{cursor: pointer; transform: translateY(-2px);}
.doors-colors-close
{
	display:NONE;
	width:3vw;
	height:3vw;
	background:url('../images/icon/color-close.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	visibility: hidden;
	opacity:.7;
	transition-duration: .3s;
}

.doors-colors-close:hover{transform: translateY(-2px);}

.doors-colors-wrapper>div:nth-of-type(1)
{
	display:flex;
	min-width:3.5vw;
	height:3.5vw;
	border:solid 1px #aaa;
}
.doors-colors-wrapper>div:nth-of-type(2)
{
	display:flex;
	min-width:8vw;
	height:4.5vw;
	align-items:center;
	padding-left:.5vw;
	font-size:1vw;
	font-weight:400;
	color:#aaa;
}

/*---------------------------------------------------------------------------*/
/*---------------[ ↑ doors.php ↑ ]-------------------------------------------*/
/*---------------------------------------------------------------------------*/






/*---------------------------------------------------------------------------*/
/*---------------[ ↓ POLICY ↓ ]----------------------------------------------*/
/*---------------------------------------------------------------------------*/

#policy
{
	display: flex;
	width:100%;
	flex-wrap:wrap;
	padding-left: 3vmax;
	padding-right:3vmax;
}
#policy>span
{
	display: flex;
	width: 100%;
	font-weight:600;
	font-family: Jost;
	margin-bottom:2em;
	margin-top:2em;
	text-indent: 1.7em;
	font-size:1.2em;
}
#policy>p
{
	display: flex;
	width: 100%;
	font-family: Jost;
	margin-bottom:1em;
	line-height:1.5em;
	text-indent: 2em;
	text-align:justify;
}

/*---------------------------------------------------------------------------*/
/*---------------[ ↑ POLICY ↑ ]----------------------------------------------*/
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*---------------[ ↓ ABOUT ↓ ]-----------------------------------------------*/
/*---------------------------------------------------------------------------*/

.about-contaner
{
	display: flex;
	width:100vw;
	margin-top:1vw;
}
.about-contaner>div
{
	display: flex;
	height:100%;
}

.about-text
{
	width:CALC(100% - 2EM);
	max-width:100vw;
	flex-wrap: wrap;
	display: flex;
}
.about-text>p
{
	width:100%;
	text-indent: 1em;
	font-size: 1.1em;
	text-align: justify;
	display: flex;
}	

#about-t1 { display:flex; padding-left:1em;padding-right:1em;}
#about-t3 {padding-left:2vw;}
#about-t2 {padding-right:2vw;}

.about-img
{
	width:45vw;
	min-width:45vw;
}

#about-1{	background:linear-gradient(to right, rgba(255, 254, 255, 1), rgba(255, 254, 255, .9) 10%, transparent), url('../images/catalog/tehno.jpg');	background-size:cover;}
#about-3{	background:linear-gradient(to right, rgba(255, 254, 255, 1), rgba(255, 254, 255, .9) 10%, transparent), url('../images/catalog/kraska-z.jpg');	background-size:cover;}
#about-2{	background:linear-gradient(to left,  rgba(255, 254, 255, 1), rgba(255, 254, 255, .9) 5%,  transparent), url('../images/catalog/royal.jpg');	background-size:cover;}

.m-about 
{
	display: none;
	width:100vw;
	flex-wrap:wrap;
	padding-top:5vw;
}
.m-about>img
{
	display: flex;
	width:100vw;
}
.m-about>div
{
	display: flex;
	width:100vw;
	flex-wrap:wrap;
}
.m-about>div>p
{
	display: flex;
	width:100vw;
	padding:3vw;
}


.go-to-catalog
{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	padding-right:3vw;
	font-size: 1.2em;
	color:#222;
}
.go-to-catalog:hover{cursor: pointer;text-decoration: underline;}
/*---------------------------------------------------------------------------*/
/*---------------[ ↑ ABOUT ↑ ]-----------------------------------------------*/
/*---------------------------------------------------------------------------*/

#part-wrapper
{
	display:flex;
	flex-wrap: wrap;
	width:80%;
	margin-left:10%;
	margin-top:1vw;
	padding:0 1vw 0 1vw;
}

.part-form
{
	display: flex;
	flex-wrap:wrap;
	width:50%;
	padding:0 1vw 0 1vw;
	margin-bottom: 1vw;
}

.part-title
{
	display:flex;
	width:100%;
	font-size:1.7vw;
	color:#777;
}

.part-title>span{color:#d10000;}

.part-form>input
{
	display:flex;
	width:100%;
	font-size:1.5vw;
	height:3vw;
	padding:0 1vw 0 1vw;
	border:solid 1px #555;
	border-radius: .3vmax;
	background-color: #f5f5f5;
}

#part-logo
{
	display: flex;
	width:100%;
	height:5vmax;
	background:url('../images/logo-green.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:auto 80%;
	margin:1vw 0 1vw 0;
}

#part-button
{
	display: flex;
	height:3.5vw;
	width:76%;
	margin-left:12%;
	margin-top:1vw;
	margin-bottom:2vw;
	color:#fff;
	font-size:1.5vw;
	align-items: center;
	justify-content: center;
	background-color: var(--green);
	transition-duration: .5s;
	border-radius: .3vmax;
}

#part-button:hover
{
	color:var(--green);
	border:solid 2px var(--green);
	cursor:pointer;
	background-color: #fff;
	font-weight: 900;
}

#we-will-recall
{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	height:50%;
	position:fixed;
	bottom:0;
	color:#fff;
	background-color: var(--green);
	z-index:100;
	align-content: center;
	transition-duration: .5s;
	transform:translateY(100vh);
}
#we-will-recall>div
{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	font-size:1.7vw;
	justify-content: center;
	text-align: center;
}

#part-error
{
	width: 100%;
	margin:1vw 0 1vw 0;
	background:#eee;
	display:flex;
}

#part-error-2
{
	width: 100%;
	margin:1vw 0 1vw 0;
	background:#eee;
	display:flex;
}

#part-error-icon
{
	min-width: 15%;
	background:url('../images/icon/error.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 70%;
	display:flex;
}
#part-error-text
{
	width: 100%;
	display:flex;
}

.policy-agree
{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin-bottom: 3vw;
	padding:0 5% 0 5%;
}
.policy-agree>div
{
	display: flex;
	width: 100%;
	color:#888;
	justify-content: center;
	text-align:center;
}

.policy-agree>a
{
	display: flex;
	width: 100%;
	color:var(--green);
	justify-content: center;
	text-align:center;
	font-weight:600;
}

.policy-agree>a:hover
{
	cursor: pointer;
	text-decoration: underline;
}



#partners-icon-wrapper
{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	JUSTIFY-CONTENT:CENTER;
}

#partners-icon-wrapper>div
{
	display: flex;
	width:16.6%;
	height:10vw;

	background-position: center;
	background-repeat: no-repeat;
	background-size:70% auto;
}







.doors-item-mainpage
{
	display: flex;
	height:95%;
	width:95%;
	margin-left:.5vw;
	margin-top:1vw;	
	margin-bottom:3vw;
}

.doors-item-mainpage>div:nth-of-type(1)
{
	display: flex;
	min-width:42%;
	height:100%;
	z-index:2;
}

.doors-item-mainpage>div:nth-of-type(2)
{
	display: flex;
	flex-wrap:wrap;
	align-content:center;
	width:100%;
	height:100%;
	padding-top:5%;
	z-index:1;
}











/*---------------------[ NEW_SLIDER ]---------------------*/


#new-slider-wrapper
{
	width:100%;
	margin:2vw 0 2vw 0;
	height:var(--new-slider-height);
}
#new-slider-wrapper>div{ display: flex; }

#new-slider-arrow-l{ background-image:url('../images/icon/arrow-l.png');}
#new-slider-arrow-r{ background-image:url('../images/icon/arrow-r.png');}

#new-slider-arrow-l,
#new-slider-arrow-r
{
	width:4vw;
	min-width:4vw;
	height:100%;
	background-color: rgba(0, 0, 0, .15);
	border-radius: .3vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size:80% auto;
	opacity:.3;	
}
#new-slider-arrow-l:hover,
#new-slider-arrow-r:hover
{
	cursor: pointer;
	opacity:1;
}


#new-slider-body
{
	height:100%;
	width:100%;
	overflow: hidden;
	padding:0 .35vw 0 .35vw;
	position: relative;
}

#new-slider-body>div
{
	display: flex;
	position: absolute;
	align-self: center;
	height:calc(var(--new-slider-height) * .8);
	width:28vw;
	transition-delay:.2s;
	transition-duration:.5s;
}

#new-slide-7   { transform: translateX(-28vw); visibility: hidden; }
#new-slide-1   { transform: translateX(28vw); }
#new-slide-2   { transform: translateX(62vw); }
#new-slider-body>div:nth-of-type(n+5) { visibility: hidden; transform:translateX(90vw);}

.new-active-slide
{
	width:34vw!important; 
	height:var(--new-slider-height)!important;
}
/*.new-active-slide>div:nth-of-type(1)>div:nth-of-type(2)>div.doors-colors-wrapper>div.doors-colors { padding-right:2vw; transition-delay:.5s;} */
 

#new-mobile
{
	flex-wrap:wrap;
	width:100%;
	padding-right:2.5vw;
	padding-left:2vw;
	padding-bottom:1vw;	
}
#new-mobile>div
{
	margin-top:5vw;
}










/*---------------------[ NEW_SLIDER ]---------------------*/