@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,400..600&display=swap');
:root { /*** COLOR ***/	
--clr-m:#0057A6;							/*clr - color; m - main*/ --main-color:#0057A6;
--clr-s:#E40014;							/*s - second*/ 
--clr-t:#3DA3FF;							/*s - second*/ 
--clr-f:#F4FAFF;							/*t - third*/ 
--clr-w:#ffffff;							/*w - third*/
--clr-g:#E1F1FF;							/*g - grey*/
--clr-d:#8A97A5;							/*d - dark grey*/
--clr-b:#00294E;							/*b - black*/
--clr-i:#ffffff;							/*i - color in main color*/
--clr-o:0.4;								/*o - opacity*/
--clr-m-o:rgba(0,87,166, var(--clr-o));		/*m - main opacity*/
--clr-s-o:rgba(228,0,20, var(--clr-o));		/*s - second*/
--clr-t-o:rgba(255,145,0, var(--clr-o));	/*t - third*/
--clr-w-o:rgba(255,255,0, var(--clr-o));	/*w - third*/ 
--clr-g-o:rgba(255,241,255, var(--clr-o));	/*g - grey*/ 
--clr-d-o:rgba(113,112,109, var(--clr-o));	/*d - dark grey*/
--clr-b-o:rgba(0,41,78, var(--clr-o));		/*t - black*/ 
--clr-bg-gr:rgba(255, 200, 4, 0) 0%, rgba(255, 200, 4, var(--clr-o)) 100%; /* bg gradient */
--bg-gradient-s:rgba(255, 200, 4, 0) 0%; --bg-gradient-e:rgba(255, 200, 4, var(--clr-o)) 100%; /*** COLOR change ***/
/*** COLOR END ***/	

--wrap:90;
--margin-top:1em;

/* 427 - 3.2 Article.header + Structure */
--side-left-w:250px; /* for aside */
--side-right-w:250px;

/*** GAP ***/	
--min-div-w:120px;
--col-gap-px:40; /* 1 = 1px*/
--col-gap-vw:0; /* 1 = 1vw*/
--col-gap:calc(1vw*var(--col-gap-vw) + 1px*var(--col-gap-px));


--border-radius-full:250px;
--border-radius-block:20px;
--sq-rad:0px; /*block-border-radius*/
--sq-33:0 0 33%;
--sq-10:0 0 10%;
--sq-bor:0px; /*block-border*/
--sq-pad:0%; /*block-pading*/


/*radio-btn*/	
--lbl-radio:16px;
--lbl-radio-in:1.5;
--radius-lbl-radio:1px;
--half-lbl-radio:calc(var(--lbl-radio) / 2);
--quat-lbl-radio:calc(var(--lbl-radio) / 4);
/*------------------------------*/
}
*{font-family: "Ubuntu Sans", sans-serif; font-weight:400; line-height:1.5em;}
html, body {min-height:100vh; font-size:18px;}
body {background:#F4FAFF; background-size:auto;}
:root {

--xformin-font-s:1em;
--xformin-w:calc(var(--xformin-font-s) + var(--xformin-brd-s) + 0.1em);
--xformin-h:calc(var(--xformin-font-s) + var(--xformin-brd-s) + 0.1em);
--xformin-clr:var(--clr-m);
--xformin-bg:var(--clr-w);
--xformin-dis:var(--clr-d);
--xformin-brd-c:var(--clr-m-o);
--xformin-brd-s:0.05em;
--xformin-brd-r:0.15em;
--xformin-brd-r:var(--sq-rad);
}



header.wrap {margin-bottom:0; padding-bottom:0.5em; padding-top:0.5em;}

.temp-02 {background: none; padding-top:1em; padding-bottom:1em;}

#menudrop > nav > ul > li > a {text-transform:none;}

div.main-content {--top-page-h: calc(100vh - 107px - 1em);}
.top-page-bg-img {height:calc(100vh - 107px - 1em);}
.top-page-2 {padding-bottom:0em;}
.top-page-2 > header {background:center; display:flex; justify-content:center; flex-wrap:wrap; align-content:flex-end; background-size:cover; position: relative; height:calc(100vh - 107px - 1em);}
.top-page-2 .top-page-title {height:auto; width: 50%; margin: 0 auto 4em; background-color: var(--clr-b-o); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 2.5em;}
.top-page-2 > header h1{color:var(--clr-g); text-align:center; margin-bottom:0.5em; text-transform:none; justify-content:center}
.top-page-2 > header h1:before {display:none}
.top-page-gr-b {background:none; color:var(--clr-g); width:90%; margin:0 auto 2em; align-content:center; position:relative; height:auto; justify-content:center; padding-top:1em; border-top:1px solid; text-align: center;}
.top-page-gr-t {background:rgba(0, 87, 166, 0.2);}


.breadcrumbs {position: absolute; bottom: -4em;}
#article-body-main {padding-top:4em; width:100%}

.button {display:block;}
.button p {color:var(--clr-g); text-transform:uppercase; padding:1em 2em; background:var(--clr-m); width: fit-content; border-radius:3em; margin:auto; text-align:center;}
.button-blue p {background:var(--clr-m);}
.button-red p {background:var(--clr-s);}

.sub-title {color:var(--clr-d); text-transform:uppercase; display:flex; align-items:center; font-size:1em}
.sub-title:before {content: ''; display: block; background: var(--clr-s); margin-right:1em; mask: var(--svg-icon-heart) no-repeat center; padding:0.9em}
	
.header-block {display:flex; justify-content:space-between; margin:1em auto; align-items: center;}
.header-block div {max-width: calc(100% - 200px);}
.header-block div strong {color:var(--clr-m); font-size:2.5em; font-weight:500}


.sub-title {--svg-icon-heart: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24"><path d="M0 5.82826C0 2.6094 2.6094 0 5.82826 0H30.168C33.3889 0 36 2.61107 36 5.83198C36 7.35521 35.404 8.81799 34.3396 9.90754L22.3684 22.1607C21.2193 23.3369 19.6444 24 18 24C16.3858 24 14.8395 23.3503 13.7097 22.1975L1.66565 9.90764C0.598 8.8182 0 7.35363 0 5.82826Z"/></svg>');}


.box-teg p {-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); margin:0 0 1em 1em; border-radius:1em; padding:0.75em 1.5em;}
.box-teg > p * {border:none; color:var(--clr-d); font-size:1.125em; padding:0; display:inline-block; margin:0; margin-top:0!important;}


.grid-2 .box-teg {position:absolute; z-index:2; top:1em; right:1em;}
.grid-2 .box-teg > * {background-color:var(--clr-g-o); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); margin:0 0 1em 1em; border-radius:1em; padding:0.75em 1.5em; border:none;}
.grid-2 .box-teg > p a {color:var(--clr-b);}
	
