/*
	Theme Name:VOVA DESIGN
	Author URI:https://lit-studio.top/
	Author:верстка и программная часть Ряховский Роман, дизайн Глазьев Владимир
	Year:2024
	Version:1.0
	
	font-family:'FontAwesome';
	font-family:'Montserrat'; 400,400i,500,700
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}img{max-width:100%;max-height:100%;width:auto;height:auto}iframe,video{max-width:100%}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}*:focus,*:active{outline:0}a{text-decoration:none}.hidden,.grecaptcha-badge,.wpcf7-spinner{display:none!important}
/***************************************************************/
@font-face{font-family:'FontAwesome';src:url('fonts/Font-Awesome/fontawesome.eot?v=4.7.0');src:url('fonts/Font-Awesome/fontawesome.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/Font-Awesome/fontawesome.woff2?v=4.7.0') format('woff2'),url('fonts/Font-Awesome/fontawesome.woff?v=4.7.0') format('woff'),url('fonts/Font-Awesome/fontawesome.ttf?v=4.7.0') format('truetype'),url('fonts/Font-Awesome/fontawesome.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'Montserrat';src:url('fonts/Montserrat/Montserrat-Regular.eot');src:url('fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),url('fonts/Montserrat/Montserrat-Regular.woff') format('woff'),url('fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'),url('fonts/Montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat/Montserrat-Italic.eot');src:url('fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),url('fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'),url('fonts/Montserrat/Montserrat-Italic.woff') format('woff'),url('fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'),url('fonts/Montserrat/Montserrat-Italic.svg#Montserrat-Italic') format('svg');font-weight:normal;font-style:italic;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat/Montserrat-Medium.eot');src:url('fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),url('fonts/Montserrat/Montserrat-Medium.woff') format('woff'),url('fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'),url('fonts/Montserrat/Montserrat-Medium.svg#Montserrat-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat/Montserrat-Bold.eot');src:url('fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),url('fonts/Montserrat/Montserrat-Bold.woff') format('woff'),url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'),url('fonts/Montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
/***************************************************************/
.clr::after{
	content:'';
	display:block;
	clear:both;
}
img.alignright{
	float:right;
	margin:0 0 10px 10px;
	width:auto;
	max-width:300px;
	max-height:400px;
}
img.alignleft{
	float:left;
	margin:0 10px 10px 0;
	width:auto;
	max-width:300px;
	max-height:400px;
}
img.aligncenter{
	display:block;
	margin:10px auto;
	width:auto;
	max-width:400px;
	max-height:400px;
}
@media screen and (max-width:650px){
	img.alignright,
	img.alignleft,
	img.aligncenter{
		display:block;
		float:none;
		margin:0 auto 10px;
		max-width:100%;
	}
}
.wr{
	max-width:2520px;
	margin:0 auto;
	padding:0 20px;
}
b,strong,.bold{
	font-weight:bold!important;
}
i,em,.italic{
	font-style:italic!important;
}
h1,.h1{
	font:bold 70px/1.2 'Montserrat'!important;
	color:#171717!important;
	margin-bottom:100px!important;
}
h1.big,.h1.big{
	font:bold 200px/0.7 'Montserrat'!important;
	margin-left:-17px;
}
@media screen and (max-width:1400px){
	h1.big,.h1.big{
		font:bold 12vw/0.7 'Montserrat'!important;
		margin-left:0;
	}
}
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
	font:40px/1.2 'Montserrat'!important;
	color:#171717!important;
	margin:40px 0 25px!important;
}
.no_top{
	margin-top:0!important;
}
.text p{
	font:18px/30px 'Montserrat';
	color:#2a2a2a;
	margin-bottom:12px;
}
.text a,
.text .color{
	color:#2e2fa6;
	transition:color 0.5s;
}
.text a:hover{
	color:#2a2a2a;
}
.text ul{
	font:18px/30px 'Montserrat';
	color:#2a2a2a;
	margin:5px 0 15px;
}
.text ol{
	counter-reset:li;
	font:18px/30px 'Montserrat';
	color:#2a2a2a;
	margin:5px 0 15px;
}
.text ul > li{
	position:relative;
	padding-left:20px;
	margin-bottom:12px;
}
.text ul > li:last-child{
	margin-bottom:0;
}
.text ul > li::before{
	content:'';
	position:absolute;
	left:0;
	top:9px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#f59300;
}
.text ol > li{
	position:relative;
	padding-left:20px;
	margin-bottom:12px;
}
.text ol > li:last-child{
	margin-bottom:0;
}
.text ol > li::before{
	content:counter(li)'.';
    counter-increment:li;
	position:absolute;
	left:0;
	top:0;
	color:#f59300;
}
.text table{
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:15px;
}
.text table th,
.text table td{
	text-align:left;
	padding:10px 15px;
	font-size:14px;
}
.text table td{
	border-bottom:1px solid #dcdcdc;
}
.text table th{
	font-weight:bold;
	background:#ecedf5;
}
.text .over_table{
	overflow:auto;
}
@media screen and (max-width:980px){
	.text p{
		font:16px/28px 'Montserrat';
	}
	
	h1,.h1{
		font-size:32px!important;
		margin-bottom:40px!important;
	}/*
	h2,.h2,
	h3,.h3,
	h4,.h4,
	h5,.h5,
	h6,.h6{
		font-size:20px!important;
	}*/
}
/***************************************************************/
.hide_text{
	overflow-anchor:none;
}
.hide_text > div{
	position:relative;
	overflow:hidden;
}
.hide_text:not(.deactivate) > div{
	margin-bottom:40px;
}
.hide_text:not(.deactivate):not(.no_ht) > div::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background:linear-gradient(to bottom,rgba(0,0,0,0),white);
}
.hide_text:not(.deactivate).active > div{
	height:100%!important;
	max-height:100%!important;
	overflow:initial;
}
.hide_text:not(.deactivate).active > div::after{
	content:none;
}
.hide_text.deactivate > a{
	display:none;
}
.hide_text > a{
	display:inline-block;
	font-size:16px;
	line-height:1;
	color:#2a2a2a;
	border-bottom:1px solid;
	transition:border-bottom 0.5s;
}
.hide_text > a::before{
	content:'Развернуть текст';
}
.hide_text.active > a::before{
	content:'Свернуть текст';
}
.hide_text > a:hover{
	border-bottom:1px solid rgba(0,0,0,0);
}

