@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



:root {
    --cursor-x: 0;
    --cursor-y: 0;
	
	--base-padd: 3.25rem;
    
	--white: #fff;
	--black: #212121;
	--deepgrey: #333834;
	--grey: #798381;
	--lightgrey: #e5e5e5;
	--red: #e92806;
	--beige: #efe1d0;
	
	--bg100: #e5e5e5;
	--bg66: #ededed;
	--bg33: #f6f6f6;
	
	--grey33: #d1d3d3;
	
	--figure-clr: #e1e1e1;
	--figure-clr: #ddd;
	
	--line-grey: solid 1px #d1d3d3;
	--line-grey2: solid 1px #798381;
	
	--rad-xs: .33rem;
	--rad-sm: .5rem;
	--rad-md: .75rem;
	--rad-lg: 1rem;
	--rad-xl: 1.5rem;
	
	--menu-h: 90px;
	--menu-h-out: -90px;
	
	--cont-padd: 5vw;
	--txt-padd: 5vw;
	--unicont-padd: 6rem;
	--unicont-bullit: 4rem;
	
	--projcard-h: 62.5%;
	--projcard-v: 143%;
	
	--h1: 2.75rem;
	--h2: 2.25rem;
	--h3: 1.75rem;
	--h4: 1.5rem;
	--h5: 1.25rem;
	--h6: 1.15rem;
	
	--cont-subhdr: 1.25rem;
	
	--sec-padd: 6rem;
	--sec-hdr2-mt: 5rem;
	--sec-hdr2-mb: 2rem;
	
	--zoom-ofs-l: 0;
	--zoom-ofs-t: 0;
	
	--mainsldr-picframe-w-padd: 50%;
	--mainsldr-picframe-h-padd: 50%;
	--mainsldr-scrollspace: 100vh;
	--mainsldr-scrollspace-total-h: 200vh;
	
	--mainsldr-trans-y: 0;
	--trans-center: 50%;
	
	--padd-1: 1rem;
	--padd-2: 2rem;
	--padd-3: 3rem;
	--padd-4: 4rem;
	--padd-5: 5rem;
	--padd-6: 6rem;
	
	--gap-lg: .75rem;
	--gap-sm: .5rem;
	--gap-xs: .33rem;
	--gap-xxs: .25rem;

}

.clr-white { color: var(--white) !important; }
.clr-black { color: var(--black) !important; }
.clr-deepgrey { color: var(--deepgrey) !important; }
.clr-grey { color: var(--grey) !important; }
.clr-red { color: var(--red) !important; }
.clr-beige { color: var(--beige) !important; }

.bg-white { background-color: var(--white); }
.bg-black { background-color: var(--black); }
.bg-deepgrey { background-color: var(--deepgrey); }
.bg-grey { background-color: var(--grey); }
.bg-red { background-color: var(--red); }
.bg-beige { background-color: var(--beige); }
.bg100 { background-color: var(--bg100);}
.bg66 { background-color: var(--bg66);}
.bg33 { background-color: var(--bg33);}

.line-b { border-bottom: var(--line-grey); }
.line-t { border-top: var(--line-grey); }


.b24-window-mounts {
    display: none;
}
body .b24-form {
	margin: 0;
}
body .b24-form-wrapper {
  padding: 1.5rem 0 3rem;
}

[id^="sec_"]{
    position: relative;
    top: var(--menu-h-out);
}




*, ::after, ::before { outline: none; margin: 0px; padding: 0px; border-spacing: 0px; border-width: 0 0 0 0; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/** { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/

html { min-height: 100%; width: 100%; position: relative; background-color: #fff; padding-bottom: 0; overflow-x: hidden;}
body { min-height: 100vh !important; min-width: 320px; background-color: transparent; width: 100%; overflow: auto; font-size: 16px !important; line-height: 1.4;
	font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 200; }

h1, h2, h3, h4, h5, h6 { font-size: 1rem; cursor: default; }
h1 { font-weight: 500; }
h2, h3, h4, h5, h6 { font-weight: 400; }
p { line-height: 1.4em; cursor: default; }
p img { max-width: 100%; }
table tr td { vertical-align: top; border-spacing: 0px; }
ul { list-style-type: none; }
input { outline: 0 !important; }
button { cursor: pointer; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; }
a { color: var(--deepgrey); text-decoration: none; }	
a:hover { color: var(--grey); }

.hdr { font-weight: 500; color: var(--deepgrey); }
.h-1 { font-size: 2em; }
.h-2 { font-size: 1.75em; }
.h-3 { font-size: 1.5em; }
.h-4 { font-size: 1.25em; }
.solid { font-weight: 800; }
.uppercase { text-transform: uppercase; }

.rel { position: relative; }
.abs, .abs-in { position: absolute; }
.abs-in { left: 0; top: 0; width: 100%; height: 100%; }
.fix { position: fixed; }
.lt-0 { /*left: 0; */top: 0; }
.rt-0 { right: 0; top: 0; }
.lb-0 { /*left: 0; */bottom: 0; }

.over-hidd { overflow: hidden; }


