/*#region FONT*/
@font-face {
	font-family: "Montserrat"; 
	src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat"; 
	src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat"; 
	src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}
/*#endregion*/

/* #region defalt */
@font-face {
	font-family: "Roboto"; 
	src: url('../fonts/Roboto/roboto-regular.ttf');
	font-weight: 500;
	font-style: normal;

}

html {
	font-size: var(--wrap-font);
}
body {
	user-select: none; 
	--card-border-radius: 70px;
	--group-bg-color: #F7F7F7;
	padding: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	position: relative;

	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	color: #333333;

}
body::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar { 
	display: none; 
}

*::-webkit-scrollbar {
	width: var(--scrollbar-width);
}
*::-webkit-scrollbar-track {
	border-radius: var(--scrollbar-radius);
	background-color: var(--scrollbar-track-color);
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);
}
*::-webkit-scrollbar-thumb {
	border-radius: var(--scrollbar-radius);
	background-color:  var(--scrollbar-thumb-color);
}
.crop-text-1,
.crop-text-2,
.crop-text-3,
.crop-text-4,
.crop-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.crop-text-1 {-webkit-line-clamp: 1;}
.crop-text-2 {-webkit-line-clamp: 2;}
.crop-text-3 {-webkit-line-clamp: 3;}
.crop-text-4 {-webkit-line-clamp: 4;}
p {
	margin-top: 0;
	margin-bottom: 10px;
}
h1 {
	position: relative;
	font-family: Montserrat;
	font-style: normal;
	display: flex;
	font-weight: 600;
	font-size: 26px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #213f8f;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
	width: 1044px;
	justify-content: center;
}
h2 {
	display: flex;
	font-weight: 600;
	font-size: 24px;
}
h3 {
	display: flex;
	font-weight: 600;
	font-size: 22px;
}
h6 {
	font-weight: 800;
	font-size: 20px;
	line-height: 27px;
	color: #2C2C33;
	text-transform: uppercase;
	text-align: center;
}
a:active,
a:link,
a:visited {
	color: #000;
	text-decoration: none;
}
img {
	vertical-align: unset;
}
button, 
button:active, 
button:focus,
a {
	border: none;
	outline: none;
}
button:focus {
	transform: scale(0.95);
} 
.contain {
	width: 100%;
	padding-left: 98px;
	padding-right: 98px;
}
.wrap {
	display: flex;
	width: var(--wrap-width);
	height: var(--wrap-height);
/*	background: var(--wrap-background);*/
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	/*margin-top: -55px;*/
}
.wrap.wrap-horizontal {
	flex-direction: row;
}
.wrap.wrap-vertical {
	flex-direction: column;
}
.border-wrap:hover,
.border-wrap-section:hover,
button:hover {
	transform: scale(0.99);
}
button.slick-prev:hover,
button.slick-next:hover {
	transform: translate(0, -50%);
}
.group {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex-grow: 1;
	position: relative;
	background: url(/local/templates/stand_V/img/section_background.png) no-repeat right bottom / cover;

}
.group > div[id*="comp_"] {
	/* height: calc(100% - 123px); */
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.contain.main {
	overflow-y: auto;
	flex-grow: 1;
	padding-bottom: 10px;
	margin-top: 10px;
}
.section-description p,
.element-description p,
.contain main p,
.slider-description p {
	text-indent: 1.5em;
} 
.element-description.crop-text-4 {
	margin-bottom: 5px;
}
.element-description.crop-text-4::after {
	display: block;
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	/* height: 1px; */
	/* box-shadow: 0px -10px 20px 20px var(--group-bg-color); */
	height: 25%;
	backdrop-filter: blur(2px);
}
.description-more {
	cursor: pointer;
	z-index: 5;
	position: relative;
}
.description-more > span {
	background: linear-gradient(252.93deg, rgba(0,115,42, 0.25) 5.48%, #FFFFFF 46.85%, rgba(0,115,42, 0.25) 95.75%);
	color: #213f8f;
	padding: 5px 15px;
	border-radius: 50px;
	font-weight: 800;
	font-size: 18px;
	line-height: 24px;
	
}
.section-description,
.element-description {
	position: relative;
	/* -webkit-line-clamp: inherit; */
	text-align: justify;
	word-break: break-word;
	margin-top: 20px;
}
.section-description img,
.element-description img {
	margin: 10px;
	max-width: 90%;
	height: auto;
	object-fit: contain;
}

.section-description a:active, .section-description a:link, .section-description a:visited,
.element-description a:active, .element-description a:link, .element-description a:visited{
    color: #213f8f;
    text-decoration: underline;
}
/* #endregion */

/* #region BUTTON*/
.nav-button {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	overflow: initial;
	padding-top: 55px;
	/* padding-bottom: 35px; */

}
.nav-section.nav-button {
	padding-top: 30px;
}
/* .nav-button .border-wrap {
	 padding: 7px; 
	border-radius:	var(--card-border-radius);
	filter: drop-shadow(0px 20px 20px rgba(150, 138, 114, 0.25));
	background: linear-gradient(218.8deg, #ECECEC 35.83%, #B4B4B4 59.83%, #FFFFFF 77.71%);
	overflow: hidden; 
}*/
.nav-button .card-button {
	background: -webkit-linear-gradient(top, #CCCCCC 0%, #424954 100%);
	filter: drop-shadow(0px 10px 10px rgba(150, 138, 114, 0.25));
    border-radius: 10px;
	border: none;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
  
  
}
.nav-button .card-title {
	margin-bottom: 0;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 26px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	overflow: hidden;
	padding: 20px 20px;
	flex-grow: 1;

}
.nav-button.default .card-title {
/*	background: linear-gradient(126.81deg, rgba(223, 223, 223, 0.28) -36.15%, rgba(255, 255, 255, 0.85) 85.41%);*/
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-button.map-button {
	display: none;
	
	
}
.square-button.default .card-title > span {
	-webkit-line-clamp: 7;
}

.nav-button.square-button {
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: -45px;
	margin-right: -45px;
}
/*.nav-button .nav-section .catalog-button .default {
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: -45px;
	margin-right: -45px;
}*/
.square-button .card-button {
	width: 290px;
	height: 210px;
	margin: 15px;
}

.catalog-button .card-button {
	width: 400px;
	height: 250px;
	margin: 0 12px 30px;
	border-radius: 0px;
}
.catalog-button .card-button {
	/*border-radius: 20px;*/
	background: none!important;
	flex-direction: row;
	filter: none;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
	padding-bottom: 80px;
	height: 330px;
}
.catalog-button .card-image {
	position: relative;
	width: 400px;
	height: 100%;
	background: url(../img/default_card-button_img.png) no-repeat center / cover;
	flex-shrink: 0;
}
.nav-button.catalog-button .card-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 400px;
	height: 80px;
	background: linear-gradient(252.93deg, #dae0f0 5.48%, #FFFFFF 46.85%, #dae0f0 95.75%);
    display: flex;
	justify-content: space-between;
	padding: 15px;
	align-items: flex-start;
}
.catalog-button .card-title > span {
	-webkit-line-clamp: 3;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	/* or 18px */
	font-feature-settings: 'tnum' on, 'lnum' on;
	color: #000000;

}
.catalog-button .card-info {
	width: 110px;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;

}
.catalog-button .card-info > .info-price {
	text-align: right;
	display: flex;
	margin-top: 35px;
}
.catalog-button .card-info > .info-price > .info-price-val {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: nowrap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	display: flex;
	align-items: flex-end;
	text-align: right;
	text-indent: 20px;
	font-feature-settings: 'tnum' on, 'lnum' on;
	color: #000000;
}
/*.catalog-button .card-info > .info-count > .info-count-val {
	font-size: 32px;
	line-height: 39px;
	background: #E00B12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight: bold;
	text-shadow: none;
	margin-left: 5px;
}*/
/*.catalog-button .card-info > .info-price::after {
	content: '';
	display: inline-block;
	width: 39px;
	height: 43px;
	background: url(../img/price-icon.png) no-repeat center / contain;
	margin-left: 5px;
	flex-shrink: 0;
}*/
/*.catalog-button .card-info > .info-count::after {
	content: '';
	display: inline-block;
	width: 54px;
	height: 37px;
	background: url(../img/count-icon.png) no-repeat center / contain;
	margin-left: 5px;
}*/

.square-button.type-1 .card-title {
	text-align: right;
	width: 100%;
	padding: 60px 20px 0;
}
.square-button.type-1 .card-title > span {
	-webkit-line-clamp: 5;
}
.square-button.type-1 .icon-wrap {
	width: 80px;
	height: 78px;
	position: absolute;
	bottom: 35px;
	left: 25px;
	display: flex;
	align-items: flex-end;
	
}
.square-button.type-1 svg path,
.rectangular-button.type-1 svg path {
	fill: url(#my-cool-gradient);
	filter: url(#innershadow);
}

.rectangular-button .card-button {
	width: 1050px;
	height: 120px;
	margin: 0 115px 30px;
	background: -webkit-linear-gradient(top, #CCCCCC 0%, #424954 100%);
}
.rectangular-button .card-title {
	padding: 17px 90px;
	display: flex;
	align-items: center;
	/* text-transform: uppercase; */
}
.rectangular-button .card-title > span {
	-webkit-line-clamp: 6;
}
.rectangular-button.type-1 .icon-wrap {
	width: 80px;
	height: 78px;
	position: absolute;
	bottom: 44px;
	left: 40px;
	display: flex;
	align-items: flex-end;
}

.circular-button .card-button {
	border: 3px solid #CB717D;
	box-sizing: border-box;
	filter: drop-shadow(2px 11px 16px rgba(100, 105, 108, 0.24));
	border-radius: 272px;
	display: flex;
	overflow: visible;
	background: none;
	max-width: 315px;
	width: 315px;
	height: 286px;
	margin: 0 10px 20px;
}
.nav-button.circular-button .card-title {
	background: #FF5D5D;
	box-shadow: 2px 11px 16px rgb(100 105 108 / 24%);
	border-radius: 0px 270px 270px 270px;
	margin: 16px 18px;
	width: 100%;
	color: white;
	position: relative;
	font-size: 26px;
	line-height: 30px;
	font-family: 'Montserrat', sans-serif;
}
.nav-button.circular-button .card-title span {
	z-index: 1;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nav-button.circular-button .card-title .icon-wrap {
	position: absolute;
	left: 17px;
	bottom: 40px;
	width: 188px!important;
	height: 184px!important;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* #endregion */


/* #region SECTION-ELEMENT*/
.section-element {
	padding-bottom: 30px;
	/* padding-top: 10px; */
	overflow-x: hidden;
	overflow-y: auto;
	/* letter-spacing: 0.02em; */
	/* min-height: calc(95% - 125px); */
	height: 100%;
}
/* #endregion */

/* #region MODAL-FORM*/
.modal-dialog {
	/* margin-top: 788px; */
	/* width: 960px; */
	margin-top: 70px;
	min-width: 1250px;
    max-width: 1250px;
    margin-left: 555px;
}
.fade {
	opacity: 1;
}
.modal .modal-header {
	padding: 22px 80px;
	justify-content: center;
}
.modal .modal-header > h5 {
	font-weight: bold;
	font-size: 26px;
	line-height: 35px;
	text-transform: uppercase;
	color: #333333;
	text-align: center;
}

.modal .modal-content {
	max-height: 800px;
	border-radius: 0px;
	border: none;
}
.modal .modal-body {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	min-height: 519px;
	max-height: 900px;
	color: #333333;
}
.modal-dialog-scrollable .modal-content {
	overflow-y: auto;
}
.modal button.close {
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 1;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	right: 15px;
	top: 10px;
	background: url(../img/icon-close.svg) no-repeat center, linear-gradient(252.93deg, #dae0f0 5.48%, #FFFFFF 46.85%, #dae0f0 95.75%);

	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
/*.modal button.close span {
	width: 14px;
	height: 14px;
	background: url(../img/modal_close.svg) no-repeat center;
}*/
.modal button.close path {
	fill: #213f8f;
}
 /*.modal-backdrop {
	background-color: rgba(254, 254, 254, 0.8);
}*/
.modal-backdrop.show {
	display: none;
	opacity: 0;
} 
#myModal .modal-body {
	padding: 0 82px;
}
/* #endregion */

/* #region TABLE */
table {
	/* border-left: 0; */
	/* border-right: 0; */
	/* font-weight: 500; */
	/* font-size: 16px;
	line-height: 19px; */
	word-break: initial;
	border-color: #E5E5E5;
}
table.vertical-top td {
	vertical-align: top;
}
table blockquote {
	margin: 0 1rem;
}
table p {
	text-indent: unset!important;
}
table td {
	/* border-color: #E5E5E5; */
	/* border: 2px solid #3986C8; */
	/* box-shadow: 0px 4px 6px #BEA88E; */
	vertical-align: middle;
	padding: 8px;
}
table img {
	max-width: unset!important;
	margin: auto!important;
}
/* table tr > td:first-child {
	border-left: 0;
}
table tr > td:last-child {
	border-right: 0;
} */
/* #endregion */

.developer {
	position: absolute;
	right: 10px;
	bottom: 800px;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	position: absolute;
	transform: rotate(-90deg);
	transform-origin: right bottom;
	width: 400px;
	perspective: 1000px;
	z-index: 1;

}

.svg-filter {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	max-width: 0;
}
.bx-composite-btn,
.bx-btn-red,
.bx-btn-border,
.bx-composite-btn-fixed{ display:none!important; }



.bx-breadcrumb {
	padding: 84px 218px 30px;
}
.bx-breadcrumb a.left button{
    margin-right: 10px;
    position: absolute;
    top: 25px;
    right: 121px;
	background: linear-gradient(252.93deg, #dae0f0 5.48%, #FFFFFF 46.85%, #dae0f0 95.75%);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
    box-sizing: border-box;
    width: 160px;
    height: 50px;
    font-family: Montserrat;
    font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	justify-content: center;
	color: #213f8f;
}

.bx-breadcrumb a.right button{
	margin-left: 10px;
    position: absolute;
    top: 25px;
    right: 30px;
    background:  url(../img/back.svg) no-repeat center, linear-gradient(252.93deg, #dae0f0 5.48%, #FFFFFF 46.85%, #dae0f0 95.75%);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-sizing: border-box;
     width: 80px;
    height: 50px;
}
