@charset "UTF-8";

:root, * {
	
	/*MAIN COLORS*/
	--bg-main-color: /*#000000;*/#2c2c2c;
	--bg-second-color: #000000;
	--bg-second-color-80: rgba(0,0,0, 0.8);
	
	--font-main-color: white;
	--blue-color: #208DC0;	
	
	--active-substrate-color: #000000;
	
	/*bootstrap overwrite*/
	--bs-nav-link-font-weight: 600;
	--bs-nav-link-color: #f1f1f1;
	--bs-nav-link-hover-color: /*#b5b5b5;	*/#f5deb3;
	--bs-navbar-active-color: #f5deb3;
	--bs-nav-link-padding-x: 0.6rem;
	--bs-nav-link-padding-y: 0.1rem;
	
	--bs-link-color: #f5deb3;
   --bs-link-hover-color: #208DC0;	
	--bs-dark-rgb: 0,0,0;
	
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23f5deb3' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	
	--bs-dropdown-link-active-bg: #000000;
}
.navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23f5deb3' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler.collapsed .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body, html {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	
}

body {
	background-color: var(--bg-main-color);
	color: var(--font-main-color);
	min-height: 100vh;
	overflow-x: hidden;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	font-family: Arial;
	letter-spacing: 0.02em;
	font-style: normal ;
	font-weight: 600 ;	
}
h1, .h1 {    
    font-size: 56px ;
    
	 line-height: 67px ;
	 margin-bottom: .6em;
}
h2, .h2 {
	font-size: 42px ;
   
	line-height: 1.1em;
	margin-bottom: .6em;
}
h3, .h3 {
	font-size: 28px;
	
	line-height: 1.2em;
}
h4, .h4 {
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 0;
}
@media (max-width: 991.98px) {
	h1, .h1 {		font-size: 41px; line-height: 1.2em;	}
	h2, .h2 {		font-size: 28px; line-height: 1.2em;	}
	h3, .h3 {		font-size: 22px; line-height: 1.2em;	}
	h4, .h4 {		font-size: 18px; line-height: 1.2em;	}
}

@media (max-width: 575.98px) {
	h1, .h1 {		font-size: 30px; line-height: 1.2em;	}
	h2, .h2 {		font-size: 22px; line-height: 1.2em;	}
	h3, .h3 {		font-size: 20px; line-height: 1.2em;	}
	h4, .h4 {		font-size: 16px; line-height: 1.2em;	}
}
@media (max-width: 1320px) {
	.container {
		width: 100%;
		max-width: 1320px;
	}
}
content p + h2, content p + .h2,
content ul + h2, content ul + .h2 {
	margin-top: 1.5em;
}
content p + h3, content p + .h3,
content p + h4, content p + .h4,
content ul + h3, content ul + .h3,
content ul + h4, content ul + .h4 {
	margin-top: 1.3em;
}

.clean {
	text-decoration: inherit;
	color: inherit;
	background: unset;
}
.clean:hover {
	color: inherit;
	text-decoration: inherit;
	background: unset;
}

strong {
	font-weight: 600;
}
.text-sm {
	font-size: 0.9em;
	line-height: 1.1em;
}