.pic-center {
    position: relative;
    overflow: hidden;
}
.pic-center > img {
    position: absolute;
    left: 50%; top: 50%; width: 100%;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*#################### F L E X #########################*/
.flex-basis-0 { flex-basis: 0; }
.flex-basis-full { flex-basis: 100%; }

.flex-grow-0, .catalog25-list article h2+p span+span { flex-grow: 0; }
.flex-grow-1, .prodcards .filter .list-hdr > span, .catalog25-list article h2+p span, .blog-carousel article p span { flex-grow: 1; }
.flex-grow-2 { flex-grow: 2; }
.flex-grow-3 { flex-grow: 3; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-0-0-0 { flex-grow: 0; flex-shrink: 0; flex-basis: 0; }
.flex-1-0-0 { flex-grow: 1; flex-shrink: 0; flex-basis: 0; }
.flex-2-0-0 { flex-grow: 2; flex-shrink: 0; flex-basis: 0; }
.flex-3-0-0 { flex-grow: 3; flex-shrink: 0; flex-basis: 0; }

.flex, [class^="btn-box"], .tab-param dt, .breadcrumbs25 li,
.blog-carousel article p { 
	display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important;
	display: flex !important;
}
.flex-wrap, .videobox, .videobox-mono, .videobox-duo, .catalog25-list article h2+p, .cont25-2col, 
.list25-full-num > div, .job25-cont > section, .cont25-base2col, .email25list dl,
.uni-contsec > * {
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 
	flex-wrap: wrap;
}
.flex-nowrap {
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; 
	flex-wrap: nowrap;
}
.flex-inline, .breadcrumbs25 ol {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
	display: inline-flex;
}
.flex-row {
	-webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col {
	-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-direction: column;
}
.flex-just-start {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.flex-just-end {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.flex-just-between {
	-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-just-around {
	-webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify;
	justify-content: space-around;
}
.flex-just-center {
	-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
	justify-content: center;
}
.flex-just-right {
	-webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right;
	justify-content: right;
}
.flex-items-center {
	-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
	align-items: center;
}
.flex-items-end, .catalog25-list article h2+p, .tab-param dt {
	-webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end;
	align-items: flex-end;
}
.flex-items-stretch {
	-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: center;
	align-items: stretch;
}
.flex-row-reverse, .cont25-2col.reverse {
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.flex-col-reverse {
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}

.gap-xs, .breadcrumbs25 li {
	gap: var(--gap-xs);
}



/*#################### TRANSITION ##############################*/
.move-none {
    -webkit-transition: all 0s linear !important;
    -moz-transition: all 0s linear !important;
    -ms-transition: all 0s linear !important;
    -o-transition: all 0s linear !important;
    transition: all 0s linear !important;
}

.move, button, a,
.header .logo, .header .logo img, .menu25 svg, .link-go-in::after {
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.moove, img[class*="lazy"], .dzen-text-more .wrap::after {
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slow,
.menu25 > div + div a::before, .submenu25 .submenu-2-cols .col-1 li::after, .tabs25 a::before,
.subsubmenu-box > div, .other-our-sites-links a::after, .hmbg25 span,
.video a > span::before, .video a > span::after, .carousel25 .owl-carousel .owl-nav > div, .btn-more,
.list25-links > a::after, .list25-links > a::before, .tab-linklist li > *::before, 
.faq-acrdn summary, .faq-acrdn details, .faq-acrdn details::after, .faq-acrdn details summary + div,
.uni-contsec > div > nav a::after, .uni-contsec a::after, .prodgal-carousel .owl-nav>div::before {
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.sloow, .submenu25, .submenu25 .submenu-2-cols li a, .video a > span > span, .submenu25 .wrap-box,
.carousel25 .owl-carousel .owl-nav > div::before, .catalog25-list article > div > div > img,
.madeprod-carousel article::before, .madeprod-carousel dl, .madeprod-carousel dt, .madeprod-carousel dd, 
.madeprod-carousel dl::after, .madeprod-carousel article header, .blog-carousel article img, .blog-carousel article p b, 
.prodgal-carousel a figure {
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.slooow,
.submenu25 .wrap,
.projects25-gals .row article a > div > div {
	-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}

*:hover.scale, .blog-carousel article a:hover img  {
    -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
*:hover.scale2 {
    -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}


.scale-0 {
    -webkit-transform: scale(0,0); -moz-transform: scale(0,0);
	-ms-transform: scale(0,0); -o-transform: scale(0,0);
	transform: scale(0,0);
}
.scale-75, img[class*="lazy"][data-src] {
    -webkit-transform: scale(0.75,0.75); -moz-transform: scale(0.75,0.75);
	-ms-transform: scale(0.75,0.75); -o-transform: scale(0.75,0.75);
	transform: scale(0.75,0.75);
}
.scale-90,
.video a:hover > span::before {
    -webkit-transform: scale(0.9,0.9); -moz-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9); -o-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
}
.scale-100 {
    -webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: scale(1,1);
}
.scale-110,
.projects25-gals .row article a:hover > div > div,
.video a:hover > span > span,
.carousel25 .owl-carousel .owl-nav > div:hover::before, .catalog25-list article > div:hover > div > img,
.prodgal-carousel a:hover figure {
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
	-ms-transform: scale(1.1); -o-transform: scale(1.1);
	transform: scale(1.1);
}
.scale-125, .prodgal-carousel .owl-nav>div:hover::before {
    -webkit-transform: scale(1.25,1.25); -moz-transform: scale(1.25,1.25);
	-ms-transform: scale(1.25,1.25); -o-transform: scale(1.25,1.25);
	transform: scale(1.25,1.25);
}



.focus-up {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.focus-up:hover {
	-webkit-transform: translateY(-1.5%);
	-moz-transform: translateY(-1.5%);
	-ms-transform: translateY(-1.5%);
	-o-transform: translateY(-1.5%);
	transform: translateY(-1.5%);
}



.rotate-0 {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.rotate-180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);

}



.pull-out.actv, .pull-in.actv {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.pull-out {
	-webkit-transform: translateY(-30vh);
	-moz-transform: translateY(-30vh);
	-ms-transform: translateY(-30vh);
	-o-transform: translateY(-30vh);
	transform: translateY(-30vh);
}
.pull-in {
	-webkit-transform: translateY(10vh);
	-moz-transform: translateY(10vh);
	-ms-transform: translateY(10vh);
	-o-transform: translateY(10vh);
	transform: translateY(10vh);
}
/* ---------- */
.trans-center-x, .trans-center {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.trans-center-y, .trans-center {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


.w-100 {width: 100%;}
/*#################### / TRANSITION ##############################*/

.pt-1 { padding-top: var(--padd-1); }
.pt-2 { padding-top: var(--padd-2); }
.pt-3 { padding-top: var(--padd-3); }
.pt-4 { padding-top: var(--padd-4); }
.pt-5 { padding-top: var(--padd-5); }
.pt-6 { padding-top: var(--padd-6); }

.pb-1 { padding-bottom: var(--padd-1); }
.pb-2 { padding-bottom: var(--padd-2); }
.pb-3 { padding-bottom: var(--padd-3); }
.pb-4 { padding-bottom: var(--padd-4); }
.pb-5 { padding-bottom: var(--padd-5); }
.pb-6 { padding-bottom: var(--padd-6); }


/*#################### DZEN DELAY SHOW ##############################*/

.dzen_multidelay_show {
	
}


.dzen_multidelay_show .dzen_maskup,
.dzen_multidelay_show .dzen_maskdown,
.dzen_multidelay_show .dzen_fadeup,
.dzen_multidelay_show .dzen_fadedown,
.dzen_multidelay_show .dzen_fadeleft,
.dzen_multidelay_show .dzen_fade {
	opacity: 0;
	visibility: hidden;
}

.dzen_multidelay_show.actv .dzen_maskup {
	-webkit-animation: dzen_multidelay_maskup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: dzen_multidelay_maskup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: dzen_multidelay_maskup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: dzen_multidelay_maskup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: dzen_multidelay_maskup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}

.dzen_multidelay_show.actv .dzen_maskdown {
	-webkit-animation: dzen_multidelay_maskdown 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: dzen_multidelay_maskdown 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: dzen_multidelay_maskdown 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: dzen_multidelay_maskdown 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: dzen_multidelay_maskdown 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}

.dzen_multidelay_show.actv .dzen_fadeup {
	-webkit-animation: dzen_multidelay_fadeup .8s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: dzen_multidelay_fadeup .8s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: dzen_multidelay_fadeup .8s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: dzen_multidelay_fadeup .8s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: dzen_multidelay_fadeup 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}

.dzen_multidelay_show.actv .dzen_fadedown {
	-webkit-animation: dzen_multidelay_fadedown .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: dzen_multidelay_fadedown .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: dzen_multidelay_fadedown .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: dzen_multidelay_fadedown .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: dzen_multidelay_fadedown .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}

.dzen_multidelay_show.actv .dzen_fadeleft {
	-webkit-animation: dzen_multidelay_fadeleft .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: dzen_multidelay_fadeleft .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: dzen_multidelay_fadeleft .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: dzen_multidelay_fadeleft .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: dzen_multidelay_fadeleft .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}

.dzen_multidelay_show.actv .dzen_fade {
	-webkit-animation: dzen_multidelay_fade 1s linear forwards;
	-moz-animation: dzen_multidelay_fade 1s linear forwards;
	-ms-animation: dzen_multidelay_fade 1s linear forwards;
	-o-animation: dzen_multidelay_fade 1s linear forwards;
	animation: dzen_multidelay_fade 1s linear forwards;
}




.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_02,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_02,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_02,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_02,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_02,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_02 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_04,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_04,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_04,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_04,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_04,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_04 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_06,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_06,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_06,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_06,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_06,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_06  {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_08,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_08,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_08,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_08,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_08,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_08  {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_10,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_10,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_10,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_10,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_10,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_10  {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_12,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_12,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_12,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_12,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_12,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_12  {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_14,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_14,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_14,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_14,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_14,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_14  {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_16,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_16,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_16,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_16,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_16,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_16  {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_18,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_18,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_18,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_18,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_18,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_18  {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.dzen_multidelay_show.actv .dzen_maskup.dzen_delay_20,
.dzen_multidelay_show.actv .dzen_fadeup.dzen_delay_20,
.dzen_multidelay_show.actv .dzen_fadedown.dzen_delay_20,
.dzen_multidelay_show.actv .dzen_fadeleft.dzen_delay_20,
.dzen_multidelay_show.actv .dzen_maskdown.dzen_delay_20,
.dzen_multidelay_show.actv .dzen_fade.dzen_delay_20  {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}




@keyframes dzen_multidelay_maskup {
  0% {	  
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,120%,0) rotate(10deg);
	transform: translate3d(0,120%,0) rotate(10deg);
	transform-origin: top left;
  }
  1% {	  
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,120%,0) rotate(10deg);
	transform: translate3d(0,120%,0) rotate(10deg);
	transform-origin: top left;
  }
  100% { 
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0) rotate(0deg);
	transform: translate3d(0,0,0) rotate(0deg);
	transform-origin: top left;
  }
}

@keyframes dzen_multidelay_maskdown {
  0% {	  
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,-120%,0) rotate(-10deg);
	transform: translate3d(0,-120%,0) rotate(-10deg);
	transform-origin: bottom left;
  }
  1% {	  
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,-120%,0) rotate(-10deg);
	transform: translate3d(0,-120%,0) rotate(-10deg);
	transform-origin: bottom left;
  }
  100% { 
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0) rotate(0deg);
	transform: translate3d(0,0,0) rotate(0deg);
	transform-origin: bottom left;
  }
}

@keyframes dzen_multidelay_fadeup {
  0% {
    opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,8vh,0);
	transform: translate3d(0,8vh,0);
	
  }
  100% {
    opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  }
}

@keyframes dzen_multidelay_fadedown {
  0% {
    opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,-8vh,0);
	transform: translate3d(0,-8vh,0);
	
  }
  100% {
    opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  }
}

@keyframes dzen_multidelay_fadeleft {
  0% {
    opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(15vw,0,0);
	transform: translate3d(15vw,0,0);
	
  }
  100% {
    opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  }
}

@keyframes dzen_multidelay_fade {
  0% {
    opacity: 0;
	visibility: hidden;
	
  }
  100% {
    opacity: 1;
	visibility: visible;
  }
}

/*#################### / DZEN DELAY SHOW ##############################*/



.js_dzen_show_up {
	visibility: hidden;
	opacity: 0;
	
	-webkit-transform: translate3d(0,15vh,0);
	transform: translate3d(0,15vh,0);
}
.js_dzen_show_up.actv {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}




.w-container {
	width: 100%;
	max-width: 1440px;
	margin: auto;
}
.w-padd {
	padding-left: 20px;
	padding-right: 20px;
}



/*.ic-arr-down {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	vertical-align: middle;
}
.ic-arr-down.ic-r {
	margin: 0 0 0 .5em;
	width: .8em;
	height: .8em;
}
.ic-arr-down::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://static.tildacdn.com/tild6662-3866-4663-b034-386334373336/arr-down.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}*/







.btn.primary, .btn.secondary  {
	border-radius: 3px;
	font-size: 1.1em;
	line-height: 1;
	font-weight: 500;
	padding: 1em 2em;
	margin-right: .5em;
	margin-bottom: .5em;
	
	color: #fff;
	background: #1f5ee4;
}
.btn.secondary {
	/*background: #999;*/
	background: #313131;
}
.btn.primary:hover, .btn.primary:hover {
	background: #3372f9;
}
.btn.secondary:hover {
	background: #344262;
}
.btn.circle {
	position: relative;
}
.btn.circle > i {
	position: relative;
	color: var(--white);
	font-style: normal;
	z-index: 3;
}
.btn.circle::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 100%;
	background: var(--blue);
	clip-path: circle(50% at 50% 50%);
	z-index: 2;
}
.btn.circle::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 100%;
	background: transparent;
	border-radius: 50%;
	z-index: 1;
	opacity: .5;
	box-shadow: 0 0 2em var(--blue);
}

.btn-circbox {
	font-size: 1em;
	width: 12em;
	height: 12em;
	right: 2em;
	text-transform: uppercase;
	overflow: visible !important;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn-circbox > div {
	height: 100%;
}
.btn-circbox a {
	height: 100%;
	font-weight: 700;
	text-align: center;
}
.btn-circbox a > i br {
	display: none;
}
.btn-circbox .btn::before {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.btn-circbox .btn::after {
	-webkit-transform: scale(1.33);
	transform: scale(1.33);
	
	-webkit-animation: circ-btn-puls 5s linear infinite;
	animation: circ-btn-puls 5s linear infinite;
}




/*

@keyframes circ-btn-puls {
  0% {
	-webkit-transform: scale(1.33);
	transform: scale(1.33);
	  
	opacity: 0;
  }
  60% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	  
	opacity: 0;
  }
  75% {
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	  
	opacity: 1;
  }
  100% {
	-webkit-transform: scale(1.66);
	transform: scale(1.66);
	  
	opacity: 0;
  }
}
*/










/* ====== advant-list  LINE & POINT ======= */
/*.advant-list .dzen_multidelay_show.actv::before {
	-webkit-animation: advant-list-show .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: advant-list-show .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}
@keyframes advant-list-show {
  0% {
	clip-path: inset(0 0 0 100%);
  }
  100% {
	clip-path: inset(0 0 0 0);
  }
}


.advant-list .dzen_multidelay_show.actv::after {
	-webkit-animation: advant-list-show-point .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: advant-list-show-point .6s cubic-bezier(0.6, 1, 0.6, 1) forwards;
}
@keyframes advant-list-show-point {
  0% {
	clip-path: inset(50% 0);
  }
  100% {
	clip-path: inset(0 0);
  }
}*/
/* ====== / advant-list  LINE & POINT ======= */









.js_copy_href {
	position: relative;
}
.js_copy_href:hover::after {
	content: '';
	display: inline-block;
	font-size: inherit;
	width: 1em;
	height: 1em;
	margin-left: .5em;
	background-image: url("../img/icon-copy.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.conts-area .js_copy_href::after {
	width: 1rem;
	height: 1rem;
}

.footer .js_copy_href:hover::after {
	background-image: url("../img/icon-copy-white.svg");	
}
.js_copy_href i {
    position: absolute;
    bottom: 100%;
    padding: .5em 1em;
    background-color: var(--grafite);
    border-radius: .25em;
    box-shadow: 0 0 2em var(--black);
    font-size: .8em;
    left: 1em;
    line-height: 1;
	white-space: nowrap;
	
	opacity: 1;
	visibility: visible;
}
.js_copy_href i.is-removing {
	opacity: 0;
	visibility: hidden;
}








#polisy {
    max-width: 960px;
}
#polisy .mb-4 {
    margin-bottom: 1.5em;
}
#polisy h4 {
    font-size: 1.5em;
    font-weight: 700;
}
#polisy h5 {
    font-size: 1.15em;
    font-weight: 700;
}
#polisy .descr {
    font-size: .9em;
    margin: 0 0 .5em 2em;
}
#polisy .ol {
    font-size: .9em;
    margin: .5em 0 .75em 2em;
}
#polisy .li {
    margin: .5em 0;
}

#polisy .ol table {
    border: 1px solid #d8d8d8;
    font-size: inherit;
    line-height: inherit;
    border-collapse: collapse;
    margin-bottom: 1em;
}
#polisy .ol table th {
    border: 1px solid #d8d8d8;
    text-align: left;
    vertical-align: top;
    padding: .5em .75em;
    font-weight: 500;
}
#polisy .ol table tr {
}
#polisy .ol table td {
    vertical-align: top;
    padding: .5em .75em;
    border: 1px solid #d8d8d8;
    font-size: inherit;
    line-height: inherit;
}













/* ################################################################################ */
/* #############################  S T Y L E -- 2 0 2 5  ########################### */
/* ################################################################################ */
/*
#cursor_piczoom {
    position: absolute;
    left: -1.5em;
    top: -1.5em;
    width: 3em;
    height: 3em;
    
    z-index: 990;
    
    
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    transition: all 0.05s linear;
    
    -webkit-transform: translate(var(--cursor-x), var(--cursor-y));
    -moz-transform: translate(var(--cursor-x), var(--cursor-y));
    -ms-transform: translate(var(--cursor-x), var(--cursor-y));
    -o-transform: translate(var(--cursor-x), var(--cursor-y));
    transform: translate(var(--cursor-x), var(--cursor-y));
}
#cursor_piczoom::before {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--deepgrey);
    border-radius: 50%;
}
#cursor_piczoom::after {
  content: '';
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
  background-image: url('/themefrontend/html/img/kross-lightgrey.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
*/

.dzen_pict_zoom {
    cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='64' height='64' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' points='73,45.5 50.5,45.5 50.5,23 45.5,23 45.5,45.5 23,45.5 23,50.5 45.5,50.5 45.5,73 50.5,73 50.5,50.5 73,50.5 '/%3E%3C/svg%3E") 32 32, pointer;
}
.dzen_go_inside {
    cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='64' height='64' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' class='st0' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' class='st1' points='30.4,27.3 27.1,30.5 59.6,62.7 35.3,62.7 35.3,63.3 35.3,66.6 66.5,66.6 66.5,35.5 63.2,35.5 62.5,35.5 62.5,59.7 '/%3E%3C/svg%3E") 32 32, pointer;
}


.rutube-wrap {
    padding: 0 !important;
    width: 100%;
    max-width: 1600px;
}
.rutube-video {
    position: relative;
    width: 100%;
    padding-top: 56.3%;
}
.rutube-video > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.all-videos {
    margin-top: 2rem;
    margin-left: -2%;
}
.video {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}
.all-videos .video {
    width: 50%;
    padding-left: 2%;
}
.video a {
  display: block;
  color: #111;
  overflow: hidden;
  cursor: pointer;
}
.video a > span {
  display: block;
  position: relative;
  padding-top: 55%;
  overflow: hidden;
}
.video a > span > span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.video a img, .video > * img {
  z-index: 1;
}
.pic-abs-100 > img, [class*="pic-ph-"] > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.video a > span::before, .video a > span::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  opacity: .7;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
  z-index: 2;
}
.video a > span::after {
  background-image: url(../img/ic-play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}
.video a > span:hover::before, .video a > span:hover::after {
    opacity: 1;
}
.video a > span::before {
    border: solid 3px #fff;
    border-radius: 50%;
}
.video a > span:hover::before {
    /*border: solid 3px var(--deepgrey);*/
    /*background-color: var(--deepgrey);*/
}
.video a b {
    display: block;
    font-size: 1.1em;
    font-weight: 400;
    padding: .5rem 0;
}
.video a em {
    display: none;
    font-size: .9em;
    font-weight: 200;
    font-style: normal;
}
.is-descr .video a em {
    display: block;
}

.videobox, .videobox-mono {
    width: 100%;
    margin-top: 2rem;
}
.videobox > .video {
    width: 50%;
    margin: auto;
}
.videobox-mono > .video {
    width: 66.6%;
    margin: auto;
    margin-bottom: 2rem;
}
.videobox-duo {
    margin-top: 2rem;
    margin-left: -2%;
}
.videobox-duo > .video {
    width: 50%;
    padding-left: 2%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}



/*.videobox {
    width: 100%;
}
.videobox {
    width: 50%;
}
.videobox-duo {
    
}*/

.cta-btn > p {
	font-size: .85rem;
	color: var(--grey);
	max-width: 360px;
	margin: 1rem 0;
	line-height: 1.25;
}


.loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: var(--bg66);
}
img[class*="lazy"] + .loading::before {
  content: '';
  position: absolute;
  font-size: 3em;
  left: 50%;
  top: 50%;
  width: 2em;
  height: 2em;
  margin-left: -1em;
  margin-top: -1em;
  border: solid 2px #d3c4b9;
  opacity: 0;
}





.w-cont {
	padding: 0 var(--cont-padd);
}

.top-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--menu-h);
	z-index: 100;
	/*background-color: var(--white);
	border-bottom: solid 1px var(--lightgrey);*/
}
.top-header nav {
	height: 100%;
}
.topheader-padd {
	height: var(--menu-h);
	background-color: var(--bg33);
}
main {
	background-color: var(--bg33);
}
#footer25 {
	background-color: var(--bg100);
}