.owl .owl-dots{
	font-size:0;
	width:100%;
	text-align:center;
	margin-top:25px;
}
.owl .owl-dots .owl-dot{
	position:relative;
	cursor:pointer;
	width:5px;
	height:5px;
	border-radius:50%;
	margin-right:15px;
	transition:all 0.5s;
}
.owl .owl-dots .owl-dot:last-child{
	margin-right:0;
}
.owl .owl-nav{
	margin-top:90px;
	padding:0 20px;
}
.owl .owl-nav button.owl-prev,
.owl .owl-nav button.owl-next,
#sec_5 .sec_data .owl-nav button.owl-prev,
#sec_5 .sec_data .owl-nav button.owl-next{
	position:relative;
	width:77px;
	height:16px;
}
.owl .owl-nav button.owl-next,
#sec_5 .sec_data .owl-nav button.owl-next{
	float:right;
}
.owl .owl-nav button::before,
#sec_5 .sec_data .owl-nav button::before{
	content:'';
	position:absolute;
	top:-17px;
	width:50px;
	height:50px;
	background:#eeeeee;
	opacity:0.25;
	z-index:0;
	transition:opacity 0.5s;
}
.owl .owl-nav button.owl-prev::before,
#sec_5 .sec_data .owl-nav button.owl-prev::before{
	left:-20px;
}
.owl .owl-nav button.owl-next::before,
#sec_5 .sec_data .owl-nav button.owl-next::before{
	right:-20px;
}
.owl .owl-nav button:hover::before,
#sec_5 .sec_data .owl-nav button:hover::before{
	opacity:1;
}
.owl .owl-nav button.owl-prev svg,
#sec_5 .sec_data .owl-nav button.owl-prev svg{
	webkit-transform:scale(-1,1);
	transform:scale(-1,1);
}
.owl .owl-nav button svg,
#sec_5 .sec_data .owl-nav button svg{
	position:relative;
	z-index:1;
}
.owl .owl-nav button svg path,
#sec_5 .sec_data .owl-nav button svg path{
	fill:#161629;
}
.owl .owl-nav button.disabled{
	display:none;
}
@media screen and (max-width:980px){
	.owl .owl-nav{
		margin-top:50px;
	}
}
@media screen and (max-width:600px){
	.owl .owl-nav{
		margin-top:30px;
	}
}