.dark {
	position: relative;
}
.dark, .dark > * {
	color: white;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.container-wider {
	max-width: 2560px;
	width: 100%;
	margin: auto;
}

.image_block img {
	object-fit: contain;
	object-position: center;
	height: 100%;
	width: 100%;
}

.full_screen {
	width: 100vw;
	height: 100vh;
}
.rel {
	position: relative;
	z-index: 0;
}
.abs {
	position: absolute;
	z-index: 0;
}
.abs.right {
	right: 0;
}
.abs.left {
	left: 0;
}
.static {
	position: static;
}
.wrapper {	
	z-index: 0;
}
.bg {
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bg .bg_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.bg_transparent {
	background-color: transparent!important;
}

.wide_block {
	position: relative;
	width: 100vw;
	width: calc(100vw - var(--default-scrollbar-size));
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
	/*max-width: 1920px;*/
}

.w-fit {
	width: fit-content!important;
}

@media (max-width: 2560px) and (min-width: 1400px) {
	.wide_block {
		width: 100vw;		
		left: 0;
		right: 0;
		transform: none;
	}
	.container .wide_block {
		left: 50%;
		right: 50%;
		transform: translateX(-50%);
	}	
}

.wp-block-image .alignleft {
	margin: 0.5em 2em 1em 0;
	max-width: 45vw;
}
.wp-block-image .alignright {
	margin: 0.5em 0 1em 2em;
	max-width: 45vw;
}
.wp-block-image.spec_img figure {
    min-width: 50%;
    text-align: center;
}

@media (max-width: 500px) {
	.wp-block-image.spec_img figure {
		min-width: 100%;
	}
	.wp-block-image.spec_img .alignright,
	.wp-block-image.spec_img .alignleft {
		margin: 0.5em 0 2em 0;
	}
}
/*
* enable animations
*
*/
.fade {
	transition:opacity 0.15s linear;
}
.collapsing {
	transition:height 0.25s ease-in;
}
.custom-switch .custom-control-label::after {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out;
}
.custom-range::-webkit-slider-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.custom-range::-moz-range-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.custom-range::-ms-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.custom-control-label::before,.custom-file-label,.custom-select {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.badge {
	transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.progress-bar {
	transition:width 0.6s ease;
}
.progress-bar-animated {
	-webkit-animation:progress-bar-stripes 1s linear infinite;
	animation:progress-bar-stripes 1s linear infinite;
}
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
	transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;
}
.carousel-item {
	transition:-webkit-transform 0.6s ease-in-out;
	transition:transform 0.6s ease-in-out;
	transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
}
.carousel-fade .carousel-item {
    transition-property: opacity;
	 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: 0s 0.6s opacity;
}

.carousel-control-prev,.carousel-control-next {
	transition:opacity 0.15s ease;
}
.carousel-indicators li {
	transition:opacity 0.6s ease;
}
.carousel-indicators [data-bs-target] {
	transition: opacity .6s ease;
}
.form-control {
	transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.btn {
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.trans_break, .trans_break * {
	transition: none !important;
}

/*****enable animations end*****/
.nav-link.active {
	text-decoration: underline;
}

#navLang .nav-link {	
	border-radius: 1rem;
}
	#navLang .nav-link.active {
		background-color: gray;
		color: var(--active-substrate-color);
		text-decoration: none;
	}

.menu-item .sub-menu {
	max-width: 100%;
}
.navbar-expand-lg .dropdown-item {
	white-space: pre-wrap;
}
.navbar-expand-md .dropdown-item {
	white-space: pre-wrap;
}
	
@media (max-width: 991.98px)	{
	.navbar-expand-lg .mobile_wrapper {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.navbar-expand-lg .menusContainer {
		text-align: center;
		width: 100%;
	}
	.navbar-expand-lg .dropdown-item {
		white-space: pre-wrap;
	}
}

@media (max-width: 767.98px)	{
	.navbar-expand-md .mobile_wrapper {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.navbar-expand-md .menusContainer {
		text-align: center;
		width: 100%;
	}
	
	.navbar-expand-md .dropdown-item {
		white-space: pre-wrap;
	}
	
	.min-vh-mob-100 {
		min-height: 100vh;
	}
	
}



.banner-main .caption{
	background: var(--bg-second-color-80);
	padding: 1.6rem 2.4rem;
	border-radius: 1.5rem;
	
}
	.banner-main .caption .title {
		font-size: 0.8em; font-weight: normal;
	}
	.banner-main .caption .big-title {
		font-size: 1.2em; line-height: 1.2em; font-weight: normal;
	}
.banner-main .container {
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
}


.site_grid {
	--site-grid-cols:4;
	--site-grid-padding-x:0.625em;
	display: flex;
	flex-wrap: wrap;
	/*margin: 0 -0.625em;
	margin: 0 calc( -1 * var(--site-grid-padding-x) );*/
	padding: 8.232px;
	padding: 0 calc(calc(var(--bs-gutter-x) * .5) - var(--site-grid-padding-x))!important;
	
}
	.site_grid.grid3 {
		--site-grid-cols:3;
	}
	.site_grid.grid4 {
		--site-grid-cols:4;
	}
	.site_grid.grid5 {
		--site-grid-cols:5;
	}
	.site_grid.grid6 {
		--site-grid-cols:6;
	}
	.site_grid .site_cell {
		flex: 1 0 25%;
		flex: 1 0 calc( 100% / var(--site-grid-cols) );
		box-sizing: border-box;
		max-width: 25%;
		max-width: calc( 100% / var(--site-grid-cols) );
		padding: 0.625em;
		padding: var(--site-grid-padding-x);
		position: relative;
	}
	.site_grid .site_cell .item {
		position: relative;
		display: block;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 0.5rem;
		overflow: hidden;
		justify-content: center;
		align-items: center;
		transition: 0.15s ease-in-out;
		height: 100%;
	}
	.site_grid .site_cell .item.dark {
		color: white;
	}
	.site_grid .site_cell .item .mount {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; /*Подложка под ссылку, удобно, если не хотим стилизовать ссылки отдельно*/
	}
	.site_grid .site_cell .item .info, .over_bgfilter {
		position: relative;
		z-index: 20;
	}
	.background_filter {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		background-color: rgba(255,255,255,0.4);
		z-index: 10;
	}
	.dark .background_filter {
		background-color: rgba(0,0,0,0.4);
	}
	.site_grid:not(#vendors) .site_cell:hover .item:hover {
		/*margin-top:-2px;
		margin-right:-2px;
		margin-left:2px;
		margin-bottom:2px;
		transition: 0.15s ease-in-out;*/
	}
	.site_grid:not(#vendors) .site_cell:hover {
		/*padding: 0!important;
		transition: 0.15s ease-in-out;*/
	}
	.site_grid:not(#vendors) .site_cell:hover .item:hover {
		/*transform: scale(1.07);*/
		transition: 0.15s ease-in-out;
	}

		
	@media (max-width: 1399.98px) {
		.site_grid {
			--site-grid-padding-x: 0.715vw;
		}
		
	}
	@media (max-width: 1199.98px) {
		.site_grid.grid5-lg .site_cell {
			--site-grid-cols:5;
		}
	}
	@media (max-width: 991.98px) {		
		.site_grid.grid4-md .site_cell {
			--site-grid-cols:4;
		}
	}

	@media (max-width: 767.98px) {

		.site_grid .site_cell{
			--site-grid-cols:3;
		}

		.site_grid {
			--site-grid-padding-x: 0.95vw;
			padding: 0!important;
			margin-left: calc(var(--bs-gutter-x) * -0.5);
			margin-right: calc(var(--bs-gutter-x) * -0.5);
		}
		
		.site_grid.grid3-sm .site_cell{
			--site-grid-cols:3;
		}
		.site_grid.grid2-sm .site_cell{
			--site-grid-cols:2;
		}
		
	}
	@media (max-width: 575.98px) {
		.site_grid .site_cell{
			--site-grid-cols:3;
		}		
	}
	.centrized_limited_container {
		max-width: 600px!important;
		margin-left: auto;
		margin-right: auto;
	}
	#advantages .site_cell .item {
		background: transparent;
	}
	
		#advantages .site_cell .cell_content {
			text-align: center;
		}
			#advantages .site_cell .cell_content img{
				height: 80px;
			}
			#advantages .site_cell .cell_content .text{
				font-weight: normal;
			}
#partners .site_grid {
	justify-content: center;
}		
	#partners .site_cell .cell_content {
		height: 200px;
		padding: 10px;
		max-height: var(--partenrs-cell-width);
	}
		#partners .site_cell .cell_content .icon {
			height: 100%;
		}
			#partners .site_cell .cell_content .icon img {
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: center;
			}
