:root {
	--dt: #09080d;
	--lt: #ffffff;
	--red: #fe6807;
	--wbg: #ffffff;
	--gr: #efefef;
	--gree: #b2e01e;
	--dgr: #888888;
	--bl: #191bdf;
	--tr: all 600ms ease; 
	--bitgr: #f5f5f5;
	--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(44deg) brightness(2.5);
	--makeblu: invert(0.5) sepia(1) saturate(100) hue-rotate(227deg) saturate(0.7) brightness(1.2);
	--makegreen: invert(0.5) sepia(1) saturate(100) hue-rotate(90deg) hue-rotate(-39deg) brightness(2.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;}

#footer .cont div, #footer li, #footer li a {overflow: hidden;}

.grecaptcha-badge {z-index: 12; right: -260px!important;}

/*article {overflow: hidden;}*/

.lazy {visibility: hidden; opacity: 0;}

h1, .h1, h2, .h2, h3, .h3, .h4, .h5, .h6  {text-transform: var(--tt); font-weight: var(--bold); margin-block-start: 0;  margin-block-end: 0; margin-bottom: var(--pad); font-family: "Unbounded", Arial, sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; display: block;}
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, #footer .pho a, #footer strong, #footer .menu li a, .baton span, #hochu span, body .wpcf7-submit {font-family: "Unbounded", Arial, sans-serif; text-transform: var(--tt);}

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

	h1, .h1, h2, .h2 {font-size: 28px; line-height: 40px;}
	h3, .h3 {font-size: 24px; line-height: 34px;}
	h4, .h4 {font-size: 22px; line-height: 28px;}
	h5, .h5 {font-size: 20px; line-height: 26px;}
	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, h1, h2, h3, h4, h5, h6 {display: block; margin-bottom: var(--halfpad);}

strong, b, .strong, .b {font-weight: var(--bold); font-family: "Unbounded", 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;}

.fullwidth .close img {width: 20px; height: 20px;}

#quiz a.close {z-index: 9;}

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: 120px; height: auto;}
#logo {flex-basis: 120px; padding: 10px 0; display: flex; align-items: center;}
#logo .slo {font-size: 11px; line-height: 11px; margin: 12px 0 0 10px; width: 75px; transition: var(--tr);}
#header.white:not(.scrolled) .slo {color: var(--wbg);}
#logo a {display: flex;}
#topcontact {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end;}
.hbot nav {flex-basis: calc(100% - 400px);}
.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: rgb(0 0 0 / 10%); 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;}

#quiz iframe {padding: 0; border: 0; width: 100%; max-width: 800px;}

.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; }
.halfscreen .close i {position: relative;right: unset; top: unset;}
.halfscreen .close i img {filter: none;}


#header .wr {width: 100%;}
.icn:before {width: 100%; height: 3px; display: block; margin-bottom: 6px; background: var(--red); content: '';}
.icn span {width: 100%; height: 3px; display: block; margin-bottom: 6px; background: var(--red);}
.icn:after {width: 70%; height: 3px; display: block; margin-bottom: 0; background: var(--red); 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.scrolled {position: fixed; top: 0; left: 0; width: 100%;}
#header.srolled:not(.white) + #content {margin-top: 65px;}

#header.scrolled .hbot:after {box-shadow: 0 20px 20px rgb(0 0 0 / 12%); opacity: 1; }
#header.white:not(.scrolled) .hbot:after {opacity: 0;}
#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.white:not(.scrolled) .sub-menu-wrap {background-color: rgb(255 255 255 / 20%); backdrop-filter: blur(5px);}
#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 var(--halfpad);}
.menu > li > a :first-child {padding-left: 0;}
.menu > li > a :last-child {padding-right: 0;}
li.current_page_item > a, #menu li:hover > a, li.current-menu-ancestor > a, #footer li.current_page_item > a span, #footer li.current-menu-ancestor > a span{color: var(--bl);}

.third-level li a span:before, .fmenu .sub-menu li a span:before {content: '—'; display: inline; position: relative; color: inherit; margin-right: 5px;}

#header .ph.new {display: flex;     align-items: center;}
#header .ph.new img {width: 36px; height: 36px; margin-right: 10px; border-radius: 99px;}


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


#footer .menu > li, #footer .menu > li a {display: block;}
	.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: column; justify-content: space-between}
