:root {
	--dt: #09080d;
	--lt: #ffffff;
	--wbg: #ffffff;
	--gr: #efefef;
	--dgr: #e1e1e1;
	--gree: #1fa855;
	--bl: #1078ab;
	--kr: #bb0900;
	--grad: linear-gradient(to right,#1078ab,#2bc05c);
	--grad2: linear-gradient(to right,#2bc05c,#1078ab);
	--tr: all 400ms ease; 
	--bitgr: #f4f4f4;
	--shade: 0 15px 30px rgb(0 0 0 / 12%);
	--halfpad: 20px;
	--pad: 40px;
	--2pad: 80px;
	--mpad: -40px;
	--m2pad: -80px;
	--lite: 300;
	--bold: 500;
	--b: 700;
	--tt: uppercase;
	--makered: invert(0.5) sepia(1) saturate(100) brightness(2.3) hue-rotate(15deg) brightness(0.8);
	--makeblu: invert(0.5) sepia(1) saturate(100) hue-rotate(198deg) saturate(0.4) brightness(1.55);
	--makegreen: invert(0.5) sepia(1) saturate(100) hue-rotate(90deg) hue-rotate(16deg) brightness(1.7);
}

@media (max-width: 1199px) {
	:root {
	--halfpad: 10px;
	--pad: 20px;
	--2pad: 30px;
	--mpad: -10px;
	--m2pad: -30px;
	}
}



* {box-sizing: border-box; position: relative; text-rendering: optimizeLegibility;}
#wrapper {z-index: 4;}
#header {z-index: 99;}
#footer {z-index: 3; overflow: hidden;}
#wrapper #content {z-index: 2;}

th, td {padding: 8px 12px; border: 1px solid #e1e1e1;}
table {    border-collapse: collapse;   border-spacing: 0;}
/*article {overflow: hidden;}*/

h1, .h1, h2, .h2, h3, .h3, .h4, h4, .h5, h5, .h6, h6  {text-transform: var(--tt);  margin-block-start: 0;  margin-block-end: 0; margin-bottom: var(--pad); font-family: "Montserrat", Arial, sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: var(--lite); hyphens: manual;}

p, div, li, span {font-weight: var(--lite); margin-block-start: 0;  margin-block-end: 0; }
p {margin-bottom: var(--halfpad);}
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, p:last-child {margin-bottom: 0;}

#menu li a, .mcon .ph, .baton span, body .wpcf7-submit {font-family: "Montserrat", Arial, sans-serif; text-transform: var(--tt);}

.finish {margin-bottom: var(--pad);}

	h1, .h1, h2, .h2 {font-size: 40px; line-height: 60px;}
	h3, .h3 {font-size: 30px; line-height: 48px;}
	h4, .h4 {font-size: 26px; line-height: 42px;}
	h5, .h5 {font-size: 20px; line-height: 28px;}
	h6, .h6 {font-size: 16px; line-height: 24px;}
	p, div, span, em, b, strong {font-size: 16px; line-height: 24px;}

	.bt p {font-size: 24px; line-height: 36px; text-align: justify;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {display: block; margin-bottom: var(--halfpad);}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {font-size: inherit; text-transform: inherit; line-height: inherit;}

h1 .smallerheads, h2 .smallerheads, h3 .smallerheads, h4 .smallerheads, h5 .smallerheads, h6 .smallerheads, .h1 .smallerheads, .h2 .smallerheads, .h3 .smallerheads, .h4 .smallerheads, .h5 .smallerheads, .h6 .smallerheads {display: block; font-weight: var(--bold); margin-top: 10px;}

body video {height: auto; width: 100%;}

strong, b, .strong, .b {font-weight: var(--bold); font-family: "Montserrat", Arial, sans-serif; color: var(--bl);}

.h1 strong, .h2 strong, .h3 strong, .h4 strong, h1 strong, h2 strong, h3 strong, h4 strong {color: var(--bl); font-size: inherit;}

blockquote {margin: 0 0 15px 0; }
blockquote:before {content: url(/wp-content/uploads/svg/quote-right.svg); width: 80px; opacity: 0.07; position: absolute; left: -20px; top: -20px; z-index: 1;}
blockquote p {font-size: 18px; line-height: 26px; z-index: 2;}

body {font-family: 'Montserrat', Arial, sans-serif; background-color: var(--wbg);}
/*body {font-family: 'Jost', Arial, sans-serif; background-color: var(--wbg);}*/
body a {text-decoration: none; color: var(--dt);}
html body {margin: 0; background-color: var(--wbg);}
.container {display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 1400px; padding-left: var(--2pad); padding-right: var(--pad); margin: 0 auto; }
#header .container {align-items: center;}

#content.scro {margin-top: 120px;}

.arr {padding: 4px; background: var(--wbg); box-shadow: 0 10px 30px rgb(0 0 0 / 22%); position: absolute; border-radius: 99px; cursor: pointer;}
.arr:before {transition: var(--tr); filter: var(--makeblu);}
.arr.left {left: 10px;}
.arr.right {left: calc(100vw - 60px);}
.arr:hover:before { transition: var(--tr);}
.arr.left:hover:before {transform: scale(0.8) translateX(-9px);}
.arr.right:hover:before {transform: scale(0.8) translateX(9px);}
.arr.left:before {width: 30px; height: 30px; content: url(/wp-content/uploads/svg/long-arrow-alt-left-solid.svg); position: relative; display: block; }
.arr.right:before {width: 30px; height: 30px; content: url(/wp-content/uploads/svg/long-arrow-alt-right-solid.svg); position: relative; display: block; }

.scrolled #logo img {width: 60px;}

.fullscreen .close img {width: 30px; height: 30px; filter: invert(1);}


body.noscroll, html.noscroll {overflow-y: hidden;}

body .skip-link.screen-reader-text {display: none;}
.cblock.full {flex-basis: 100%; width: 100%;}
html, body {display: block; max-width: 100%;  overflow-x: hidden;}
.htop {z-index: 2;}
.hbot {z-index: 1;}
.htop:after, .hbot:after {width: 300vw; left: -100vw; top: 0; height: 100%; background: rgb(255 255 255 / 80%); backdrop-filter: blur(5px);; content: ''; position: absolute; display: block; z-index: 1; transition: var(--tr);}
.htop:after {height: 100%;}
.htop > *, .hbot > * {z-index: 2;}
.wr {padding: var(--pad);}
body[data-iframe="true"] .wr {padding: 20px!important;}
body[data-iframe="true"] .container {padding: 0; max-width: unset;}
html[data-iframe="true"] {margin-top: 0!important;}
#header .wr {padding-top: 0; padding-bottom: 0;}
#logo img {width: 119px; height: auto;}
#logo {flex-basis: 119px; padding: 10px 0; display: flex; align-items: center;}
#logo a {display: flex;}
#topcontact {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end;}
.menu {padding-inline-start: 0;}
.btn {border-radius: 99px; margin-left: var(--halfpad); display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 25px; transition: var(--tr); background-color: var(--bitgr); padding: 8px;}
.btn img {width: 21px; height: 21px; line-height: 17px; opacity: 0.6; }
.btn:hover img { transform: scale(1.2); transition: var(--tr);}
#header .btn.searchbtn {font-size: 19px;}
.fullscreen {position: fixed; z-index: 999; display: block; width: 100vw; height: 100vh; background: linear-gradient(to right, rgb(16 120 171 / 80%), rgb(43 192 92 / 80%)); backdrop-filter: blur(3px); left: 0; top: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;  align-items: center; visibility: hidden; opacity: 0; transform: scale(1.05); transition: var(--tr);}
.fullscreen.opened {transition: var(--tr); opacity: 1; transform: none; visibility: visible; z-index: 11;}
.fullscreen .close {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 1;}
.fullscreen > *:not(.close) {z-index: 2; padding: 30px;}
.close i {position: absolute; right: 20px; top: 20px; background-color: transparent; display: block;}
.close i img {filter: var(--makeblu); width: 30px; height: 30px;}

.phold, .slo {display: block; animation: ololo 6s infinite;}
.noan .phold, .noan .slo {animation: none;}
.phon {display: block; height: 24px; overflow: hidden;}
.slo {font-size: 10px; font-weight: 500; background: var(--grad); color: #ffffff; text-align: center; padding: 0 3px; letter-spacing: -0.5px;  white-space: nowrap; transition: var(--tr);}

.col > div {display: flex;  flex-direction: row;  flex-wrap: wrap;}

.btn img, .btn2 img, .menu li img {transition: var(--tr);}

.halfscreen {position: fixed; width: 280px; right: 0; top: 0; height: 100vh; z-index: 12; background: var(--wbg); box-shadow: 0 0 45px rgb(0 0 0 / 22%); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; transform: translateX(300px); transition: var(--tr); visibility: hidden;}
.halfscreen.opened {transform: none; visibility: visible; transition: var(--tr);}
.halfscreen .close {position: absolute; right: 10px; top: 10px; z-index: 3;}
.halfscreen .close i {position: relative;right: unset; top: unset;}
.halfscreen .close i img {filter: none;}
.halfscreen .skrol {z-index: 2;} 
.halfscreen .close.tw {position: fixed; width: 100vw; height: 100vh; z-index: 1; left: 0; top: 0;}

#header .wr {width: 100%;}
.icn:before {width: 100%; height: 2px; display: block; margin-bottom: 6px; background: var(--grad); content: '';}
.icn span {width: 100%; height: 2px; display: block; margin-bottom: 6px; background: var(--grad);}
.icn:after {width: 80%; height: 2px; display: block; margin-bottom: 0; background: var(--grad); content: ''; transition: var(--tr);}

a:hover .icn:after {width: 100%; transition: var(--tr);}
.htop, .hbot {width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center;  align-items: center; justify-content: space-between;}


#header {transition: all 300ms ease;}
#header {position: fixed; top: 0; left: 0; width: 100%;}
#header:not(.white) + #content {margin-top: 120px;}

#header.scrolled .hbot:after {box-shadow: 0 20px 20px rgb(0 0 0 / 12%); opacity: 1; }

#header.white:not(.scrolled) #logo img {filter: invert(1) brightness(9);}
#header.white:not(.scrolled) .menu > li > a, #header.white:not(.scrolled) .ph {color: var(--wbg); opacity: 0.9;}
#header.white:not(.scrolled) #menu li:hover > a, #header.white:not(.scrolled) .ph:hover {opacity: 1;}
#header.white:not(.scrolled) .ph .ico {filter: invert(1);}
#header #logo img, #header .hbot:after {transition: var(--tr);}
.menu span {position: relative; z-index: 1;}
.menu li a {padding: 0 var(--halfpad); transition: var(--tr); display: block; overflow: hidden; color: var(--dt);}
.menu li li a {padding: 0 5px;}
.menu > li > a :first-child {padding-left: 0;}
.menu > li > a :last-child {padding-right: 0;}
li.current_page_item > a, li.current-menu-item > a, li.current-post-parent > a, #menu li:hover > a, li.current-menu-ancestor > a, #footer li.current_page_item > a span, #footer li.current-menu-ancestor > a span, .single-post #menu li.about > a {color: var(--bl);}



.cblock.top .wr, .cblock.mid .wr, .cblock.bot .wr {display: block;}
.cblock.top, .cblock.mid, .cblock.bot {display: flex; flex-direction: row;  flex-wrap: wrap;}
.cblock.mid {align-items: center;}
.cblock.top {align-items: flex-start;}
.cblock.bot {align-items: flex-end;}
.cblock .wr {width: 100%;}
.btn i {color: var(--mt); font-size: 21px;}



#header.white {position: fixed; top: -200px; left: 0; transform: translateY(200px); transition: all 300ms ease; width: 100%; box-shadow: var(--shade2); }



	
.hbot .menu li .sub-menu {padding: 0;}
.menu li:hover .sub-menu, .menu li .sub-menu:hover, .menu li:hover .sub-menu-wrap, .menu li .sub-menu-wrap:hover {opacity: 1; height: auto; visibility: visible; pointer-events: all; transform: none; transition: all 300ms ease;}
	.menubtn {display: none;}
	
	.menu li .sub-menu li {margin-bottom: 3px; text-transform: none;}



	.fhold, #footer .wr {width: 100%;}
#footer {background-color: var(--dt);}
#footer * {color: var(--wbg);}
#footer .menu li a, #footer .sub-menu {padding: 0;}
#footer p a {border: 0;}
#footer .pho a {font-size: 21px; line-height: 25px;}
#ftr {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; padding-top: var(--2pad); padding-bottom: var(--2pad); }
#footer .cont {display: flex; flex-direction: row; padding: var(--2pad) 0;}
#footer .low {padding: var(--halfpad) 0; }
#footer .low div {font-size: 13px;}
#footer .cont, #footer .low {flex-basis: 100%;}
#footer .low * {z-index: 2;}
#footer .low:after {width: 400vw; left: -100vw; height: 100%; top: 0; content: ''; display: block; position: absolute; opacity: 0.45; background: #000000;;}
#footer .wr {flex-wrap: wrap; padding-top: 0; padding-bottom: 0;}
#footer .co, #footer .co a, #footer .co > div {line-height: 30px; display: flex; flex-direction: row; flex-wrap: wrap;     }

#footer .co > div:first-child {margin-bottom: 5px;}
#footer .co img {width: 30px; height: 30px; margin-right: 10px;}
#footer .co img, #footer a:hover img {transition: var(--tr); filter: invert(1);} 

#footer .co:hover img {transform: scale(1.2);}
#footer .co.lst .baton:last-child img, #footer .co.lst .baton:last-child {margin-right: 0;}



.baton {cursor: pointer; outline: 0; border: 0; display: inline-block; padding: 6px 18px; font-size: 16px; line-height: 18px; background: transparent; color: #ffffff;  transition: var(--tr); margin: 5px 10px 5px 0;}
.baton span {z-index: 2; color: inherit; transition: var(--tr); display: inline-block;}
.baton:after {background: var(--bl); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: var(--tr); display: block; content: ''; z-index: 1;}
.baton i {margin-right: 5px; font-size: 18px; line-height: 18px;}
.baton:hover:after {transition: var(--tr); transform: scale(1.05);}
.baton:hover span {transform: scale(0.95);}
.baton.blu:after {background: var(--bl); }
.baton.blk:after {background: var(--dt); }
.baton.kr:after {background: var(--kr);}
.baton.gr:after {background: var(--gr);}
.baton.gree:after {background: var(--gree);}
.baton.grad:after {background: var(--grad);}
.baton.gradtwo:after {background: var(--grad2);}
.baton.bord:after, .baton.wht:after {outline: 2px solid var(--wbg); background: transparent; margin-left: 2px;}
.baton.bord span, .baton.wht span {color: var(--wbg);}
 .baton.gr span { color: var(--dt);}
.baton.big {padding: 12px 24px; font-size:20px;}
.baton.other:after {background: var(--butcolor);}
.baton.notxt {padding: 0;}
.baton.notxt:after {display: none;}
.baton.notxt.grad:after, .baton.notxt.kr:after {display: block;}
.baton.notxt.grad, .baton.notxt.kr {padding: 10px;}
.baton.notxt img {margin: -2px 0 0 0;}
.baton.gree.notxt span img  {filter: var(--makegreen);}
.baton.blu.notxt span img  {filter: var(--makeblu);}
.baton.notxt span img {width: 30px; height: 30px;}
.baton.big.notxt span img {width: 45px; height: 45px;}
.baton + hr {margin: 0; height: 0; opacity: 0;}

.baton.wht + .baton.notxt span img, .baton.wht + .baton.notxt + .baton.notxt span img, .baton.wht + hr +.baton.notxt span img, .baton.wht + hr + .baton.notxt + .baton.notxt span img {filter: invert(1)!important; transform: scale(0.8);}

.cen .baton:first-child, .cen .baton:last-child {margin-right: 0;}

.htop > * {padding-top: 5px;}

#header #top-menu .menu > li li img {width: 21px; height: 21px; margin-top: -3px; display: inline-block; vertical-align: middle; filter: var(--makered);}


input[type="text"] {border: 2px solid var(--gr); padding: 5px; }
input[type="text"]:focus, input[type="text"]:active, input[type="text"]:focus-visible {outline: 0; border-color: var(--dt);}



.col.mid > div {align-content: center;}
.col.top > div{align-content: flex-start;}
.col.bot > div {align-content: flex-end;}
.col > div {width: 100%; height: 100%;}
.col .colbg {display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: center; width: calc(100% - (2 * var(--pad))); height: 100%; background-image: var(--cbg4); margin: 0 var(--pad); background-size: cover;}
.col .colbg > * {flex-basis: 100%; width: 100%;}

.hbot .dual .sub-menu  { width: 260px;}
body .hbot .dual li {width: 240px; z-index: 1;}
.hbot li:hover {z-index: 900;}
.hbot .sub-menu-wrap{max-height: calc(100vh - 180px); overflow-y: auto; overflow-x: hidden;}


.menu li {list-style: none;}
#header .menu {display: flex; flex-direction: row; justify-content: center; margin: 10px 0 10px 0;}
#header .mcon { width: fit-content; text-align: right; margin-top: -3px; display: flex;}
#header .ph .ico {width: 24px; height: 24px; margin-top: -3px;}
#header .ph.noan {margin-right: 10px;}

.hbot .sub-menu-wrap {position: absolute; left: -20px; top: 32px; visibility: hidden; opacity: 0; padding: var(--halfpad); width: 400px; z-index: 2; box-shadow: 0 40px 40px rgb(0 0 0 / 18%); background-color: var(--wbg); display: block; transform: translateY(30px); transition: var(--tr); z-index: 1;}
.hbot .menu > .menu-item-has-children:first-child:after {height: var(--menuh);}
.hbot .menu > .menu-item-has-children:nth-child(2):after {height: var(--menuh2);}
.hbot .menu > .menu-item-has-children:nth-child(3):after {height: var(--menuh3);}
.hbot .menu > .menu-item-has-children:nth-child(4):after {height: var(--menuh2);}
.hbot .menu > .menu-item.dual:after { width: 560px; }
.hbot .menu > .menu-item-has-children > a {z-index: 2;}
.hbot .menu > .menu-item-has-children:hover:after {visibility: visible; opacity: 1;}

body .hbot > #logo {z-index: 4;}

.hbot .sub-menu-wrap::-webkit-scrollbar, .hbot .third-level::-webkit-scrollbar, #lmenu .scroller::-webkit-scrollbar  {width: 5px;}
.hbot .sub-menu-wrap::-webkit-scrollbar-track, .hbot .third-level::-webkit-scrollbar-track, #lmenu .scroller::-webkit-scrollbar-track  {background-color: #dddddd; box-shadow: inset 0 0 0 2px #ffffff;}
.hbot .sub-menu-wrap::-webkit-scrollbar-thumb, .hbot .third-level::-webkit-scrollbar-thumb, #lmenu .scroller::-webkit-scrollbar-thumb  {background-color: #dddddd; border-radius: 99px;}

.hbot .menu .head {pointer-events: none;}
.hbot .menu .head span {font-weight: var(--bold);}




.wpcf7-form:not(.invalid) .wpcf7-not-valid-tip {display: none;}
.wpcf7-form .wpcf7-not-valid-tip {position: absolute; font-size: 10px; line-height: 12px; display: block; bottom: -9px; left: 20px;}
.wpcf7-form .inl .wpcf7-not-valid-tip {bottom: 12px;}
.wpcf7-form:not(.invalid):not(.sent):not(.spam) .wpcf7-response-output {display: none; transform: scaleY(0); transition: var(--tr);}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.spam .wpcf7-response-output, .wpcf7-form.sent .wpcf7-response-output {display: block; transform: none; transition: var(--tr);}
.wpcf7-form .wpcf7-response-output {margin: 5px 0; padding: 20px; font-size: 20px; line-height: 26px;}
.subm .wpcf7-acceptance {margin-left: 5px;}
.wpcf7-acceptance input[type="checkbox"] {margin: 0;}
.wpcf7-acceptance .wpcf7-list-item {width: 100%;}


input[type="text"], input[type="tel"] {padding: 12px 10px 12px 20px; font-size: 14px; line-height: 18px; border: 1px solid var(--dgr); margin-bottom: 10px; width: 100%;}
input::placeholder, textarea::placeholder {font-style: italic; font-size: 14px; line-height: 18px; color: var(--dt); opacity: 0.5;}
body .wpcf7 form .wpcf7-response-output {margin: var(--halfpad) 0 0 0;}

/*body .wpcf7-spinner {position: absolute; left: -10px; top: 19px; z-index: 9; margin: 0;}*/
body .wpcf7-spinner {margin: 5px 0 0 0;}
body .cblock .wpcf7-spinner {position: absolute; left: 0; top: 10px;}
body .cblock .wpcf7-spinner + .baton {margin-left: 10px;}
.wpcf7-submit {color: var(--wbg); padding: 13px; line-height: 18px; border: 0; outline: 0; background: var(--grad); font-size: 14px; cursor: pointer; transition: var(--tr);}
.wpcf7-submit:hover {transition: var(--tr); transform: scale(1.05);}
body .wpcf7-form .wpcf7-submit[disabled] {opacity: 0.4; cursor: not-allowed;}
body .wpcf7-list-item {margin: 10px 0 0 0;}
body .subm .wpcf7-list-item {margin: 0;}

input[type="checkbox"], input[type="radio"] {width: 20px; height: 20px; line-height: 20px; margin: 0 5px 0 0; appearance: none; overflow: hidden; vertical-align: middle; margin-top: -4px; cursor: pointer; display: inline-block;}
input[type="checkbox"]:before {content: url(/wp-content/uploads/svg/square.svg); width: 20px; height: 20px; position: absolute; left: -3px; top: 0px; transition: var(--tr); filter: var(--makered);}
input[type="checkbox"]:after {content: url(/wp-content/uploads/svg/check-square-solid.svg); width: 20px; height: 20px; position: absolute; left: -3px; top: 18px; transition: var(--tr); filter: var(--makegreen);}
input[type="checkbox"]:checked:before, input[type="checkbox"]:checked:after, input[type="radio"]:checked:before, input[type="radio"]:checked:after {transform: translateY(-20px);}
input[type="radio"]:before {width: 16px; height: 16px; position: absolute; left: 0; top: 0; transition: var(--tr); border: 2px solid var(--dt); border-radius: 99px; content: '';}
input[type="radio"]:after {content: url(/wp-content/uploads/svg/check-circle-solid.svg); width: 24px; height: 22px; position: absolute; left: -3px; top: 17px; transition: var(--tr); filter: var(--makegreen);}
input[type="checkbox"] + label, input[type="radio"] + label {cursor: pointer; font-size: 14px; line-height: 16px;}
input[type="checkbox"] + label, input[type="radio"] + label, input[type="checkbox"] + .wpcf7-list-item-label, input[type="radio"] + .wpcf7-list-item-label {display: inline-block; clear: none; width: calc(100% - 25px); vertical-align: middle;}
input[type="checkbox"] + .wpcf7-list-item-label, input[type="radio"] + .wpcf7-list-item-label {font-size: 12px; line-height: 12px;}
input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before {width: 30px; height: 30px; content: ''; border-radius: 99px; background: #dd3333; position: absolute; left: -28px; top: calc(50% - 15px); z-index: 1; opacity: 0.2; animation: pulz 2s infinite; display: block;}
input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after {width: 96px; height: 40px; background: transparent url(/wp-content/uploads/2025/06/must.webp) center center no-repeat; left: -17px; top: -27px; content: ''; position: absolute; display: block;}
@keyframes pulz {0% {transform: none;} 50% {transform: scale(1.3); } 100% {transform: none;}}
input[type="checkbox"] {z-index: 2;}
input[type="checkbox"] + .wpcf7-list-item-label {z-index: 1;}
.wpcf7-form-control.wpcf7-acceptance {    display: inline-block; margin-bottom: 10px;}

p a, .cblock li a, td a {text-decoration: none; border-bottom: 1px dashed;}
form p a {border-color: #9b9a9a;}
.wpcf7-text {transition: var(--tr); outline: 0;}
#order .or, #improve .or {max-width: 420px; width: 100%; margin: 0 auto; background-color: var(--wbg); padding: var(--pad);}
#order .or > *, #improve .or > * {z-index: 2;}
#order .or:after {z-index: 1; position: absolute; right: 0; bottom: calc(50% - 62px); width: 125px; height: 125px; opacity: var(--fopac); background-image: var(--fbgi); content: ''; background-size: cover;}
#order .wpcf7-text {background-color: rgb(255 255 255 / 20%); backdrop-filter: blur(1px);}
body .wpcf7-text:active, body .wpcf7-text:focus, body .wpcf7-text:focus-within {border-color: var(--bl);}
#breadcrumbs.cen {text-align: center;}
#breadcrumbs span {font-size: 12px;}
#breadcrumbs > span {color: var(--bl); opacity: 0.7;}
#breadcrumbs > span > span {color: var(--dt); opacity: 0.7;}
#breadcrumbs > span > span.breadcrumb_last {opacity: 1;}
#breadcrumbs a {border-bottom: none;}

#order .wpcf7-spinner {position: absolute; right: -26px; bottom: 9px;}

.buttons .wr.cen {text-align: center;}

body .small {font-size: 12px; line-height: 14px;}


.alignleft {display: inline-block; float: left; margin-right: 10px;}
.alignright {display: inline-block; float: right; margin-left: 10px;}
.aligncenter  {display: block; float: none; margin: 0 auto 10px auto;}


.theform .h4 + p, .wpcf7-form p + p {margin-bottom: 20px;}

.ico { display: inline-block; width: 20px; height: 20px; vertical-align: middle; transition: var(--tr); filter: var(--makeblu);}

.cblock:not(.an) {opacity: 1; transform: none; transition: var(--tr); transform-origin: center bottom;}
body div.an {opacity: 0; transform: translateY(20px); transition: var(--tr);}

.textarea .txsymb {z-index: 1; left: 0; top: 0; width: 120px; height: 120px; position: absolute; background-size: contain; background-repeat: no-repeat; opacity: 0.1;}
.mid.textarea .txsymb {top: calc(50% - 60px);}
.textarea *:not(.txsymb) {z-index: 2;}
.textarea .wr > *:last-child {margin-bottom: 0;}

.abscom {position: fixed; z-index: 10; left: 15px; padding: 5px 10px 5px 10px; box-shadow: 0 15px 30px rgb(0 0 0 / 40%);}
.abscom.impr {bottom: 65px;}

.copypost span i {font-style: normal;}
#t {width: 0; height: 0; position: absolute; left: -99999px;}
#mailhere img {width: 24px;height: 24px; filter: var(--makeblu); margin: -4px 5px 0 0; display: inline-block; vertical-align: middle;}
.abscom {bottom: 15px;}
.abscom.baton span img {float: right; margin-top: 3px; width: 16px; height: 16px;}
#callme {position: fixed; right: 0; bottom: calc(50% - 20px); z-index: 10; box-shadow: 0 15px 30px rgb(0 0 0 / 40%); margin: 0; transition: var(--tr);}
#callme.hdn {transform: translateX(100px);}

#totop img {width: 16px; height: 16px; margin: 0;}
#totop {position: fixed; z-index: 10; bottom: -45px; right: 10px; padding: 6px 10px; transition: var(--tr); box-shadow: 0 15px 30px rgb(0 0 0 / 40%);}
#totop.up {bottom: 24px;}

#fhead.h4 {font-size: 20px; line-height: 24px;}

.wpcf7-spinner + .baton span, .wpcf7-spinner + .baton + .baton span {line-height: 20px;}
.wpcf7-spinner + .baton {margin-left: 10px;}

.page-id-803 .cblock.ibox .wr {align-items: center;}

.phlnk img {filter: var(--makeblu); margin-bottom: -6px; width: 24px; height: 24px;}
.phlnk {color: var(--bl);}
p .phlnk {text-decoration: none; border-bottom: 0;}



#order .or .close.two, #improve .close.two {width: auto; height: auto; right: 0; top: 0; left: unset;}
#order .close:not(.two) img, #improve .close:not(.two) img {display: none;}
#order .or .close.two img, #improve .close.two img {width: 30px; height: 30px; filter: var(--makered);}


#cookies {position: fixed; right: 40px; bottom: 10px; width: calc(50% - 10px); padding: var(--halfpad); box-shadow: 0 0 30px rgb(0 0 0 / 15%); z-index: 12; background-color: #ffffff; transition: var(--tr); border-radius: var(--sbr);}
#cookies p {font-size: 10px; line-height: 12px; margin-bottom: 0;  display: inline-block; width: calc(100% - 100px); vertical-align: middle; }
#cookies img {filter: var(--makeblu); display: inline-block; margin-right: 5px; vertical-align: middle;}
#cookies .baton.ok {margin: 0 0 0 5px; padding: 5px; display: inline-block; vertical-align: middle; width: 50px;}
#cookies .baton.ok span {width: 100%; text-align: center;}
#cookies.ihide {transform: translateY(calc(100% + 50px));}
.page-id-796 #cookies {display: none!important;}

.mnu .wr {display: flex; gap: var(--halfpad); flex-direction: row;  flex-wrap: wrap;}
.mnu .punkt {flex-basis: calc(33.333% - 13.333px); aspect-ratio: 1; overflow: hidden; transition: var(--tr);}
.mnu .punkt .bg {width: 100%; height: auto; position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 1;}
.mnu .punkt .h2 {font-size: 15px; line-height: 19px;  color: #ffffff; font-weight: var(--bold); text-align: center;}
.mnu .ikona {filter: invert(1); width: 80px; height: 80px;}
.mnu .front, .mnu .back {aspect-ratio: 1; display: block;}
.mnu .beaut {width: 100%; height: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; z-index: 2;}
.mnu .beaut:after {background: var(--grad); opacity: 0.8; position: absolute; width: 100%; height: 100%; left: 0; top; 0; content: ''; z-index: 1; display: block;}
.mnu .beaut img, .mnu .beaut span {z-index: 2;}
.mnu .front {z-index: 1;}
.mnu .back {z-index: 2;  background: rgb(16 120 171 / 80%); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; transition: 900ms ease;}
.mnu .front {transition: 900ms ease;}
.mnu .punkt:hover .back, .mnu .punkt:focus .back {transform: translateY(-100%); transition: 900ms ease;}
.mnu .punkti {flex-basis: calc(100% - 30px - var(--pad)); padding: var(--pad) var(--halfpad); overflow: hidden; width: 100%;}
.mnu .razd {line-height: 30px; padding: 10px var(--halfpad); margin: var(--halfpad); border: 2px solid #ffffff;}
.mnu .back a {color: #ffffff;}
.mnu .punkti a {display: block; margin: 0 10px 4px 0; transition: var(--tr);}
.mnu .punkti a:hover {opacity: 0.8; transition: var(--tr);}
.mnu .scroller {overflow-y: auto; height: 100%; }
.mnu .scroller::-webkit-scrollbar {width: 3px;}
.mnu .scroller::-webkit-scrollbar-track { background-color: #ffffff; border-radius: 3px;}
.mnu .scroller::-webkit-scrollbar-thumb { background-color: var(--gree); border-radius: 3px;}
.razd, .razd span {font-size: 13px; line-height: 30px; white-space: nowrap; }
.mnu .momname {font-weight: var(--bold);}
.razd img {filter: invert(1); width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 3px; transition: var(--tr);}
.razd, .razd:hover {transition: var(--tr);}
.razd:hover {opacity: 0.8;}
.razd:hover img {transform: translateX(3px);}
.punkt.uno:hover .front, .punkt.uno:hover .back {transform: none;}
.punkt.uno .razd {color: #ffffff; padding: 10px var(--halfpad); z-index: 9; transition: var(--tr); opacity: 0; line-height: 20px; flex-basis: 20px; margin-bottom: -84px;}
.punkt.uno .razd * {color: #ffffff;}
.punkt.uno:hover .razd {transition: var(--tr); opacity: 1;}
.punkt.uno:hover .razd img {transform: translateX(3px);}

.mnubtns {width: 100%; text-align: center; justify-content: center;}
.mnubtns .baton {margin: 0 20px 20px 0;}
.mnubtns .baton:last-child {margin-right: 0;}
.mnubtns {margin-top: -20px;}
.mnu .mnubtns.wr {gap: 0;}

#footer .container {display: block;}
#footer.invis {background-image: unset;}

#btmenu .wr {width: 100%;}

.menu2, .menu2 .pkthd, .menu2 .secondpunkts a {display: flex; flex-direction: row; flex-wrap: wrap;}
.menu2 .mainpunkts {display: flex; flex-direction: row; flex-wrap: wrap;}
.menu2 .mainpunkts {flex-basis: 66.666%;}
.menu2 .secondpunkts {flex-basis: 33.333%; padding-top: 18px;}
.menu2 .punkt2 {flex-basis: 50%; padding-right: var(--halfpad); margin-bottom: var(--halfpad);}
.menu2 .skrol a {display: block;}
.menu2 .skrol {overflow-y: auto; max-height: 140px; height: 100%;}
.menu2 .skrol::-webkit-scrollbar {width: 3px;}
.menu2 .skrol::-webkit-scrollbar-track { background-color: #e1e1e1; border-radius: 3px;}
.menu2 .skrol::-webkit-scrollbar-thumb { background-color: var(--bl); border-radius: 3px;}
.menu2 .pkthd svg {flex-basis: 60px; fill: url(#my-cool-gradient) var(--bl);}
.menu2 .pkthd {flex-direction: row; flex-wrap: nowrap; align-items: center;}
.menu2 .secondpunkts a svg {flex-basis: 50px; fill: url(#my-cool-gradient) var(--bl);}
.menu2 .secondpunkts a span {flex-basis: calc(100% - 55px); margin-left: 5px;}
.menu2 .secondpunkts a {align-items: center;}
.menu2 a {transition: var(--tr); padding: 4px; line-height: 20px;}
.menu2 a:hover {transition: var(--tr); color: var(--gree);}
.menu2 a.cur {background: var(--gr);}
.mega .menu2 .punkt2.wide {flex-basis: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 0; padding: var(--halfpad) 0;}
.mega .menu2 .punkt2.wide:after {width: 200%; height: 100%; top: 0; left: -50%; display: block; position: absolute; z-index: 1; content: ''; background-color: var(--gr);}
.mega .menu2 .punkt2.wide .skrol {overflow-y: visible; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; z-index: 2;}
.mega .menu2 .punkt2.wide .pkthd {z-index: 2;}
.mega .menu2 .punkt2.wide a {padding-right: 10px;}
.mega .menu2 .punkt2.wide .cur > span {color: var(--gree); text-decoration: underline;}
.mega .menu2 .punkt2.wide .cur > span.h6 {text-decoration: none;}
.mega {position: absolute; width: 100%; height: auto; background: var(--wbg); padding: var(--halfpad) var(--pad) 0 var(--pad); opacity: 0; pointer-events: none; transform: translateY(20px); transition: var(--tr); left: 0; box-shadow: 0 40px 40px rgb(0 0 0 / 18%); z-index: 10; overflow: hidden;}
.mega.hov {opacity: 1; pointer-events: all; transform: none;}
#header:not(.scrolled) .mega {top: 120px;}
#header.scrolled .mega {top: 70px;}

.mega .pkthd a {padding: 20px 10px 20px 60px; width: calc(100% - 10px); margin-left: -60px; z-index: 1;}
.mega .pkthd svg {z-index: 2; pointer-events: none;}

.current-menu-item > a {text-decoration: underline; text-decoration-color: transparent; transition: var(--tr);}
.white:not(.scrolled) .current-menu-item > a {text-decoration-color: #ffffff;}

.low p {font-size: 10px; line-height: 12px; margin-bottom: 0; opacity: 0.7;}

.colbg.wht * {color: #ffffff;}
.colbg.wht svg {fill: #ffffff;}

.textarea ul li {list-style: none;}
.textarea ul {padding-left: 30px;}
.textarea ul li:before {content: url(/wp-content/uploads/svg/long-arrow-alt-right-solid.svg); filter: var(--makegreen); width: 20px; height: 20px; display: inline-block; left: -30px; top: 2px; position: absolute;}

#eco {position: fixed; left: 13px; bottom: calc(50% - 30px); z-index: 10; transform-origin: 0% 50%; }
#eco a {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 64px;}
#eco a span {z-index: 1; background: #ffffff; box-shadow: 0 10px 30px rgb(0 0 0 / 22%); padding: 10px; font-size: 12px; line-height: 12px; opacity: 0; transform: translateX(-10px); transition: var(--tr); white-space: nowrap; pointer-events: none;}
#eco a:hover {width: auto;}
#eco a img {z-index: 2; width: 64px; height: 58px;}
#eco a:hover span, #eco.shw a span {transform: none; opacity: 1; pointer-events: all;}
#eco.shw {animation: showsometimes 1s;}

@-moz-document url-prefix() {
.hbot .sub-menu-wrap, .hbot .third-level, #lmenu .scroller  {scrollbar-color: #dddddd #f4f4f4; scrollbar-width: thin;}
.mnu .scroller {scrollbar-color: #dddddd #f4f4f4; scrollbar-width: thin;}
.menu2 .skrol {scrollbar-color: #888888 #e1e1e1; scrollbar-width: thin;}
}

@supports (-webkit-touch-callout: none) {
.hbot .sub-menu-wrap, .hbot .third-level, #lmenu .scroller  {scrollbar-color: #dddddd #f4f4f4; scrollbar-width: thin;}
.mnu .scroller {scrollbar-color: #dddddd #f4f4f4; scrollbar-width: thin;}
.menu2 .skrol {scrollbar-color: #888888 #e1e1e1; scrollbar-width: thin;}
}

.wr.notop {padding-top: 0;}
.wr.nobot {padding-bottom: 0;}
#footer {background-size: cover;}
.baton span img {filter: invert(1); margin-left: 5px; display: inline-block; line-height: 12px; vertical-align: middle; margin-top: -4px;}

#footer .co > div {flex-basis: 100%;}
#footer .co .sm {font-size: 9px; text-transform: uppercase; display: block; position: absolute; left: 40px; bottom: -11px;}

.abscom img {animation: shevelis 1s; animation-delay: 5000ms;}
.abscom.impr img {animation: shevelis 1s; animation-delay: 4000ms;}
.ph a {color: var(--kr);}
.ph a .ico {filter: var(--makered);}
.ph.noan a {color: var(--bl);}
.ph.noan a .ico {filter: var(--makeblu);}

body > jdiv {position: relative; z-index: 11;}

@keyframes shevelis {
	0% {transform: scale(1);}
	25% {transform: scale(2) rotate(-15deg);}
	75% {transform: scale(2) rotate(15deg);}
	100% {transform: scale(1);}
}

@keyframes showsometimes {
	0% {transform: none;}
	25% {transform: rotate(-10deg);}
	50% {transform: none;}
	75% {transform: rotate(-10deg);}
	100% {transform: none;}
}

@keyframes showsometimes2 {
	0% {transform: scale(0.7);}
	25% {transform: scale(0.7) rotate(-10deg);}
	50% {transform: scale(0.7);}
	75% {transform: scale(0.7) rotate(-10deg);}
	100% {transform: scale(0.7);}
}

@keyframes bump {
	0% {transform: none; filter: none;}
	25% {transform: scale(1.1); filter: var(--makered);}
	40% {transform: none; filter: var(--makered);}
	70% {transform: scale(1.2); filter: var(--makered);}
	100% {transform: none; filter: none;}
	
}

@keyframes woo {
	0% {transform: skew(-30deg);}
	90% {transform: skew(-30deg);}
	100% {transform: skew(-30deg) translateX(110px);}
}

@keyframes move {
	0% {transform: translateX(0);}
	/*100% {transform: translateX(calc(-12.5% - 10px));}*/
	100% {transform: translateX(-12.5%);}
}

@keyframes ololo {
	0% {transform: none;}
	65% {transform: none;}
	75% {transform: translateY(-24px);}
	90% {transform: translateY(-24px);}
	100% {transform: none;}
}

@media (min-width: 1920px) {
	    
/*	#wrapper {max-width: 1920px;margin: 0 auto; box-shadow: 0 0 60px rgb(0 0 0 / 20%);}*/
}

@media (min-width: 1200px) {
	.menu2 .mainpunkts .skrol a {line-height: 20px; height: 28px}
.mobonly {display: none!important;}
.cblock {flex-basis: var(--pw); width: var(--pw);}
.cblock.mbw {flex-basis: 100%; width: 100%; }
	.ots {height: var(--pch);}
	.mnu .punkt:nth-child(1) .beaut:after, .mnu .punkt:nth-child(4) .beaut:after {background: linear-gradient(to right,#1078ab,#148692);}
	.mnu .punkt:nth-child(2) .beaut:after, .mnu .punkt:nth-child(5) .beaut:after {background: linear-gradient(to right,#148692,#1b9a6e);}
	.mnu .punkt:nth-child(3) .beaut:after, .mnu .punkt:nth-child(6) .beaut:after {background: linear-gradient(to right,#1b9a6e,#1fa855);}
	#footer .co {flex-basis: calc(33% - 40px);}
	#footer .co.lst {flex-basis: 120px;}
	#footer {background: #444444 url(/wp-content/uploads/2025/07/foot9.webp) center center no-repeat; }
	#footer .low {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
	.white:not(.scrolled) .slo {background: var(--wbg); color: var(--gree);}
	#header.white:not(.scrolled) .phold {color: var(--wbg);}
	#header.white:not(.scrolled) .hbot:after {opacity: 0;}
	#footer .co:nth-child(1), #footer .co:nth-child(3) {flex-basis: calc(25% - 40px);}
	#footer .co:nth-child(2) {justify-content: center; flex-basis: calc(50% - 40px);}
	#footer .co:nth-child(3), #footer .co.lst {justify-content: flex-end;}
	.low div, .low .baton {flex-basis: 330px;}
	.low p {padding-right: 40px;}
	.low .baton {text-align: center;}
	.bt li {font-size: 20px; line-height: 24px; margin-bottom: 5px;}
	#footer .co > span {margin-top: 3px;}
	.abscom span {font-size: 12px; width: 115px;}
	#jcont, #jvLabelWrap {margin-right: 50px;}
}

@media (max-width: 1199px) {
	body .button__NbFWA { margin-bottom: 11px !important;}
	._orientationRight__ykM7l.wrap__bVJ3L {right: 70px!important; }
	#eco {transform: scale(0.7);}
	#eco.shw {animation: showsometimes2 1s;}
	.abscom span {font-size: 10px; width: 100px;}
	.abscom {bottom: 5px;}
	.abscom.impr {bottom: 45px;}
	#footer .co {align-items: center;}
	#footer .co img + * {flex-basis: calc(100% - 40px);}
	.ph.noan {display: none;}
	#order .or .close.two {right: -20px; top: -20px;}
	#breadcrumbs {margin-bottom: var(--halfpad); line-height: 12px;}
	#breadcrumbs span {line-height: 12px;}
	.beforemarq {margin-bottom: 40px;}
	.col .colbg {background-image: var(--cbg3);}
	.low p {margin: 5px 0; font-size: 8px; line-height: 8px;}
	.menu2 .skrol:not(.mainskr) {max-height: unset; overflow-y: visible; z-index: 1;}
	.menu2 .skrol.mainskr {max-height: 100vh; padding: 60px var(--halfpad);}
	.menu2 .mainpunkts, .menu2 {display: block;}
	.menu2 .menu li a {margin-left: calc(0px - var(--halfpad));}
	.menu2 .menu .service {display: none!important;}
	.menu2 .sub-menu {padding-left: var(--pad);}
	.menu2 .skrol .secondpunkts a {display: flex; margin-left: calc(0px - var(--halfpad));}
	.menu2 .punkt2 {padding-right: 0;}
	.menu2 .punkt2 .skrol a {margin-left: calc(0px - var(--halfpad)); padding-left: var(--halfpad);}
	.halfscreen .close {z-index: 2; filter: var(--makered);}
	.mega, .mega svg {display: none!important;}
	.mnubtns {margin-top: -10px;}
	.mnubtns .baton {margin: 0 10px 10px 0;}
	.scrolled + #content {margin-top: 71px;}
	.halfscreen .menu2 {display: flex; flex-direction: column;}
	.halfscreen .menu2 .mainpunkts {order: 1;}
	.halfscreen .menu2 .secondpunkts {order: 3;}
	.halfscreen .menu2 .punkt2.wide {order: 2;}
	.halfscreen .menu2 .pkthd .cur:after {width: 200%; height: 110%; top: -5%; left: -50%; display: block; position: absolute; z-index: 1; content: ''; background-color: var(--gr);}
	.halfscreen .menu2 .pkthd .cur {z-index: 1;}
	.halfscreen .menu2 .pkthd svg, .halfscreen .menu2 .pkthd .cur span {z-index: 2;}
	#footer .low {padding: var(--pad) 0 150px 0;}
	#footer .low .baton {margin-top: 10px;}
	#footer {background: #444444 url(/wp-content/uploads/2025/07/foot10.webp) center center no-repeat; }
	#ftr .cont {display: block; padding: 20px 0 10px 0;}
	#footer .co {line-height: 18px; margin-bottom: 10px;}
	
	#footer .co.lst .baton {padding: 0; margin-left: 0;}
	.punkt.uno .razd {opacity: 1;}
	.mnu .punkt {flex-basis: calc(50% - 5px); width: calc(50% - 5px);}
	.mnu .punkt:nth-child(odd) .beaut:after {background: linear-gradient(to right,#1078ab,#18917f);}
	.mnu .punkt:nth-child(even) .beaut:after {background: linear-gradient(to right,#18917f,#1fa855);}
	.slo {font-size: 9px;}
	.phold, .slo {line-height: 24px;}
	.wpcf7 .baton.big.notxt {padding: 0; margin: 0 0 0 5px;}
	.wpcf7 .baton.big.notxt span img {width: 25px; height: 25px;}
	.wpcf7 .wpcf7-submit {font-size: 12px; padding: 13px 9px; }
	#cookies {width: 100vw; right: 0; bottom: 0;;}
#cookies p {width: 100%; display: block; }
#cookies img {display: block;}
	#cookies .baton.ok {display: block; margin: 5px 0 0 0;}
	.absph, .abscom  {left: 0; padding: 5px 10px 5px 5px;}

	.ph {font-size: 12px;}
	#logo {flex-basis: 80px;}
	#logo img {width: 80px;}
	#header.white:not(.scrolled) #logo img {filter: none;}
	#header.white:not(.scrolled) .ph .ico {filter: var(--makered);}
	#header.white:not(.scrolled) #menu li a, #header.white:not(.scrolled) .ph {opacity: 1; color: var(--dt);}
	#header .mcon {width: 205px;}
	.menubtn {width: 30px; display: block; transform: translateY(2px);}
	.cblock {order: 2;}
	.cblock.force {order: 1;}
	.baton.big {padding: 9px 14px;}
	.hbot #menu {display: none;}
	.mcon {display: flex; gap: 10px; justify-content: space-between;}
	.menubtn {display: block;}
	.htop .menu {display: none!important;}
	body #wpadminbar {display: none!important;}
.container {max-width: 780px;}
.cblock {flex-basis: var(--mw); width: var(--mw);}
.cblock.pcw {flex-basis: 100%; width: 100%;}
.nomobile {display: none!important;}
	.ots {height: var(--mh);}

	h1, .h1, h2, .h2 {font-size: 26px; line-height: 30px;}
	h3, .h3 {font-size: 22px; line-height: 28px;}
	h4, .h4 {font-size: 20px; line-height: 26px;}
	h5, .h5 {font-size: 18px; line-height: 22px;}
	h6, .h6 {font-size: 14px; line-height: 20px;}
	p, div, span, em, b, strong {font-size: 14px; line-height: 20px;}
	.bt p {font-size: 18px; line-height: 28px; }
	#eco {left: 0px;}
	#callme, #eco {bottom: 150px;}
}

@media (max-width: 710px) {
	.mnu .punkt {order: 2;}
	#header:not(.white) + #content , #content {margin-top: 79px;}
	/*.mnu .punkt:hover, .mnu .punkt:focus {flex-basis: 100%; order: 0;}*/
	.mnu .punkt:hover .front, .mnu .punkt:hover .back {transform: none;}
	.mnu .punkt.op .back {transform: translateY(-100%);}
	.mnu .punkt .front {z-index: 1;}
	.mnu .punkt .back {z-index: 2; opacity: 0; transform: translateY(-100%);}
	.mnu .punkt .back .punkti {display: none;}
	.mnu .punkt .razd, .mnu .punkt.uno:hover .razd {position: absolute; width: 100%; height: 100%; left: 0; top: 0;  margin: 0; opacity: 0;}
	.mnu .ikona {width: 45px; height: 45px; margin-bottom: 3px;}
	.mnu .punkt .h2 {font-size: 13px; line-height: 17px; hyphens: manual; padding: 0 5px;}
	
	.punkt .h6 {color: #ffffff; margin-bottom: 10px;}
	body #footer {background: #444444 url(/wp-content/uploads/2025/07/foot11.webp) center center no-repeat; }
	
	body .col .colbg {background-image: var(--cbg2);}
}

@media (min-width: 711px) {

}

@media (max-width: 600px) {
body .container {padding: 0 var(--halfpad);}
	.bt p {text-align: left;}	
	.baton:not(.absph):not(.abscom) span {font-size: 12px;}
	.baton.big span {font-size: 14px;}
	#order .or {width: 90%;}
	.baton.big.notxt {padding: 0;}
	.baton:not(.absph):not(.abscom) span {letter-spacing: -0.5px;}
	.mnubtns .baton {width: 100%; margin-right: 0; margin-bottom: var(--halfpad);}
	.mnubtns .baton span {text-align: center;}
	
}

@media (max-width: 500px) {
/*.container {max-width: 352px;}*/
	.hbot .ph .ico {width: 20px; height: 20px; margin-top: -4px;}
	.hbot .ph a {font-size: 11px;}
	body #logo {flex-basis: 70px;}
	body #logo img {width: 70px;}
	body .mcon {justify-content: flex-end;}
	.slo {margin-top: 2px;}
	#breadcrumbs span {font-size: 10px;}
	html body .col .colbg {background-image: var(--cbg1);}
	table {overflow-x: auto; max-width: 100%; width: 100%; display: block;}
}

@media (max-width: 450px) {
	html body #footer {background: #444444 url(/wp-content/uploads/2025/07/foot12.webp) center center no-repeat; }
	
}

@media (max-width: 360px) {
	.ph .phold {font-size: 12px; white-space: nowrap;}
	body .slo {font-size: 8px;}
	h1, .h1, h2, .h2 {font-size: 24px; line-height: 26px;}
	h3, .h3 {font-size: 20px; line-height: 22px;}
	h4, .h4 {font-size: 18px; line-height: 20px;}
	h5, .h5 {font-size: 16px; line-height: 18px;}
	h6, .h6 {font-size: 14px; line-height: 16px;}
	#topcontact .ph {display: none;}
	.mnu .punkt .h2 {font-size: 11px; line-height: 13px; hyphens: manual;}
	.punkt.uno .razd {opacity: 1; position: absolute; bottom: 40px; font-size: 11px;}
}

@media (max-width: 320px) {
	.h1, .h2, .h3, h1, h2, h3 {hyphens: auto;}
}