/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/pt-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/pt-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



.none-pointer-events{
  pointer-events: none;
}
.relative {

	position:relative;

}

.absolute {

	position:absolute;
}

.fixed {
	position:fixed;
}

.top0 {
	top:0;
}

.z-99{

	z-index: 99;
}

.z-100{

	z-index: 100;
}

.z-layer-4{

	z-index: 40000 !important;
}

.w-30{

	width:30px;
}

.w-40{

	width:40px;
}
.w-50p{

	width:50px;
}
.w-60{

	width:60px;
}

.w-70{

	width:70px;
}
.w-80{

	width:80px;
}
.w-90{
	width:90px;
}

.w-120{

	width:120px;
}

.w-150{

	width:150px;
}

.w-200{

	width:200px;
}

.w-300{

	width:300px;
}

.w-5per{

	width:5%;
}

.w-10per{

	width:10%;
}
.w-15per{

	width:15%;
}
.w-18per{

	width:18%;
}
.w-20per{

	width:20%;
}
.w-25per{

	width:25%;
}

.w-30per{

	width:30%;
}
.w-35per{

	width:35%;
}
.w-40per{

	width:40%;
}
.w-45per{

	width:45%;
}
.w-47per{

	width:47%;
}
.w-49per{

	width:49%;
}
.w-50per{

	width:50%;
}
.w-53per{

	width:53%;
}
.w-55per{

	width:55%;
}
.w-60per{
	width:60%;
}
.w-80per{
	width:80%;
}
.w-90per{
	width:90%;
}
.w-95per{
	width:95%;
}
.w-98per{
	width:98%;
}
.w-100per{
	width:100%;
}

.w-100vw{

	width:100vw;
}
.h-20 {
	height:20px;
}
.h-30 {
	height:30px;
}

.h-40 {
	height:40px;
}
.h-50p {
	height:50px;
}
.h-60 {
	height:60px;
}
.h-110 {
	height:110px;
}
.h-100 {
	height:100px;
}


.h-150 {
	height:150px;
}

.h-200 {
	height:200px;
}

.h-100per {

	height:100%;
}

.minh-50 {

	min-height: 50px;
}
.minh-90 {

	min-height: 90px;
}

.minh-135 {

	min-height: 135px;
}

.maxh-60 {

	max-height: 60px;
}

/*margins*/

.mt-80{

	margin-top:80px;
}


.mt-50{

	margin-top:50px;
}
.mt-60{

	margin-top:60px;
}
.mt-40{

	margin-top:40px;
}
.mt-30{

	margin-top:30px!important;
}

.mt-20{

	margin-top:20px;
}
.mt-10{

	margin-top:10px;
}
.mr-2p{
	margin-right:2px;
}
.mr-3p{
	margin-right:3px;
}
.mr-5p{
	margin-right:5px;
}
.mr-10{
	margin-right:10px!important;
}
.mr-20{
	margin-right:20px;
}
.mr-30{
	margin-right:30px;
}
.mr-40{
	margin-right:40px;
}
.mr-50{
	
	margin-right:50px;
}
.mr-60{
	margin-right:60px;
}
.mr-80{
	margin-right:80px;
}
.mr-100{
	margin-right:100px;
}
.mr-200{
	margin-right:200px;
}

.ml-10{
	margin-left:10px;
}
.ml-15{
	margin-left:15px;
}
.ml-20{
	
	margin-left:20px;
}
.ml-30{
	
	margin-left:30px;
}
.ml-40{
	
	margin-left:40px;
}
.ml-50{
	
	margin-left:50px;
}
.ml-60{
	
	margin-left:60px;
}

.ml-90{
	margin-left:90px;
}

.mb-3p{
	margin-bottom:3px;
}
.mb-5p{
	margin-bottom:5px;
}


.mb-10{
	margin-bottom:10px!important;
}

.mb-20{
	margin-bottom:20px;
}

.mb-30{
	margin-bottom:30px;
}

.mb-40{
	margin-bottom:40px;
}

.mb-50{
	margin-bottom:50px;
}
.mb-60{
	margin-bottom:60px;
}