.flogo {display: flex; align-items: flex-end;}
#footer .menu {margin: 0;}
#footer .menu .menu-item-has-children > a {display: none;}
#footer p {margin-bottom: 10px;}
#footer a img {width: 30px; height: 30px; margin-right: 10px;}
#footer a img, #footer a:hover img {transition: var(--tr); filter: invert(1);} 
#footer a:hover img {transform: scale(1.2);}
.fmenu > div {height: 100%;}
.fmenu .menu {display: flex; flex-direction: column; justify-content: space-around; height: 100%;}
#ftr .menu li {margin: 5px 0;}
#ftr .menu span {transition: var(--tr);}
#ftr .menu li:first-child {margin: 0 0 5px 0;}
#ftr .menu li:last-child {margin: 5px 0 0 0;}
.fmenu {margin: -7px 0;}
.cont {    margin: -3px 0 -7px 0;}
#footer .menu .menu-item-has-children {margin: 0;}
#ftr .menu li:hover a span {color: var(--bl);}

.baton {cursor: pointer; outline: 0; border: 0; display: inline-block; padding: 6px 12px; 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(--red); 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.1);}
.baton:hover span {transform: scale(0.9);}
.baton.blu:after {background: var(--bl); }
.baton.blk:after {background: var(--dt); }
.baton.wht:after {background: var(--wbg);}
.baton.gr:after {background: var(--gr);}
.baton.gree:after {background: var(--gree);}
.baton.wht span, .baton.gr span, .baton.gree span{ color: var(--dt);}
.baton.wht img, .baton.gr img, .baton.gree img {filter: none!important;}
.baton.big {padding: 12px 24px; font-size:20px;}
.baton.other:after {background: var(--butcolor);}
.baton.big.notxt {padding: 12px 16px;}
.baton.notxt {padding: 6px 9px;}
.baton.notxt img {margin: -2px 0 0 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);}

.container > .cblock.full:first-child > .wr {padding-top: 0;}

.col.mid {align-content: center;}
.col.top {align-content: flex-start;}
.col.bot {align-content: flex-end;}


.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 {margin-top: -11px;  width: 210px; text-align: right;}


.hbot .sub-menu-wrap {position: absolute; left: -20px; top: 32px; visibility: hidden; opacity: 0; padding: var(--halfpad); width: 300px; z-index: 2; box-shadow: 0 30px 30px rgb(0 0 0 / 22%); background-color: rgb(255 255 255 / 80%); backdrop-filter: blur(5px); display: block; 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);}


.ph {display: block; transform: translateY(6px);}
.ph .ico {margin-right: 2px; margin-top: -3px; height: 24px; transition: all 300ms ease;}
.ph:hover .ico {transform: scale(1.2) translateY(-10%);}

#lmenu > div {background-color: var(--wbg);  max-height: calc(100vh - 80px);}
#lmenu .scroller {overflow-y: auto;  max-height: calc(100vh - 140px);}
#lmenu .sub-menu .sub-menu {padding-left: 15px!important;}
#lmenu .sub-menu li a > span:before {position: relative; display: inline-block; width: 7px; height: 1px; background: var(--dt); content: ''; line-height: inherit; vertical-align: middle; margin-right: 3px;}
#lmenu li
#lmenu li {margin-bottom: 5px;  margin-left: -5px;}
#lmenu img {width: auto; height: 21px; display: inline-block; vertical-align: middle; margin-right: 3px; line-height: 21px; margin-top: -3px; filter: var(--makeblu);}
#lmenu li span {line-height: 21px; font-size: 14px; padding-right: 5px; background-color: var(--wbg); z-index: 2;}
#lmenu li a:after {display: none;}
#lmenu .sub-menu {padding-left: 0;}
#lmenu .sub-menu img {height: 17px;}
#lmenu .menu > li > a {padding-left: 0!important; z-index: 2;}
#lmenu li a {margin-bottom: 5px;  margin-right: 30px; overflow: visible;}
#lmenu .sub-menu li a {padding-left: 0;}
#lmenu .head > a > span {font-weight: var(--bold);}
#lmenu .menu-item-has-children > a > span:after {content: url(/wp-content/uploads/svg/plus-circle-solid.svg); display: inline-block; float: right; position: relative; width: 15px; height: 15px; text-align: right; margin-right: -28px;  margin-top: 4px; opacity: 0.5; transition:var(--tr);}
#lmenu .menu-item-has-children a {z-index: 2;}