body .modal_form{
	position:relative;
    display:none;
    max-width:430px;
	padding:0;
	border:1px solid #b72116;
	box-sizing:border-box;
	background:transparent;
}
.modal_form > div{
	padding:30px 40px 40px;
	box-sizing:border-box;
	margin:6px;
	background:white;
}
.modal_form > div > img{
	display:block;
	margin:0 auto 20px;
}
.modal_form p.title{
    color:#b72116;
    font-size:22px;
    line-height:1;
    margin-bottom:20px;
    text-align:center;
	text-transform:uppercase;
}
.modal_form form{
    position:relative;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
	font:14px/1 'OpenSans';
    width:100%;
    padding:11px 14px;
    border:1px solid #dadada;
    box-sizing:border-box;
    color:#888888;
    font-size:14px;
    margin-bottom:10px;
    transition:border 0.5s;
}
.wpcf7 textarea{
    max-height:67px;
    resize:none;
}
.wpcf7 input[type="checkbox"]{
    position:relative;
    top:2px;
    margin:0 7px 0 0;
}
.wpcf7 input[type="submit"]{
    background:#b72116;
    border:1px solid #b72116;
    color:white;
    padding:10px 15px;
    cursor:pointer;
    margin-top:10px;
    text-align:center;
	font:14px/1 'OpenSans';
	-webkit-appearance:none;
    transition:all 0.5s;
}
.wpcf7 input[type="submit"]:hover{
    background:white;
    color:#b72116;
}
.wpcf7 .wpcf7-list-item{
    margin:0;
	line-height:1;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .ajax-loader{
    display:none!important;
}
.wpcf7 input.wpcf7-not-valid[type="text"],
.wpcf7 input.wpcf7-not-valid[type="email"],
.wpcf7 input.wpcf7-not-valid[type="tel"],
.wpcf7 textarea.wpcf7-not-valid{
    border:1px solid gray;
}
.wpcf7 .wpcf7-response-output{
    margin:10px 0 0!important;
    padding:10px!important;
	font-size:14px;
}
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"]{
    opacity:0;
	margin:0;
	position:absolute;
}
.wpcf7 .wpcf7-radio > span{
	margin-right:20px;
}
.wpcf7 .wpcf7-radio > span:last-child{
	margin-right:0;
}
.wpcf7 span.wpcf7-list-item-label{
    position:relative;
	display:block;
	cursor:pointer;
}
.wpcf7 input[type="checkbox"]:not(checked) + span.wpcf7-list-item-label,
.wpcf7 input[type="radio"]:not(checked) + span.wpcf7-list-item-label{
    position:relative;
	font-size:13px;
}
.wpcf7 input[type="checkbox"]:not(checked) + span.wpcf7-list-item-label::before,
.wpcf7 input[type="radio"]:not(checked) + span.wpcf7-list-item-label::before{
    content:'\f096';
	font-family:'FontAwesome';
    display:inline-block;
	width:10px;
	margin:0 10px 0 0;
}
.wpcf7 input[type="checkbox"]:checked + span.wpcf7-list-item-label::before,
.wpcf7 input[type="radio"]:checked + span.wpcf7-list-item-label::before{
    content:'\f046';
}
@media screen and (max-width:450px){
	.modal_form > div{
		padding:30px 20px 20px;
	}
}
/***************************************************************/
body{
	min-width:320px;
	max-width:4096px;
	margin:0 auto;
	width:100%;
	font:18px/1 'Montserrat';
	color:#2a2a2a;
	background:#f4f4f4;
}
.over{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);
	z-index:100;
}
.mobile_menu{
	position:fixed;
	width:320px;
	right:-320px;
	top:0;
	height:100%;
	overflow:auto;
	background:white;
	color:#2a2a2a;
	z-index:7;
	padding:63px 32px 32px;
	box-sizing:border-box;
	font-size:15px;
	z-index:101;
	transition:all 0.5s;
}
.mobile_menu.active{
	right:0;
}
.mobile_menu > span{
	position:fixed;
	width:320px;
	height:63px;
	top:0;
	right:-320px;
	background:white;
	z-index:7;
	transition:right 0.5s;
}
.mobile_menu.active > span{
	right:0;
}
.mobile_menu .close{
	position:fixed;
	right:-300px;
	top:20px;
	z-index:8;
	width:26px;
	height:23px;
	cursor:pointer;
	transition:right 0.5s;
}
.mobile_menu.active .close{
	right:32px;
}
.mobile_menu .close > span{
	position:relative;
	display:block;
	width:30px;
	height:2px;
	background:#2a2a2a;
}
.mobile_menu .close > span:nth-of-type(1){
	top:10px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mobile_menu .close > span:nth-of-type(2){
	top:8px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.mobile_menu > ul{
	margin-top:27px;
}
.mobile_menu > ul > li{
	position:relative;
	margin-bottom:30px;
}
.mobile_menu > ul > li > a{
	display:block;
	font-size:22px;
	color:#2a2a2a;
	transition:color 0.5s;
}
.mobile_menu ul > li.current-menu-item > a,
.mobile_menu ul > li > a:hover{
	color:#737373;
}
.mobile_menu .info{
	padding-top:30px;
	border-top:1px solid #dddddd;
}
.mobile_menu .info .item{
	margin-bottom:30px;
}
.mobile_menu .info .item:last-child{
	margin-bottom:0;
}
.mobile_menu .info .item > span{
	display:block;
	margin-bottom:15px;
	font-size:14px;
	color:#2a2a2a;
}
.mobile_menu .info .item > p,
.mobile_menu .info .item > p > a{
	font-size:24px;
	color:#2a2a2a;
	transition:color 0.5s;
}
.mobile_menu .info .item > p > a:hover{
	color:#737373;
}
.mobile_menu .social{
	padding-top:30px;
	border-top:1px solid #dddddd;
	text-align:justify;
}
.mobile_menu .social::after{
	content:'';
	display:inline-block;
	width:100%;
}
.mobile_menu .social > a{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	color:#2a2a2a;
	transition:color 0.5s;
}
.mobile_menu .social > a:hover{
	color:#737373;
}

header{
	position:sticky;
	font-size:0;
	top:0;
	padding:20px 0;
	z-index:3;
    background:rgba(244,244,244,0.4);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(15px);
}
header .header_data a.logo{
	float:left;
}
header .header_data a.logo svg{
	height:24px;
}
header .header_data a.logo svg .fil0{
	fill:#2a2a2a;
}
header .header_data a.logo svg .str0{
	stroke:#2a2a2a;
}
header .header_data .right_block{
	float:right;
}
header .header_data .right_block ul.main_menu{
	display:inline-block;
	vertical-align:top;
	margin-right:90px;
}
header .header_data .right_block ul.main_menu > li{
	display:inline-block;
	vertical-align:top;
	margin-right:30px;
}
header .header_data .right_block ul.main_menu > li:last-child{
	margin-right:0;
}
header .header_data .right_block ul.main_menu > li > a{
	position:relative;
	font-size:16px;
	line-height:24px;
	color:#2a2a2a;
	overflow:hidden;
	transition:color 0.5s;
}
header .header_data .right_block .social{
	display:inline-block;
	vertical-align:top;
	margin-right:90px;
}
header .header_data .right_block .social > a{
	position:relative;
	margin-right:30px;
	font-size:16px;
	line-height:24px;
	color:#2a2a2a;
}
header .header_data .right_block .social > a:last-child{
	margin-right:0;
}
header .header_data .right_block a.tel{
	position:relative;
	font-size:16px;
	line-height:24px;
	color:#2a2a2a;
}
header .header_data .right_block ul.main_menu > li > a::before,
header .header_data .right_block .social > a::before,
header .header_data .right_block a.tel::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:1px;
	bottom:-2px;
	transform:scaleX(0);
    transform-origin:right;
	transition:transform 0.5s,background 0.5s;
}
header .header_data .right_block ul.main_menu > li > a::before,
header .header_data .right_block .social > a::before,
header .header_data .right_block a.tel::before{
	background:#2a2a2a;
}
header .header_data .right_block ul.main_menu > li > a:hover::before,
header .header_data .right_block .social > a:hover::before,
header .header_data .right_block a.tel:hover::before{
	transform:scaleX(1);
    transform-origin:left;
}
header .header_data .right_block ul.main_menu > li.current-menu-item > a::before{
	transform:scaleX(1);
}
header .header_data .right_block a.mob_menu{
	display:none;
	vertical-align:top;
	width:30px;
	margin-left:30px;
}
header .header_data .right_block a.mob_menu > span{
	display:block;
	height:2px;
	background:#2a2a2a;
	border-radius:10px;
}
header .header_data .right_block a.mob_menu > span:nth-of-type(2){
	margin:9px 0 9px auto;
	width:70%;
	transition:width 0.5s;
}
header .header_data .right_block a.mob_menu:hover > span:nth-of-type(2){
	width:100%;
}
@media screen and (max-width:1200px){
	header .header_data .right_block ul.main_menu,
	header .header_data .right_block .social{
		margin-right:30px;
	}
}
@media screen and (max-width:980px){
	header .header_data .right_block ul.main_menu{
		display:none;
	}
	header .header_data .right_block a.mob_menu{
		display:inline-block;
	}
}
@media screen and (max-width:600px){
	header .header_data .right_block .social,
	header .header_data .right_block a.tel{
		display:none;
	}
}

#sec_1{
	position:relative;
}
#sec_1 .sec_nav{
	position:absolute;
	left:20px;
	right:20px;
	bottom:20px;
	font-size:0;
}
#sec_1 .sec_nav a{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-right:4px;
	background:#2a2a2a;
	color:white;
	padding:12px 24px;
	border:2px solid #2a2a2a;
	border-radius:30px;
	transition:all 0.5s;
}
#sec_1 .sec_nav a:last-child{
	margin-right:0;
}
#sec_1 .sec_nav a:hover{
	background:white;
	color:#2a2a2a;
}
#sec_1 .sec_data{
	height:-webkit-calc(100vh - 64px);
	height:calc(100vh - 64px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#sec_1 .sec_data .title{
	font-size:8vw;
	font-weight:bold;
}
#sec_1 .sec_data .title .typed-cursor{
	font-weight:400;
}
#sec_1 .sec_data p.description{
	font-size:20px;
	line-height:26px;
	margin-top:50px;
	max-width:1100px;
}
#sec_1 .sec_data > a.btn_feedback{
	display:none;
}
@media screen and (max-width:450px){
	#sec_1 .sec_data .title,
	#sec_1 .sec_data .title .typed-cursor{
		font-size:20vw;
	}
}