.teg-block {display:flex; flex-wrap:wrap; justify-content:center; margin-top:1em}
.teg-block .box-teg p {background-color:var(--clr-w); border:1px solid var(--clr-d);}
.teg-block .box-teg > * {border:none; color:var(--clr-d);}
.teg-block .box-teg p:hover {border:1px solid var(--clr-t);}
.teg-block .box-teg p:hover > * {color:var(--clr-t)}
	
.sub-cat-link {margin:1em auto}
.sub-cat-link a div {background:var(--clr-f); border-radius:2em; color:var(--clr-b); border:2px solid var(--clr-t);	font-size:1.125em; text-transform:uppercase; font-weight:600; height:100%; padding:1em 2em; display:flex; justify-content:center; align-items:center;}
.sub-cat-link a:hover div {background:var(--clr-w); color:var(--clr-m); border:2px solid var(--clr-s);}



/* INDEX */
.index-ban, .index-slider {margin-top:0; margin-bottom:0; height:calc(-1em - 107px + 100vh); position:relative; background:url(img/top-ban.jpg); background-size:cover;}
.index-sl-full-desc {position:absolute; z-index:2; top:8vh; left:5%; width:45%; padding:2.5em; background:var(--clr-m-o); border-radius:2em;}
.index-sl-full-desc	h1 {font-size:2.5em; color:var(--clr-w); margin:0 0 0.5em; font-weight:500; text-transform:none;}
.index-sl-full-desc	p {color:var(--clr-w)}
.index-sl-full-desc .button-red p {margin:2em 0 0 0;}
	