.menu25 {
	height: 100%;
	z-index: 2;
	position: relative;
	border-bottom: solid 1px var(--grey33);
	background: #fff;
    background-color: var(--bg66);
}
.menu25 > div + div a {
	position: relative;
	color: var(--grey);
	font-size: .94rem;
	font-weight: 400;
	padding: .5em 1em;
}
.menu25 > div + div a:hover, .menu25 > div + div a.actv {
	color: var(--deepgrey);
}
.menu25 > div + div a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px var(--grey);
	border-radius: var(--rad-xs);
	opacity: 0;
	
	-webkit-transform: scale(1.075); -moz-transform: scale(1.075);
	-ms-transform: scale(1.075); -o-transform: scale(1.075);
	transform: scale(1.075);
}
.menu25 > div + div a:hover::before, .menu25 > div + div a.actv::before {
	opacity: 1;
	
	-webkit-transform: scale(1); -moz-transform: scale(1);
	-ms-transform: scale(1); -o-transform: scale(1);
	transform: scale(1);
}
.menu25 > div + div a svg {
	height: .75em;
	fill: var(--grey);
	margin-left: .5em;
}
.menu25 > div + div a:hover svg {
	fill: var(--deepgrey);
}
.menu25 > div + div a svg+svg {
	display: none;
}
.menu25 > div + div a.actv svg {
	display: none;
}
.menu25 > div + div a.actv svg+svg {
	display: inline-block;
	fill: var(--deepgrey);
}



.tabs25 {
    margin: 1rem 0;
    max-width: 1200px;
}
.tabs25 a {
    position: relative;
    display: block;
    color: var(--grey);
	font-size: .94em;
	font-weight: 400;
	padding: .5em 1em;
}
.tabs25 li {
    margin: 0 .4rem .25rem 0;
}
.tabs25 a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px var(--grey);
	border-radius: var(--rad-xs);
	opacity: 0;
	
	-webkit-transform: scale(1.075); -moz-transform: scale(1.075);
	-ms-transform: scale(1.075); -o-transform: scale(1.075);
	transform: scale(1.075);
}
.tabs25 a:hover::before, .tabs25 li.actv a::before {
	opacity: 1;
	
	-webkit-transform: scale(1); -moz-transform: scale(1);
	-ms-transform: scale(1); -o-transform: scale(1);
	transform: scale(1);
}
.tabs25 a:hover, .tabs25 li.actv a {
	color: var(--deepgrey);
}









/* ===== BREADCRUMBS 2025 ===== */
.breadcrumbs25 {
	position: relative;
	font-size: .8rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.breadcrumbs25 ol {
	list-style-type: none;
}
.breadcrumbs25 li {
	
}
.breadcrumbs25 a  {
	
}
.breadcrumbs25 a > span {
	
}
.breadcrumbs25 a:hover > span {
	color: var(--deepgrey);
}
.breadcrumbs25 li+li::before {
	content: '/';
	padding: var(--gap-xs) 0;
}

.breadcrumbs25 li > span {
	
}
.breadcrumbs25 li > span > span {
	cursor: default;
}
.breadcrumbs25 li > * > span {
	color: var(--grey);
	padding-right: var(--gap-xs);
	padding-top: var(--gap-xs);
	padding-bottom: var(--gap-xs);
	display: block;
}
/* ===== / BREADCRUMBS 2025 ===== */
















.project-top {
    
}

.project-top-pic {
    padding-right: 7.5vw;
}
.project-top-pic > .wrap {
	background-size: cover;
}
.project-top-pic.full-screen {
    padding-right: 0;
}
.project-top .project-top-pic .main-hdr25 {
    padding: 5rem var(--base-padd);
	margin: 0;
	color: var(--white);
	font-weight: 400;
	font-size: 3.5vw;
	line-height: 1.15;
}
.project-top .project-top-pic .subhdr+.main-hdr25 {
    padding-top: 1rem;
}
.project-top .project-top-pic .subhdr {
    padding-top: 5rem;
	padding-left: var(--base-padd);
	color: var(--white);
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1vw;
}
.project-top .project-top-pic .main-hdr25 + .txt-box {
    padding: 0 0 5rem var(--base-padd);
	margin-top: -5rem;
}

.project-top .project-top-pic header, #project_top_pic + div {
	padding-left: 2vw;
	
	min-height: 66%;
	width: 100%;
	
	background: var(--deepgrey);
	background: -webkit-linear-gradient(bottom, rgba(51, 56, 52, 0.9) 0%, rgba(51, 56, 52, 0) 96%);
	background: -o-linear-gradient(bottom, rgba(51, 56, 52, 0.9) 0%, rgba(51, 56, 52, 0) 96%);
	background: linear-gradient(to top, rgba(51, 56, 52, 0.9) 0%, rgba(51, 56, 52, 0) 96%);
}
.project-top-pic .wrap {
    padding-top: 70vh;
    clip-path: inset(0 100% 0 0);
}
.project-top-pic img {
    display: block;
    width: 100%;
}


/* ====== use-list  LINE ======= */
.project-top-pic.actv .wrap {
	-webkit-animation: proj-toppic 1s cubic-bezier(0.25, 0.25, 0.1, 1.0) forwards;
	animation: proj-toppic 1s cubic-bezier(0.25, 0.25, 0.1, 1.0) forwards;
	animation-delay: .2s;
}
.project-top-pic.actv .wrap > img {
	-webkit-animation: proj-toppic-img 1s cubic-bezier(0.25, 0.25, 0.1, 1.0) forwards;
	animation: proj-toppic-img 1s cubic-bezier(0.25, 0.25, 0.1, 1.0) forwards;
	animation-delay: .2s;
}

@keyframes proj-toppic {
  0% {
	clip-path: inset(0 100% 0 0);
  }
  100% {
	clip-path: inset(0 0 0 0);
  }
}

@keyframes proj-toppic-img {
  0% {
    opacity: .25;
      
	-webkit-transform: translate(-75%, -50%);
	-moz-transform: translate(-75%, -50%);
	-ms-transform: translate(-75%, -50%);
	-o-transform: translate(-75%, -50%);
	transform: translate(-75%, -50%);
  }
  100% {
    opacity: 1;
      
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  }
}
/* ====== / use-list  LINE ======= */


.page-top {
  padding-bottom: 4rem;
}

.page-bq {
	width: 53.33%;
	padding-left: 8.33%;
	border-left: 2px solid var(--red);
	font-size: 1.5rem;
}




.project25-stones {
    padding-top: var(--sec-padd);
    padding-bottom: var(--sec-padd);
}
.project25-stones .sec-hdr-2 {
    margin-bottom: 2rem;
}
.project25-stones::before {
	content: '';
	display: block;
	height: .1px;
}
.project25-stones > section {
    padding-bottom: 5rem;
}
.project25-stones .cards {
    margin: 0 -1.25rem;
}
.project25-stones .cards.owl-loaded {
    margin: 0;
}
.project25-stones .cards .sld {
    width: 20%;
    padding: 0 1.25rem 1rem 1.25rem;
}
.project25-stones .cards.owl-loaded .sld {
    width: 100%;
    padding: 0;
}
.project25-stones .cards.owl-loaded .owl-stage-outer {
    overflow: visible;
}
.project25-stones .cards > div a {
    position: relative;
    display: block;
    padding-top:100%;
}
.project25-stones .cards > div a > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.project25-stones .cards > div a > span {
    padding: .5rem 0 1.5rem 0;
    display: block;
}

.carousel25 .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.carousel25 .owl-carousel .owl-nav {
    top: -5rem;
    position: absolute;
    right: 0;
}
.carousel25.madeprod-sec .owl-carousel .owl-nav {
    right: var(--cont-padd);
}
.carousel25 .owl-carousel .owl-nav > div {
    position: relative;
    width: 3rem;
    height: 3rem;
    float:left;
}
.carousel25 .owl-carousel .owl-nav > .disabled {
  opacity: .4;
}
.carousel25 .owl-carousel .owl-nav > div+div {
    margin-left: .5rem;
}

.carousel25 .owl-carousel .owl-nav > div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: solid 1px var(--grey);
    border-radius: 50%;
}
.carousel25 .owl-carousel .owl-nav > div::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 40%;
    left: 30%;
    top: 30%;
    background-image: url('/themefrontend/html/img/arr-l.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.carousel25 .owl-carousel .owl-nav > div+div::after {
    background-image: url('/themefrontend/html/img/arr-r.svg');
}
/*.carousel25 .owl-carousel .owl-prev, .carousel25 .owl-carousel .owl-next*/