#sec_2{
	position:relative;
	/* overflow:hidden; */
}
.portfolio{
	font-size:0;
	position:relative;
	background:black;
	overflow:hidden;
}
#content .portfolio{
	background:none;
}
.portfolio .item{
	position:relative;
	top:0;
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	opacity:0;
	-webkit-transform:scale(0.96);
	transform:scale(0.96);
	visibility:hidden;
	overflow:hidden;
	transition:all 1s;
}
#content .portfolio .item{
	width:calc((100% - 40px) / 3);
	margin:0 20px 20px 0;
}
#content .portfolio  .item:nth-of-type(3n+3){
	margin-right:0;
}
.portfolio .item img{
	-webkit-transform:scale(1.01);
	transform:scale(1.01);
	filter:brightness(1);
	transition:all 0.5s;
}
.portfolio .item:hover img{
	-webkit-transform:scale(1.04);
	transform:scale(1.04);
	filter:brightness(1.15);
}
.portfolio .item.op{
	visibility:visible;
    opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
#sec_2 .portfolio .item:nth-of-type(3n+4){
	position:absolute;
	left:0;
}
#sec_2 .portfolio .item:nth-of-type(3n+5){
	position:absolute;
	left:33.33%;
}
#sec_2 .portfolio .item:nth-of-type(3n+6){
	position:absolute;
	left:66.66%;
}
.portfolio .item .block_data{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:0 20px 30px;
}
.portfolio .item .block_data p.title{
	position:relative;
	/* left:-900px; */
	display:inline-block;
	vertical-align:bottom;
	font-size:26px;
	line-height:1;
	font-weight:500;
	color:white;
	margin:0 30px 0 0;
	bottom:-200px;
	transition:bottom 1s;
}
.portfolio .item.op .block_data p.title{
	bottom:0;
}
.portfolio .item .block_data p.title::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:1px;
	bottom:-2px;
	background:white;
	transform:scaleX(0);
    transform-origin:right;
	transition:transform 0.5s,background 0.5s;
}
.portfolio .item:hover .block_data p.title::before{
	transform:scaleX(1);
    transform-origin:left;
}
.portfolio .item .block_data p.description{
	position:relative;
	bottom:-200px;
	display:inline-block;
	vertical-align:bottom;
	font-size:16px;
	line-height:1;
	color:white;
	margin-bottom:0;
	transition:bottom 1s;
}
.portfolio .item.op .block_data p.description{
	bottom:0;
}
#sec_2 .nav_prev{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-62px;
	width:44px;
	height:124px;
	background:url('img/s2_arrow.svg') right center no-repeat;
	transform:scale(-1,1);
	opacity:0;
	padding:40px 0px;
    box-sizing:border-box;
	transition:opacity 0.5s;
}
#sec_2 .nav_next{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-62px;
	width:44px;
	height:124px;
	background:url('img/s2_arrow.svg') right center  no-repeat;
	opacity:0;
	padding:40px 0px;
    box-sizing:border-box;
	transition:opacity 0.5s;
}
#sec_2:hover .nav_prev,
#sec_2:hover .nav_next{
	opacity:1;
}
@media screen and (max-width:980px){
	.portfolio .item{
		width:50%;
	}
	#content .portfolio .item,
	#content .portfolio  .item:nth-of-type(3n+3){
		width:calc((100% - 20px) / 2);
		margin:0 20px 20px 0;
	}
	#content .portfolio  .item:nth-of-type(2n+2){
		margin-right:0;
	}
	#sec_2 .portfolio .item:nth-of-type(3n+4),
	#sec_2 .portfolio .item:nth-of-type(3n+5),
	#sec_2 .portfolio .item:nth-of-type(3n+6){
		position:initial;
		left:auto;
	}
	#sec_2 .portfolio .item:nth-of-type(2n+3){
		position:absolute;
		left:0;
	}
	#sec_2 .portfolio .item:nth-of-type(2n+4){
		position:absolute;
		left:50%;
	}
	#sec_2 .nav_prev,
	#sec_2 .nav_next{
		opacity:1;
	}
}
@media screen and (max-width:600px){
	#content .portfolio{
		margin:0 -20px;
	}
	.portfolio .item{
		width:100%;
		/* height:100vh; */
	}
	#content .portfolio .item,
	#content .portfolio  .item:nth-of-type(3n+3){
		width:100%;
		margin:0 0 20px;
	}
	#sec_2 .portfolio .item:nth-of-type(3n+4),
	#sec_2 .portfolio .item:nth-of-type(3n+5),
	#sec_2 .portfolio .item:nth-of-type(3n+6){
		position:initial;
		left:auto;
	}
	#sec_2 .portfolio .item:nth-of-type(2n+3){
		position:absolute;
		left:0;
	}
	#sec_2 .portfolio .item:nth-of-type(2n+2){
		display:none;
		position:absolute;
		left:0;
		top:100%;
	}
}

