/***********************
* i@spector.pw 
* 05.25 v.2
***********************/
/*
	[class^="bg-"] {}
	font-size: clamp(1rem, 2.5vw, 2rem)  --min/max fontsize--
	min(1024px, 100%)
	max(1024px, 100%)
	------------
	Ниже - растягивание блока на всю высоту или прижатие футера к подвалу + Новая единица измерения
	{display: flex;  flex-direction: column;  min-height: 100dvh;}
	{flex:1;}
*/

/***********************
* Main 
***********************/
*{padding: 0; margin: 0;box-sizing:border-box;}
/*body {font-weight: 400; font-size: 16px;  line-height: 1; min-width: 280px;max-width:100%;color: #333;}*/
img {max-width:100%;width: auto; height: auto;}
.aspect-full-16x9 {width: 100%; /*height: 100%;*/ aspect-ratio: 16/9;}

/***********************
* Font-Family 
***********************/
#ff-Montserrat {font-family: "Montserrat", sans-serif;}
#ff-Mulish {font-family: "Mulish",sans-serif;}
#ff-Raleway {font-family: 'Raleway',sans-serif;}
#ff-OpenSans {font-family: 'Open Sans',sans-serif;}
#ff-Roboto {font-family: 'Roboto', sans-serif;} 


/*******************
* loadsendform ajax
*******************/
.loading {cursor:progress; position:relative; display:block;color:gray;padding: 10px;}
.loading:before {content:''; background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0;}
.loading:after {content: '';position: absolute;top:0; left: 0; bottom: 0; right: 0; background: url('../img/loading.gif') center center no-repeat; background-size: 25px 25px;}


/***********************
* Display
***********************/
.d-flex {display:flex;}
.d-grid {display: grid;}
.d-block {display:block;}
.d-inline {display:inline;}
.d-inbl {display:inline-block;}
.d-none {display:none;}

/***********************
* Flex 
***********************/
.fx-wrap {flex-wrap:wrap;}
.fx-cc {justify-content: center;align-items: center;}
/* horizont */
.fx-jc-start {justify-content: flex-start; }
.fx-jc-end {justify-content: flex-end; }
.fx-jc-center {justify-content: center;}
.fx-jc-between {justify-content: space-between;}
.fx-jc-around {justify-content: space-around;}
/*vertical*/
.fx-ai-end {align-items: flex-end; }
.fx-ai-center {align-items: center; }
/* Otstup mejdu elementami */
.fx-gap-1 {gap: .5rem;}
.fx-gap-2 {gap: 1rem;}
.fx-gap-3 {gap: 1.5rem;}
/* nexts */
.fx-1 {flex: 1;}


/***********************
* Grid
***********************/
.gr-center {place-items: center;} /* po vsem osyam */
/* Будет создано 3 колонки:  grid-template-columns: 150px auto 40%; */
/* Будет создано 3 ряда  grid-template-rows: 250px 10vw 15rem; */
/* Занятие всего пространства на 3 колонки: grid-template-columns: 1fr 1fr 1fr;*/
/* minmax(10px, 10%) */

/***********************
* position
***********************/
.ps-absolute {position:absolute;}
.ps-inset {inset: 0;} /*L0*R0*T0*B0*/
.ps-relative {position:relative;}
.ps-sticky {position: sticky;}

/***********************
* Width size
***********************/
.w-auto {width: auto;flex: 1 0 auto;}
.w-100 {width: 100%; }
.w-98 {width: 98%;}
.w-90 {width: 90%;}
.w-80 {width: 80%;flex: 1 0 80%;}
.w-75 {width: 75%;flex: 1 0 75%;}
.w-70 {width: 70%; flex: 1 0 70%;}
.w-60 {width: 60%;flex: 1 0 60%;}
.w-50 {width: 50%;flex: 1 0 50%;}
.w-40 {width: 40%;flex: 1 0 40%;}
.w-33 {width: 33.3%;flex: 1 0 33.3%;}
.w-30 {width: 30%;flex: 1 0 30%;}
.w-25 {width: 25%;flex: 1 0 25%;}
.w-20 {width: 20%;flex: 1 0 20%;}
.w-15 {width: 15%;}
.w-10 {width: 10%;}
/**/
.w-max-1250 {max-width: 1250px;}
.w-max-1440 {max-width: 1440px;}
.w-max-1600 {max-width: 1600px;}
.w-max-1800 {max-width: 1800px;}
.w-min-100 {min-width:100px;}
.w-min-200 {min-width:200px;}
.w-min-300 {min-width:300px;}
.w-min-0 {min-width:0;}
.h-100vh {height: 100vh;}

/*overflow*/
.overflow-hidden {overflow: hidden;}
.overflow-y-hidden {overflow-y: hidden;} /*top-bottom*/
.overflow-x-hidden {overflow-x: hidden;} /*left-right*/
/*.overflow-clip {overflow: clip;}*/

/***********************
* ICO - FontAwesome
***********************/
.ico:before { margin-right:5px; text-decoration: inherit;  font-family: FontAwesome;}