.pt-5p{
	padding-top: 5px;
}
.pt-5{
	padding-top: 5px;
}
.pt-20{
	padding-top: 20px;
}

.pt-40{
	padding-top: 40px;
}
.pb-5p{
	padding-bottom: 5px;
}
.pb-10{
	padding-bottom: 10px;
}

.pb-20{
	padding-bottom: 20px;
}

.pb-30{
	padding-bottom: 30px;
}

.pb-40{
	padding-bottom: 40px;
}



.pd-0-5 {

   padding: 0 5px;

}

.pd-0-20 {

   padding: 0 20px;

}

.pd-20-0 {

   padding: 20px 0;

}

.pd-3-5 {

	padding: 3px 5px;

}

.pd-2-6 {

   padding: 2px 6px;

}
.pd-2-0 {

   padding: 2px 0;

}

.pd-2-2 {

	padding: 2px;

}

.pd-5p {

	padding: 5px;

}

.pd-10p {
	padding: 10px;
}

.pl-2p{
	
	padding-left:2px;

}

.pl-5p{
	
	padding-left:5px;

}
.pl-10p{

	padding-left:10px;

}

.pr-5p{
	
	padding-right:5px;

}
.pl-15p{
	padding-left:15px;
}
.pl-20{

	padding-left:20px;
}
.pl-30{

	padding-left:30px;
}

.pl-50{

	padding-left:50px;
}
.pl-60{

	padding-left:60px;
}
.pl-70{

	padding-left:70px;
}
.pr-10p{
	padding-right:10px;
}

.pr-15p{
	padding-right:15px;
}
.pr-20{

	padding-right:20px;
}
.pr-30{

	padding-right:30px;
}
.pr-40{

	padding-right:40px;
}
.pr-60{

	padding-right:60px;
}
.pr-50{

	padding-right:50px;
}
.pr-5p{

	padding-right:5px;
}
/*squares*/


.sq-20 {

	width:20px;
	height: 20px;
}

/*    flex  */

.flex-standart{

	display:flex;
	justify-content: center;
	align-items: center;

}

.grow{
	
	flex-grow: 1;
}


.stretch{

	align-items: stretch !important;

}

.justify-start{
	justify-content: flex-start !important;
}

.justify-center{
	justify-content: center;
}
.justify-end{
	justify-content: flex-end !important;
}
.justify-between{
	justify-content: space-between !important;
}
.justify-around{
	justify-content: space-around !important;
}
.aligh-end{

	align-items: flex-end !important;
}
.align-start{

	align-items: flex-start !important;
}
.align-center{

	align-items: center !important;
}

/* overflow */
.overfy-auto{

    overflow-y: auto;
}

.overfy-scroll{

    overflow-y: scroll;
}
.overfy-visible{

    overflow-y: visible;
}

.overfy-default{

    overflow-y: default;
}

.overfy-hidden{

 	overflow-y: hidden;	
}
/* borders */

.border-box{

	box-sizing: border-box;
}

.border-right{

	border-right:1px solid #dddddd;

}

.border-top{

	border-top:1px solid #dddddd;

}

.border-bottom{

	border-bottom:1px solid #dddddd;

}
.border-3-4{

	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;


}
.border-l{

	border-left:1px solid;

}

.border-r{

	border-right:1px solid;

}

.border-b{

	border-bottom:1px solid;

}

.border-t{

	border-top:1px solid;

}
.bordered{

	border:1px solid #dddddd ;
}

.b-rad-2 {

	border-radius: 2px;
}

.b-rad-4 {

	border-radius: 4px;
}

.glass-bordered{

	border-left:1px solid ;
	border-right:1px solid ;
	border-bottom:1px solid ;
	border-top:3px solid;
}

.tape-5{

	width:100%;
	height:5px;

}
.tape-3{

	width:100%;
	height:3px;

}
.tape-2{

	width:100%;
	height:2px;

}

/* info labels */

.pecker{
	
	position: absolute;
	bottom: calc(100% + 10px);
	left:0;
	padding: 10px;
	border-radius: 4px;
	background: white;

}