.carousel25 .madeprod-carousel article {
	position: relative;
	color: #fff;
	overflow: hidden;
}
.carousel25 .madeprod-carousel article img {
	position: relative;
	z-index: 1;
}
.carousel25 .madeprod-carousel article a {
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.carousel25 .madeprod-carousel article::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--black);
	border-radius: 50%;
	
	-webkit-transform: scale(.1); -moz-transform: scale(.1);
	-ms-transform: scale(.1); -o-transform: scale(.1);
	transform: scale(.1);
	opacity: 0;
}
.carousel25 .madeprod-carousel article:hover::before {
	-webkit-transform: scale(1.5); -moz-transform: scale(1.5);
	-ms-transform: scale(1.5); -o-transform: scale(1.5);
	transform: scale(1.5);
	opacity: .66;
}
.carousel25 .madeprod-carousel article header {
	padding: 1.25rem 3rem 0 1.25rem;
	font-size: 1.15em;
	font-weight: 400;
	line-height: 1.25;
	
	transform: translateY(-1rem);
	opacity: 0;
}
.carousel25 .madeprod-carousel article:hover header {
	transform: translateY(0);
	opacity: 1;
}
.carousel25 .madeprod-carousel dl {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: .9rem;
	line-height: 1.1;
	padding: 1.25rem;
	padding-right: 1.25rem;
	padding-right: 6rem;
	border-top: solid 1px #ffffff40;
	opacity: 0;
}
.carousel25 .madeprod-carousel article:hover dl {
	opacity: 1;
}
.carousel25 .madeprod-carousel dt {
	opacity: .66;
	transform: translateY(1rem);
}
.carousel25 .madeprod-carousel article:hover dt {
	transform: translateY(0);
}
.carousel25 .madeprod-carousel dd {
	font-weight: 400;
	transform: translateY(1.5rem);
}
.carousel25 .madeprod-carousel article:hover dd {
	font-weight: 400;
	transform: translateY(0);
}
.carousel25 .madeprod-carousel dd+dt {
	transform: translateY(2rem);
}
.carousel25 .madeprod-carousel dd+dt+dd {
	transform: translateY(2.5rem);
}
.carousel25 .madeprod-carousel dd + dt {
	margin-top: .5rem;
}
.carousel25 .madeprod-carousel dl::before {
	content: '';
	position: absolute;
	right: 4.25rem;
	top: 0;
	bottom: 0;
	border-left: solid 1px #ffffff40;
}
.carousel25 .madeprod-carousel dl::after {
	content: '';
	position: absolute;
	right: 1.5rem;
	bottom: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("../img/arr-rd-white.svg");
	background-size: contain;
	
	transform: translateX(-66%);
}
.carousel25 .madeprod-carousel article:hover dl::after {
	transform: translateX(0);
}

.carousel25 footer .btn-more + .btn-go-in {
	margin-left: 2rem;
}

.blog-carousel {
	
}
.blog-carousel h3 {
	font-size: 1rem;
	margin: .5rem 0;
	line-height: 1.1;
}
.blog-carousel h3 + p:not(:last-child) {
	font-size: .75rem;
	line-height: 1.2;
}
.blog-carousel article p {
	
}
.blog-carousel article figure {
	overflow: hidden;
}
.blog-carousel article p:last-child {
	margin-top: .5rem;
	font-size: .8rem;
}
.blog-carousel article p b {
	font-weight: 300;
	opacity: .6;
	color: var(--deepgrey);
	
	transform: translateX(-.5rem);
}
.blog-carousel article a:hover p b {
	opacity: 1;
	color: var(--deepgrey);
	
	transform: translateX(0);
}
.blog-carousel article p b::after {
	content: '';
	display: inline-block;
	/*position: absolute;*/
	/*right: 1.5rem;
	bottom: 1.25rem;*/
	width: .55rem;
	height: .55rem;
	background-image: url("../img/arr-rd.svg");
	background-size: contain;
	
	margin-left: .5rem;
}
.blog-carousel article a {
	display: block;
}
.blog-carousel article a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.blog-carousel {
	
}
.blog-carousel {
	
}




/*img/arr-r.svg*/

.main-hdr25 {
    /*max-width: 960px;*/
    font-size: var(--h1);
    font-weight: 300;
    margin-top: 0;
    width: 70vw;
    min-width: 320px;
	line-height: 1.25;
}
.project-top-pic .descr {
	width: 70vw;
    min-width: 320px;
	font-size: 1.25vw;
}
.main-hdr25 sup {
    font-size:.5em;
    color: var(--grey);
}
.project-top .main-hdr25 {
    padding: 1rem 0 2rem;
    line-height: 1.15;
}

.project-top .subttl {
    text-transform: uppercase;
    color: var(--grey);
    font-size: .94rem;
    font-weight: 400;
    padding-top: 3rem;
}
.linkbar25 {
    padding: 1rem 0;
}
.linkbar25 a {
    margin: 0 0 .5rem 3rem;
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--grey);
    fill: var(--grey);
}
.linkbar25 a:hover {
    color: var(--deepgrey);
    fill: var(--deepgrey);
}
.linkbar25 a svg {
  display: inline-block;
  height: .75em;
  margin-left: .66em;
}


.rasp {
    padding-top:.01px !important;
}
.sec-hdr-2-padd {
    margin: var(--sec-hdr2-mt) 0 var(--sec-hdr2-mb) 0;
}
.about-project-25 header {
    margin: 0 0 var(--sec-hdr2-mb) 0;
}

.sec-hdr-2 > * {
    font-size: var(--h3);
    font-weight: 300;
	line-height: 1.15;
}

.project25-picsbox-list {
    background: var(--white);
}



.box2col-25 > div {
    width: 50%;
}

.about-project-25 {
    padding: var(--sec-padd) 0;
    padding-top: var(--sec-hdr2-mt);
}




.logo25 a {
	position: relative;
	height: 50px;
}
.logo25 {
	padding-right: 8vw;
}
.logo25 a span {
	display: block;
	padding-right: 1.75rem;
}
.logo25 a img {
	height: 100%;
}

.logo25 a img:first-child {
	margin-right: 20%;
	height: 90%;
}
.is-scrolling .logo25 a img:first-child {
	height: 80%;
}

.submenu25 {
	height: 100vh;
	padding-top: var(--menu-h);
	background: var(--white);
	opacity: 0;
	visibility: hidden;
}
.is-submenu25-open .submenu25 {
	opacity: 1;
	visibility: visible;
}

.submenu25 .wrap {
	width: 100%;
	height: 100%;
	background: #827272;
	background: var(--bg66);
	border: solid 1px var(--lightgrey);
	clip-path: inset(0 var(--cont-padd) 100vh);
	clip-path: inset(0 5vw 100vh);
	clip-path: inset(0 0 100vh);
}
.is-submenu25-open .submenu25 .wrap {
	clip-path: inset(0);
}

.submenu25 .submenu-2-cols {
    width: 100%;
	height: 100%;
	display: none;
}
.submenu25 .submenu-2-cols a {
	display: block;
	font-weight: 400;
	color: var(--grey);
}
.submenu25 .submenu-2-cols .col-1 {
	width: 40%;
	padding-right: 3%;
	padding: 5vh 3% 5vh 0;
}
.submenu25 .submenu-2-cols .col-1 a {
	font-size: 1.5rem;
	text-transform: uppercase;
	padding: .5em 2.5em .5em 1em;
	border: solid 1px transparent;
	border-radius: var(--rad-xs)
}
.submenu25 .submenu-2-cols .col-1 a:hover {
	border: solid 1px var(--grey);
}
.submenu25 .submenu-2-cols .col-1 .actv a {
	color: var(--deepgrey);
	border: solid 1px var(--deepgrey);
}
.submenu25 .submenu-2-cols .col-2 {
	width: 60%;
	border-left: solid 1px var(--grey33);
	padding: 5vh 6rem 5vh 5vw;
}
.submenu25 .submenu-2-cols .col-2 a {
	display: inline-block;
	font-size: 1.25rem;
	padding: .33em 1em;
}
.subsubmenu-box {
	height: 100%;
}
.subsubmenu-box > div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
.subsubmenu-box > div.actv {
	opacity: 1;
	visibility: visible;
}
.submenu25 .submenu-2-cols li {
	position: relative;
	margin-bottom: .25rem;
}
.submenu25 .submenu-2-cols .col-2 li:hover a {
	transform: translateX(.5em);
	color: var(--depgrey);
}
.submenu25 .submenu-2-cols .col-1 li::after {
	content: '';
	position: absolute;
	width: 1em;
	height: 1em;
	top: 50%;
	margin-top: -.5em;
	right: 1em;
	background-image: url("../img/arr-r.svg");
	background-repeat: no-repeat;
	background-size: contain;
	
	opacity: 0;
	transform: translateX(-1.25em);
}
.submenu25 .submenu-2-cols .col-1 li.actv::after, .submenu25 .submenu-2-cols .col-1 li:hover::after {
	opacity: 1;
	transform: translateX(0);
}