#sec_3{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	min-height:-webkit-calc(100vh - 64px);
	min-height:calc(100vh - 64px);
	padding:100px 0;
	color:#2a2a2a;
    box-sizing:border-box;
}
#sec_3 .sec_data{
	display:-webkit-flex;
	display:flex;
}
#sec_3 .sec_data .left_block{
	width:33.33%;
	padding:0 50px 0 20px;
	box-sizing:border-box;
}
#sec_3 .sec_data .left_block .title{
	font-size:70px;
	color:#2a2a2a;
	font-weight:bold;
}
#sec_3 .sec_data .right_block{
	width:66.66%;
	padding-right:20px;
	box-sizing:border-box;
}
#sec_3 .sec_data .right_block .block_text{
	/* margin-bottom:60px; */
}
#sec_3 .sec_data .right_block .block_text p{
	font-size:18px;
	line-height:1.4;
	color:#2a2a2a;
	text-align:justify;
	margin-bottom:20px;
}
#sec_3 .sec_data .right_block .block_text p:last-child{
	margin-bottom:0;
}
#sec_3 .sec_data .right_block .block_counters{
	display:-webkit-flex;
	display:flex;
	/* justify-content:space-between; */
	flex-wrap:wrap;
	/* text-align:center; */
}
#sec_3 .sec_data .right_block .block_counters .item{
	display:-webkit-flex;
	display:flex;
	align-items:end;
	margin-right:90px;
}
#sec_3 .sec_data .right_block .block_counters .item > span{
	font-size:70px;
	line-height: 0.75;
	/* font-weight:bold; */
}
#sec_3 .sec_data .right_block .block_counters .item:nth-of-type(1) > span{
	width:125px;
}
#sec_3 .sec_data .right_block .block_counters .item:nth-of-type(2) > span{
	width:83px;
}
#sec_3 .sec_data .right_block .block_counters .item:nth-of-type(3) > span{
	width:66px;
}
#sec_3 .sec_data .right_block .block_counters .item > p{
	font-size:18px;
	margin-top:20px;
	margin-left:30px;
}