.clr-t {color:var(--clr-t)}
.about-block-2 {background:var(--clr-g); padding-top:3em; padding-bottom:3em}
.about-block-2 .flex {margin-bottom:3em}
.about-block-2 .flex .w15 {width:15%;}
.about-block-2 .flex .w85 {width:80%; margin:0}
.about-block-2 .flex .w85 h2 {margin:0 0 1em; font-size:1.25em; font-weight:500}
.about-block-2 .flex .w85 p {color:var(--clr-d)}
.about-block-2 {background:var(--clr-g); margin-top:0; padding-top:3em; padding-bottom:3em}
.index-block-2 {}
.index-block-2 > .column-2 {align-items:center;}
.index-block-2 .w50 img {border-radius:0 2em 2em 0}
.index-block-2 .w45 {padding-right:5%}
.index-block-2 .w45 .header-block div {max-width:100%}
.index-block-2 .w45 > p {color:var(--clr-d)}
.index-block-2 .w45 .column-2 {width:80%}
.index-block-2 .w45 .column-2 div {width:40%}
.index-block-2 .w45 .column-2 p {text-align:center; text-transform:uppercase; font-weight:500;}
.index-block-2 .w45 .column-2 strong {display:block; width:100%; font-size:2.5em; color:var(--clr-m);}
.index-block-2 .w45 .column-2 strong.clr-t {color:var(--clr-t)}
.index-block-2 .w45 {}
.index-block-2 .w45 {}
.column-full.about-block-4, .about-block-4 {padding-bottom:3em}
.about-block-4 .grid-3 {--col-gap-px:36; --col-gap: calc(1vw* var(--col-gap-vw) + 1px* var(--col-gap-px));}
.about-block-4 .flex {background:var(--clr-g); padding:1em; border-radius:1em; min-height:20em; align-content:flex-start}
.about-block-4 .flex:nth-child(2n) {background:var(--clr-w);}
.about-block-4 .flex p {color:var(--clr-d);}
/* INDEX */

/* about */
.about-block-1.column-2	{align-items:center; padding-bottom:4em;}
.about-block-1 .header-block {margin:1em 0 0 0;}
.about-block-1 .header-block div {max-width:100%;}
.about-block-1 .sub-title {color:var(--clr-b); margin:1em 0 0; text-transform:none; padding:0 5%}
.about-block-1 .w50 {width:48%}
.about-block-1 .w50 > p {color:var(--clr-d); padding:0 5%}
.about-block-1 .w50 h2 {color:var(--clr-m); padding:1em 5%; background:var(--clr-g); border-radius:1em; font-size:1.25em}
/* about */

.aside-footer .column-full {margin-bottom:0}

.bottom-form-block {background: url('https://promeneva.com.ua/main/img/form-bg-im.jpg') center no-repeat; background-size: cover; padding:1em}	
.bottom-form-block > div {height:auto; width: 50%; margin:4em auto 4em; background-color:var(--clr-b-o); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); border-radius: 2.5em; padding:1em}
	
.bottom-form-block h2 {color:var(--clr-g); font-weight:400; font-size:2.5em; text-align:center; margin:0.5em 1em; text-transform:none;}
.bottom-form-block .sub-title {color:var(--clr-g); text-align:center; text-transform:uppercase; display:flex; align-items:center; justify-content:center; width:100%;}
.bottom-form-block .sub-title:before {content: ''; display: block; background:var(--clr-s); margin-right:1em; mask: var(--svg-icon-heart) no-repeat center; padding:0.9em}
.bottom-form-block > div > div {color:var(--clr-g); width:90%; margin:0 auto 2em; text-align:center; font-size:1.125em}
.bottom-form-block .button {margin-bottom: 1em; width: 100%;}
.contact-01	{width: 90%; margin: 0 auto;}
.contact-01 img	{border-radius: 2em}
.contact-01 p, .contact-02 p {margin:0; margin-top:1em; width:100%;}
.contact-02 iframe {min-height: 450px;border-radius: 2em}
.contact-01	.header-block {width:100%}
.contact-01 h2, .contact-02 h2 {margin:0; font-weight:500; color:var(--clr-m)}
.contact-01-foot {margin-top:1em}
.contact-01-foot p {margin:0}
.contact-01-foot-head {padding: 0.5em 0 0.5em 1em; width:auto!important}