.submenu25 .other-our-sites-links {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: solid 1px var(--grey33);
    border-bottom: solid 1px var(--grey33);
    padding-bottom: 2rem;
}
.submenu25 .other-our-sites-links > div {
    padding-left: .27em;
}
.submenu25 .other-our-sites-links a {
    position: relative;
    font-size: 1.25rem !important;
    border: none !important;
	padding: .5em 2em .5em 1em !important;
}
.submenu25 .other-our-sites-links a:hover {
    color: var(--dark-grey);
}
.submenu25 .other-our-sites-links a::after {
    
}
.submenu25 .other-our-sites-links a::after {
    content: '';
    position: absolute;
    width: .8rem;
    height: .8rem;
    top: 50%;
    margin-top: -.5rem;
    right: 1rem;
    background-image: url("../img/arr-ru.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transform: translateX(-1.25rem) scale(.5);
}
.submenu25 .other-our-sites-links a:hover::after {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.submenu25 .other-our-sites-links .subhdr {
    text-transform: uppercase;
    font-size: .86rem;
    font-weight: 300;
    color: var(--grey);
    padding-bottom: 1rem;
    letter-spacing: 1px;
}


.hmbg25 {
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    margin-left: auto;
}
.hmbg25 span {
    position: absolute;
    left:0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top:-1px;
    background: var(--grey);
    cursor: pointer;
}

.hmbg25:hover span {
    width: 100%;
    height: 2px;
    background: var(--deepgrey);
}
.hmbg25 span + span {
    -webkit-transform: translate(0,-5px) rotate(0);
    -moz-transform: translate(0,-5px) rotate(0);
    -ms-transform: translate(0,-5px) rotate(0);
    -o-transform: translate(0,-5px) rotate(0);
    transform: translate(0,-5px) rotate(0);
}
.hmbg25 span + span + span {
    -webkit-transform: translate(0,5px) rotate(0);
    -moz-transform: translate(0,5px) rotate(0);
    -ms-transform: translate(0,5px) rotate(0);
    -o-transform: translate(0,5px) rotate(0);
    transform: translate(0,5px) rotate(0);
}
.is-mobmenu-open .hmbg25 span:first-child {
    opacity: 0;
}
.is-mobmenu-open .hmbg25 span + span {
    -webkit-transform: translate(0) rotate(45deg);
    -moz-transform: translate(0) rotate(45deg);
    -ms-transform: translate(0) rotate(45deg);
    -o-transform: translate(0) rotate(45deg);
    transform: translate(0) rotate(45deg);
}
.is-mobmenu-open .hmbg25 span + span + span {
    -webkit-transform: translate(0) rotate(-45deg);
    -moz-transform: translate(0) rotate(-45deg);
    -ms-transform: translate(0) rotate(-45deg);
    -o-transform: translate(0) rotate(-45deg);
    transform: translate(0) rotate(-45deg);
}



.bg-figura {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 75vh;
	overflow: hidden;
	
	border-bottom: solid 1px var(--figure-clr);
}
.bg-figura::before {
	content: '';
	position: absolute;
	top: 0;
	right: 20%;
	width: 1px;
	height: 100%;
	/*background-color: var(--lightgrey);*/
	border-right: solid 1px var(--figure-clr);
}
.bg-figura::after {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 1px;
	/*background-color: var(--lightgrey);*/
	border-bottom: solid 1px var(--figure-clr);
}
.bg-figura > div {
	
}

.bg-figura > div::before {
	content: '';
	position: absolute;
	top: 20%;
	right: 20%;
	width: 200%;
	height: 1px;
	/*background-color: var(--lightgrey);*/
	border-bottom: solid 1px var(--figure-clr);
	
	transform-origin: right top;
	transform: rotate(-45deg);
}

.bg-figura > div::after {
	content: '';
	position: absolute;
	bottom: -70vw;
	left: -50vw;
	width: 120vw;
	height: 120vw;
	border: solid 1px var(--figure-clr);
	border-radius: 50%;
}


.main-sldr25 {
    /*position: fixed;*/
    position: relative;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
	height: 100vh;
	padding-top: var(--menu-h);
	/*background: var(--grey);*/
}
.is-mainsldr-unlock .main-sldr25 {
    position: absolute;
    top: var(--mainsldr-scrollspace);
}
.main-sldr25 > .wrap {
	height: 100%;
	padding: 5vh 5vw;
}
.main-sldr25 .bnr-box {
	height: 100%;
}
.main-sldr25 .bnr-box .base-txt {
	padding: 5vh 5vw;
}
.main-sldr25 .bnr-box .base-txt > div, .main-sldr25 .bnr-box .videobnr .txt > div {
	padding: 5vh 5vw;
}

.main-sldr25 .slogan {
	font-size: 5vw;
	font-weight: 500;
	line-height: 1.15;
}

.main-sldr25 .slogan > div {
    /*overflow: hidden;*/
}
.main-sldr25 .slogan > div > span {
    display: block;
}
.main-sldr25 .videobnr .slogan {
	color: var(--white);
}

.main-sldr25 .subslogan {
    font-weight: 300;
}
.main-sldr25 .txt-box {
	visibility: hidden;
}
.is-mainsldr-text .main-sldr25 .txt-box {
	visibility: visible;
}


.videobnr {
	height: 100%;
	width: 100%;
	
	clip-path: inset(var(--mainsldr-picframe-h-padd) var(--mainsldr-picframe-w-padd));
}

/*.is-start-scroll .videobnr {
	clip-path: inset(0);
}*/
/*.is-mainsldr25-actv .videobnr {
    clip-path: inset(0);
}*/

.is-mainsldr25-actv .videobnr {
	-webkit-animation: mainsldr25_open 1.2s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: mainsldr25_open 1.2s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: mainsldr25_open 1.2s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: mainsldr25_open 1.2s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: mainsldr25_open 1.2s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

@keyframes mainsldr25_open {
  0% {
    opacity: 0;
	clip-path: inset(var(--mainsldr-picframe-h-padd) var(--mainsldr-picframe-w-padd));
  }
  100% {
    opacity: 1;
    clip-path: inset(0);
  }
}

/*
.videobnr::after {
    content:'';
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: var(--bg66);
}

.is-mainsldr25-actv .videobnr::after {
	-webkit-animation: mainsldr25_open_bg 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-moz-animation: mainsldr25_open_bg 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-ms-animation: mainsldr25_open_bg 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	-o-animation: mainsldr25_open_bg 1s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: mainsldr25_open_bg 1.5s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}


@keyframes mainsldr25_open_bg {
  0% {
    opacity: 1;
	clip-path: inset(var(--mainsldr-picframe-h-padd) var(--mainsldr-picframe-w-padd));
  }
  100% {
    opacity: 0;
    clip-path: inset(0);
  }
}
*/

.videobnr .wrap {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}
.videobnr .videowrap {
    width: 100%;
    height: 100%;
    
    /*-webkit-transform: translateY(var(--mainsldr-trans-y));
	transform: translateY(var(--mainsldr-trans-y));*/
}
.videobnr video {
	position: absolute;
	object-fit: cover;
	width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	/*background-image: url( "");*/
	background-size: cover;
	background-position: center;
	background-color: var(--bg66);
}

.videobnr .txt {
	width: 100%;
	height: 100%;
}
.videobnr .bg {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: var(--deepgrey);
	opacity:.3;
}

#mainSldr25_scrollSpace {
    height: var(--mainsldr-scrollspace-total-h);
}



.txt-limit {
	max-width: 640px;
}

.main-antre {
	padding: var(--padd-3) 5vh;
}
.main-antre .txt {
	width: 50%;
	margin-left: auto;
	padding-right: var(--txt-padd);
}
.main-antre .txt p:first-child {
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 1.5em;
}
.main-antre .txt p a {
	
}
.page25cont {
	
}
.page25cont p img {
	max-width: 100%;
	display: block;
	margin: 3rem 0;
}
.pb-1 {
	padding-bottom: var(--padd-1);
}
.pb-2 {
	padding-bottom: var(--padd-2);
}
.pb-3 {
	padding-bottom: var(--padd-3);
}



.sec-hdr {
  padding: 2em 0 1em;
}
.sec-hdr > * {
	font-size: 2.5rem;
	font-weight: 300;
	color: var(--deepgrey);
	text-transform: uppercase;
}



.link-go-in, .btn-go-in, .link-go-out, .btn-go-out {
	font-weight: 400;
	color: var(--grey);
}
.link-go-in:hover, .btn-go-in:hover, .link-go-out:hover, .btn-go-out:hover {
	color: var(--deepgrey);
}
.link-go-in::after, .btn-go-in::after, .link-go-out::after, .btn-go-out::after {
	content: '';
	display: inline-block;
	width: .8em;
	height: 1em;
	background-image: url("../img/arr-rd-hover.svg");
	margin-left: .4em;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	opacity: .66;
}
.link-go-in:hover::after, .btn-go-in:hover::after, .link-go-out:hover::after, .btn-go-out:hover::after {
	opacity: 1;
}
.link-go-out::after, .btn-go-out::after {
	transform: rotate(-90deg);
	bottom: -1px;
	position: relative;
	height: .8em;
}

.btn-go-in, .btn-go-out {
	font-size: .94rem;
	padding: 1em 2em;
	border: solid 1px var(--grey);
	border-radius: var(--rad-xs);
	margin-right: .25rem;
}
.btn-go-in:hover, .btn-go-out:hover {
	color: var(--white);
	border: solid 1px var(--deepgrey);
	background: var(--deepgrey);
}
.btn-go-in::after, .btn-go-out::after {
	margin-left: .75em;
}
.btn-go-in:hover::after, .btn-go-out:hover::after {
	background-image: url( "../img/arr-rd-white.svg");
}

.link-basic {
	font-weight: 400;
	color: var(--grey);
	text-decoration: underline;
}
.link-basic:hover {
	color: var(--deepgrey);
}






.projects25-gals {
	
}
.projects25-gals .row {
	padding: 1rem 5vw;
	margin: 3rem auto;
}
.projects25-gals .row:first-child article {
	margin-bottom: auto;
}

.projects25-gals .row article {
	width: 48%;
}
.projects25-gals .row article+article {
	margin-left: 4%;
}
.projects25-gals .row article *:not(.dzen_go_inside, .dzen_go_inside > div) {
    display: block;
    width: 100%;
	cursor: pointer;
}
.projects25-gals .row article p {
	padding-top: 1.25rem;
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--deepgrey);
}
.projects25-gals .row article p span {
	display: block;
	padding-top: .25rem;
	font-size: .94rem;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--grey);
}
.projects25-gals .row article a > div {
	position: relative;
	overflow: hidden;
}
.projects25-gals .row article a > div > div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
    transform: translateY(20%);
	
	clip-path: inset(50% 0 0 0);
}
.projects25-gals .row.actv article a > div > div {
    transform: translateY(0);
    
	clip-path: inset(0 0 0 0);
}

/* --- cards horizontal horizontal --- */
.best-projects .project_horizont_horizont article a > div {
	padding-top: var(--projcard-h);
}
.best-projects .project_vertical_vertical article a > div {
	padding-top: var(--projcard-v);
}

.best-projects .project_horizont_vertical article a > div {
	padding-top: var(--projcard-h);
}
.best-projects .project_horizont_vertical article+article a > div {
	padding-top: var(--projcard-v);
}
.best-projects .project_horizont_vertical article {
	width: 56%;
	margin-left: auto;
}
.best-projects .project_horizont_vertical article+article {
	width: 35%;
}

.best-projects .project_vertical_horizont article a > div {
	padding-top: var(--projcard-v);
}
.best-projects .project_vertical_horizont article+article a > div {
	padding-top: var(--projcard-h);
}
.best-projects .project_vertical_horizont article+article {
	width: 56%;
	margin-right: auto;
}
.best-projects .project_vertical_horizont article {
	width: 35%;
}

.best-projects .project_vertical_vertical article:first-child {
	width: 40%;
	margin-left: auto;
}
.best-projects .project_vertical_vertical article+article {
	width: 40%;
	margin-right: auto;
}





.best-projects {
	
}
.best-projects .cards {
	
}
.best-projects .cards .row {
	padding: 5vh 0;
}
.best-projects .cards article * {
	cursor: pointer;
}
.best-projects .cards article p {
	padding-top: 1.25rem;
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--deepgrey);
}
.best-projects .cards article p span {
	display: block;
	padding-top: .25rem;
	font-size: .94rem;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--grey);
}
.best-projects .cards article {
	width: 48.5%;
}
.best-projects .cards article+article {
	margin-left: 3%;
}
.best-projects .cards article a > div {
	position: relative;
	overflow: hidden;
}
.best-projects .cards article a > div > div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



/* row 1 *//* row 3 */
.best-projects .cards .row:first-child article:first-child, .best-projects .cards .row:first-child + .row + .row article:first-child {
	margin-left: auto;
}
.best-projects .cards .row:first-child article + article, .best-projects .cards .row:first-child + .row + .row article + article {
	width: 33%;
}
.best-projects .cards .row:first-child article a > div, .best-projects .cards .row:first-child + .row + .row article a > div {
	padding-top: var(--projcard-h);
}
.best-projects .cards .row:first-child article + article a > div, .best-projects .cards .row:first-child + .row + .row article + article a > div {
	padding-top: var(--projcard-v);
}

/* row 2 *//* row 4 */
.best-projects .cards .row:first-child article:first-child + .row, .best-projects .cards .row:first-child + .row + .row + .row article:first-child {
	
}
.best-projects .cards .row:first-child + .row article:first-child, .best-projects .cards .row:first-child + .row + .row + .row article:first-child {
	width: 33%;
}
.best-projects .cards .row:first-child + .row article + article a > div, .best-projects .cards .row:first-child + .row + .row + .row article + article a > div {
	padding-top: var(--projcard-h);
}
.best-projects .cards .row:first-child + .row article:first-child a > div, .best-projects .cards .row:first-child + .row + .row + .row article:first-child a > div {
	padding-top: var(--projcard-v);
}

.best-projects footer {
	padding-bottom: 8vh;
}





.b24form-25 {
    background: var(--bg66);
}
.b24form-25 .sec-hdr-2 {
    margin-bottom: 2rem;
}
.b24form-25 > div {
    padding-top: 5rem;
}

.b24form-25 .b24-form {
    margin: 0;
}
.b24form-25 .b24-form-header {
    display: none;
}
.b24form-25 {
    
}
.bx-livechat-box .b24-form-content > form > div:first-child .b24-form-field {
  width: 96.67%;
  float: left;
  margin-right: 3.33%;
}

body .b24form-25 .b24-form-padding-side {
    padding-left: 0;
    padding-right: 0;
}
body .b24form-25 .b24-form-wrapper {
    background: transparent;
}
.b24form-25 a {
	text-decoration: underline;
}