/***********************
* Padding
***********************/
.p-1 {padding: .25rem;}
.p-2 {padding: .5rem;}
.p-3 {padding: 1rem;}
.p-4 {padding: 1.5rem;}
.p-5 {padding: 3rem;}
/*vertical*/
.pv-1 {padding: .25rem 0;}
.pv-2 {padding: .5rem 0;}
.pv-3 {padding: 1rem 0;}
.pv-4 {padding: 1.5rem 0;}
.pv-5 {padding: 3rem 0;}
/*horizontal*/
.pg-1 {padding: 0 .25rem;}
.pg-2 {padding: 0 .5rem;}
.pg-3 {padding: 0  1rem;}
.pg-4 {padding: 0 1.5rem;}
.pg-5 {padding: 0 3rem;}

/***********************
* Margin
***********************/
.m-1 {margin: .25rem;}
.m-2 {margin: .5rem;}
.m-3 {margin: 1rem;}
.m-4 {margin: 1.5rem;}
.m-5 {margin: 3rem;}
/*vertical*/
.mv-1 {margin: .25rem 0;}
.mv-2 {margin: .5rem 0;}
.mv-3 {margin: 1rem 0;}
.mv-4 {margin: 1.5rem 0;}
.mv-5 {margin: 3rem 0;}
/*horizontal*/
.mg-1 {margin: 0 .25rem;}
.mg-2 {margin: 0 .5rem;}
.mg-3 {margin: 0  1rem;}
.mg-4 {margin: 0 1.5rem;}
.mg-5 {margin: 0 3rem;}
/**/
.m-center {margin:0 auto;}

/***********************
* Hidden & view @media
* xs < 576px; sm ≥ 576px; md ≥ 768px; lg ≥ 992px; xl ≥ 1200px; xxl ≥ 1400px
***********************/
@media (max-width:576px)  {.view-xs {display:block;} .hidden-xs {display:none;}}
@media (min-width:576px) and (max-width:768px)  {.view-sm {display:block;} .hidden-sm {display:none;}}
@media (min-width:768px) and (max-width:992px)  {.view-md {display:block;} .hidden-md {display:none;}}
@media (min-width:992px) and (max-width:1200px)  {.view-lg {display:block;} .hidden-lg {display:none;}}
@media (min-width:1200px) and (max-width:1400px)  {.view-xl {display:block;} .hidden-xl {display:none;}}
@media (min-width:1400px)  {.view-xxl {display:block;} .hidden-xxl {display:none;}}