@media screen and (max-width:1400px){
	#sec_3 .sec_data{
		flex-direction:column;
	}
	#sec_3 .sec_data .left_block{
		width:100%;
		padding:0 20px;
		margin-bottom:50px;
	}
	#sec_3 .sec_data .right_block{
		width:100%;
		padding:0 20px;
	}
}
@media screen and (max-width:980px){
	#sec_3{
		padding:40px 0;
	}
	#sec_3 .sec_data .left_block .title{
		font-size:40px;
	}
	#sec_3 .sec_data .right_block .block_text p{
		text-align:left;
	}
}


.create_text{
	padding:0 20px;
	font-size:6vw;
    font-weight:bold;
	margin-bottom:100px;
}


#sec_4{
	position:relative;
	margin-bottom:100px;
	/* overflow:hidden; */
}
#sec_4 .portfolio .item:nth-of-type(3n+4){
	position:absolute;
	left:0;
}
#sec_4 .portfolio .item:nth-of-type(3n+5){
	position:absolute;
	left:33.33%;
}
#sec_4 .portfolio .item:nth-of-type(3n+6){
	position:absolute;
	left:66.66%;
}
#sec_4 .nav_prev{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-40px;
	width:24px;
	height:44px;
	background:url('img/s2_arrow.svg') center center no-repeat;
	transform:scale(-1,1);
	opacity:0;
	padding:40px 0px;
    box-sizing:border-box;
	transition:opacity 0.5s;
}
#sec_4 .nav_next{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-40px;
	width:24px;
	height:44px;
	background:url('img/s2_arrow.svg') center center  no-repeat;
	opacity:0;
	padding:40px 0px;
    box-sizing:border-box;
	transition:opacity 0.5s;
}
#sec_4:hover .nav_prev,
#sec_4:hover .nav_next{
	opacity:1;
}
@media screen and (max-width:980px){
	#sec_4 .portfolio .item:nth-of-type(3n+4),
	#sec_4 .portfolio .item:nth-of-type(3n+5),
	#sec_4 .portfolio .item:nth-of-type(3n+6){
		position:initial;
		left:auto;
	}
	#sec_4 .portfolio .item:nth-of-type(2n+3){
		position:absolute;
		left:0;
	}
	#sec_4 .portfolio .item:nth-of-type(2n+4){
		position:absolute;
		left:50%;
	}
	#sec_4 .nav_prev,
	#sec_4 .nav_next{
		opacity:1;
	}
}
@media screen and (max-width:600px){
	#sec_4 .portfolio .item:nth-of-type(3n+4),
	#sec_4 .portfolio .item:nth-of-type(3n+5),
	#sec_4 .portfolio .item:nth-of-type(3n+6){
		position:initial;
		left:auto;
	}
	#sec_4 .portfolio .item:nth-of-type(2n+3){
		position:absolute;
		left:0;
	}
	#sec_4 .portfolio .item:nth-of-type(2n+2){
		display:none;
		position:absolute;
		left:0;
		top:100%;
	}
}