.pecker::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 20px; bottom: -20px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-top: 10px solid white; /* Добавляем треугольник */
}

.pecker-SkyBlue{
	
	background: var(--SkyBlue)!important;

}



.pecker-SkyBlue::after{

 	border-top: 10px solid var(--SkyBlue)!important; /* Добавляем треугольник */

}

.pecker-LightSalmon{
	
	background: var(--LightSalmon)!important;
	
}



.pecker-LightSalmon::after{

 	border-top: 10px solid var(--LightSalmon)!important; /* Добавляем треугольник */

}


/*colors*/

*{

	--blueprint: #0570fb;
	--border: #dddddd;
	--grey:#f1f1f1f1;
	--danger:#dc3545;
	--success:#28a745;

	

	--Black:#000000;
	--Grey:#808080;
	--DarkSlateGray:#2F4F4F;
	--LightGrey:#a8a8a8;

	--LightestGrey: #A8A8A8A1;

	--DarkGreen:#006400;
	--MediumBlue:#0000CD;
	--SaddleBrown:#8B4513;
	--SkyBlue:#87CEEB;
	--SlateBlue:#6A5ACD;
	--DarkRed:#8B0000;
	--DarkOrange:#FF8C00;
	--Navy:#000080;
	--DarkKhaki:#BDB76B;
	--LightGreen:#90EE90;
	--Plum:#DDA0DD;
	--MediumAquamarine:#66CDAA;
	--SandyBrown:#F4A460;
	--LightSalmon:#FFA07A;
	--Aquamarine:#7FFFD4;
	--PichPuff:#FFDAB9;
	--Tomato:#FF6347;
}

.svg-green svg{

	fill: #64991e;
}

.svg-standart svg{

	fill:#808080;
}

.border-blueprint{

	border-color:var(--blueprint);
}
.border-LightGrey{

	border-color:var(--LightGrey);
}

.border-LightestGrey{

	border-color:var(--LightestGrey);
}

.border-DarkGreen{

	border-color:var(--DarkGreen);
}



.border-border{

	border-color:var(--border);
}

.color-Grey{

	color:var(--Grey);
}

.color-white{

	color:white;
}
.color-blueprint{

	color:var(--blueprint)!important;
}

.color-darkslategrey{

	color:var(--DarkSlateGray);
}
.color-black{

	color:var(--Black);
}

.color-Tomato{

	color:var(--Tomato)!important;
}
.color-SkyBlue{

	color:var(--SkyBlue);
}
.color-Plum{

	color:var(--Plum);
}

.color-MediumAquamarine{

	color:var(--MediumAquamarine);
}
.color-Aquamarine{

	color:var(--Aquamarine);
}
.color-DarkKhaki{

	color:var(--DarkKhaki);
}
.color-LightSalmon{

	color:var(--LightSalmon);
}

.color-DarkOrange{

	color:var(--DarkOrange)!important;
}

.color-danger{

	color:var(--danger);
}

.color-green{

	color:var(--success)!important;
}

.border-Tomato{

	border-color:var(--Tomato);
}

.border-Grey{
	border-color:var(--Grey);
}

.border-SkyBlue{
	border-color:var(--SkyBlue);
}

.border-blueprint{
	border-color: var(--blueprint);
}

.border-Plum{
	border-color:var(--Plum);
}

.border-MediumAquamarine{

	border-color:var(--MediumAquamarine);
}
.border-Aquamarine{

	border-color:var(--Aquamarine);
}
.border-DarkKhaki{

	border-color:var(--DarkKhaki);
}
.border-LightSalmon{

	color:var(--LightSalmon);
}
/*['Tomato','SkyBlue','Plum','MediumAquamarine','Aquamarine', 'DarkKhaki','LightSalmon'];*/
.DarkGreen{

	background: var(--DarkGreen);
}

.LightGreen{

	background: var(--LightGreen);
}

.LightGrey{

	background: var(--LightGrey);
}

.LightestGrey{
	background: var(--LightestGrey);
}





.SkyBlue{

	background: var(--SkyBlue);
}