.opn > a > span:after {transform: rotate(45deg);}


.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;}
.subm .wpcf7-acceptance {margin-left: 5px;}
.wpcf7-acceptance input[type="checkbox"] {margin: 0; opacity: 0.6; transform: scale(0.7); transform-origin: left center;}
.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(--red); 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: ''; width: 14px; height: 14px; position: absolute; left: 0; top: 0; transition: var(--tr); border: 2px solid var(--dt); border-radius: 3px;}
input[type="checkbox"]:after {content: url(/wp-content/uploads/svg/square-check.svg); width: 18px; height: 18px; position: absolute; left: 0; top: 20px; transition: var(--tr); filter: var(--makered);}
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/circle-check.svg); width: 20px; height: 20px; position: absolute; left: 0; top: 20px; transition: var(--tr); filter: var(--makered);}
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: 10px; line-height: 12px; opacity: 0.5;}


p a {text-decoration: none; border-bottom: 1px dashed;}
form p a {border-color: #9b9a9a;}
.wpcf7-text {transition: var(--tr); outline: 0;}
#order .or {max-width: 420px; width: 100%; margin: 0 auto; background-color: var(--wbg); padding: var(--pad);}
#order .or > * {z-index: 2;}
#order .or:after {z-index: 1; position: absolute; left: 0; bottom: 0; width: 125px; height: 125px; opacity: var(--fopac); background-image: var(--fbgi); content: ''; background-size: cover;}
#order .wpcf7-text {background-color: rgb(255 255 255 / 40%); backdrop-filter: blur(4px);}
body .wpcf7-text:active, body .wpcf7-text:focus, body .wpcf7-text:focus-within {border-color: var(--red);}
#breadcrumbs.cen {text-align: center;}
#breadcrumbs span {font-size: 12px;}
#breadcrumbs > span {color: var(--red);}
#breadcrumbs > span > span {color: var(--dt); }
#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;}

#hochu {position: fixed; right: 0; top: 50%; transform: translateY(-50%) translateX(calc(50% - 21px)) rotate(-90deg); width: 325px; box-shadow: 0 0 30px rgb( 0 0 0 / 20%); z-index: 10; background-color: var(--gree); transition: var(--tr);}
#hochu.hidden {transform: translateY(-50%) translateX(calc(50% + 80px)) rotate(-90deg);}
#hochu a {padding: 10px 10px 10px 20px; display: block;}
#hochu span {font-size: 14px; line-height: 20px;  }
#hochu span img {width: 16px; height: 16px; margin: 0 10px -2px 0;}

.absph, .abscom {position: fixed; z-index: 10; left: 15px; padding: 5px 10px 5px 10px; width: 140px;}
.absph span, .abscom span {font-size: 10px; width: 100%;}
.absph {bottom: 10px;}
.abscom {bottom: 60px;}
.absph.baton span img, .abscom.baton span img {float: right; margin-top: 3px; width: 16px; height: 16px;}


#totop img {width: 16px; height: 16px;}
#totop {position: fixed; z-index: 10; bottom: -25px; right: 10px; transform: rotate(-135deg); transition: var(--tr);}
#totop.up {bottom: 10px;}

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

.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: -2px;}
p .phlnk {text-decoration: none; border-bottom: 0;}
.phlnk {white-space: nowrap;}