#content2{
	/* display:-webkit-flex; */
	/* display:flex; */
	-webkit-align-items:center;
	align-items:center;
	/* min-height:-webkit-calc(100vh - 64px); */
	/* min-height:calc(100vh - 64px); */
	padding:50px 0;
	color:#2a2a2a;
    box-sizing:border-box;
}
#content2 .sec_data{
	display:-webkit-flex;
	display:flex;
}
#content2 .sec_data .left_block{
	width:33.33%;
	padding:0 50px 0 20px;
	box-sizing:border-box;
}
#content2 .sec_data .left_block .title{
	font-size:70px;
	color:#2a2a2a;
	font-weight:bold;
}
#content2 .sec_data .right_block{
	width:66.66%;
	padding-right:20px;
	box-sizing:border-box;
}
#content2 .sec_data .right_block .block_text{
	margin-bottom:60px;
}
#content2 .sec_data .right_block .block_text p{
	font-size:18px;
	line-height:1.4;
	color:#2a2a2a;
	text-align:justify;
	margin-bottom:20px;
}
#content2 .sec_data .right_block .block_text p:last-child{
	margin-bottom:0;
}
#content2 .sec_data .right_block .block_counters{
	display:-webkit-flex;
	display:flex;
	/* justify-content:space-between; */
	flex-wrap:wrap;
	/* text-align:center; */
}
#content2 .sec_data .right_block .block_counters .item{
	display:-webkit-flex;
	display:flex;
	align-items:end;
	margin-right:90px;
}
#content2 .sec_data .right_block .block_counters .item > span{
	font-size:70px;
	line-height: 0.75;
	/* font-weight:bold; */
}
#content2 .sec_data .right_block .block_counters .item:nth-of-type(1) > span{
	width:125px;
}
#content2 .sec_data .right_block .block_counters .item:nth-of-type(2) > span{
	width:83px;
}
#content2 .sec_data .right_block .block_counters .item:nth-of-type(3) > span{
	width:66px;
}
#content2 .sec_data .right_block .block_counters .item > p{
	font-size:18px;
	margin-top:20px;
	margin-left:30px;
}


#sec_4 .sec_data > a{
	position:sticky;
	top:64px;
	display:block;
	height:600px;
	background-size:100% auto;
	transition:background-size 0.5s;
	overflow:hidden;
}
#sec_4 .sec_data > a > video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#sec_4 .sec_data > a:nth-of-type(1){
	background:url('img/3d-rendering-abstract-black-white-waves (1).jpg') center center no-repeat;
	background-size:100% auto;
}
#sec_4 .sec_data > a:nth-of-type(2){
	background:url('img/dark-surface-with-reflections-smooth-minimal-black-waves-background-blurry-silk-waves-minimal-soft-grayscale-ripples-flow.jpg') center center no-repeat;
	background-size:100% auto;
}
#sec_4 .sec_data > a:nth-of-type(3){
	background:url('img/Без имени-1 (6).jpg') center center no-repeat;
	background-size:100% auto;
}
#sec_4 .sec_data > a:nth-of-type(4){
	background:url('img/9cfc892c-b530-435d-bdf2-002f6a412218 (1).png') top center no-repeat;
	background-size:100% auto;
}
#sec_4 .sec_data > a:nth-of-type(5){
	background:url('img/9cfc892c-b530-435d-bdf2-002f6a412218 (1).png') top center no-repeat;
	background-size:100% auto;
	 background-position: center top -600px;
}
#sec_4 .sec_data > a:nth-of-type(6){
	/* background:url('img/9f01e1fc-767b-4706-9fb6-54de3ffc94ef.png') center center no-repeat; */
	background:url('img/9cfc892c-b530-435d-bdf2-002f6a412218 (1).png') top center no-repeat;
	background-size:100% auto;
	    background-position: center top -1200px;
}
#sec_4 .sec_data > a > span{
	position:absolute;
	left:20px;
	bottom:20px;
	color:white;
	font-size:100px;
}
#sec_4 .sec_data > a > div{
	position:absolute;
	top:20px;
	right:20px;
	columns:2;
	column-gap:100px;
}
#sec_4 .sec_data > a > div > p{
	font-size:20px;
	color:white;
	margin-bottom:30px;
}
#sec_4 .sec_data > a > p{
	position:absolute;
	top:20px;
	left:20px;
	width:590px;
	color:white;
	font-size:20px;
}



#sec_5{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	min-height:-webkit-calc(100vh - 64px);
	min-height:calc(100vh - 64px);
	padding:100px 0;
	color:#2a2a2a;
    box-sizing:border-box;
}
#sec_5 .sec_data{
	display:-webkit-flex;
	display:flex;
}
#sec_5 .sec_data .left_block{
	width:33.33%;
	padding:0 50px 0 20px;
	box-sizing:border-box;
}
#sec_5 .sec_data .left_block .title{
	font-size:70px;
	color:#2a2a2a;
	font-weight:bold;
}
#sec_5 .sec_data .right_block{
	width:66.66%;
	padding-right:20px;
	box-sizing:border-box;
}
#sec_5 .sec_data .right_block .block_text{
	margin-bottom:60px;
}
#sec_5 .sec_data .right_block .block_text p{
	font-size:18px;
	line-height:1.4;
	color:#2a2a2a;
	text-align:justify;
	margin-bottom:20px;
}
#sec_5 .sec_data .right_block .block_text p:last-child{
	margin-bottom:0;
}











.work_gallery{
	overflow:hidden;
	min-height:100vh;
	background:#060606;
	text-align:center;
	animation:30s slidein infinite;
	background:url('img/4.jpg') top center no-repeat;
	background-attachment:fixed;
}
#content .work_gallery a.item{
	/* opacity:0; */
	display:flex;
	justify-content:center;
	align-items:center;
	margin:50px 0;
	min-height:100vh;
	
}
@media screen and (max-width:600px){
	#content .work_gallery{
		background:url('img/4m.jpg') center center no-repeat;
	}
	#content .work_gallery a.item{
		padding:0 15px;
	}
}


