@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root { /*** COLOR ***/	
--clr-m:#EB6434;							/*clr - color; m - main*/ --main-color:#EB6434;
--clr-s:#D6E9FF;							/*s - second*/ 
--clr-t:#DAE2B6;							/*s - second*/ 
--clr-f:#0C1C30;							/*t - third*/ 
--clr-w:#ffffff;							/*w - third*/
--clr-g:#EFEFEF;							/*g - grey*/
--clr-d:#8F8F8F;							/*d - dark grey*/
--clr-b:#000000;							/*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-c:1em;
--margin-top:1em;
	
--head-logo-w:150px;
--head-margin-l:3em;
/* 427 - 3.2 Article.header + Structure */
--side-left-w:250px; /* for aside */
--side-right-w:250px;

/*** 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-full:250px;
--border-radius-block:20px;
--sq-rad:5px; /*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: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); */
/*------------------------------*/
	
}


*{font-family: "Noto 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);
}

textarea, input[type="button"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="hidden"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
background:var(--clr-w); font-weight:600; border:var(--xformin-brd-s) solid var(--xformin-brd-c); border-bottom:2px solid var(--xformin-brd-c); border-radius:50px; padding:1em 0;}
input:focus, textarea:focus {box-shadow:2px solid var(--xformin-brd-c); background:var(--xformin-bg)}
input[type="checkbox"], input[type="radio"] {font-size:1.5em}

div.main-content {--top-page-h: calc(100vh - 107px - 1em); margin-top:1em}

header.wrap {margin-bottom:0; padding-bottom:0.5em; padding-top:0.5em;}
.temp-02 {background: none; padding: 3em calc((100vw - 1vw * var(--wrap)) / 2 + 2em); position:absolute}
.temp-01 #menudrop, .temp-02 #menudrop {align-items: center; background: var(--clr-b); padding: 1em 3em;  border-radius: 3em; }
.temp-02 #menudrop ul {padding:0; justify-content:space-between;}
#menudrop ul ul li a {color:var(--clr-w); background:var(--clr-m);}
#menudrop > nav > ul > li > a {text-transform:uppercase;}
.breadcrumbs {justify-content: center;}

.btn, button, select {font-size:1em; --btn-brd-r:var(--sq-rad); --btn-brd-r:var(--xformin-brd-r); border-radius:50px}
.button-blue p {background:var(--clr-m);}
.button-red p {background:var(--clr-s);}

.left-im, .right-im{max-width:50%;}
.left-im {float:left; margin: 0em var(--margin-c) var(--margin-c) 0;}
.right-im {float:right; margin:0em 0em var(--margin-c) var(--margin-c);}







.top-page-bg-img {height:calc(100vh - 107px - 1em);}
.top-page-bg-img {height: 50vh; position: relative;z-index: 2; border-radius: 2em; overflow: hidden;}
/*
.top-page-2 {padding-bottom:4em; margin:1em 0} */
.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 - 2em); margin: 0 auto; border-radius: 2em; overflow: hidden; padding: 2em; padding-top:7em; background: var(--clr-s);}

.top-page-2 .top-page-title {height:auto; }
.top-page-2 > header h1{color:var(--clr-b); text-align:center; font-weight:600; margin-bottom:0.5em; justify-content:center}
.top-page-2 > header h1:before {display:none}
.top-page-gr-b {background:none; color:var(--clr-b); width:90%; margin:0 auto 2em; align-content:center; position:relative; height:auto; justify-content:center; text-align:center;}


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





.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;}
.box-teg > *:hover {background:none; border:none}

	
.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 */

/* about */
/* about */




/* FOOTER */
/* FOOTER */











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













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


.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;}
.cc-banner .cc-message {color: var(--clr-w);}
.cc-link {color:var(--clr-w);}


/* index */
.ind-products {}
.about-partner {}







.defoult-icons-block.contact-smm-02 a {margin:1em 0;}
.defoult-icons-block.contact-smm-02 p {margin-right:0.5em;}
.defoult-icons-block.contact-smm-02 p::before {padding:1em; margin-right:0;}
.defoult-icons-block.contact-smm-02 h2 {margin:0 0.5em 0 0;}
.defoult-icons-block.contact-smm-02 span.icon-svg {background:var(--clr-t); height:3.5em; width:3.5em; border-radius:0; margin:0 0.5em 0 0;
	border:2px solid #f00;
	}
