/*PLT.202506*/
/*PLT.202505*/

/*[INCLUDES]*/
@import url("main.popup.css");
@import url("form2.css");


:root {
--txt:#000000DE;
--title:#000000DE;
--dark:#384953;
--blue:#086CCB;
--blue-mid:#169FFE;
--blue-light:#E3F3FE; 
--grey:#EFF4F5;
--link:#086CCB;
--hover:#169FFE;
--hover-light:#E7E6F1;
--dv:#DADADA;
--font-title:'Geologica';

--shadow: 0px 2px 7px rgba(217, 219, 207, 0.28);
--shadow2:5px 5px 15px rgb(180 180 180 / 50%);
--anim:  all 0.2s ease-in-out;
--anim2: all 0.5s ease-in-out;

--url-ico-arrow:url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%20-5.24537e-07L18%206L12%2012L10.6%2010.6L14.2%207L4.37114e-07%207L6.11959e-07%205L14.2%205L10.6%201.4L12%20-5.24537e-07Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.38%22%2F%3E%3C%2Fsvg%3E');

--url-ico-arrow-hover:url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%20-5.24537e-07L18%206L12%2012L10.6%2010.6L14.2%207L4.37114e-07%207L6.11959e-07%205L14.2%205L10.6%201.4L12%20-5.24537e-07Z%22%20fill%3D%22%235D539A%22%2F%3E%3C%2Fsvg%3E');

--url-ico-x:url(
'data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.4%2019L5%2017.6L10.6%2012L5%206.4L6.4%205L12%2010.6L17.6%205L19%206.4L13.4%2012L19%2017.6L17.6%2019L12%2013.4L6.4%2019Z%22%20fill%3D%22%231D1B20%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/*[BASE]*/

BODY {
	font-family:'Noto Sans', Tahoma; font-size:16px; line-height:1.5; color:var(--txt);
	background-color:var(--grey);
	margin:0px; padding:0px;
}
BODY.mce-content-body  {background-color:#FFF; color:#111;}

BODY.--off {height:100%; overflow:hidden;}
BODY #frost-block {height:0px; width:0px; overflow:hidden;}
BODY.--off #frost-block {height:100%; width:100%; position:fixed; top:0px; left:0px; z-index:10; backdrop-filter:blur(5px);}


A {color:var(--link); text-decoration:none; transition:all 0.2s ease-in-out;}
A:hover {text-decoration:none; color:var(--hover);}

IFRAME {display:block;}
IMG {display:block;}
IMG.line {display:inline-block;}
INPUT, SELECT, TEXTAREA, BUTTON {font-family:'Noto Sans', Tahoma; font-size:16px; line-height:1.5;}

H1, .asH1 {font-family:'Geologica'; font-size:32px; line-height:40px; font-weight:bold; margin:0px 0px 24px 0px; padding:0px; display:inline-block; color:var(--dark);}
H2, .asH2 {font-family:'Geologica'; font-size:28px; line-height:36px; font-weight:normal; margin:0px 0px 24px 0px; padding:0px; color:#FFF; max-width:700px;}
H3 {font-family:'Geologica'; font-size:18px; line-height:24px; font-weight:normal; margin:0px 0px 16px 0px; padding:0px;}

.asH1 A.--back {color:var(--dark); font-size:24px; line-height:24px; font-family:'Geologica';}
.asH1 A.--back:before {content:''; width:26px; height:26px; display:inline-block; margin:4px 16px -4px 0px;
		transition:all 0.2s ease-in-out;
		background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.04163%2015.667L16.375%2025.0003L14%2027.3337L0.666626%2014.0003L14%200.666992L16.375%203.00033L7.04163%2012.3337H27.3333V15.667H7.04163Z%22%20fill%3D%22%23086CCB%22%2F%3E%3C%2Fsvg%3E');}
.asH1 A.--back:hover {color:var(--hover);}
.asH1 A.--back:hover:before {
	background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.042%2015.667%2016.375%2025%2014%2027.334.667%2014%2014%20.667%2016.375%203l-9.333%209.334h20.291v3.333z%22%20fill%3D%22%23169FFE%22%2F%3E%3C%2Fsvg%3E');}

.subH {}

.h1-block {display:flex; gap:24px; align-items:center; margin-bottom:24px;}
.h1-block H1, .h1-block .asH1 {margin:0px;}
.h1-block .more {font-family:var(--font-title); font-weight:500; font-size:20px;}

#content {padding:40px 0px 1px 0px;}
.wrapper {max-width:1180px; margin:0px auto; min-width:360px;}
.stepper {margin:0px 0px; padding:0px 0px;}
.content_white {background-color:#FFF;}
.content_white H1 {}
.content_white H2, .content_white .asH2 {}

#content-block {padding:24px; margin-bottom:40px; background-color:var(--dark); color:#FFF; 
	border-radius:8px; box-shadow:var(--shadow);}
#content-block A {color:#FFF; text-decoration:underline;}
#content-block A:hover {opacity:0.8;}

#content-white {padding:24px; margin-bottom:40px; background-color:#FFF;
	border-radius:4px; box-shadow:var(--shadow);}


/*[BTN]*/
.btn {display:inline-block; padding:16px 20px; cursor: pointer;
	background-color:var(--blue); color:#FFF; font-size:16px; line-height:1.25;
	text-decoration:none; text-align:center; border-width:0px; border-radius:4px;
	transition:all 0.2s ease-in-out;
}
.btn:hover {opacity:0.7; color:#FFF;}
.btn_light {background-color:var(--blue-light); color:var(--link)!important;}
.btn_wide {width:100%;}
.btn_small {font-size:20px; line-height:50px; padding:0px 15px;}

.btn_clean {background-color:transparent!important; color:var(--link);}
.btn_clean:hover {opacity:0.6; color:var(--link);}

.link-arrow {position:absolute; bottom:16px; right:16px; width:24px; height:24px; transition:all 0.2s ease-in-out;}
.link-arrow svg {width:24px; height:24px;}

/*[TEMPLATE]*/

/*[HEADER]*/
#header {padding:16px 0px 16px 0px; background-color:var(--dark); font-size:16px; line-height:20px; letter-spacing:0.5px; font-family:'Geologica';}
#header .container {display:flex; align-items:center; justify-content:space-between;}
#header .logo {}
#header .logo IMG {width:133px; margin-right:120px;}
#header .btn {padding:12px 16px;}
#header .button svg {width:16px; height:16px; display:block;}
#header .phone {color:#FFF;}
#header .phone A {color:#FFF;}

#mmenu {flex-grow:1;}
#mmenu .i {padding:14px 0px 11px 0px; margin:0px 12px; display:inline-block; border-bottom:3px solid transparent;}
#mmenu A {text-decoration:none; color:#FFFFFFBD; transition:all 0.2s ease-in-out; }
#mmenu A:hover {color:#FFFFFF;}
#mmenu .i.this {font-weight:normal; color:#FFF; border-color:var(--blue-mid);}
#mmenu .i.this A {}

.mobile-button {display:none; width:40px; height:40px; padding:10px 0px; margin-left:12px; text-align:center; border-radius:50%;}
.mobile-button svg {width:18px;}

/*[HOME]*/
#visual {padding:16px 0px; background-color:#EFF4F5;}
/*slider.css*/

.visual-links {display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; min-height:216px; margin-bottom:48px;}
.visual-links .__item {width:calc(25% - 16px); background-color:#FFF; display:block; position:relative;
	box-shadow: var(--shadow); border-radius: 4px;
	padding:24px 20px 20px 24px; transition:all 0.2s ease-in-out;
	color:var(--txt);
}

.visual-links .__ico {width:80px; height:80px; border-radius:40px; padding:10px 0px 0px 12px; margin-bottom:12px;
	background:none center center no-repeat var(--blue-mid); background-size:40px auto; color:#FFF;}
.visual-links .__title {font-family:var(--font-title); font-size:24px; line-height:28px; letter-spacing:0px; font-weight:600; margin-bottom:12px; color:var(--dark);}
.visual-links .__desc {color:#00000099; }
.visual-links .__text { font-size:18px; line-height:24px; letter-spacing:0.15px;}

.ico-b2-1 {background-image:url('/_img/ico/b2-1-pic.png')!important;}
.ico-b2-2 {background-image:url('/_img/ico/b2-2-pic.png')!important;}
.ico-b2-3 {background-image:url('/_img/ico/b2-3-pic.png')!important;}
.ico-b2-4 {background-image:url('/_img/ico/b2-4-pic.png')!important;}


.visual-links .__item.--off {cursor:default; }
.visual-links .__item.--off .link-arrow {display:none;}

/*.visual-links_about {height:176px;}*/

.visual-links_dealer {height:auto;}
.visual-links_dealer .__item {padding-bottom:24px;}
.visual-links_dealer .__title {font-size:16px; line-height:24px;}
.visual-links .__item.--full {flex-grow:4;}

/*[BLOCKS]*/
.text-block {margin-bottom:40px; letter-spacing:0.5px; color:#FFF; font-weight:400;}
.content_grey .text-block {color:var(--txt);}
#content-block .text-block {color:var(--txt);}

.ask-block {margin-bottom:40px; padding:40px; border-radius:4px; background-color:var(--dark);}
#content-block .ask-block  {margin-bottom:0px; margin-top:40px;}
.ask-block .container {display:flex; justify-content:space-between; align-items:center;}
.ask-block  .__text {font-size:28px; font-weight:600; line-height:1.2; color:#FFF;}
.ask-block  .__text .__sub {font-size:20px; font-weight:normal;}
.ask-block  .__button {flex-shrink:0;}

.ask-block_2 {color:#FFF;}
.ask-block_2 .__title {font-family:var(--font-title);  font-size:32px; line-height:40px; font-weight:700; margin-bottom:16px;}
.ask-block_2 .__sub { font-family:var(--font-title);  font-size:24px; line-height:28px; font-weight:600;  color:#FFFFFFBD; margin-bottom:32px;}


/*[LOGOS]*/
.logos-block {margin:40px 0px; display:flex; align-items:center; justify-content: space-between;
    flex-wrap: wrap; gap:20px;}
.logos-block A {width:180px; height:72px; text-align:center;}
.logos-block IMG {height:100%;}


/*[ABOUT]*/
.about-banner {margin-bottom:40px; background-color:#FFF; border-radius:24px; padding:24px;}
.about-banner .container {display:flex; justify-content:space-between; gap:24px;}
.about-banner .__pic {width:756px; flex-shrink:0;}
.about-banner .__pic IMG {max-width:100%; height:100%; object-fit:cover; border-radius:8px;}
.about-banner .asH2 {color:#000000DE;}
.about-banner .__block {position:relative; font-size:14px; line-height:20px; letter-spacing:0.25px;}
.about-banner._with-logo .__block {padding-bottom:80px;}
.about-banner .__block .armor-logo {position:absolute; bottom:0px; width:202px;}
.about-banner .__block .plan-t-logo {position:absolute; bottom:0px; width:112px;}

.about-banner_colored {background-color:#384953; color:#FFFFFF;}
.about-banner_colored .asH2 {color:#FFFFFF;}
.about-banner_cert {}
.about-banner_cert .__pic {width:328px; flex-shrink:0;}


/*[ADDR]*/
.city-block {font-size:14px; line-height:20px;}
.city-block-i {padding-bottom:12px; border-bottom:1px solid #0000001F; margin-bottom:12px; 
	transition:all 0.2s ease-in-out; overflow:hidden;}
.city-block-i:last-child{border-bottom-width:0px; margin-bottom:0px;}
.city-block-i .__line1 {display:flex; width:100%; justify-content:space-between; margin-bottom:8px;}
.city-block-i .title {color:var(--title); font-family:var(--font-t); font-weight:bold; font-size:18px; line-height:24px;}
.city-block-i .__line2 {display:flex; width:100%; justify-content:space-between;}
.city-block-i .addr {}
.city-block-i.--off {max-height:0px; padding:0px; border-bottom-width:0px; margin:0px;}

/*[404]*/
.page404 {text-align:center; margin:80px 0px;}
.page404 .__title {font-size:200px; font-weight:bold;}
.page404 .__text {font-size:30px; font-weight:bold;}

/*[FOOTER]*/
#footer {background-color:#E4E9EA; padding:24px 0px;
	font-size:12px; font-weight:400; line-height:16px; letter-spacing: 0.4px;
}
#footer .container {display:flex; justify-content:space-between; align-items:center;}
#footer .plant-t-logo {width:89px; display:inline-block; margin-right:24px; vertical-align:middle;}