#primary_activities	{}
	#primary_activities .activity {
		padding: calc(0.5 * var(--bs-gutter-x));
	}
	#primary_activities .activity .wrapper {
		height: 350px; 
		padding: 0 1em 0 0;
	}
	
	#primary_activities .activity	.title {
		text-align: center;
		position: relative;
		width: fit-content;
		top: 1em;
		margin: 0;
		background-color: rgba(49, 60, 57, 0.74);
		padding: 0.5em 1em 0.5em 1em;
		border-top-right-radius: 2em;
		border-bottom-right-radius: 2em;
		text-shadow: 1px 1px 2px black;	
	}
		#primary_activities .activity	.title .h3 {
			font-weight: normal;
		}
	#primary_activities .activity	.link_text {
		position: absolute;
		bottom: 0.5em;
		right: 1em;
		text-shadow: 1px 1px 2px black;	
	}
	
	.wrapper_link {		
		transform: translate(0px,0px);
		display: block;
	}
		.wrapper_link, .wrapper_link .link_text {
			transition: 0.1s ease-out;
		}
		
	.wrapper_link:hover {
		transform: translate(3px,-3px);
		color: var(--bs-nav-link-hover-color);
	}
	/*.wrapper_link:hover .link_text {
		color: var(--bs-nav-link-hover-color);
	}*/
	