.Plum{

	background: var(--Plum);
}

.Tomato{

	background: var(--Tomato);
}

.DarkKhaki{

	background: var(--DarkKhaki);
}

.MediumAquamarine{

	background: var(--MediumAquamarine);
}

.Aquamarine{

	background: var(--Aquamarine);
}

.SandyBrown{

	background: var(--SandyBrown);
}

.LightSalmon{

	background: var(--LightSalmon);

}
.PichPuff{

	background: var(--PichPuff);

}

.F1{

	background: var(--grey);
}

.blueprint{

	background: var(--blueprint);
}


.White{

	background: white;
}

.salmon-cross svg{

	fill:var(--LightSalmon);
}



/*----------------------------*/


.invisible{

	display:none;
}

.unvisible{

	display:none!important;
}

.visible-flex{

	display:flex;
}

/*  buttons    */

.hover-pointer:hover{

	cursor:pointer;
}


.button-com {
    
    display: flex ;
    justify-content: center;
    align-items: center;

	position: relative;    
    font-weight: 700;
    
    background: transparent;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
}

.button-com:hover{

	cursor: pointer;

}


.button-blueprint{

	color: var(--blueprint);
	border: 2px solid var(--blueprint);

}
.button-blueprint:hover{

	background-color: var(--blueprint);
	color: white;
}  

.button-danger{

	color: var(--danger);
	border: 2px solid var(--danger);

}
.button-danger:hover{

	background-color: var(--danger);
	color: white;
}  
.fs-12 {

	font-size: 12px!important;

}

.fs-14 {

	font-size: 14px!important;

}

.fs-15 {

	font-size: 15px;

}

.fs-16 {

	font-size: 16px;

}

.fs-18 {
	font-size: 18px;
}

.fs-20 {

	font-size: 20px;

}

.fs-25 {

	font-size: 25px;

}



.y-scroll-hidden{

    overflow-y: hidden!important;
}


/*alex*/
/*действия*/
.banElement{
	pointer-events: none;
}
.active_link{
	color:var(--blueprint)!important;
	text-decoration: underline!important;
	cursor: pointer;
}

.arrow_link{
	color:var(--blueprint)!important;
}

.real_link{
	cursor:pointer;
	color:var(--blueprint)!important;
}

.real_link:hover{
	text-decoration: underline!important;
}

.newCommentTextBlock{
	height: 20px;
	overflow: hidden;
}

.nsearch{
	position: relative;
}
.nsearch_input{
	border: 1px solid #dddddd;
	padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	outline: none;
}
.nsearch_plus{
	color: #808080;
	position: absolute;
	top: calc(50% - 6.5px);
	left: 7px;
	font-size: 13px;
}

.btn_not_click{
	background: none;
	border: none!important;
	color: red;
	pointer-events: none;
	box-shadow: none!important;
}

.form__error {
	border: 1px solid red !important;
}

.form__error::-webkit-input-placeholder {
	color: red !important;
}

.form__error::-moz-input-placeholder {
	color: red !important;
}

.form__error:-moz-input-placeholder {
	color: red !important;
}

.form__error:-ms-input-placeholder {
	color: red !important;
}

/*картинки*/