/* FOOTER */
footer.foot-light {background:var(--clr-g); margin-top:0;}
.foot-light .column-4 {align-items:center; margin-bottom:2em}
.foot-light .column-4 p, .foot-light .column-4 a {color:var(--clr-d)}
.foot-light .column-4 a {width:100%; display:block; margin-top: 1em;}
.contact-01-foot div {justify-content:flex-start}
.contact-01-foot p strong, .foot-light .column-4 p strong {font-size:1.25em; color:var(--clr-b)}
.contact-01-foot .icon-svg::before, .cont-map .icon-svg::before, .foot-smm .icon-svg::before {margin-right:0em; padding:0.8em; background: var(--clr-w);}
.contact-01-foot .icon-svg, .foot-smm .icon-svg {background:var(--clr-t); display: flex; width: 3em; height: 3em; border-radius: 3em; justify-content: center;}
	
.cont-phone a {width: 100%;	padding-left: 4em;}
.cont-map {margin-top: 1em; border-top: 1px solid var(--clr-w); padding-top: 1em;}

.foot-light h4 {color:var(--clr-b); margin: 1em 4em 1em 0 !important; font-weight:400}
.foot-smm {justify-content:flex-start;}
.foot-light .column-4 .foot-smm a {width:auto; margin-right:1em}
.footer-bottom-03 {border-top: 1px solid #fff; margin-top: 0; padding-top: 2em;}
/* FOOTER */






.main-content > section, .main-content {margin-top:0}
.temp-02 #menudrop ul {padding:0; justify-content:space-between;}
.more-arrow{text-align:right;}
.more-arrow a{color:var(--clr-m); border-bottom:2px solid; padding-bottom:0.5em;}
.more-arrow a::after {content: '← — —'; transform:rotate(180deg); padding-right:0.5em; display: inline-block; }


.arr-to-down {position:absolute; right:2vw; bottom:5vw; transform:rotate(270deg);}
.arr-to-down a{color:var(--clr-w); display:block; animation-name:floatingrev; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function: ease-in-out;}
.arr-to-down img {display: none}
@keyframes floating {from { transform: translate(0, 0px);} 65% {transform: translate(0, 15px);} to {transform: translate(0, -0px);}}
@keyframes floatingrev {from { transform: translate(0, 0px);} 65% {transform: translate(15px, 0);} to {transform: translate(0, -0px);}}
	
.left-im{float:left; margin: 0em 2em 2em 0;}
.right-im{float:right; margin:0em 0em 2em 2em;}
#back-to-top {color:var(--clr-w);}
#back-to-top:hover {background:none; color:var(--clr-m);}



#menudrop ul ul li a {color:var(--clr-w); background:var(--clr-m);}




.chess .box-2:nth-child(2n) .box-block {flex-direction: row-reverse;}
.box-more {bottom:7px; margin-bottom: 0;}
.box-more:after {display: none}
.sin-cat-prod.sin-sub-cat-prod .box-img {background:#fff; display:flex; align-items:center; justify-content:center;}
.serv-cat .box-3:nth-child(2n)	{transform:translateY(50%);}



.box-1, .box-2, .box-3 {border:0; border-radius:0; background:none; box-shadow:none;}
.box-1 {border:0; border-bottom:none; border-radius:3em; background:none; box-shadow:none;}
.box-1 > div:last-child {padding-bottom: 1em;}
.box-date {color:var(--clr-b); font-size:1.25em; font-weight:500; text-align:right; margin-bottom:0; position:absolute; z-index:2; bottom:1em; left:1em;}
.box-date::before {display:none}

.box-text {background: var(--clr-w); padding:0 2em; width:100%;}
.box-title {font-size:1.25em; text-transform:none; font-weight:500; color:var(--clr-m); margin: 1em 0;}
.box-title::after {display:none}
.box-expert {color:var(--clr-d); margin: 0 !important;}
.box-block .box-more {color:var(--clr-s); justify-content:flex-end; position:relative; text-transform:uppercase; font-weight:600; margin-top:1em}
.box-block .box-more::after {background:var(--clr-s);}




@media screen and (max-width:980px) {
.bottom-form-block > div {width:70%;}
.foot-light .column-4 {--col-n:2;}
.foot-light .w25 {--col-nw:50%}
}

@media screen and (max-width:780px) {
.top-page-2 .top-page-title {width:70%;}
}
@media screen and (max-width:680px) {
.breadcrumbs {bottom:-5em; font-size:0.9em; height:3em; overflow:hidden}
.header-block div strong {font-size:2em;}
.top-page-2 .top-page-title {width:90%; height:auto; padding:1em 0 0;}
.bottom-form-block > div {width:90%;}
.bottom-form-block h2 {font-size: 2em; margin:0.5em;}
.foot-light .column-4 {--col-n:1;}
.foot-light .w25 {--col-nw:100%}
}

@media screen and (max-width:580px) {
.header-block {flex-wrap:wrap; align-items:center;}
.header-block div {max-width:100%;}
}

/* Page about us */

/* Service category */


/* Service single*/

/* Product category */

/* Product single */

/* Gallery single */

	
	



/* Blog category */

/* Contact single */







.top-page {height:calc(100vh - 107px - 1em); margin-bottom:0}
.owl-slider-text-desc {position:absolute; top:10%; z-index:2; font-weight:600; color:var(--clr-w); font-size:2em; width:40%; left:5%; text-transform:uppercase}
.owl-slider-text-text {position:absolute; z-index:3; top:10%; color:var(--clr-w); font-size:1em; width:40%; right:5%;}
.sl-carousel .in-more-button {color:var(--clr-w); width:fit-content; text-transform:uppercase}
.sl-carousel .sl-item img {position: relative; z-index: -1; height: 100vh; object-fit:cover;}
.sl-carousel .sl-item p {margin-top:0; background:var(--clr-m); color:var(--clr-w); padding:20px;}
.sl-theme .sl-dots {top:-50px; position: relative; z-index:3 }
.sl-theme .sl-dots .sl-dot span {width:50px; height:50px}


.sl-carousel .sl-item img {position: relative; z-index: -1; height:calc(100vh - 107px - 1em); object-fit:cover;}

.index-page .about-uss {margin-top:0}
.about-uss-top {align-items:center; flex-direction:row-reverse;}
.more-arrow {margin-top:-4.5em;}
.about-history > div:nth-child(2n) {flex-direction: row-reverse;}
.cc-banner .cc-message {color: var(--clr-w);}
.cc-link {color:var(--clr-w);}


/* index */
.ind-products {}
.about-partner {}
@media screen and (max-width: 1366px) {
html, body {min-height:100vh; font-size:14px;}
}
@media screen and (max-width: 1199px) {
.header-menu-drop .head-sub{top:7px; position:absolute; right:50px;} 
}

@media screen and (max-width:960px) {
html, body {font-size:14px;}
}
@media screen and (max-width:720px) {
html, body {font-size:14px;}
}

@media screen and (max-width:680px) {
html, body {font-size:18px;}
}
@media screen and (max-width:980px) {
.top-page-2 .top-page-title {height:calc(60vh - 107px - 1em);}
.top-page-bg-gr {height:40vh;}
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 790px) {
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width:680px) {	
.top-page-2 {height: auto;}
.top-page-bg-img {height:100%;}	
.top-page-bg-gr {height:auto; padding-top: 1em; padding-bottom: 1em;}
}
@media screen and (max-width:540px) {
}
@media screen and (max-width:520px) {
}
@media screen and (max-width:480px) {
}