#order .or .close.two, #quiz .close.two {width: auto; height: auto; right: 0; top: 0; left: unset;}
#quiz .close.two {right:-17px; top: -17px;}
#order .or .close.two img, #quiz .close.two img {width: 16px; height: 16px; filter: var(--makered);}

#quiz > #qweez {width: 100%;  max-width: 800px;  display: flex; flex-direction: row; align-items: center; height: auto; padding: 0; background: transparent; z-index: 12;}

#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(--makered); display: inline-block; margin-right: 5px; vertical-align: middle;}
#cookies .baton.ok {margin: 0 0 0 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;}


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

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

.wr.notop {padding-top: 0;}
.wr.nobot {padding-bottom: 0;}

.baton span img {filter: invert(1); margin-left: 5px; display: inline-block; line-height: 12px; vertical-align: middle; margin-top: -4px;}

#header .mcon .ph.phoney {display: none;}

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

@media (min-width: 1200px) {
.mobonly {display: none!important;}
.cblock {flex-basis: var(--pw); width: var(--pw);}
.cblock.mbw {flex-basis: 100%; width: 100%; }
	.ots {height: var(--pch);}
	.quiz .ft .stpcnt .mbo {display: none;}
}

@media (max-width: 1199px) {
	.menubtn .icn {display: block; width: 36px;}
	.ph.new {transform: translateY(4px);}
	.quiz .ft .stpcnt .pco {display: none;}
	#cookies {width: calc(100% - 60px);}
#cookies p {width: 100%; display: block; }
#cookies img {display: block;}
	#cookies .baton.ok {display: block; margin: 5px 0 0 0;}
	.close.two {display: none!important;}
	.absph, .abscom  {left: 0; padding: 5px 10px 5px 5px;}
	#ftr {flex-wrap: wrap; }
	#ftr .fmenu {order: 1; flex-basis: 70%; margin: 0 0 var(--halfpad) 0;}
	#ftr .flogo {order: 2; flex-basis: 30%; margin: 0 0 var(--halfpad) 0; align-items: flex-start;} 
	#ftr .flogo img {width: 100%; height: auto;}
	#ftr .cont {flex-basis: 100%; order: 3; margin: 0 0 100px 0;}
	.ph {transform: translateY(10px); 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(--makeblu);}
	#header.white:not(.scrolled) #menu li a, #header.white:not(.scrolled) .ph {opacity: 1; color: var(--dt);}
	#header .mcon {width: 200px;}
	.menubtn {width: 30px; display: block; transform: translateY(10px);}
	#quiz .close {    position: relative;  width: 100%;  height: 80px;}
	.cblock {order: 2;}
	.cblock.force {order: 1;}
	#hochu {width: auto; transform: translateY(-50%) translateX(calc(50% - 13px)) rotate(-90deg);}
	#hochu a {padding: 5px 10px}
	#hochu span {font-size: 12px;}
	#hochu span img {width: 12px; height: 12px;}
	.hbot #menu {display: none;}
	#logo .slo {displaY: none;}
	.mcon {display: flex; gap: 10px; width: 95px; 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: 22px; line-height: 28px;}
	h3, .h3 {font-size: 20px; line-height: 26px;}
	h4, .h4 {font-size: 18px; line-height: 24px;}
	h5, .h5 {font-size: 16px; 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; }
}

@media (max-width: 710px) {
	#header:not(.scrolled) {position: relative; top: unset; left: unset; transform: none;}
	#logo {transform: translateY(-4px);}
	#header .ph.new img {margin-right: 3px;}
	#header .ph.new {font-size: 11px;}
}

@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: 11px 8px;}
}

@media (max-width: 500px) {
/*.container {max-width: 352px;}*/
	.hbot .ph .ico {width: 14px; height: 14px;}
	.hbot .ph a {font-size: 11px;}
	body #logo {flex-basis: 70px;}
	body #logo img {width: 70px;}
	body .mcon {justify-content: flex-end;}
}

@media (max-width: 360px) {
	body #lmenu > div  {max-width: 200px;}
	#topcontact .ph {display: none;}
}