.image{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.pointer{
	cursor: pointer;
}


.imgprep{
	width: 100%;
}

.imgprep__ico {
	cursor: pointer;
	transition: 1s; /* Время эффекта */
}
.imgprep__ico:hover {
	transform: scale(8.0); /* Увеличиваем масштаб */
}

/*расстояние*/
.h-100px{
	height: 100px;
}

/*отступы*/

.mt-10px{
	margin-top:10px!important;
}

.pd-5-0 {
	padding: 5px 0;
}

.pd-10-0 {
	padding: 10px 0;
}

.pd-10-20 {
	padding: 10px 20px;
}

.pd-10-10 {
	padding: 10px 10px;
}
.pd-20-0 {
   padding: 20px 0;

}
.pd-20-5 {
	padding: 20px 5px;

}
.pt-20p{
	padding-top: 20px;
}
.pb-20p{
	padding-bottom: 20px;
}
.m-10{
	margin: 10px;
}
.m-20{
	margin: 20px;
}
.mt-3p{
	margin-top:3px;
}
.mt-5p{
	margin-top:5px;
}
.mr-15{
	margin-right:15px;
}
.mr-20{
	margin-right:20px;
}
.mr-30{
	margin-right:30px;
}
.mb-0p{
	margin-bottom: 0px;
}
.ml-5p{
	margin-left:5px;
}
.mb-260{
	margin-bottom:260px;
}
/*Шрифты*/

.fw100{
	font-weight:100;
}

.fw400{
	font-weight:400;
}

.fw700{
	font-weight:700;
}

.fs-13 {
	font-size: 13px;
	line-height: 13px;
}

.fs-16 {
	font-size: 16px;
	line-height: 16px;
}

.fs-18 {
	font-size: 18px;
	line-height: 18px;
}

.fz-13 {
	font-size: 13px;
}

.fs-11 {
	font-size: 11px;
}

.fs-10 {
	font-size: 10px;
}

.fs-9 {
	font-size: 9px;
}

/*ободок*/
.border-tb{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.border-tblr1{
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: none;
	border-color:var(--LightGrey);
}
.border-tblr2{
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-bottom: none;
	border-color:var(--LightGrey);
}

/*flex*/

.justify-around{
	justify-content: space-around;
}

.tabs{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20px;
	border-bottom: 1px solid #DDDDDD;
}

.tabs__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
	width: 160px;
	margin-right: 30px;
}

.tabs__btn_active {
	border-bottom: 2px solid #13A2FF;
}

.tabs__text{
}

.tabs__block{
	display: flex;
	align-items: center;
	justify-content: center;
}

.tabs__icon{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

/*Upload img*/

.upl_img_inpt {
	color: transparent;
	width: 100px;
	height: 26px;
	margin: 0;
}
.upl_img_inpt::-webkit-file-upload-button {
	visibility: hidden;
}
.upl_img_inpt::before {
	content: 'Select img';
	display: flex;
	color: #1c303e;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	align-items: center;
	justify-content: center;
	font-size: 12px;
	text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: .5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
	outline: none;
	cursor: pointer;
}
.upl_img_inpt:hover::before {
	border-color: #b7b7b7;
}
.upl_img_inpt:active {
	outline: 0;
}
.upl_img_inpt:active::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
}

.dropMenuLine{
	width: 100%;
	height: 1px;
	background: #b7b7b7;
}



/*------------------------------------------------------------------*/

.elite_hint i{
	font-size: 12px;
	color: #afaeaef1;
}

	/* START TOOLTIP STYLES */
[uptooltip] {
	position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[uptooltip]::before,
[uptooltip]::after {
	text-transform: none;
	font-size: 12px;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[uptooltip]::before {
	content: '';
	border: 5px solid transparent;
	z-index: 1001;
}
[uptooltip]::after {
	content: attr(uptooltip);
	text-align: center;
	min-width: 200px;
	max-width: 200px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0);
	background: #0052CB;
	color: #fff;
	z-index: 1000;
}

[uptooltip]:hover::before,
[uptooltip]:hover::after {
	display: block;
}

[uptooltip='']::before,
[uptooltip='']::after {
	display: none !important;
}

/* FLOW: UP */
[uptooltip]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #0052CB;
}
[uptooltip]::after {
	bottom: calc(100% + 5px);
}
[uptooltip]::before,
[uptooltip]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
	to {
		opacity: .9;
		transform: translate(-50%, 0);
	}
}

/* FX All The Things */
[uptooltip]:hover::before,
[uptooltip]:hover::after{
	animation: tooltips-vert 300ms ease-out forwards;
}


/** media */

@media print {

	@page {size: landscape}

}

/** hints **/

.hint-text-left { 
	text-align:left;
}

.hint-intent-25 {

	text-indent: 25px;
}

.hint-margin-bottom {

	margin-bottom: 0 !important;
}

.hint-p {

	text-align:left;
	text-indent: 25px;
	margin-bottom: 0 !important;

}