@keyframes slidein {
  0% {background-size:100% 100%;}
	50% {background-size:120% 120%;}
	100% {background-size:100% 100%;}
}


#content .bread{
	padding-top:20px;
	position:relative;
	margin-bottom:40px;
	color:black;
	font-size:12px;
	line-height:1.2;
}
#content .bread a{
	color:black;
	transition:color 0.5s;
}
#content .bread .divider{
	padding-left:6px;
}
#content .bread .divider svg{
	height:8px;
}
#content .bread a:hover{
	color:gray;
} 

#content .cat_products .cat_item{
	display:inline-block;
	vertical-align:top;
	
	margin:0 32px 24px 0;
	
}
#content .cat_products .cat_item a{
	font-size:20px;
	line-height:22px;
	color:#171717;
	transition:color 0.5s;
}
#content .cat_products .cat_item a:hover{
	color:gray;
}


#content .ppp_nav{
	margin:20px 0 40px;
	font-size:0;
}
#content .ppp_nav a{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-right:4px;
	background:#2a2a2a;
	color:white;
	padding:12px 24px;
	border:2px solid #2a2a2a;
	border-radius:30px;
	transition:all 0.5s;
}
#content .ppp_nav a:last-child{
	margin-right:0;
}
#content .ppp_nav a:hover{
	background:white;
	color:#2a2a2a;
}

#content .quest_block{
	width:100%;
	max-width:420px;
	margin:0 auto;
	border-radius:4px;
	box-sizing:border-box;
	background:black;
}
#content .quest_block img{
	border-radius:4px;
}
#content .quest_block h1{
	font:bold 24px/1.2 'Montserrat'!important;
	margin-bottom:24px!important;
}
#content .quest_block .q_buttons{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:-4%;
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
}
#content .quest_block .q_buttons > a{
	width:calc((100% - 4px) / 2);
	margin:0 4px 4px 0;
	padding:12px 16px;
	text-align:center;
	font-size:14px;
	line-height:1;
	background:white;
	border-radius:4px;
	color:black;
	opacity:1;
	transition:opacity 0.5s;
	box-sizing:border-box;
}
#content .quest_block .q_buttons > a:nth-of-type(2n+2){
	margin-right:0;
}
#content .quest_block .q_buttons > a:hover{
	opacity:0.5;
}

.articles_data{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.articles_data .item{
	width:-webkit-calc((100% - 60px * 2) / 3);
	width:calc((100% - 60px * 2) / 3);
	margin:0 60px 90px 0;
	text-align:center;
}
.articles_data .item:nth-of-type(3n+3){
	margin-right:0;
}
.articles_data .item a.title{
	font:500 20px/24px 'Montserrat';
	color:black;
}
@media screen and (max-width:980px){
	.articles_data .item,
	.articles_data .item:nth-of-type(3n+3){
		width:-webkit-calc((100% - 32px) / 2);
		width:calc((100% - 32px) / 2);
		margin:0 32px 60px 0;
	}
	.articles_data .item:nth-of-type(2n+2){
		margin-right:0;
	}
}
@media screen and (max-width:600px){
	.articles_data .item,
	.articles_data .item:nth-of-type(3n+3){
		width:100%;
		margin:0 0 48px;
	}
}

.art_two_col{
	-webkit-columns:2;
	columns:2;
	-webkit-column-gap:64px;
	column-gap:64px;
	text-align:justify;
	margin-bottom:32px;
}
@media screen and (max-width:980px){
	.art_two_col{
		-webkit-columns:1;
		columns:1;
		text-align:left;
	}
}

#content .info_text{
	display:-webkit-flex;
	display:flex;
	margin:40px 0;
}
#content .info_text .left_block{
	width:33.33%;
	padding:0 50px 0 0;
	box-sizing:border-box;
}
#content .info_text .left_block .title{
	position:sticky;
    top:96px;
	font-size:70px;
	color:#2a2a2a;
	font-weight:bold;
	margin:0;
}
#content .info_text .right_block{
	width:66.66%;
	padding-right:20px;
	box-sizing:border-box;
}
#content .info_text .right_block .block_text p{
	font-size:18px;
	line-height:1.4;
	color:#2a2a2a;
	text-align:justify;
	margin-bottom:20px;
}
#content .info_text .right_block .block_text p:last-child{
	margin-bottom:0;
}
@media screen and (max-width:1400px){
	#content .info_text{
		flex-direction:column;
	}
	#content .info_text .left_block{
		width:100%;
		margin-bottom:24px;
	}
	#content .info_text .left_block .title{
		position:initial;
	}
	#content .info_text .right_block{
		width:100%;
	}
}
@media screen and (max-width:980px){
	#content .info_text .left_block .title{
		font-size:40px;
	}
	#content .info_text .right_block .block_text p{
		text-align:left;
	}
}

#bg-wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:-1;
}
#bg-wrap > svg{
	width:100%;
	height:100%;
}

@media screen and (max-width:450px){}