.defoult-icons-block.contact-smm-02 p.icon-svg { /* NOT GOOD!!!! */ background:var(--clr-t); height:3.5em; width:3.5em; border-radius:0; margin:0 0.5em 0 0;}
.defoult-icons-block.contact-smm-02 .icon-svg::before {background:var(--clr-b);}
	
.article-shares {background:var(--clr-m); display:flex; align-items:center; justify-content:space-between;}
.article-shares p {font-size:1.125em; font-weight:500; color:var(--clr-w)}
	
.article-shares .defoult-icons-block.contact-smm-02 a {margin:0;}
.article-shares .defoult-icons-block.contact-smm-02 span.icon-svg {background:var(--clr-s); border-radius:10em; margin:0 0 0 0.5em; border:none;}

.article-shares .defoult-icons-block span.icon-svg {margin:0 0 0 0.5em}
.article-shares p {}
	
	
	

.article-shares .defoult-icons-block.contact-smm-02 span.icon-svg {width:3em; height:3em;}
.defoult-icons-block.contact-smm-02 .icon-svg::before {background:var(--clr-b); width:1.25em;}


.cat-empty {font-weight: 600; text-align: center; font-size: 1.5em;}
















.top-page-bg-img {height: 45vh;}
.breadcrumbs {justify-content: center;}
.box-1, .box-2, .box-3, .box-1:hover, .box-2:hover, .box-3:hover {box-shadow:none;}
.article-shares, .index-block-01, .about-block-01, .about-block-02, .about-block-03, .cat-prod, .cat-blog, .cat-faq, .cat-fas-full, .sin-prod, .sin-bale {padding:2em; border-radius:2em; margin:2em 0}
	
.article-shares {background:var(--clr-m)}
	
.index-block-01 {background:var(--clr-g); margin:0 0 2em;}
.index-block-01 > div {margin-top:15em; align-items:stretch;}
.index-block-01 h1 {font-size:3em; font-weight:600; margin:0.25em auto 0.5em}
.index-block-01 .btn {margin:2.5em 0; background:var(--clr-b)}
.index-block-01 .w50.flex p {font-weight:500; text-transform:uppercase; width:150px; width:10em; margin:0; text-align:center; padding:1em; border-radius:1em}
.index-block-01x {background:url('https://riodoka.com.ua/main/img/index-slider.png') no-repeat center top; background-size: contain; align-items:flex-end; margin:0}
.index-block-01 {}
.index-block-01 {}
.index-block-01 {}
.index-block-01 .grid-3 {margin:1em auto 0}
.index-block-01 .grid-3 p {text-align:center; margin:0 auto}
.index-block-01 strong {font-size:3em; width:100%; display:block;}
	