.dzen-text-more .wrap {
    position: relative;
    overflow: hidden;
    height: auto;
    max-height: 11rem;
    margin-bottom: 1.5rem;
}
.dzen-text-more.actv .wrap {
    max-height: inherit;
}
.dzen-text-more .wrap::after {
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 3rem;
    /*background: var(--bg33);*/
    opacity: 1;
    visibility: visible;
    
    background: -webkit-linear-gradient(180deg,rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(180deg,rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
}
.dzen-text-more.actv .wrap::after {
    opacity: 0;
    visibility: hidden;
}
.dzen-text-more .btn-more {
    /*opacity: 1;
    visibility: visible;*/
}
.dzen-text-more.actv .btn-more {
    /*opacity: 0;
    visibility: hidden;
    position: absolute;*/
    display: none;
}

.dzen-text-more .btn-more button, .stones-carousel + footer .btn-more button {
    background: transparent;
    padding: .5em 0;
    font-size: 1.05rem;
    font-weight: 400;
    color: var(--grey);
    fill: var(--grey);
}
.dzen-text-more .btn-more button:hover {
    color: var(--deepgrey);
    fill: var(--deepgrey);
}

.dzen-text-more .btn-more button svg, .stones-carousel + footer .btn-more button svg {
    display: inline-block;
    height: .75em;
    margin-left: .66em;
}








/* ======================= catalog25 ======================= */
.catalog25-list {
	margin: 0 -.75rem;
	background: var(--white);
	padding-top: 1.5rem;
	padding-bottom: 3rem;
}
.carousel25 .catalog25-list {
	margin: 0;
	background: none;
}
.catalog25-list article {
	width: 33.33%;
	padding: .75rem;
}
.carousel25 .catalog25-list article {
	width: 100%;
	padding: 0;
}
.catalog25-list article > div {
	position: relative;
}
.catalog25-list article > div > div {
	position: relative;
	padding-top: 66%;
	background: var(--bg33);
	overflow: hidden;
}
.catalog25-list article > div > div img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.catalog25-list article h2 {
	padding: .75rem;
	padding-bottom: .6rem;
}
.catalog25-list article h2 span {
	display: block;
}
.catalog25-list article h2 span:first-child {
	color: var(--grey);
	text-transform: uppercase;
	font-size: .9rem;
}
.catalog25-list article h2 span+span {
	font-size: 1.6rem;
	line-height: 1.6rem;
	color: var(--deepgrey);
}
.catalog25-list article p {
	padding: .75rem;
	padding-top: 0;
	line-height: 1;
}
.catalog25-list article p+p {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 66%;
 	padding: .75rem .75rem 0 0;
	line-height: 1.2;
}
.catalog25-list article a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.catalog25-list footer {
	width: 100%;
}
.catalog25-list footer .paginator {
	width: 100%;
}
.catalog25-list .paginator {
	padding: 1rem 0;
}
.catalog25-list .paginator a, .catalog25-list .paginator span {
	min-width: 1rem;
	padding: .75em 1.25em;
	border: solid 1px var(--grey);
	border-radius: var(--rad-xs);
	margin: .4rem;
}
.catalog25-list .paginator span {
	border: solid 1px var(--grey);
	background: var(--grey);
	color: var(--white);
}
.catalog25-list .paginator a:hover {
	border: solid 1px var(--deepgrey);
	background: var(--deepgrey);
	color: var(--white);
}

.catlist-btn {
	position: relative;
	padding: .6rem 1rem;
	line-height: 1;
}
.catlist-btn::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px var(--grey);
	border-radius: var(--rad-xs);
}
.catlist-btn svg {
	width: 1.1rem;
	margin-left: .4rem;
	vertical-align: middle;
}

.flt-sort-box {
    position: relative;
    z-index: 5;
}
.flt-sort-box > div {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.flt-sort-box > div > div {
	
}
.flt-sort-box > div > div+div {
	margin-left: .5rem;
}


.flt-sort-box .sort-btn + ul {
	padding: 1rem;
	background: var(--white);
	border: solid 1px var(--lightgrey);
	border-radius: var(--rad-sm);
	min-width: 240px;
	top: 100%;
	right: 0;
	z-index: 1;
	margin-top: .25rem;
	transform: translateY(2rem) scale(.9);
    opacity: 0;
    visibility: hidden;
}
.flt-sort-box .sort-btn.actv + ul {
	transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}
.flt-sort-box .sort-btn + ul a {
    display: block;
    padding: .25em .5em;
    border-radius: var(--rad-xs);
}
.flt-sort-box .sort-btn + ul > li.actv a, .flt-sort-box .sort-btn + ul > li a:hover {
    background: var(--deepgrey);
    color: var(--white);
}
.flt-sort-box .sort-btn + ul > li {
  margin: .25rem 0;
}

.fast-flt-box {
	border-top: solid 1px var(--lightgrey);
	border-bottom: solid 1px var(--lightgrey);
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.fast-flt-box a {
	padding: .25em .6em;
	margin-right: .2em;
	margin-bottom: .2em;
	font-size: .94em;
}
.fast-flt-box a:hover {
	background-color: var(--bg66);
}
.fast-flt-box > div > div {
	position: relative;
	padding-right: 3rem;
}
.fast-flt-box > div > div.close {
	overflow: hidden;
	height: 2rem;
}
.fast-flt-box span {
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: solid 1px var(--grey);
	cursor: pointer;
	transform: rotate(180deg);
}
.fast-flt-box > div > div.close span {
	transform: rotate(0);
}
.catcategor-textbox {
	border-top: solid 1px var(--lightgrey);
	background: var(--bg33);
}
.catcategor-textbox .box {
	
}
.catcategor-textbox > div {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.catcategor-textbox .box > div {
	width: 50%;
}
.catcategor-textbox .box .hdr {
	margin-bottom: var(--sec-hdr2-mb);
}
.catcategor-textbox .box .hdr h2 {
	font-size: var(--h3);
	font-weight: 300;
}
.catcategor-textbox .box .txt p {
	margin: 1rem 0;
}
.catcategor-textbox .box .txt ul {
	margin: 1rem 0;
}
.catcategor-textbox .box .txt ul li {
	position: relative;
	margin: .6rem 0;
	padding-left: 1.25rem;
	line-height: 1.4em;
}
.catcategor-textbox .box .txt ul li p {
	margin: 0;
}
.catcategor-textbox .box .txt ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .8rem;
	width: .4rem;
	height: .4rem;
	background: var(--grey);
}


.paginator a .fa-angle-left::before {
    content: '<<';
}


.catitem-baseinfo {
    
}
.catitem-baseinfo > div {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.catitem-baseinfo > div > div {
    width: 50%;
}
.catitem-baseinfo .prc {
    padding-right: 2rem;
}
.catitem-baseinfo .prc h2 {
    font-size: 1rem;
    font-weight: 400;
    color: var(--grey);
}
.catitem-baseinfo .prc p {
    font-size: 1.5rem;
    font-weight: 400;
}

.catitem-top {
    padding: var(--sec-padd) 0;
    border-top: solid 1px var(--lightgrey);
}

.catitem-baseinfo .param {
    
}
.catitem-baseinfo .param .str {
  margin-bottom: .25rem;
}
.catitem-baseinfo .param .str div {
    position: relative;
    width: 40%;
}
.catitem-baseinfo .param .str div+div {
    width: 60%;
    padding-left: 1rem;
}
.catitem-baseinfo .param b {
    background: var(--bg33);
    padding: .25rem;
    position: relative;
}
.catitem-baseinfo .param .str div:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: solid 1px var(--lightgrey);
}
.catitem-baseinfo .param a {
    margin-right: 1em;
}
.catitem-baseinfo .toppic {
	
}
.catitem-baseinfo .toppic figure {
	padding-right: var(--unicont-padd);
}
.catitem-baseinfo .toppic figure img {
	display: block;
	width: 100%;
}
.catitem-baseinfo table {
	padding-bottom: 1.6vw;
}
.catitem-baseinfo table tr {
	text-align: left;
	vertical-align: top;
}
.catitem-baseinfo table th {
	position: relative;
	padding-top: .4rem;
	padding-top: .5vw;
}
.catitem-baseinfo table th span {
	padding: .25rem .5rem .25rem 0;
	background: var(--bg33);
	color: var(--deepgrey);
	font-weight: 400;
	position: relative;
	display: inline-block;
	margin-right: 1rem;
}
.catitem-baseinfo table th::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: .4rem;
	width: 100%;
	border-bottom: var(--line-grey);
}
.catitem-baseinfo table tr:last-child {
	vertical-align: bottom;
}
/*.catitem-baseinfo table tr:first-child th, .catitem-baseinfo table tr:first-child td {
	padding-top: 0;
}*/
.catitem-baseinfo table td {
	padding-top: .4rem;
	padding-top: .5vw;
}
.catitem-baseinfo table a, .catitem-baseinfo table span{
	display: block;
	padding: .25rem 0 .25rem 1rem;
}


.prodgal-carousel {
	padding: 1.5rem 0;
	border-top: var(--line-grey);
	margin-top: -1.5rem;
}
.prodgal-carousel .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.prodgal-carousel .owl-nav {
	position: absolute;
	left: var(--cont-padd);
	right: var(--cont-padd);
	top: 50%;
}
.prodgal-carousel .owl-prev {
	position: absolute;
	width: 2rem;
	height: 2rem;
	left: 0;
	top: 0;
	margin-left: -1rem;
	margin-top: -1rem;
}
.prodgal-carousel .owl-next {
	position: absolute;
	width: 2rem;
	height: 2rem;
	right: 0;
	top: 0;
	margin-right: -1rem;
	margin-top: -1rem;
}
.prodgal-carousel .owl-prev::before, .prodgal-carousel .owl-next::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: var(--line-grey);
	background: var(--bg33);
	border-radius: 50%;
	opacity: .9;
}
.prodgal-carousel .owl-prev::after, .prodgal-carousel .owl-next::after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	background: url("../img/arr-l.svg")
}
.prodgal-carousel .owl-next::after {
	background: url("../img/arr-r.svg")
}
.madeprod-cont .madeprod-sec {
  padding: var(--sec-padd) 0;
}
.prodgal-carousel a {
	display: block;
	overflow: hidden;
}




.catitem-descr {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: solid 1px var(--figure-clr);
    border-top: var(--line-grey);
}
.catitem-descr .tabs-wrap {
    padding: 2rem 0 0 0;
    width: 66%;
    display: none;
}
.catitem-descr .tabs-wrap.actv {
    display: block;
}
.catitem-descr .tabs-wrap p {
    margin: 1rem 0;
}
.tabs .btn-go-in::after {
    margin-left: .75em;
    transform: rotate(90deg);
}
.tabs .btn-go-in.actv {
    color: var(--white);
    background: var(--deepgrey);
    border-color: var(--deepgrey);
    background-image: ;
}

.tabs .btn-go-in.actv::after {
	background-image: url( "../img/arr-rd-white.svg");
}

.project25-stones.catitem-gal {
  padding-top: 1rem;
	padding-bottom: 0;
}
.project25-stones.catitem-gal .cards > div a {
  padding-top: 60%;
  overflow: hidden;
}
.project25-stones.catitem-gal > section {
  padding-bottom: 0;
}

.catitem-pricetable {
    padding-top: var(--sec-padd);
    padding-bottom: var(--sec-padd);
}
.catitem-pricetable .sec-hdr-2-padd {
	padding-top: 0;
	margin-bottom: var(--sec-hdr2-mb);
	margin-top: 0;
}
.catitem-pricetable table {
    width: 100%;
    border: solid 1px var(--lightgrey);
}
.catitem-pricetable tr+tr td {
    border-top: solid 1px var(--lightgrey);
}
.catitem-pricetable td {
    padding: 2rem;
}
.catitem-pricetable td.price b {
    display: block;
    font-size: .86rem;
    color: var(--grey);
}
.catitem-pricetable td.price span {
    font-size: 1.1rem;
    font-weight: 400;
}
.catitem-pricetable td.tovarname {
    font-size: 1.15rem;
}
.catitem-pricetable td.item_buy a {
    text-transform: uppercase;
}

.tab-param {
	
}
.tab-param dl {
	padding: .75rem 0;
}
.tab-param dt {
	position: relative;
	width: 64%;
	padding-top: 1rem;
	margin-right: 2%;
	line-height: 1;
}
.tab-param dt b {
	position: relative;
	background: var(--white);
	color: var(--grey);
	line-height: 1.2;
	z-index: 2;
	padding-right: .75rem;
}
.tab-param dt::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	z-index: 1;
	border-bottom: solid 1px var(--lightgrey);
}
.tab-param dd {
	width: 34%;
	padding-top: 1rem;
}
.catitem-descr .tabs-wrap h2 {
	font-size: var(--h4);
	font-weight: 300;
}

.tab-linklist {
	padding: 1rem 0;
}
.tab-linklist li {
	width: 33.33%;
	padding-right: 1rem;
	overflow: hidden;
}
.tab-linklist li a {
	
}
.tab-linklist li > * {
	position: relative;
	display: inline-block;
	padding: .75rem 0;
	padding-left: 1rem;
	transform: translateX(-1rem);
}
.tab-linklist li > *::before {
	content: '';
	position: absolute;
	background-image: url("../img/arr-rd.svg");
	background-size: contain;
	width: .7rem;
	height: .7rem;
	top: 1.1rem;
	left: 0;
	opacity: 0;
}
.tab-linklist li > a:hover::before {
	opacity: 1;
}
.tab-linklist li > a:hover {
	transform: translateX(0);
}

