:root {
  --black-1: #555;
  --black-2:#0d0d0dd1;
  --blue-1: rgba(5, 84, 131, .5);/*#0047AB7a*/
  --gray-1: #e2e2e2;
  --gray-2: #f2efef;
  --muted: #727c93;

}
html { scroll-behavior: smooth;}
/**/
.blockTitle {}
.blockTitle>* {font-size: clamp(1rem, calc(1rem + 1vw), 2rem);padding: 10px 0; text-transform: uppercase; }

/***********************
* DEFAULT SET
***********************/
body {min-width: 280px;max-width:100%;  font: 16px 'Jost',sans-serif; color: #333;}/*SFPro*/
/*linear-gradient*/
.bgg-green {background: #357F1C;background: linear-gradient(90deg, #357F1C, #40BE01);}
.bgg-blue {/*! background-image: linear-gradient(90deg, rgba(5, 84, 131, 1) 17%, rgba(1, 127, 185, 1) 85%); *//*! background: #1425C3; */ background: linear-gradient(90deg, #1425C3, #2B5EE5); background-image: linear-gradient(90deg, rgba(5, 84, 131, 1) 17%, rgba(1, 127, 185, 1) 85%);}
.bgg-fig {background: #8C11C6;background: linear-gradient(90deg, #8C11C6, #2B5EE5);}
.bgg-wig {background: #E5E5E5;background: linear-gradient(90deg, #9d0606, #220dbb);}
/*box-shadow*/
.ts-gray-1 {text-shadow: 1px 1px 1px gray;}
/* background */
.bg-black-opt::before { content: "";  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;  top: 0;  bottom: 0;  left: 0;  right: 0;  position: absolute;  width: 100%;  height: 100%;  z-index: -1;}
.bg-gray-1 {background: var(--gray-1);}
.bg-gray-2 {background: var(--gray-2);}
.bg-black-2 {background: var(--black-2);}
.bg-white {background:white;}
.bg-toch {background-color: #71717121;  background-image: radial-gradient(circle,#f5f5f5 1px,#0000 0);  background-size: 8px 8px;}
/* border */
/* colors */
.clr-white {color:white;}

/**/
.bxs-1 {box-shadow: 0px 0px 10px -5px #595959;}
/**/
.logo-2 {color:white;font-weight: 500;text-decoration:none;}
.logo-2>span:first-child {background: var(--blue-1); padding:0 6px; border-radius:4px;font-weight: 400;text-shadow: 1px 1px 1px var(--black-1);box-shadow: -1px -1px 3px -2px #fff;font-size:1.5rem;}
.logo-2>span:last-child {padding:0 4px;font-weight: 500;text-shadow: 1px 1px 1px var(--black-1);font-size:1.8rem;}
/**/
.header {height: 100vh;  min-height:600px;  position: relative;}
.bg-itop::before {  content: "";  background: var(--blue-1);  top: 0;  bottom: 0;  left: 0;  right: 0;  position: absolute;  z-index: 1;  width: 100%;  height: 100%;  z-index: -1;}
.bg-itop {  position: absolute;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  overflow: hidden;}
.bg-itop img {   position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  transform: translateX(-50%) translateY(-50%);  object-fit: cover;}

/**/
.tg-logo {color:white; text-decoration:none;padding: 5px;max-width:160px;}
.tg-logo>div:first-child {}
.tg-logo>div:first-child img {max-width: 50px}
.tg-logo>div:last-child {line-height: 1.1;padding: 5px;}
.tg-logo>div:last-child>span {display:block;font-size: .9rem;}
.tg-logo>div:last-child>strong {display:block;font-size: 1.5rem;}
/**/
.td-menu {}
.td-menu>ul {}
.td-menu>ul>li {}
.td-menu>ul>li>a {color: white; text-decoration: none; font-size:1.1rem; font-weight: 500;padding: 5px 10px;border:1px solid  transparent; }
.td-menu>ul>li.active a,.td-menu>ul>li a:hover {border-radius: 5px; border:1px solid var(--gray-1); }


.td-contact {}
.td-contact>b {}
.td-contact>b>a {color:white; font-size:1.5rem; text-decoration: none;}
.td-contact>small {color:white;}
/**/
.h-content {}
.h-content>.row-1>h1 {font-size: clamp(16px, calc(1.5rem + 4vw), 70px);}
.h-content>.row-1>strong {font-size: clamp(16px, calc(.8rem + .5vw), 55px);text-shadow: 1px 1px 1px var(--black-1);font-weight: 500;}
.h-content>.row-1>p {font-size: clamp(16px, calc(.8rem + .3vw), 55px);text-shadow: 1px 1px 1px var(--black-1); }


.s-1 {}
.s-1 .w-25 { padding: 1.5rem;min-width:350px;display:flex!important; height:unset!important;}
.s-1 .w-25>div {padding: 1.5rem; height:100%;border-radius: .25rem;color: white;box-shadow: 0px 0px 6px -1px gray;}
.s-1 .w-25>div>div {}
.s-1 .w-25>div>div>b {text-transform:uppercase;}
.s-1 .w-25>div>div>i { transition:.3s;}
.s-1 .w-25>div>p {font-size: .9rem;}
.s-1 .w-25>div:hover div>i {transform: rotate(180deg);}

/**/
.frm {box-shadow: 0 10px 25px rgba(60,72,88,0.15);border-radius: 10px; height:100%; padding:calc(1rem + 1vw);}
.frm>.row-1 {font-size:1.2rem;padding: 5px;}
.frm>.row-1>b {}
.frm>.row-1>i {}
.frm>.row-2 {color:var(--muted);padding: 5px;}
.frm>.row-3 {padding: 5px; margin: 5px 0; border-top: 1px solid #e9ecef !important;}
.frm>.row-3>span {font-size:1.2rem;}
.frm>.row-3>a {color:var(--muted);font-size:1.2rem; text-decoration: underline dotted;}
.frm>.row-3>a:hover {text-decoration: underline;}

/*************************
* s-garants
***************************/
.bg-garant {background-image: url('../img/garant.jpg');background-size: cover;  background-repeat: no-repeat;  background-position: center;position:relative;z-index:0;}
.bg-garant::before {  content: "";  background: white;  top: 0;  bottom: 0;  left: 0;  right: 0;  position: absolute;   width: 100%;  height: 100%; opacity:.65;z-index:-1;}
.s-garants {}
.s-garants .wrap-mg {border: 1px solid var(--gray-1); padding: 2rem; border-radius:1rem;box-shadow: 0 10px 25px rgba(60,72,88,0.15);flex-wrap: wrap;}
.s-garants .wrap-mg>.item {padding: calc(.5rem + 1vw);}
.s-garants .wrap-mg>.item>b {font-size: 1.2rem;padding: 5px 0;display: block; }
.s-garants .wrap-mg>.item>p {color:#666;}
@media (max-width:999px)  {
  .s-garants .wrap-mg>.item+.item {border-top: 1px solid  var(--gray-1);}
    .s-garants .wrap-mg>.item {width: 100%;}
}
@media (min-width:1000px)  {
  .s-garants .wrap-mg>.item+.item {border-left: 1px solid  var(--gray-1); }
  .s-garants .wrap-mg>.item {width: 33%;}
}

/**/
.top-blur::before { content: "";  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;  top: 0;  bottom: 0;  left: 0;  right: 0;  position: absolute;  width: 100%;  height: 100%;  z-index: -1;transition:.3s;}
.top-blur {border: 1px solid;  backdrop-filter: blur(3px);}
.top-blur:hover:before {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
/***/
/******************************
* index-poryadok-rabot
*******************************/
.bg-img-1 {background: url('../img/sx.jpg') no-repeat center / cover; z-index: 0;}
.index-poryadok-rabot {}
.index-poryadok-rabot>.w-33 {min-width:330px;}
.index-poryadok-rabot>.w-33>div {color: white;padding: 1vw;}
.index-poryadok-rabot>.w-33>div>big {display:inline-block; font-size:4rem;font-weight:600;transition: .5s;/*text-shadow: 1px 1px 2px #0000004a;*/ -webkit-text-stroke: 1px;  -webkit-text-fill-color: transparent;}
.index-poryadok-rabot>.w-33>div>strong {display:block; padding:10px 0;}
.index-poryadok-rabot>.w-33>div>span {display:block;}
.index-poryadok-rabot>.w-33:hover big {/*transform:rotateX(190deg);*/ transform:translateX(10%);} 

/******************************
* wrapper-list
*******************************/
.wrapper-list {display: flex; flex-direction: column; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem;}
.wrapper-list>div {} /*PIN*/
.wrapper-list .item {width:100%; }
.wrapper-list .scontent {/*background: rgba(0,0,0,.3);*/overflow:hidden;padding:4rem 2rem;/* min-height:500px; height:33vh; max-height: 80vh; height: calc(100vh - 4rem * 2));*/min-height: 100vh;height: calc(100vh - 4rem * 2);}
.wrapper-list .scontent>div {}
/**/
.bg-index { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
.bg-index::before { content: ""; background: rgba(0,0,0, .25); top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1; width: 100%; height: 100%; z-index: -1;}
.bg-index>* { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; transform: translateX(-50%) translateY(-50%); object-fit: cover;}
/**/
.front-index {padding:  calc(1.2rem + 3vw);}
.front-index>.row-1 {padding: 1vw 0;}
.front-index>.row-1>b {font-size: clamp(1rem, calc(1rem + 1vw), 3rem);color:white;}
.front-index>.row-1>span {color:rgba(255,255,255,.5);}
.front-index>.row-2 {/*padding: 1vw 0; */ padding: calc(1rem + 1vw); color: white;font-size: clamp(1rem, calc(.34rem + 1vw), 2rem); border-top:1px solid white;}