.about-block-01 {background:#D9D0FF}
.about-block-01 h1 {font-size:3em; font-weight:600; margin:0.25em auto 0.5em; text-align:right}
.about-block-01 h2 {font-weight:600; color:#525252; border:2px solid #525252; padding:0.5em 1em; width:fit-content; font-size:1.125em; border-radius:50px; text-transform:uppercase;}
.about-block-01 .btn {margin:3em 0 0}
.about-block-01 .btn p {background:var(--clr-w); text-transform:uppercase; font-weight:600; color:var(--clr-b); border-radius:100px; padding:1em 2em; margin:1em 0}
.about-block-01 .w100 img {border:5px solid var(--clr-w); border-radius:10em; height:20em; width:100%; margin-top:2em}
.about-block-02 {}
.about-block-01 {}

.about-block-02 {}
.about-block-02 .column-2 {align-items:stretch;}
.about-block-02 .w60 {background:var(--clr-s)}
.about-block-02 .w40 {background:var(--clr-w)}
.about-block-02 .w60, .about-block-02 .w40 {border-radius:1em; padding:1em; text-align:center}
.about-block-02 {background:var(--clr-b)}
.about-block-02 h1 {font-size:3em; font-weight:600; color:var(--clr-w); margin:0; width:83%; text-align:right; display:block;}
.about-block-02 h2 {font-weight:600; color:var(--clr-s); border:2px solid var(--clr-s); padding:0.5em 1em; width:fit-content; font-size:1.125em; border-radius:50px; margin:1em 0; text-transform:uppercase; height:fit-content}

@media screen and (max-width:920px) {
.about-block-03 {background:var(--clr-t)}
.about-block-01 .column-2 {align-items:center;}
}
@media screen and (max-width:720px) {

.index-block-01 .w50 {width:100%}
.index-block-01 .grid-3 {--col-n: 3;}
.index-block-01x {height:81vw;}
.about-block-01 .column-2 {flex-direction:column-reverse;}
.about-block-01 .column-2 .w40, .about-block-01 .column-2 .w50 {width:100%; margin-bottom:0}
.about-block-01 h2 {margin-top:0}
.about-block-02 h1 {width:80%;}
}
@media screen and (max-width:680px) {
.index-block-01 .grid-3 {--col-n:1;}
.about-block-01 .w100 img {height:10em;}
.index-block-01 h1,	.about-block-01 h1, .about-block-02 h1 {font-size:1.75em}
.index-block-01 h2,	.about-block-01 h2, .about-block-02 h2 {font-size:1em}

.about-block-02 h1 {width:100%;}
.about-block-02 .w60:first-child {background:var(--clr-w)}
.about-block-02 .w40:nth-child(2) {background:var(--clr-s)}
.about-block-02 .w60, .about-block-02 .w40 {width:100%}
}	
	

.cat-blog {background:var(--clr-b);}
.cat-blog .box-1 {padding:1em; background:var(--clr-w); border-radius:1.5em; align-items:flex-start;}
.cat-blog .box-1 > div:last-child {padding-bottom:0; align-items:flex-start; height:auto}
.cat-blog .box-1 .box-img {border-radius:1em;}
.cat-blog .box-text {padding:0; display:flex; align-items:center; height:auto;}
.cat-blog .box-date {position:absolute; top:1em; left:1em}
.cat-blog .box-title {font-size: 1.125em; margin: 1em 0; color: var(--clr-b); font-weight: 600;}
.cat-blog .box-block .box-button {display: flex; margin-left: 0; background: var(--clr-b); border-radius: 50%; padding: 1em; margin: 0;}
.cat-blog .box-block .box-button::after {font-size:3em; border-radius: 50%; background:var(--clr-w); margin:0; transform:rotate(45deg);}
	
.cat-blog .box-1:hover {background:var(--clr-s);}
.cat-blog .box-1:hover .box-title {color:var(--clr-m);}
.cat-blog .box-1:hover .box-button {background:var(--clr-m)}
.cat-blog .box-1:hover .box-button:after {margin-left: 0; transform:rotate(-45deg)}
.cat-faq {background:var(--clr-t);}

.accor {padding: 0; border-radius:2em; overflow:hidden}
.accorh {font-size: 1.25em; font-weight:600; padding: 0.5em 0; padding:0.75em 1.5em; margin:0}
.accord {padding: 0 2em; background: var(--clr-s);}
	.accorh-v, .accorh:hover {color: var(--clr-b); background: var(--clr-s);}
.accorh:after {transform:rotate(45deg); background:var(--clr-b);}
.accorh-v:after, .accorh:hover:after {transform:rotate(-45deg);}

.cat-fas-full {background:var(--clr-s); padding:3em 0}
.cat-fas {padding:0 4em; align-items:center;}
.cat-fas .column-3 {align-items:normal; margin:0}
.cat-fas article {background:var(--clr-b); border-radius:2em; padding:2em; align-items:center;}
.cat-fas h1 {font-size:1.5em; color:var(--clr-b); text-transform:uppercase; margin:0 0 0.5em}
.cat-fas .column-3 > div {margin:0; display:flex; flex-wrap:wrap; align-content:center;}
.cat-fas .column-3 p {color:var(--clr-b);}
.cat-fas-butt {width:5em; display:flex; align-items:center; background:color:var(--clr-t)}
.cat-fas .icon-svg {width:5em; height:3em; background:none; display:flex; justify-content:center; border-radius:1em; border:2px solid var(--clr-b);}
.cat-fas .icon-svg::before {margin: 0; background: var(--clr-b); padding: 1em;}
.cat-fas img {opacity:0; margin-bottom: 0px; justify-content: center; align-content: center; border-radius:1em; display: flex; width: 100%; height: 100%; max-height:12em; object-fit: cover;}
.cat-fas .w35 {width: calc(50% - 6em);}
	
.cat-fas:hover {background:var(--clr-b);}
.cat-fas:hover h1 {color:var(--clr-w)}
.cat-fas:hover .column-3 p {color:var(--clr-w);}
.cat-fas:hover img {opacity:1;}
.cat-fas:hover .icon-svg {background:var(--clr-t);}
	
.cat-prod {background:var(--clr-g);}
.cat-prod .box-1 {background:none;}
.cat-prod .box-1 .box-img {background:var(--clr-w); border-radius:1em; height:25em}
.cat-prod .box-1 .box-img img {object-fit:contain}
.cat-prod .box-text {padding:0px 1em; height:auto; text-align:center}
.cat-prod .box-text h1 {text-transform:uppercase; width:100%; font-size:1.125em; margin:1em 0; font-weight:600; justify-content:center; color:var(--clr-b);}
.cat-prod .box-1:hover .box-text h1 {color:var(--clr-m);}
.cat-prod .box-1:hover .box-img {background:var(--clr-s);}
	

section.cat-prod, section.cat-faq {text-align:center}
section.cat-prod h2, section.cat-faq h2 {text-transform:uppercase; font-size:2.5em; margin:0.5em 0;}
section.cat-prod > p, section.cat-faq > p {width:80%; margin:0 auto 2em}
	
.sin-prod {background:var(--clr-g); align-items:stretch;}
.sin-prod.sin-fas {background:#D9D0FF;}
.sin-prod .box-img {background:var(--clr-w); border-radius:1em; height:100%}
.sin-prod .w60 p:first-child {font-size:1.5em; font-weight:600; text-transform:uppercase}
.sin-prod .w60 div {clear:both; width:100%;}
.sin-prod .w60 > p {margin-top:1em}
.sin-prod .w60 div p {font-size:1em!important; font-weight:500!important; text-transform:uppercase}
.sin-prod .w60 div p strong {font-size:1.5em; color:var(--clr-m); font-weight:600; text-transform:uppercase; width:130px; text-transform:uppercase; display:inline-flex; justify-content:flex-end;}
.sin-fas {}
	
	
	
table {width:100%;}
.wp-block-table {margin-bottom:1em}
.wp-block-table th {font-weight:600; color:#fff; background:var(--clr-b);}
tbody tr td:nth-child(3), tbody tr td:nth-child(4), tbody tr td:nth-child(5) {text-align:center;}
@media screen and (max-width: 680px) {
table > *, table tr, table td, table th { display:block }
thead {display:none}
/*tbody {display: table-caption;}*/
table td {display: block; font-size: .8em; text-align: left;}
table tr {margin-bottom:0.625em;}
tbody tr { height:auto; padding:0;}
tbody tr td { padding-left:45%!important;}
tbody tr td:first-child {text-align: center; font-size:1.0em; font-weight:600; padding-left:0!important;}
tbody tr td:last-child { margin-bottom:0 }
tbody tr td:before {position:absolute; font-weight:600; width:40%; left:0.5em; top:0.5em}
tbody tr td:nth-child(1):before {content:"";}
tbody tr td:nth-child(2) {text-align: center;}
#tab-2 tbody tr td:nth-child(2):before {content:"Склад";}
#tab-2 tbody tr td:nth-child(3):before {content:"< 3т";}
#tab-2 tbody tr td:nth-child(4):before {content:"3-5т";}
#tab-2 tbody tr td:nth-child(5):before {content:"> 5т";}
}


section.cat-prod, section.cat-faq {text-align:center}
section.cat-prod h2, section.cat-faq h2 {text-transform:uppercase}
section.cat-prod > p, section.cat-faq > p {width:80%; margin:0 auto}

.contact-link-02 {background:var(--clr-t); border-radius:2em; padding: 2em; margin: 1em auto;}
.contact-link-02 > h2 {display: block; text-align:right; width:100%; font-size:2em;}
.contact-link-02 > div {border-radius:2em; margin:1em 15em 0 0; background: url('https://riodoka.com.ua/main/img/conta-img-01.jpg') center no-repeat; background-size: cover; padding:5em 0; display:flex; position:relative; justify-content:flex-end;}
.contact-link-02 > div > div {position:relative; right:-18em; padding:1em; width: calc(45% + 12em);}	
.cont-block-data-02 {background:var(--clr-s); border-radius:1em}
.contact-map-01 {background:#D9D0FF;padding:2em; border-radius:2em; margin: 1em auto;}
.contact-map-01 > div {overflow: hidden; border-radius: 2em;}

.send-form-01 {width: 480px; margin: 0 auto;}
.bottom-form-block {border-radius:2em; margin:1em auto; background: url('https://riodoka.com.ua/main/img/popup-im.jpg') center no-repeat; background-size: cover; padding:3em}	

	
.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  > 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%;}
footer.foot-dark {background: none;}
footer.foot-dark a, footer.foot-dark p {text-transform:uppercase;}
.foot-dark .column-3 {border-radius:2em; background:var(--clr-b); padding:3em}
.foot-dark .column-3 .w30 > a {width:100%; display:block; text-transform:uppercase; margin:1em 0}
footer.foot-dark .icon-svg::before {background: var(--clr-m);}
footer .contact-link-02 {margin:0; padding:0; background:none}
footer .contact-link-02 > div {margin:0; padding:0; justify-content:flex-start}
footer .contact-link-02 > div > div {position: relative; right:auto; padding:0em; width:100%;}
footer.foot-dark .defoult-icons-block {margin-bottom:2em;}
	
.footer-mobile-phone-btn {margin:0;}
@media screen and (max-width:1400px) {
.index-block-01x {max-height:45vw; align-items: flex-end;}

}	

@media screen and (max-width:980px) {
.index-block-01x {max-height:50vw; align-items: flex-end;}
}

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

}

@media screen and (max-width:820px) {
.cat-fas {padding:1em 2em; margin:1em 0;}
.cat-fas img {opacity: 1;}
	
.contact-link-02 > div {margin:1em 8em 0 0;}
.contact-link-02 > div > div {right: -8em; width: calc(45% + 17em);}

}

@media screen and (max-width:780px) {
.index-block-01 > div {margin-top: 7em;}
.index-block-01 .w50 {width:100%}
.index-block-01x {max-height:70vw; height:70vw; align-items:flex-end; max-width:35em; margin:0 auto;}
}
@media screen and (max-width:720px) {
.sin-prod .w60, .sin-prod .w35, .about-block-02 .w40, .about-block-02 .w60 {width:100%}
.about-block-02 .column-2 div {background:var(--clr-s)}
.about-block-02 .column-2 div:nth-child(2n) {background:var(--clr-w)}
}
@media screen and (max-width:680px) {
.top-page-2 > header {height:auto; min-height: calc(100vh - 2em); align-content: space-between;}
.article-shares, .index-block-01, .contact-link-02, .contact-map-01, .about-block-01, .about-block-02, .about-block-03, .cat-prod, .cat-blog, .cat-faq, .cat-fas-full, .sin-prod, .sin-bale {padding:1em}
section.cat-prod h2, section.cat-faq h2 {font-size:1.5em;}
	
	
.index-block-01x {max-height:100vw; height:92vw;}
.index-block-01 .btn {background:none;}
	
.cat-fas {padding: 1em 0em; margin: 0; position:relative}
.cat-fas .w35 {width: 50%;}
.cat-fas-butt {position: absolute; top: calc(50% - 1.5em); background: var(--clr-t); border-radius: 1em; right: calc(25% - 2.5em);}


.contact-link-02 > div {margin:1em 0em 0 0;}
.contact-link-02 > div > div {right:0em; width:100%;}
	
.bottom-form-block h2 {margin: 0.5em 0em;}
.send-form-01, .bottom-form-block > div {width: 100%;}

.foot-dark .w30, .foot-dark .w35 {width:100%; margin-bottom:2em}
.foot-dark  > div > div:last-child {margin-bottom:0em}
footer > *:last-child {margin:1.5em 0;}
}

@media screen and (max-width:580px) {
.icon-svg, .icon-svgb, .box-block {font-size:14px;}

.cat-fas:hover {background:none}
.cat-fas .w35, .cat-fas .w45 {width:100%}
.cat-fas-butt {bottom:6em; background:none; top:auto; right:calc(50% - 2.5em);}
.cat-fas img {margin-top:1em}
.cat-fas .icon-svg {background: var(--clr-m);}
}
@media screen and (max-width:560px) {
.head-smm.icon-is {display:none}
}
@media screen and (max-width:520px) {
.btns-div {flex-wrap:wrap}
.btn {width:100%}
.btns-div .btn + *, .btns-div button + * {margin-left:0;}
.main-article .btn p, .btn p {margin: 0 auto;}
.bottom-form-block {padding:1.5em;}
}

@media screen and (max-width:500px) {
.index-block-01 .w50.flex p {font-size: 0.8em;}
.icon-svg, .icon-svgb, .box-block {font-size:13px;}
}


































@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-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:auto;}
.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) {
}