.faq-acrdn {
	padding: var(--padd-5) 8.33vw var(--padd-6);
}
.faq-acrdn h2 {
	font-size: var(--h4);
	font-weight: 300;
}
.faq-acrdn h2 + article {
	margin-top: 2rem;
}
.faq-acrdn article {
	width: 66.66%;
	border-top: solid 1px var(--grey33);
	border-bottom: solid 1px var(--grey33);
}
.faq-acrdn article+article {
	border-top: none;
}
.faq-acrdn details {
	position: relative;
	overflow: hidden;
}
.faq-acrdn details[open] {
	padding-bottom: 4rem;
}
.faq-acrdn details::after {
	content: '';
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 1rem;
	height: 1rem;
	border-right: 2px solid var(--grey);
	border-bottom: 2px solid var(--grey);
	transform: rotate(45deg);
	transform-origin: 73% 71%;
}
.faq-acrdn details[open]::after {
	transform: rotate(-135deg);
}
.faq-acrdn summary {
	padding: 1rem;
	font-size: 1.1rem;
	cursor: pointer;
	list-style: none;
	font-weight: 400;
	color: var(--grey);
}
.faq-acrdn details[open] summary {
	margin-bottom: 2rem;
}
.faq-acrdn summary::-webkit-details-marker {
	display: none;
}
.faq-acrdn summary + div {
	padding: .5rem 1rem 1.5rem;
	margin-top: -2rem;
	margin-bottom: -3rem;
}
.faq-acrdn summary + div p {
	margin-top: 0;
}
.faq-acrdn summary + div p+p {
	margin-top: .75rem;
}


/* ======================= / catalog25 ======================= */


.cont25-2col {
	padding-left: var(--base-padd);
	padding-right: var(--base-padd);
}
.cont25-2col > div {
	position: relative;
	width: 50%;
}
.cont25-2col > div:first-child {
	padding-right: 8.33%;
}
.cont25-2col > div > img {
	width: 100%;
	display: block;
}
.cont25-2col {
	margin: 6rem 0;
}
.cont25-2col.reverse > div:first-child {
	padding-right: 0;
	padding-left: 8.33%;
}
.cont25-2col > div h2 {
	font-size: var(--cont-subhdr);
	font-weight: 300;
	color: var(--grey);
	text-transform: uppercase;
	margin-bottom: 2em;
	padding-top: 1.5em;
	border-top: solid 1px var(--grey33);
}
.cont25-2col > div p {
	line-height: 1.66;
  	margin-bottom: 1em;
}

.cont25-2col > div + div > h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5vw;
	height: 2px;
	background: var(--grey33);
}


.bg-video25 {
	padding-left: var(--base-padd);
	padding-right: var(--base-padd);
	margin: 5rem 0;
}
.bg-video25 > div {
	/*padding-top: 56.25%;*/
	position: relative;
}
.bg-video25 video {
  position: absolute;
  object-fit: cover;
  width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-image: url(/files/tmpfiles/video/videobanner-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgb(250, 248, 245);
}

.pic25-full {
	padding-left: var(--base-padd);
	padding-right: var(--base-padd);
}



.list25-full-num, .list25-links {
	/*padding: var(--padd-6) 0;*/
	padding: var(--sec-padd) var(--base-padd);
}
.prodsmanuf-cont + div > .list25-full-num/*, .list25-links*/ {
	padding: var(--base-padd);
	padding-top: var(--padd-6);
	padding-bottom: var(--padd-6);
}
.madeprod-sec .list25-full-num, .madeprod-sec .list25-links {
	padding: 0;
}
.list25-full-num h2, .list25-links > h2 {
	font-size: var(--h3);
	font-weight: 300;
	margin-bottom: var(--padd-4);
}
.list25-full-num > div, .list25-links > a {
	padding: var(--padd-2) 0;
	border-top: var(--line-grey);
	border-bottom: var(--line-grey);
}
.list25-full-num > div {
	padding: var(--padd-2) var(--cont-padd);
}
.list25-full-num > div + div, .list25-links > a + a {
	border-top: none;
}
.list25-full-num > div h3 {
	position: relative;
	width: 50%;
	padding-left: var(--base-padd);
	font-size: var(--h5);
	font-weight: 400;
}
.list25-full-num > div h3 span {
	position: absolute;
	left: 0;
	top: 0;
	color: var(--grey33);
}
.list25-full-num > div p {
	width: 50%;
	padding-right: var(--base-padd);
	line-height: 1.6;
}




.list25-links {
	
}
.list25-links > a {
	position: relative;
	display: block;
	padding-left: var(--base-padd);
	padding-right: var(--base-padd);
	font-size: var(--h5);
}
.list25-links > a + a {

}
.list25-links > a > b {
	position: relative;
	z-index: 3;
	font-weight: 400;
}
.list25-links > a::after {
	content: '';
	position: absolute;
	top: var(--padd-2);
	right: var(--base-padd);
	width: .8em;
	height: 1em;
	background-image: url("../img/arr-rd-hover.svg");
	margin-left: .4em;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	opacity: .33;
}
.list25-links > a:hover {
	color: var(--deepgrey);
}
.list25-links > a:hover::after {
	transform: translateX(100%);
	opacity: 1;
}

.list25-links > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bg66);
	
	clip-path: inset(var(--padd-2) 86% var(--padd-2) 14%);
	opacity: .25;
}
.list25-links > a:hover::before {
	clip-path: inset(0);
	opacity: .75;
}



.job-base-data {
	
}
.job-base-data > div {
	padding: var(--padd-2) 0;
}
.job-base-data dl {
	width: 33.33%;
	padding-left: var(--base-padd);
}
.job-base-data dt {
	font-weight: 300;
	color: var(--grey);
}
.job-base-data dd {
	font-size: var(--h4);
	font-weight: 400;
}
.job-base-data {
	
}


.job25-cont {
	padding: var(--padd-3) 0;
}
.job25-cont > section {
	padding: var(--padd-2) 0;
}
.job25-cont h2 {
	width: 33.33%;
	padding-left: var(--base-padd);
	font-weight: 300;
	color: var(--grey);
	text-transform: uppercase;
}
.job25-cont > section div {
	width: 66.64%;
	padding-left:  var(--base-padd);
	padding-right: var(--base-padd);
}
.job25-cont div > ul {
	
}
.job25-cont div > ul li {
	position: relative;
	margin: .5em 0;
	padding-left:  var(--base-padd);
}
.job25-cont div > ul li::before {
	content: '';
	position: absolute;
	top: .75em;
	left: 0;
	width: 2rem;
	height: 1px;
	background: var(--grey33);
}
.job25-cont div > ul > li {
	
}
.job25-cont div > ul > ul {
	padding-left:  var(--base-padd);
}
.job25-cont div > ul > ul > li {
	
}

.cont25-base2col {
	padding: var(--padd-3) var(--base-padd);
	padding-left:  var(--base-padd);
}
.cont25-base2col.contactbox25 {
	padding-top: var(--padd-6);
	padding-bottom: var(--padd-6);
}
.cont25-base2col > * {
	width: 50%;
	padding-right:  var(--base-padd);
	line-height: 1.6;
}
.cont25-base2col > * h2 {
	font-size: var(--h4);
	font-weight: 400;
	color: var(--grey);
	text-transform: uppercase;
	margin-bottom: var(--padd-3);
}
.cont25-base2col > * p.adr {
	max-width: 420px;
}
.cont25-base2col > * p.adr a {
	display: inline-block;
	margin-top: .5rem;
	font-weight: 300;
}
.cont25-base2col dl {
	margin-top: var(--padd-2);
}
.cont25-base2col dt {
	font-size: 1.15em;
	font-weight: 400;
}
.cont25-base2col dd {
	margin: .75rem 0;
}
.cont25-base2col dd b {
	display: block;
	color: var(--grey);
	font-weight: 300;
}
.cont25-base2col > * .btn-go-out {
	margin-top: var(--padd-1);
	display: inline-block;
}


.email25list {
	padding: var(--padd-6) 0;
}
.email25list dl {
	padding: var(--padd-2) var(--base-padd);
	position: relative;
	font-size: 1.1em;
}
.email25list dt, .email25list dd {
	width: 50%;
	padding-right: var(--base-padd);
	padding-top: var(--padd-2);
	padding-bottom: var(--padd-2);
}
.email25list dt {
	text-transform: uppercase;
	font-weight: 300;
	color: gray;
}
.email25list dd a {
	
}



.js_copy_href {
	position: relative;
}
.js_copy_href:hover::after {
	content: '';
	display: inline-block;
	font-size: inherit;
	width: 1em;
	height: 1em;
	margin-left: .5em;
	background-image: url("../img/icon-copy.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .8;
}
.js_copy_href i {
    position: absolute;
    bottom: 100%;
    padding: .5em 1em;
    background-color: var(--grey);
	color:  var(--white);
    border-radius: .25em;
    box-shadow: 0 0 2em var(--black);
    font-size: .8em;
    left: 1em;
    line-height: 1;
	white-space: nowrap;
	
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.js_copy_href i.is-removing {
	opacity: 0;
	visibility: hidden;
}

/*.conts-area .js_copy_href::after {
	width: 1rem;
	height: 1rem;
}

.footer .js_copy_href:hover::after {
	background-image: url("../img/icon-copy-white.svg");	
}*/










/* ============ UNI CONT SECTION =========== */
.prodsmanuf-cont {
	background: var(--white);
	padding-bottom: .001px;
}
.prodsmanuf-cont > header {
	background: var(--bg33);
}
.prodsmanuf-cont > header + .uni-contsec {
	/*margin-top: var(--padd-4);*/
}

.uni-contsec {
	margin: var(--sec-padd) var(--base-padd);
}
/*.uni-contsec + section, */
.madeprod-sec {
	padding: var(--sec-padd) var(--base-padd);
	margin: 0;
	/*border-top: solid 1px var(--bg66);
	border-bottom: solid 1px var(--bg66);*/
	/*border-top: var(--line-grey);
	border-bottom: var(--line-grey);*/
}
.madeprod-sec + .madeprod-sec {
	border-top: none;
}
.uni-contsec header, .madeprod-sec header {
	width: 100%;
	margin-bottom: var(--sec-hdr2-mb);
}
.uni-contsec > header, .uni-contsec .wrap > header {
	margin-bottom: var(--padd-3);
}
.uni-contsec p {
	line-height: 1.6;
}
.uni-contsec > div > div {
	width: 50%;
	padding-right: var(--unicont-padd);
}
.uni-contsec > div > div .descr {
	margin-bottom: var(--padd-2);
	font-size: 1.15em;
 	color: var(--grey);
}
.uni-contsec > div > div .pic {
	margin: var(--padd-3) 0;
}
.uni-contsec > div > div .pic:last-child {
	margin-bottom: 0;
}
.uni-contsec > div > div .txt {
	margin: var(--padd-2) 0;
}
.uni-contsec > div > div *:first-child {
	margin-top: 0;
}
.uni-contsec > div > div *:last-child {
	margin-bottom: 0;
}
.uni-contsec > div > div + div {
	padding-right: 0;
}

.uni-contsec > div + div {
	margin-top: var(--padd-6);
}
.uni-contsec > div > div + div .pic {
	padding-left: var(--unicont-padd);
}
.uni-contsec > div > div + div header, .uni-contsec > div > div + div .descr, .uni-contsec > div > div + div .txt {
	padding-right: var(--unicont-padd);
}
.uni-contsec figure img {
	display: block;
	width: 100%;
}
.uni-contsec figure {
	width: 100%;
	position: relative;
}
.uni-contsec figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	color: #fff;
	text-shadow: 0 0 10px black;
	font-size: .9rem;

	background: linear-gradient(0deg, rgba(0, 0, 0, 0.33) 20%, rgba(0, 0, 0, 0) 80%);
}

.uni-contsec > * + figure {
	margin: var(--padd-6) 0 0 0;
}
.uni-contsec > figure:last-child {
	margin-bottom: 0;
}

.uni-contsec > figure + div {
	margin-top: var(--padd-6);
}
.uni-contsec {
	
}
.uni-contsec .txt ul {
	margin-bottom: 0;
	padding-right: 0;
}
.uni-contsec .txt * + ul {
	margin-top: var(--padd-2);
}
.uni-contsec .txt ul li {
	position: relative;
	margin: 0 0 1em 0;
	padding-left: var(--unicont-padd);
	line-height: 1.2em;
}
.uni-contsec .txt ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .55em;
	margin-top: 0;
	display: block;
	width: var(--unicont-bullit);
	height: 1px;
	border-bottom: var(--line-grey2);
	background-image: none;
	background-color: none;
}
.uni-contsec .txt > *:first-child, .uni-contsec > div > *:first-child {
	margin-top: 0;
}
.uni-contsec .txt > * + * {
	margin-top: var(--padd-2);
	margin-bottom: 0;
}