/***********************
* Width for size
***********************/
@media (max-width:576px)  {
	.w-xs-100 {width: 100%;}	.w-xs-98 {width: 98%;}	.w-xs-90 {width: 90%;}	.w-xs-80 {width: 80%;flex: 1 0 80%;}	.w-xs-75 {width: 75%;flex: 1 0 75%;}	.w-xs-70 {width: 70%; flex: 1 0 70%;}
	.w-xs-60 {width: 60%;flex: 1 0 60%;}	.w-xs-50 {width: 50%;flex: 1 0 50%;}	.w-xs-40 {width: 40%;flex: 1 0 40%;}	.w-xs-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-xs-30 {width: 30%;flex: 1 0 30%;}	.w-xs-25 {width: 25%;flex: 1 0 25%;}	.w-xs-20 {width: 20%;flex: 1 0 20%;}
}
@media (min-width:576px) and (max-width:768px)  {
	.w-sm-100 {width: 100%;}	.w-sm-98 {width: 98%;}	.w-sm-90 {width: 90%;}	.w-sm-80 {width: 80%;flex: 1 0 80%;}	.w-sm-75 {width: 75%;flex: 1 0 75%;}	.w-sm-70 {width: 70%; flex: 1 0 70%;}
	.w-sm-60 {width: 60%;flex: 1 0 60%;}	.w-sm-50 {width: 50%;flex: 1 0 50%;}	.w-sm-40 {width: 40%;flex: 1 0 40%;}	.w-sm-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-sm-30 {width: 30%;flex: 1 0 30%;}	.w-sm-25 {width: 25%;flex: 1 0 25%;}	.w-sm-20 {width: 20%;flex: 1 0 20%;}
}
@media (min-width:768px) and (max-width:992px)  {
	.w-md-100 {width: 100%;}	.w-md-98 {width: 98%;}	.w-md-90 {width: 90%;}	.w-md-80 {width: 80%;flex: 1 0 80%;}	.w-md-75 {width: 75%;flex: 1 0 75%;}	.w-md-70 {width: 70%; flex: 1 0 70%;}
	.w-md-60 {width: 60%;flex: 1 0 60%;}	.w-md-50 {width: 50%;flex: 1 0 50%;}	.w-md-40 {width: 40%;flex: 1 0 40%;}	.w-md-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-md-30 {width: 30%;flex: 1 0 30%;}	.w-md-25 {width: 25%;flex: 1 0 25%;}	.w-md-20 {width: 20%;flex: 1 0 20%;}
}
@media (min-width:992px) and (max-width:1200px)  {
	.w-lg-100 {width: 100%;}	.w-lg-98 {width: 98%;}	.w-lg-90 {width: 90%;}	.w-lg-80 {width: 80%;flex: 1 0 80%;}	.w-lg-75 {width: 75%;flex: 1 0 75%;}	.w-lg-70 {width: 70%; flex: 1 0 70%;}
	.w-lg-60 {width: 60%;flex: 1 0 60%;}	.w-lg-50 {width: 50%;flex: 1 0 50%;}	.w-lg-40 {width: 40%;flex: 1 0 40%;}	.w-lg-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-lg-30 {width: 30%;flex: 1 0 30%;}	.w-lg-25 {width: 25%;flex: 1 0 25%;}	.w-lg-20 {width: 20%;flex: 1 0 20%;}
}
@media (min-width:1200px) and (max-width:1400px)  {
	.w-xl-100 {width: 100%;}	.w-xl-98 {width: 98%;}	.w-xl-90 {width: 90%;}	.w-xl-80 {width: 80%;flex: 1 0 80%;}	.w-xl-75 {width: 75%;flex: 1 0 75%;}	.w-xl-70 {width: 70%; flex: 1 0 70%;}
	.w-xl-60 {width: 60%;flex: 1 0 60%;}	.w-xl-50 {width: 50%;flex: 1 0 50%;}	.w-xl-40 {width: 40%;flex: 1 0 40%;}	.w-xl-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-xl-30 {width: 30%;flex: 1 0 30%;}	.w-xl-25 {width: 25%;flex: 1 0 25%;}	.w-xl-20 {width: 20%;flex: 1 0 20%;}
}
@media (min-width:1400px)  {
	.w-xxl-100 {width: 100%;}	.w-xxl-98 {width: 98%;}	.w-xxl-90 {width: 90%;}	.w-xxl-80 {width: 80%;flex: 1 0 80%;}	.w-xxl-75 {width: 75%;flex: 1 0 75%;}	.w-xxl-70 {width: 70%; flex: 1 0 70%;}
	.w-xxl-60 {width: 60%;flex: 1 0 60%;}	.w-xxl-50 {width: 50%;flex: 1 0 50%;}	.w-xxl-40 {width: 40%;flex: 1 0 40%;}	.w-xxl-33 {width: 33.3%;flex: 1 0 33.3%;}
	.w-xxl-30 {width: 30%;flex: 1 0 30%;}	.w-xxl-25 {width: 25%;flex: 1 0 25%;}	.w-xxl-20 {width: 20%;flex: 1 0 20%;}
}

/***********************
*  Font-size / font-weight
***********************/
.fs-06 {font-size:.6rem!important;}
.fs-08 {font-size:.8rem!important;}
.fs-1 {font-size:1rem!important;}
.fs-1x2 {font-size:1.2rem!important;}
.fs-1x5 {font-size:1.5rem!important;}
.fs-2 {font-size:2rem!important;}
/**/
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}

/***********************
* img
***********************/
.img-cover {object-fit: cover;  object-position: center;}

/***********************
* ul/ol
***********************/
.list-unstyled {list-style:none;}

/***********************
* text: decoration/transform
***********************/
.text-decoration-none {text-decoration:none;}
.text-decoration-dotted {text-decoration: underline dotted;}
.text-transform-uppercase {text-transform: uppercase;}

/***********************
* text align
***********************/
.txt-right {text-align:right;}
.txt-center {text-align:center;}

/***********************
* float
***********************/
.float-left {float:left;}
.float-right {float:right;}
.float-clear {clear: left;}

/***********************
* Три точки вместо переноса
***********************/
.text-ellips {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

/***********************
* tooltip - vsplivaushaya podskazka
***********************/
/*.tooltip::after { content: attr(data-tooltip);}*/
.tooltip {position: relative; border-bottom: 1px dotted black;}
.tooltip:before { content: attr(tooltip-data); position: absolute;width: 250px;background-color: #efba93;color: #fff;text-align: center;padding: 15px;line-height: 1.1;border-radius: 5px;z-index: 1;  opacity: 0; transition: opacity .5s; bottom: 125%; left: 50%; margin-left: -60px;font-size: 0.70em; visibility: hidden;}
.tooltip:after { content: ""; position: absolute; bottom: 75%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; opacity: 0; transition: opacity .5s;  border-color: #000 transparent transparent transparent; visibility: hidden;}
.tooltip:hover:before, .tooltip:hover:after {  opacity: 1;  visibility: visible;}

/***********************
* content
***********************/
.content {color: #363636;font-family: 'Roboto', sans-serif;font-size:.9rem;}
.content p+p {padding: 5px 0;}
.content ul, .content ol {padding-left: 30px; margin: 5px 0; }
.content ul>li, .content ol>li {}
.content ul>li::marker  {color:var(--green-1);}
.content p strong {/*margin-top:10px;display:block;*/}
.content a {color: var(--red-1); text-decoration:none;}
.content a:hover {text-decoration:underline dotted var(--gray-1);}