@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400..700&display=swap');
:root {
/*** COLOR ***/	
--clr-m:#143511;							/*clr - color; m - main*/ 
--clr-s:#48A43F;							/*s - second*/ 
--clr-t:#F1FFE6;							/*s - second*/ 
--clr-f:#F4FAFF;							/*t - third*/ 
--clr-w:#FCF9F9;							/*w - third*/
--clr-g:#E1F1FF;							/*g - grey*/
--clr-d:#667085;							/*d - dark grey*/
--clr-b:#0E130E;							/*b - black*/
--clr-i:#ffffff;							/*i - color in main color*/
--clr-o:0.2;								/*o - opacity*/
--clr-m-o:rgba(20,53,17, var(--clr-o));		/*m - main opacity*/
--clr-s-o:rgba(72, 164, 63, var(--clr-o));		/*s - second*/
--clr-t-o:rgba(241, 255, 230, var(--clr-o));	/*t - third*/
--clr-w-o:rgba(252,249,249, 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(14,19,14, 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 ***/	

/*** MAIN ***/	
--wrap:85;
--mrg-f:1em;
--mrg-c:calc(var(--mrg-f)/2);
--pad-f:1em;
--pad-c:calc(var(--pad-f)/2);
--icon-s:3em;
--icon-w:var(--icon-s);
--icon-h:var(--icon-s);
--shadow-n:;
--shadow-o:;

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

/*** border & radius ***/
--brd-s:2px;
--brd-rad-f:250px;
--brd-rad-s:1em;
--block-pad:0%; /*block-pading*/
--block-brd-s:var(--brd-s); /*block-border*/
--block-brd-rad:var(--brd-rad-s); /*block-border-radius*/

/*** buttons & forms ***/	

--btn-position:left;	 /* justify-content: left	*/
--btn-font-s:1em;
--btn-mrg:1em;
--btn-pad:1em;
--btn-clr:var(--clr-w);
--btn-bg:var(--clr-m);
--btn-brd-c:var(--clr-s);
--btn-brd-s:1px;
--btn-brd-rad:var(--block-brd-rad);
--btn-h:;
--btn-w:;
--btn-ba-pad:1em;
--btn-ba-bg:var(--clr-w);

--btn-clr-o:var(--clr-m);;
--btn-ba-bg-o:var(--clr-m);
--btn-bg-o:var(--clr-w);
--btn-brd-c-o:;


/* input & textform NOT select & button */
--form-font-s:1em;
--form-mrg:1em;
--form-pad:1em;
--form-clr:var(--clr-m);
--form-bg:var(--clr-w);
--form-dis:var(--clr-d);
--form-brd-c:var(--clr-m-o);
--form-brd-s:0.05em;
--form-brd-s:1px;
--form-brd-rad:0.15em;
--form-brd-rad:var(--brd-rad-s);	
--form-w:calc(var(--form-font-s) + var(--form-brd-s) + 0.1em);
--form-h:calc(var(--form-font-s) + var(--form-brd-s) + 0.1em);
	





/*** Structure ***/
--head-h:140px; /* HEADER height */
--head-logo-w:210px; /* LOGO W */
--head-logo-h:80px; /* LOGO H */
--head-mrg:3em; /* for breadcrumbs & footer logo */
--head-pad:0em;

--top-page-h:calc(90vh - 107px - 1em);
--top-page-h:calc(90vh - var(--head-h) - 1em);

--aside-w:250px; /* for aside */
--asidel-w:var(--aside-w);
--asider-w:var(--aside-w);
	
--contact-block-w:calc(100% - var(--icon-w) - 1em);
	
	
/*radio-btn
--lbl-radio:1.5em;
--lbl-radio-in:1.5;
--radius-lbl-radio:2px;
--half-lbl-radio:calc(var(--lbl-radio) / 2);
--quat-lbl-radio:calc(var(--lbl-radio) / 4); */
/*------------------------------*/
	
}
.has-aside h2 {margin-top: 0}
	grid-3 column-first
	block box-block
	box
center {
border:var(--block-brd-s) solid var(--clr-s); 
border-radius:var(--brd-r) var(--brd-r) var(--brd-r) var(--brd-r);
border-radius:var(--brd-r);
}







*{font-family: "Montserrat", sans-serif; font-weight:400; line-height:1.5em;}
html, body {min-height:100vh; font-size:18px;}
body {background:var(clr-w); background-size:auto;}

header.wrap {margin-bottom:0; padding-bottom:0.5em; padding-top:0.5em;}
.temp-02 {background: none; padding-top:1em; padding-bottom:1em;}
.head-logo {width:208px;}
#menudrop > nav > ul > li > a {text-transform:none;}
#menudrop > nav > ul > li > a, #menudrop > nav > ul > li.has-sub > a {color:var(--clr-w);}
#menudrop > nav > ul > li.has-sub > a:before, #menudrop > nav > ul > li.has-sub > a:after {background:var(--clr-w);}

.button-blue p {background:var(--clr-m);}
.button-red p {background:var(--clr-s);}


.main-content > section, .main-content {margin-top:0}
.temp-02 #menudrop ul {padding:0; justify-content:space-between;}
#menudrop ul ul li a {color:var(--clr-w); background:var(--clr-m);}
.top-page {height:74vh; margin-bottom:0}


div.main-content {--top-page-h:74vh}
.top-page-bg-img {height:74vh;}
/*.top-page-2 {padding-bottom:4em;} */
.top-page-2 > header {display:flex; justify-content:center; flex-wrap:wrap; align-content:flex-end; background-position:center; background-size:cover; position: relative; height:74vh;}
.top-page-2 .top-page-title {height:auto; width:100%;}
.top-page-2 > header h1{color:var(--clr-g); text-align:left; margin-bottom:0.5em; text-transform:none;}
.top-page-2 > header h1:before {display:none}
/* linia before H1 - .top-page-2 > header h1:before {content: ''; height: 1px; width:40px; background:#fff; display:block; margin-right:10px;}*/
.top-page-gr-b {background:none; color:var(--clr-w); background: var(--clr-m);  width: calc(1vw * var(--wrap)); border-radius: 1em; padding: 1em 2em; position:relative; height:auto;}

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

.section-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>');}





	


/*
article {width:calc(100% - 350px); overflow: hidden}
aside {width: 300px; float: right; flex: 2;}*/
/* INDEX */
/* INDEX */

/* about */
/* about */




/* FOOTER */
/* FOOTER */




.box-title::after {content:''; display:block; margin-left:1em; padding:0.5em; background:var(--clr-b); -webkit-mask:var(--svg-icon-arrow) no-repeat center; mask:var(--svg-icon-arrow)no-repeat center; -webkit-mask-size:100% !important; mask-size:100% !important;}
.box-1 a:hover .box-more:after, .box-2 a:hover .box-more:after {margin-left:20px;}
.box-1 a:hover .box-more:after {margin-left:20px;}
.box-1:hover .box-button:after {content:''; margin-left: 10px;}
.box-2:hover .box-button:after {content:''; margin-left: 10px;}





.chess .box-2:nth-child(2n) .box-block {flex-direction: row-reverse;}
.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%);}













/* Page about us */

/* Service category */


/* Service single*/

/* Product category */

/* Product single */

/* Gallery single */



	
	



/* Blog category */

/* Contact single */









.index-page .about-uss {margin-top:0}
.about-uss-top {align-items:center; flex-direction:row-reverse;}
.about-history > div:nth-child(2n) {flex-direction: row-reverse;}



/* 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) { 
}

@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-2 .top-page-title {height:calc(60vh - 107px - 1em);}
.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) {
}