.uni-contsec > div > div > * + nav {
	margin-top: var(--padd-4);
}
.uni-contsec > div > div > nav {
	margin-bottom: var(--padd-2);
}
.uni-contsec > div > div > nav li:first-child {
	border-top: var(--line-grey);
}
.uni-contsec > div > div > nav li {
	border-bottom: var(--line-grey);
}
.uni-contsec > div > div > nav a {
	position: relative;
	display: block;
	padding: 1.25rem 3rem 1.25rem var(--unicont-padd);
	font-weight: 300;
}
.uni-contsec > div > div > nav a:hover {
	
}
.uni-contsec > div > div > nav a::after {
	content: "";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	margin-top: -.5rem;
	width: 0.8em;
	height: 1em;
	background-image: url("../img/arr-rd-hover.svg");
	margin-left: 0.4em;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	opacity: 0.33;
}
.uni-contsec > div > div > nav a:hover::after {
	transform: translateX(100%);
	opacity: 0.66;
}

/* ============ / UNI CONT SECTION =========== */










/* --------- FOOTER ----------- */
#footer25 { > div h3 span
	padding: 1.5rem 0;
}
#footer25 .ftr-nav, #footer25 .ftr-adr, #footer25 .cprt, #footer25 .socnet {
	padding: 1.5rem 0;
}
#footer25 .ftr-nav ul:first-child {
	padding-right: 5vw;
}

#footer25 .ftr-adr, #footer25 .socnet {
	margin-left: auto;
	text-align: right;
}
#footer25 .cprt li {
	margin-right: 2rem;
}
#footer25 .socnet li {
	margin-left: 2rem;
}

#footer25 ul li > * {
	display: block;
	padding-top: .33rem;
	padding-bottom: .33rem;
}

#footer25 .prt-2 {
  padding-bottom: 1rem;
}
#footer25 .prt-3 {
  border-top: solid 1px #3333;
  opacity: 0.7;
  padding-top: 1.5rem;
  padding-bottom: .5rem;
}
#footer25 .prt-3 .inf {
    width: 60%;
}
#footer25 .prc-notice .wrap p {
  margin: .75em 0;
  font-size: 11px;
}
/* --------- / FOOTER ----------- */





.mainmenu-mob {
    width: 33.33%;
    padding: 0 0 0 3.1rem;
}
.mainmenu-mob a {
    width: 100%;
    font-size: 2rem;
    margin: .75rem 0;
    line-height: 1.1;
}
.mainmenu-mob svg {
    display: none;
}
.mainmenu-mob .prt1 {
    padding-top: 2rem;
}
.mainmenu-mob .prt2 {
    padding-bottom: 2rem;
}


.submenu-back {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    /*margin-left: -.5rem;*/
    margin-bottom: 1rem;
    border-radius: 50%;
    border: solid 1px var(--grey);
}
.submenu-back::after{
    content: '';
    position: absolute;
    width: 1em;
    height: 1em;
    top: 50%;
    margin-top: -.5em;
    left: .6em;
    background-image: url("../img/arr-l.svg");
    background-size: contain;
}






.is-submenu25-open .b24-widget-button-wrapper {
    z-index: 0;
}



.poisk25-box {
  margin-bottom: 1rem;
}

.poisk25-box form {
    position: relative;
    border: solid 1px var(--lightgrey);
    border-radius: var(--rad-xs);
    background: var(--bg33);
}
.poisk25-box form input {
    font-family: "Inter", sans-serif;
    padding: 1.2rem;
    background: transparent;
    font-size: 1rem;
    font-weight: 300;
    color: var(--grey);
}
.poisk25-box form button {
  width: 3rem;
  height: 100%;
  position: absolute;
  right: 0;
  border-top-right-radius: var(--rad-xs);
  border-bottom-right-radius: var(--rad-xs);
  top: 0;
  background: transparent;
}
.poisk25-box form button svg {
  width: 1.25rem;
  height: 1.25rem;
}

.poisk25-box input:focus + button {
  background: var(--bg33);
}



.cgf-block-checkbtn label {
    border: solid 1px var(--grey33);
    border-radius: var(--rad-xs);
    line-height: 1;
    padding: 5px 7px;
}
.cgf-block-checkbtn label i {
    position: relative;
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: 50%;
    margin-right: .25em;
    top: 1px;
}
.cgf-block-checkbtn label i::before, .cgf-block-checkbtn label i::after {
    content: '';
    position: absolute;
    left:-2px;
    top:-2px;
    right:-2px;
    bottom:-2px;
    border-radius: 50%;
    border: solid 2px #fff;
}
.cgf-block-checkbtn label i::after {
    border: solid 1px #ddd;
}
.cgf-block-checkbtn input:checked + label {
    background-color: var(--grey33);
    color: var(--deepgrey);
    border: solid 1px var(--grey33);
}
.cgf-block-title span::before, .cgf-block-title span::after {
  content: '';
  position: absolute;
  display: block;
  width: 16px;
  height: 1px;
  right: 0;
  top: 50%;
  margin-top: -.5px;
  background-color: var(--grey);
}
.cgf-block-title span::after {
  width: 1px;
  height: 16px;
  margin-top: -8px;
  margin-right: 7.5px;
}
.cgf-block.actv .cgf-block-title span::after {
  width: 1px;
  height: 0;
}
.cgf-block-go-btn button {
  background-color: var(--deepgrey);
  color: var(--white);
  border-radius: var(--rad-xs);
}
.cgf-block-inputprice input {
  border: solid 1px var(--grey33);
  border-radius: var(--rad-xs);
}
.catalog-group-filter-box form {
  border-top: solid 1px rgb(221, 220, 217);
}


/* ################################################################################ */
/* ############################# M E D I A  S C R E E N ########################### */
/* ################################################################################ */




@media screen and (max-height: 680px) and (min-width: 766px) {

}




@media screen and (min-width: 1721px) {
	:root {
		--cont-padd: 8vw;
	}
	/*.w-cont { padding-left: 8vw; padding-right: 8vw; }*/
	
	.logo25 a span { position: absolute; top: 0; height: 100%; right: 100%;}
}



@media screen and (max-width: 1720px) {
	
    .dzen_pict_zoom {
        cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='48' height='48' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' points='73,45.5 50.5,45.5 50.5,23 45.5,23 45.5,45.5 23,45.5 23,50.5 45.5,50.5 45.5,73 50.5,73 50.5,50.5 73,50.5 '/%3E%3C/svg%3E") 24 24, pointer;
    }
    .dzen_go_inside {
        cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='48' height='48' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' class='st0' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' class='st1' points='30.4,27.3 27.1,30.5 59.6,62.7 35.3,62.7 35.3,63.3 35.3,66.6 66.5,66.6 66.5,35.5 63.2,35.5 62.5,35.5 62.5,59.7 '/%3E%3C/svg%3E") 24 24, pointer;
    }
	
}




@media screen and (max-width: 1540px) {
	
	.btn-circbox { font-size: 1em; width: 12em; height: 12em; right: 8em; }
	.w-container { width: 100%; max-width: 100%; }
	.w-padd { padding-left: 5vw; padding-right: 5vw; }
	.half-container { width: 100%; max-width: 100%; }
	
	
}
@media screen and (max-width: 1400px) {
	
	
}


@media screen and (max-width: 1279px) {
	.btn-circbox { font-size: .94em; width: 10em; height: 10em; right: 8em; }
	.btn-circbox a > i br { display: block; }
    .menu25 > div + div a { font-size: .86rem; }
    .logo25 a { height: 44px; }
    .logo25 { padding-right: 7vw; }
	
    .dzen_pict_zoom {
        cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40' height='40' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' points='73,45.5 50.5,45.5 50.5,23 45.5,23 45.5,45.5 23,45.5 23,50.5 45.5,50.5 45.5,73 50.5,73 50.5,50.5 73,50.5 '/%3E%3C/svg%3E") 20 20, pointer;
    }
    .dzen_go_inside {
        cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40' height='40' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Ccircle fill='%23333834' class='st0' cx='48' cy='48' r='48'/%3E%3Cpolygon fill='%23FFFFFF' class='st1' points='30.4,27.3 27.1,30.5 59.6,62.7 35.3,62.7 35.3,63.3 35.3,66.6 66.5,66.6 66.5,35.5 63.2,35.5 62.5,35.5 62.5,59.7 '/%3E%3C/svg%3E") 20 20, pointer;
    }
    .submenu25 .submenu-2-cols .col-1 a { font-size: 1.33rem; }
    .submenu25 .other-our-sites-links a { font-size: 1.1rem !important; }
    .submenu25 .other-our-sites-links .subhdr { font-size: .8rem; }
    .poisk25-box form input { padding: 1.05rem 1.2rem; }
	
}


@media screen and (max-width: 1140px) {
	body { font-size: 15px; }
	
}



@media screen and (max-width: 1040px) {
    .menu25 > div + div a { font-size: .8rem; }
    .logo25 a { height: 40px; }
	
	
}



@media screen and (max-width: 991px) {
	body { font-size: 14px; }
	.btn-circbox { font-size: .9em; width: 8em; height: 8em; right: 5em; }
	.js_copy_href:hover::after { display: none; }
	.parts.flex.display-desk { display: none !important; }
	
	
    .submenu25 .wrap-box { width: 300%; }
    .submenu25 .submenu-2-cols { width: 66.67%; }
    .submenu25 .submenu-2-cols .col-1, .submenu25 .submenu-2-cols .col-2 { width: 50%; }
    
    .is-mobmenu-sub-1 .submenu25 .wrap-box {
        -webkit-transform: translate(-33.33%,0);
        -moz-transform: translate(-33.33%,0);
        -ms-transform: translate(-33.33%,0);
        -o-transform: translate(-33.33%,0);
        transform: translate(-33.33%,0);
    }
    
    .is-mobmenu-sub-2 .submenu25 .wrap-box {
        height: 100%;
        -webkit-transform: translate(-66.66%,0);
        -moz-transform: translate(-66.66%,0);
        -ms-transform: translate(-66.66%,0);
        -o-transform: translate(-66.66%,0);
        transform: translate(-66.66%,0);
    }
    .submenu25 .submenu-2-cols .col-2, .submenu25 .submenu-2-cols .col-1 { border-left: none; padding: 2.5rem 3.1rem 5rem 3.1rem; }
    .submenu25 .submenu-2-cols .col-2 a { padding: .33em 0; }
    
    .submenu25 .submenu-2-cols .col-1 a { font-size: 1.5rem; font-weight: 300; text-transform: inherit; padding: .5em 2.5em .5em 0; border: none !important; }
    .submenu25 .other-our-sites-links a { padding: .5em 2em .5em 0 !important; margin-right: .5rem; }
    
    .submenu25 .submenu-2-cols .col-1 li::after {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
    
}

@media screen and (orientation: portrait) {
}




@media screen and (max-width: 767px) {
	
	.best-projects article, .best-projects article + article { width: 100% !important; margin-left: 0 !important; }
	.best-projects article:first-child { margin-bottom: 4rem  !important; }
	.main-antre .txt { width: 100%; }
	.main-sldr25 .slogan { font-size: 3rem; }
	
}



@media screen and (max-width: 639px) {
	.btn-circbox { font-size: .8em; right: 5vw; }
	.main-sldr25 > .wrap { padding: 0; }
	.main-sldr25 .slogan { font-size: 7.5vw; }
	
}


@media screen and (max-width: 540px) {
	
	
}


@media screen and (max-width: 480px) {
	body { font-size: 13px; }
	
	
}

@media screen and (max-width: 440px) {
	
	.main-sldr25 .slogan { font-size: 2rem; }
	
}

@media screen and (max-width: 380px) {
	
	
}








