@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
	width: 100vw;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	line-height: 1.3;
	overflow-x: hidden;
	color: #1D1D1B;
}
body > * {
    overflow-x: hidden;
}
body.overflow-hidden {
    overflow: hidden !important;
}
.justify-content-evenly {
	-ms-flex-pack: justify !important;
	justify-content: space-evenly !important;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-weight: bold;
	margin-bottom: 30px;
	z-index: 2;
}
h1 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 40px;
}
h2 {
	font-size: 50px;
	line-height: 59px;
}
h3 {
	font-size: 40px;
	line-height: 45px;
}
h4 {
	font-size: 35px;
	line-height: 41px;
}
h5 {
	font-size: 25px;
	line-height: 29px;
}
h6 {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.important {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
img {
    max-width: 100%;
}
img[src=""] {
	width: 100%;
	background: url(../img/img_bg.svg) no-repeat center;
	background-size: 320px;
	background-color: #EBF0F9;
}
.img_title {
	display: block;
	margin-top: 20px;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	color: #797979;
}
p {
    margin-bottom: 25px;
}
a {
	color: inherit;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
p > a {
	color: #0072BA;
}
a * {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover {
	text-decoration: none;
	color: #00B8ED;
}
a:hover svg path {
	fill: #00B8ED;
}
button {
    outline: none !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
button * {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
button:hover {
	color: #00B8ED;
}
button:hover svg path {
	fill: #00B8ED;
	stroke: #00B8ED;
}
input[type=text],
input[type=email],
input[type=tel] {
	height: 62px;
	width: 100%;
	padding: 0 24px;
	border: 1px solid #EBEBEB;
	box-shadow: none;
	outline: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
	border-color: rgba(0, 184, 237, 0.54);
}
input.error {
	border-color: rgba(227, 80, 80, 0.34);
	color: #E35151;
}
input.error ~ label {
	color: #E35151 !important;
}
.input {
	position: relative;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
}
.input:last-child {
    margin-bottom: 0;
}
.input input {
	padding-top: 9px;
}
.input label {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	margin: 0;
}
.input input:checked ~ label,
/* .input input:valid ~ label, */
.input input:focus ~ label {
	top: 9px;
	bottom: auto;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #797979;
}
.js-material-input.active input ~ label, .js-material-input.active textarea ~ label  {
	top: 9px;
	bottom: auto;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #797979;
}
.input .required {
	position: absolute;
	right: 20px;
	top: 5px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #0072BA;
}
textarea {
	width: 100%;
	min-height: 114px;
	padding: 20px 24px;
	border: 1px solid #EBEBEB;
	box-shadow: none;
	outline: none;
	font-size: 18px;
	line-height: 24px;
}
.textarea:last-child {
    margin-bottom: 0;
}
.textarea {
	position: relative;
	margin-bottom: 10px;
}
.textarea label {
	position: absolute;
	top: 20px;
	left: 24px;
	right: 24px;
	display: flex;
	align-items: center;
	margin: 0;
}
.textarea textarea:checked ~ label,
/* .textarea textarea:valid ~ label, */
.textarea textarea:focus ~ label {
	top: 9px;
	bottom: auto;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #797979;
}
.checkbox {
	font-size: 12px;
	line-height: 18px;
}
.checkbox label:hover {
	cursor: pointer;
}
.checkbox input {
	display: none;
}
.checkbox input ~ span {
	position: relative;
	display: block;
	padding-left: 40px;
}
.checkbox input ~ span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background: #FFFFFF;
	border: 1px solid #E6EAF2;
}
.checkbox input ~ span::after {
	content: "";
	position: absolute;
	top: 9px;
	left: 8px;
	width: 0px;
	height: 0px;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transform: rotate(-45deg);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.checkbox input:checked ~ span::after {
	width: 9px;
	height: 5px;
	border-color: #0072BA;
}
ul {
	padding-left: 25px;
}
ul ul {
	margin: 20px 0 0;
}
ul.checkmark {
	list-style: none;
}
ul.checkmark li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
ul.checkmark li::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	width: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 6.16L5.89189 10L14 2' stroke='%2300B8ED' stroke-width='4'/%3e%3c/svg%3e ");
	background-position: left;
	background-repeat: no-repeat;
}
ul.checkmark.square {
	padding-left: 40px;
}
ul.checkmark.square li {
	position: relative;
	min-height: 33px;
	margin-bottom: 8px;
	padding: 5px 0;
}
ul.checkmark.square li::before {
	bottom: auto;
	left: -40px;
	width: 33px;
	height: 33px;
	border-radius: 100%;
	background-position: center;
	background-color: #F1F6F9;
}
ul.checkmark.square.white li::before {
	background-color: #FFFFFF;
}
ol {
	padding: 0;
	counter-reset: myCounter;
}
ol li {
	display: flex;
	min-height: 46px;
	margin-bottom: 20px;
	padding: 0;
}
ol li::before {
	counter-increment: myCounter;
	content:counter(myCounter);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	border-radius: 100%;
	background-color: #00B8ED;
	font-size: 18px;
	line-height: 21px;
	color: #FFFFFF;
}
table {
	width: 100%;
}
table th {
	padding: 0 0 20px;
	font-weight: bold;
}
table tr {
	border-top: 2px solid #E3ECF1;
}
table thead tr {
    border: none;
}
table td {
	padding: 20px 0;
}
table .blue {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #0072BA
}
.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background: #00B8ED;
	color: #ffffff;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;
	outline: none !important;
}
.btn:hover {
	color: #ffffff;
	background: #0095C0;
}
.wrapper {
	padding: 60px 0 100px;
}
.logo img {
	max-width: 100%;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
	width: 67px;
	height: 67px;
	background: #F6F6F6 !important;
	border-radius: 100%;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.owl-nav button.owl-prev {
	margin-right: 15px;
}
.owl-carousel .owl-dots:not(.disabled) {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 8px;
	width: 100%;
	margin: 30px auto 0;
	flex-wrap: wrap;

}
.owl-carousel .owl-dots button.owl-dot {
    flex: 0 0 8px;
	height: 8px;
	margin: 0 10px;
	background: #E8E8E8;
	margin-bottom: 10px;

}
.owl-carousel .owl-dots button.owl-dot.active {
    background: #0098F5;
}
.form_button {
	margin-top: 30px;
}
.form_button .captcha {
	margin: 0 auto 20px;
}
.form_button .btn {
	width: 100%;
}
header {
	position: relative;
	height: 78px;
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, #2B3A51 0%, #192230 100%);
	box-shadow: 0px 4px 15px rgba(39, 108, 151, 0.1);
	overflow: visible;
	z-index: 10;
}
header .navbar {
    height: 78px;
    padding: 0;
}
header .navbar > * {
    height: 100%;
}
.mobile_menu.collapsing {
	height: 0%;
}

header .navbar-dark .navbar-toggler {
	padding: 18px 18px 18px 0;
	width: 60px;
	border: none;
	border-right: 2px solid #E8E8E8;
	border-radius: 0;
}
header .navbar-dark .navbar-toggler svg {
	overflow: visible;
}

header .navbar-dark .navbar-toggler:not(.collapsed) svg rect:nth-of-type(1){
	transform: rotate(45deg);
	transform-origin: 2px 2px;
}
header .navbar-dark .navbar-toggler:not(.collapsed) svg rect:nth-of-type(2){
	display: none;
}
header .navbar-dark .navbar-toggler:not(.collapsed) svg rect:nth-of-type(3){
	transform: rotate(-45deg);
	transform-origin: 2px 13px;
}
header .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.header_menu  {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	padding: 0 30px;
}
.main-menu__container {
	display: flex;
    align-items: center;
}
.header_menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	padding: 0 30px;
}
header .nav-item {
	height: 100%;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #1D1D1B;
	height: 78px;
}
header .nav-item.gray {
	display: flex;
	font-weight: 600;
	font-size: 16px;
	/* text-transform: uppercase; */
	color: #5C5C59;
	margin-left: 12.5px;
}
header .nav-item .nav-link {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 12.5px;
}
header .nav-item.gray .nav-link {
	padding: 2px 10px 0;
}
.header_menu > .nav-item.nav-parent > .header_submenu {
	position: absolute;
	top: 78px;
	left: 0;
	right: 0;
	visibility: hidden;
	height: calc(100vh - 78px);
	padding: 0;
	background: #fff;
	/* box-shadow: 0px 4px 15px rgba(39, 108, 151, 0.1); */
	z-index: 10;
	opacity: 0;
}

.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	height: 100%;
	padding: 40px 0 75px;
	margin-right: -15px;
	padding-right: 15px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
	opacity: 0;
}
.header_menu > .nav-item.nav-parent.active > .header_submenu .header_submenu_overflow {
	opacity: 1;

	visibility: visible;

}
.header_submenu_close {
	position: absolute;
	top: 52px;
	right: -55px;
	width: 24px;
	height: 24px;
	z-index: 3;
}
.header_menu > .nav-item.nav-parent.active > .header_submenu {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	display: block;
	opacity: 1;
	visibility: visible;

}
.header_menu > .nav-item.nav-parent.not_hover:hover > .header_submenu {

display: none;
		-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.header_menu > .nav-item.nav-parent > .header_submenu::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: -50vw;
	right: -50vw;
	width: 100vw;
	background: #fff;
	margin: auto;
	z-index: 1;

}
.header_menu > .nav-item.nav-parent > .header_submenu::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 0 0 calc(33.333% - 30px);
	max-width: calc(33.333333% - 30px);
	height: auto;
	margin-right: 30px;
	margin-bottom: 45px;
	font-size: 20px;
	line-height: 23px;

}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item > .nav-link {
	position: relative;
	width: 100%;
	height: 73px;
	padding: 10px 55px 10px 70px;
	margin-bottom: 20px;
	border-bottom: 2px solid #00B8ED;
}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item .nav-link > img{
	position: absolute;
	left: 0;
}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item .header_submenu {
	display: flex;
	flex-wrap: wrap;
}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item .header_submenu > .nav-item  {
	height: auto;
}
.header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow > .nav-item .header_submenu .nav-link {
	height: 28px;
	padding: 0 7.5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 70px;
	background: #EDF2F9;
	font-size: 13px;
	font-weight: normal;
}
.mobile_menu .nav-link {
	position: relative;
}
.mobile_menu  .nav-item  .nav-link {
	width: 100%;
    height: 55px;
	padding: 0 10px;
	font-size: 18px;
	line-height: 21px;
}
.nav-parent-container {
	position: relative;
}
.mobile_menu > .nav-item.nav-parent > .nav-link {
	border-bottom: none;
}
/* .mobile-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch!important;
	-ms-flex-align: stretch!important ;
	        align-items: stretch!important;
			padding-bottom: 60px;
} */
.mobile_menu > .nav-item {
    display: flex;
    flex-wrap: wrap;
	border-bottom: 1px solid #00B8ED;
}
.mobile_submenu {
	width: 100%;
}
/* .mobile_menu > .nav-item > .mobile_submenu {
	border-bottom: 1px solid #00B8ED;
} */
.mobile_submenu > .nav-item {
	padding: 0;
}
.mobile_submenu > .nav-item > .nav-link {
	width: calc(100% - 20px);
    height: 55px;
	padding: 0;
	margin: 0 10px;
	border-bottom: 1px solid #E8E8E8;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
}
.mobile_submenu > .nav-item > .nav-link:last-child {
	border-bottom: none;
}
.mobile_submenu .mobile_submenu {
    height: auto;
	padding: 25px 10px 15px;
	background: #EDF2F9;
}
.mobile_submenu .mobile_submenu .nav-link {
	width: 100%;
    height: auto;
	margin: 0 0 15px;
	border: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
}

.mobile_menu .nav-parent {
	position: relative;
	transition: all .5s ease-out;
}
.mobile_menu .nav-parent span.open {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.4447 6.35999L9.82674 0.259714L0.858894 0.410959L5.4447 6.35999Z' fill='%231D1D1B'/%3e%3c/svg%3e") no-repeat center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 1000;
	cursor: pointer;
}
.mobile_menu .nav-parent.active > .nav-parent-container > span.open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.mobile_menu .nav-parent .mobile_submenu {
	/* display: none; */
	visibility: hidden;
    opacity: 0;
    height: 0;
}
.mobile_menu .nav-parent.active > .mobile_submenu {
	/* display: block; */
	visibility: visible;
    opacity: 1;
    height: 100%;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
.header_contacts {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 205px;
	margin-left: auto;
	border-left: 2px solid #E8E8E8;
	border-right: 2px solid #E8E8E8;
}
.header_contacts .phone {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #1D1D1B;
}
.header_contacts .email {
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: #5C5C59;
}
.mobile_contacts {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 23px 10px;
	background: #F1F7F8;
	text-align: center;
}
.mobile_contacts .phone {
	font-weight: 900;
	font-size: 25px;
	line-height: 29px;
}
.mobile_contacts .email {
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #797979;
}
.header_feedback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	border-right: 2px solid #E8E8E8;
}
.header_feedback .message {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 15px;
}
.header_feedback .message:hover svg path {
	fill: inherit;
	stroke: #00B8ED;
}
.main_slider_bg {
	position: relative;
	background: radial-gradient(66.18% 315.01% at 73.19% 62.69%, #29384F 0%, #2A3950 34.15%, #171F2C 100%) no-repeat bottom;
	color: #FFFFFF;
	overflow: hidden;
}
.main_slider {
	padding-bottom: 100px;
}
.main_slider.owl-grab {
	cursor: default;
}
.main_slider.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.main_slider.owl-carousel .owl-nav {
    position: absolute;
	bottom: 65px;
	right: 0;
}
.main_slider.owl-carousel .owl-nav button.owl-prev,
.main_slider.owl-carousel .owl-nav button.owl-next {
	background: #FFFFFF;
}
.main_slider.owl-carousel .owl-dots:not(.disabled) {
    position: absolute;
	bottom: 65px;
	right: 210px;
	left: 125px;
	height: 67px;
	width: calc(100% - 335px);
}
.main_slider .slide {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 480px;
	color: #ffffff;
}
.main_slider .slide .image {
	position: absolute;
	top: -25px;
	bottom: -25px;
	left: 0;
	right: 0;
	margin-right: -130px;
}
.main_slider .slide .image img {
    max-width: 100%;
    height: 100%;
    object-fit: none;
    object-position: right;
}
.main_slider .slide .title {
	position: relative;
	font-weight: 500;
	font-size: 80px;
	line-height: 94px;
	margin-bottom: 40px;
	z-index: 1;
}
.main_slider .slide .desc {
	position: relative;
	z-index: 1;
}
.main_slider .slide p,
.main_slider .slide li {
	margin-bottom: 25px;
}
.main_counter {
	position: absolute;
	bottom: 65px;
	display: flex;
	align-items: center;
	height: 67px;
	font-size: 16px;
	line-height: 26px;
}
.main_counter span {
	position: relative;
	color: rgba(255, 255, 255, 0.5);
	padding-left: 30px;
}
.main_counter span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
	margin: auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	transform: rotate(-60deg);
}
.main_autoslide {
    position: absolute;
	bottom: 65px;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 67px;
	width: 100%;
	padding-right: 210px;
	padding-left: 125px;
	margin: auto;
}
.main_autoslide > div {
	position: relative;
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.4);
}
.main_autoslide > div > span {
	position: absolute;
	right: 0;
	left: 0;
    flex: 1 0 0;
	width: 0%;
	height: 2px;
	background: #0098F5;
	-webkit-animation: autoSlide 5s infinite linear;
	animation: autoSlide 5s infinite linear;
}
/*.main_slider_bg:hover .main_autoslide > div > span {
    animation-play-state: paused;
}*/
.title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-weight: 500;
	font-size: 50px;
	line-height: 59px;
	margin-bottom: 40px;
	z-index: 2;
}
.title a {
	position: relative;
	font-weight: 400;
	font-size: 20px;
	opacity: 0.8;
}
.title a span {
	position: relative;
	margin: 0 15px;
}
.title a:hover > svg {
	position: relative;
}
.title a:hover > svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}
.title.table_title {
	font-size: 29px;
	line-height: 34px;
}
.services_wrapper {
    padding: 100px 0 70px;
}
.services_wrapper .service {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 30px);
	padding: 42px 39px;
	margin-bottom: 30px;
    background: #F1F6F9;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.services_wrapper .service:hover {
	color: #FFFFFF;
    background: #0097F5;
}
.services_wrapper .service .name {
	font-weight: 400;
	font-size: 26px;
	line-height: 30px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: 300px;

}
.services_wrapper .service:hover .name {
	color: #FFFFFF;
}
.services_wrapper .service .image_mob {
	display: none;
}
.services_wrapper .service .image {
	height: 165px;
	width: 100%;
	margin: 30px auto 10px;
	text-align: center;
}
.services_wrapper .service .image img {
	max-width: 100%;
	margin: auto;
}
.services_wrapper .service:hover .image img {
	display: none;
}
.services_wrapper .service .image img.hover {
	display: none;
}
.services_wrapper .service:hover .image img.hover {
	display: block;
}
.services_wrapper .service .counts {
	font-size: 16px;
	line-height: 19px;
	color: #5C5C59;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.services_wrapper .service:hover .counts {
	color: #FFFFFF;
}
.services_wrapper .feedback {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 30px);
	padding: 40px 39px;
	margin-bottom: 30px;
	background: url(../img/service_feedback.svg) no-repeat center;
	background-color: #D7EFF7;
}
.services_wrapper .feedback .name {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 26px;
	line-height: 30px;
}
.services_wrapper .feedback .name span {
	display: inline-block;
	padding: 0 5px;
	background-color: #00B8ED;
	line-height: 27px;
	color: #fff;
}
.services_wrapper .feedback .btn {
	background: #FFFFFF;
	color: #1D1D1B;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.projects_wrapper {
	padding: 70px 0 90px;
	background: url(../img/project_bg.png) no-repeat center;
	background-size: cover;
	background-color: #29374D;
	color: #FFFFFF;
}
.projects_slider_mobile {
    display: block;
    padding-left: 55px;
}
.projects_wrapper.service_detail .projects_slider {
    margin-top: 70px;
}
.projects_wrapper.service_detail .projects_slider .owl-stage-outer {
    overflow: visible !important;
}
.projects_wrapper.service_detail .projects_slider .owl-item:not(.active) {
    opacity: 0;
}
.projects_wrapper .title a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	right: -20px;
	background: #0067DF;
	filter: blur(54px);
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 0;
}
.projects_wrapper .title a:hover {
	color: #FFFFFF;
	opacity: 1;
}
.projects_wrapper .title a:hover::before {
	opacity: 1;
}
.projects_wrapper .project {
	position: relative;
	display: flex;
	align-items: center;
	padding: 80px 160px 0 0;
}
.projects_wrapper.service_detail .project {
    padding: 0;
}
.projects_wrapper .project::before {
	content: "";
	position: absolute;
	top: 35px;
	bottom: -40px;
	left: -60px;
	right: 100px;
	background: #0067DF;
	filter: blur(174px);
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 0;
}
.projects_wrapper.service_detail .project::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0067DF;
    filter: blur(104px);
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 0;
}
.projects_wrapper .project:hover {
	color: #FFFFFF;
}
.projects_wrapper .project:hover::before {
	opacity: 1;
}
.projects_wrapper .project .image {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 85px;
	margin: 0 38px 0 0;
	z-index: 2;
}
.projects_wrapper .project .image::before {
	content: "";
	border: 25px solid #FFFFFF;
	border-top-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 42px;
	border-right-width: 42px;
}
.projects_wrapper .project .image::after {
	content: "";
	border: 25px solid #FFFFFF;
	border-bottom-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 42px;
	border-right-width: 42px;
}
.projects_wrapper .project .image img {
	height: 50px;
	background-color: #FFFFFF;
	object-fit: contain;
	object-position: center;
}
.projects_wrapper .project .name {
	position: relative;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	z-index: 2;
}
.projects_wrapper .project .desc {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	  overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical;
}
.clients_slider .client .name {
min-height: 100px;

}
@media (max-width: 1440px) {
.clients_slider .client .name {
font-size: 15px;


}
}
@media (max-width: 768px) {
.clients_slider .client .name {
font-size: 12px;
}
}
.projects_wrapper .project.big {
	flex-direction: column;
	align-items: flex-start;
	z-index: 2;
}
.projects_wrapper .project.big .image {
	margin: 0 0 25px;
}
.projects_wrapper .project.big .name {
	font-weight: 500;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 15px;
}
.clients_wrapper {
	padding: 90px 0;
}
.clients_slider {
	padding: 15px 0;
}
.clients_slider.owl-carousel .owl-item:hover {
    z-index: 1;
}
.client {
    font-weight: bold;
    font-size: 18px;
    display: flex;
    height: 100%;
    flex-direction: column;
    line-height: 24px;
    text-align: center;
}
.clients_slider .client {
	margin-right: -1px;
}
.clients_page .client {
	padding-bottom: 30px;
}
.client .image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 226px;
	border: 1px solid #E8E8E8;
}
.client .image img {
	width: 182px;
	height: 118px;
}
.client:hover .image {
	border-color: #00B8ED;
}
.client .name {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30%;
	padding: 10px;
	margin-top: -1px;
	border: 1px solid #E8E8E8;
}
.client:hover .name {
	border-color: #00B8ED;
	background-color: #00B8ED;
	color: #FFFFFF;
}
.about_wrapper {
	padding: 115px 0 100px;
	background: url(../img/about_bg.png) no-repeat center;
	background-size: cover;
	background-color: #E8F2F4;
}
.about_wrapper .about_left {
	display: -ms-flexbox !important;
    display: flex !important;
	-ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.about_wrapper .name {
	position: relative;
	margin-bottom: 65px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	padding-right: 55px;
}
.about_wrapper .name::before {
	content: "";
	position: absolute;
	top: 0;
	left: -85px;
	width: 54px;
	height: 40px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='54' height='41' viewBox='0 0 54 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 40.375V13.4032L23.375 0V26.8064L0 40.375Z' fill='%2300B8ED'/%3e%3cpath d='M30.625 40.375V13.4032L54 0V26.8064L30.625 40.375Z' fill='%2300B8ED'/%3e%3c/svg%3e");
}
.about_wrapper .desc {
	font-size: 18px;
	line-height: 24px;
	padding-right: 55px;
}
.suppliers_wrapper {
	padding: 80px 0 100px;
}
.suppliers_slider {
	padding: 20px 0;
}
.suppliers_slider.owl-carousel .owl-stage {
	display: flex;
}
.supplier {
	display: flex;
	min-height: 215px;
	border: 1px solid #E8E8E8;
}
.suppliers_slider .supplier {
	height: 100%;
	margin-left: 3px;
}
.suppliers_page .supplier {
	margin-bottom: 30px;
}
.supplier:hover {
	border-color: #00B8ED;
}
.supplier .image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 175px;
	width: 175px;
	border-right: 1px solid #E8E8E8;
}
.supplier .image img {
	width: 82px;
}
.supplier:hover .image {
	border-color: #00B8ED;
}
.supplier .name {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 70px;
	padding: 0 40px;
	border-bottom: 1px solid #E8E8E8;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.supplier:hover .name {
	border-color: #00B8ED;
}
.supplier .desc {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* padding: 20px 40px; */
	margin: 20px 40px;
	font-size: 16px;
	line-height: 23px;
	color: #1D1D1B;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}
footer {
	padding-top: 50px;
	background: linear-gradient(180deg, #18202D 0%, #263F61 100%), #4B6474;
	color: #FFFFFF;
}
footer .btn {
	font-weight: normal;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.09) !important;
}
footer .btn:hover {
	background: #00B8ED;
	border-color: #00B8ED;
}
.footer_menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
	flex-wrap: wrap;
    padding: 0;
}
.footer_menu .nav-item {
	margin: 10px 0;
}
.footer_menu .nav-item .nav-link {
    padding: 0;
	margin-right: 45px;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
}
.footer_menu .nav-item:last-child .nav-link {
	margin-right: 0;
}
.footer_contacts {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	padding: 40px 0;
}
.footer_contacts .phone {
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 8px;
}
.footer_contacts .email {
    font-size: 20px;
	line-height: 23px;
	color: rgba(255, 255, 255, 0.83);
	margin-bottom: 24px;
}
.footer_contacts .adress {
	font-size: 16px;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.78);
}
.footer_bottom {
	height: 64px;
	margin-top: 40px;
	background: #243247;
	font-weight: normal;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.4);
}
.footer_bottom a:hover {
	color: #FFFFFF;
}
.footer_bottom a:hover svg path {
	fill: #FFFFFF;
}
.footer_bottom_row {
	height: 64px;
	align-items: center;
}
.footer_bottom_link {
	display: flex;
	flex-wrap: wrap;
}
.footer_bottom_link a {
	margin-right: 100px;
	line-height: 45px;
}
.footer_bottom_link a:last-child {
	margin-right: 0;
}
.bigbanner_page {
    padding: 100px 0;
	background: url(../img/about_page.png) no-repeat top left;
	background-size: cover;
	background-color: #E8F2F4;
	/*background-size: 100% 100%;*/
}
.bigbanner_page .title {
    font-size: 60px;
}
.bigbanner_page.about_wrapper .about_left {
    min-height: 340px;
}
.bigbanner_page.about_wrapper .name {
	margin: 0;
    padding: 0 85px;
}
.bigbanner_page.about_wrapper .name::before {
	left: 0;
}
.about_text {
	padding: 80px 0;
}
.about_text.big {
	padding: 135px 0;
}
.about_pluses {
	background: url(../img/about_pluses.png) no-repeat left;
	background-size: 100vw;
	background-position: -50vw 0%;
	background-color: #0168A9;
	padding: 40px 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.pluses {
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
}
.pluses .plus {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 145px;
	padding: 25px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.pluses .plus:last-child {
	border-bottom: none;
}
.pluses .plus img {
	flex: 0 0 90px;
	max-height: 100%;
	margin-left: 50px;
	object-fit: contain;
	text-align: center;
}
.about_works {
	padding: 70px 0 80px;
	background: url(../img/about_works.png) no-repeat top center;
	background-size: cover;
	background-color: #29374D;
	color: #FFFFFF;
}
.works {
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	color: #1D1D1B;
}
.works .work {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    flex: 0 0 calc(20% - 20px);
	max-width: calc(20% - 20px);
	height: 165px;
	padding: 20px;
	margin: 0 10px 20px;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
}
.about_advantages {
	padding: 100px 0;
}
.advantages_wrap {
	padding: 50px 0;
}
.advantages {
	border-bottom: 2px solid #E8E8E8;
}
.advantages_wrap .advantages:first-child {
	border-top: 2px solid #E8E8E8;
}
.advantages .advantage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    border-right: 2px solid #E8E8E8;
	font-size: 17px;
}
.advantages .advantage:first-child {
    height: 150px;
    border-left: 2px solid #E8E8E8;
}
.advantage .image {
    width: 50px;
    margin-right: 10px;
}
.quotes {
	position: relative;
	margin: 90px 0 45px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	padding-left: 85px;
}
.quotes::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 40px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='54' height='41' viewBox='0 0 54 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 40.375V13.4032L23.375 0V26.8064L0 40.375Z' fill='%2300B8ED'/%3e%3cpath d='M30.625 40.375V13.4032L54 0V26.8064L30.625 40.375Z' fill='%2300B8ED'/%3e%3c/svg%3e");
}
.quotes .signature{
	display: block;
	margin-top: 30px;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	color: #797979;
}
.banner_page {
	min-height: 310px;
	padding: 100px 0;
	background: url(../img/slider_page.png) no-repeat center right;
	background-size: cover;
	background-color: #E8F2F4;
}
.banner_page .title {
    font-size: 60px;
}
.page_navigation {
	display: flex;
	align-items: center;
	margin-top: 40px;
	text-align: center;
}
.page_navigation .dotted {
	width: 24px;
	margin: 0 6px;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
}
.page_navigation .page {
	width: 40px;
	margin: 0 6px;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
}
.page_navigation .page.active {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	margin: 0 12px;
	border-radius: 100%;
	background: #0072BA;
	color: #FFFFFF;
}
.page_navigation .prev {
	margin-right: 20px;
}
.page_navigation .next {
	margin-left: 20px;
}
.page_navigation .prev:hover path,
.page_navigation .next:hover path {
	stroke: #00B8ED;
}
.projects_page {
	padding: 50px 0 100px;
}
.projects_page .project {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
	border: 1px solid #E8E8E8;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.projects_page a.project {
	transition: none!important;
}
.projects_page .project .image {
	padding: 50px 0;
	text-align: center;
	border-right: 1px solid #E8E8E8;
}
.projects_page .project .image img {
	width: 190px;
	height: 190px;
	object-fit: contain;
}
.projects_page .project .info {
	padding: 40px 35px;
}
.projects_page .project .name {
	height: 96px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	transition: none;
}
.projects_page .project .desc {
	font-size: 16px;
	line-height: 24px;
	color: #1D1D1B;
}
.projects_page .project:hover,
.projects_page .project:hover .image {
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
	border-color: #00B8ED;
}
.projects_page .project:hover .desc {
	color: #1D1D1B;
}
.project_detail {
    padding: 90px 0;
    background: url(../img/project_detail.png) no-repeat right;
    background-size: cover;
    background-color: #E8F2F4;
}
.project_detail .title {
    margin-bottom: 0px;
}
.project_detail .image {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 167px;
	margin-left: auto;
	text-align: right;
	z-index: 2;
}
.project_detail .image::before {
	content: "";
	border: 49px solid #FFFFFF;
	border-top-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 84px;
	border-right-width: 84px;
}
.project_detail .image::after {
	content: "";
	border: 49px solid #FFFFFF;
	border-bottom-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 84px;
	border-right-width: 84px;
}
.project_detail .image img {
	height: 98px;
	background-color: #FFFFFF;
	object-fit: contain;
	object-position: center;
}
.detail_page {
	padding: 70px 0 100px;
}
.detail_page p {
	font-size: 16px;
	line-height: 24px;
}
.detail_page img {
	display: block;
	margin: 40px auto;
}
.back_button {
	margin-top: 50px;
}
.back_button:first-child {
    margin-top: 0;
}
.back_button .btn {
	width: 225px;
	height: 56px;
	padding: 0 15px;
	background: #F1F5FB;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
}
.back_button .btn svg {
	margin-right: 10px;
}
.back_button .btn:hover {
	color: #00B8ED;
}
.back_button .btn:hover path {
	stroke: #00B8ED;
	fill: inherit;
}
.clients_page {
	padding: 50px 0 100px;
}
.clients_detail {
	background-image: url(../img/clients_detail.png);
}
.clients_detail .client_detail {
	padding: 60px 60px 70px 70px;
	margin: 40px 0 45px;
	background: #FFFFFF;
}
.clients_detail .client_detail .desc {
	font-size: 16px;
	line-height: 24px;
}
.clients_detail .client_detail .name {
	margin: 35px 0 0;
}
.clients_detail .image {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 167px;
	margin-top: 60px;
	z-index: 2;
}
.clients_detail .image::before {
	content: "";
	border: 49px solid #FFFFFF;
	border-top-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 84px;
	border-right-width: 84px;
}
.clients_detail .image::after {
	content: "";
	border: 49px solid #FFFFFF;
	border-bottom-width: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 84px;
	border-right-width: 84px;
}
.clients_detail .image img {
	height: 98px;
	background-color: #FFFFFF;
	object-fit: contain;
	object-position: center;
}
.client_services {
	display: flex;
	flex-wrap: wrap;
}
.client_services .title {
	width: 100%;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 15px;
}
.client_services .client_service {
	display: flex;
	align-items: center;
	height: 45px;
	border-radius: 80px;
	padding: 0 22px;
	margin: 0 10px 10px 0;
	background: #FFFFFF;
	backdrop-filter: blur(4px);
}
.suppliers_page {
	padding: 50px 0 100px;
}
.contacts_form {
    padding: 80px 0 100px;
}
.contacts_form .checkbox {
	margin-top: 30px;
}
.contacts_form textarea {
    height: 206px;
}
.contacts_page {
	padding: 100px 0 0;
    background: url(../img/contacts_page.png) no-repeat top center;
    background-size: cover;
    background-color: #E8F2F4;
}

.contacts_map {
    position: relative;
	margin-top: 40px;
	border-top: 2px solid #D6E4E7;
}
.map_wrapper {
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
}
.map {
	height: 500px;
}
.name_balloon {
	padding: 10px 8px 15px;
}
.map_balloon {
	display: flex;
	font-size: 14px;
	line-height: 18px;
	padding: 15px 20px 20px;
	margin: 0 -30px 0 -12px;
	border-top: 2px solid #EAEAEA;
}
.map_balloon .map_image {
	flex: 0 0 100px;
	margin-right: 20px;
}
.map_balloon .phone,
.map_balloon .email,
.map_balloon .time,
.map_balloon .adress {
	position: relative;
	display: block;
	padding-left: 20px;
	margin-bottom: 5px;
}
.map_balloon .phone::before,
.map_balloon .email::before,
.map_balloon .time::before,
.map_balloon .adress::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
}
.map_balloon .phone::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.30112 14.8189C6.75577 14.6144 6.21042 14.2735 5.8014 13.8645C4.9152 13.1147 4.23351 12.2285 3.61998 11.2059C2.66561 9.63802 1.91575 8.00196 1.50674 6.22956C1.23406 5.34336 1.16589 4.38899 1.23406 3.43462C1.30223 2.95743 1.3704 2.48025 1.57491 2.07123C1.71124 1.79855 1.91575 1.66222 2.18843 1.52588C2.52928 1.38954 2.80195 1.18503 3.1428 1.11686C3.89266 0.844185 4.43802 1.04869 4.84703 1.73039C5.18788 2.34391 5.32422 2.95743 5.39239 3.57096C5.39239 4.04814 5.18788 4.38899 4.84703 4.59349C4.57435 4.72983 4.30168 4.86617 4.09717 4.93434C3.82449 5.07068 3.75632 5.27519 3.68815 5.4797C3.68815 5.75237 3.68815 6.09322 3.75632 6.3659C3.89266 6.97942 4.16534 7.59294 4.43802 8.20647C4.77886 8.95633 5.18788 9.70619 5.66506 10.4561C5.8014 10.6606 6.00591 10.8651 6.21042 11.0696C6.27859 11.1377 6.34675 11.2059 6.41492 11.2059C6.55126 11.2741 6.75577 11.2741 6.89211 11.2059C7.09662 11.1377 7.30112 11.0014 7.50563 10.9332C7.98282 10.7287 8.46 10.7969 8.86902 11.1377C9.41437 11.6831 9.82339 12.2285 10.0279 12.9783C10.1642 13.4555 10.0279 13.8645 9.61888 14.2054C9.3462 14.4099 9.07353 14.5462 8.80085 14.6825C8.66451 14.7507 8.52817 14.8189 8.39183 14.8871C8.05099 15.0234 7.77831 15.0234 7.43746 14.9552C7.43746 14.8871 7.36929 14.8871 7.30112 14.8189Z' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3c/svg%3e");
}
.map_balloon .email::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 1H1V11H15V1Z' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M1 1L8 6L15 1.44118' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3c/svg%3e ");
}
.map_balloon .time::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 15.6099C11.866 15.6099 15 12.4759 15 8.60986C15 4.74387 11.866 1.60986 8 1.60986C4.13401 1.60986 1 4.74387 1 8.60986C1 12.4759 4.13401 15.6099 8 15.6099Z' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M8.00005 6C8.00005 7 8.00013 8 8 9H10' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3c/svg%3e ");
}
.map_balloon .adress::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2285 6.7073C11.2285 9.5073 6.13111 15.6099 6.13111 15.6099C6.13111 15.6099 1.10547 9.5073 1.10547 6.7073C1.10547 3.9073 3.4029 1.60986 6.2029 1.60986C9.0029 1.60986 11.2285 3.9073 11.2285 6.7073Z' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M6.13123 7.92798C6.9639 7.92798 7.63892 7.25297 7.63892 6.42029C7.63892 5.58761 6.9639 4.9126 6.13123 4.9126C5.29855 4.9126 4.62354 5.58761 4.62354 6.42029C4.62354 7.25297 5.29855 7.92798 6.13123 7.92798Z' stroke='%23797979' stroke-width='1.5' stroke-miterlimit='10'/%3e%3c/svg%3e ");
}
.map_wrapper .ymaps-2-1-79-balloon__content > ymaps {
	overflow: visible !important;
}
.map_wrapper .ymaps-2-1-79-balloon__close-button {
    width: 50px;
    height: 60px;
}
.contacts_info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 500px;
}
.contacts_info .phone {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 12px;
}
.contacts_info .email {
	display: flex;
	align-items: center;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 12px;
}
.contacts_info .adress {
	font-size: 18px;
	line-height: 24px;
	margin: 50px 0;
}
.contacts_info .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	margin-right: 12px;
	border-radius: 100%;
	background: #00B8ED;
}
.services_advantages {
	padding: 90px 0;
}
.services_advantages .advantage .image {
	width: 75px;
	height: 75px;
	margin-bottom: 30px;
}
.services_advantages .advantage .name {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
.services_advantages .advantage .desc {
	font-size: 16px;
	line-height: 24px;
}
.services_page {
	padding: 85px 0;
	background: url(../img/services_page.jpg) no-repeat center;
	background-size: cover;
	background-color: #005184;
}
.services_page .service {
	height: calc(100% - 30px);
	min-height: 260px;
	padding: 30px 35px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.services_page .service .name {
	display: block;
	width: 50%;
	height: 115px;
	margin-top: 25px;
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

div.service:hover span.name {
	text-decoration: none;
    color: #00B8ED;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.services_page .service .image {
	float: right;
}
.services_page .service .image img {
	height: 130px;
}
.services_page .service .sections {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.services_page .service .sections a {
	display: flex;
	align-items: center;
	height: 27px;
	margin: 0 5px 5px 0;
	padding: 0 7.5px;
	border: 1px solid rgba(224, 231, 240, 0.6);
	background: rgba(224, 231, 240, 0.6);
	backdrop-filter: blur(4px);
	border-radius: 70px;
	font-size: 13px;
	line-height: 15px;
}
.services_page .service .sections a:last-child {
	margin-right: 0;
}
.services_page .service .sections a.all {
	padding: 0 15px;
	border: 1px solid #00B8ED;
	background: #ffffff;
}
.services_page .service .sections a.all:hover {
	background: #00B8ED;
	color: #ffffff;
}
.service_detail {
	position: relative;
	padding: 70px 0 55px;
	font-size: 16px;
	line-height: 24px;
}
.service_detail.slider {
	padding: 30px 0 80px;
	background: #F1F6F9;
}
.service_detail.gray {
	padding: 45px 0 40px;
	background: #F1F6F9;
}
.service_detail.projects_wrapper {
    padding: 70px 0;
	margin-top: 50px;
	background: url(../img/service_projects.png) no-repeat center;
	background-size: cover;
    background-color: #0168A9;
}
.service_detail .quotes {
	margin: 80px 0 70px;
	background: #F1F6F9;
}
.service_detail p:last-child {
    margin-bottom: 0;
}
.service_detail .title:not(:first-child){
	margin-top: 60px;
}
.service_detail ul.checkmark.square {
	padding-left: 65px;
    margin-bottom: 40px;
}
.service_detail ul.checkmark.square li {
    min-height: 50px;
    margin-bottom: 20px;
}
.service_detail ul.checkmark.square li::before {
    left: -65px;
    width: 50px;
    height: 50px;
}
.service_slider {
	position: relative;
}
.service_slider .slide img {
	height: auto;
	object-fit: cover;
}
.service_slider .owl-nav {
	position: absolute;
	bottom: -74px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
    width: 250px;
	margin: auto;
}
.service_slider .owl-dots {
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
}
.service_counter {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 67px;
	width: 100px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	line-height: 21px;
}
.service_counter span {
	color: #797979;
}
.service_counter span::before {
	content: "/";
}
.service_detail.service_comp {
	position: relative;
	padding: 100px 0;
	background: linear-gradient(180deg, #005991 0%, #0168A9 100%), #00B8ED;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1440' height='489' viewBox='0 0 1440 489' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg opacity='0.5'%3e%3cpath d='M1290.31 0.00683594L1216.37 42.789L1290.31 85.5711V171.664L1364.79 128.353V42.789L1290.31 0.00683594Z' fill='%230072BA'/%3e%3cpath d='M1290.31 0.00683594L1216.37 42.789L1290.31 85.5711L1364.79 42.789L1290.31 0.00683594Z' fill='%2300B8ED'/%3e%3cpath d='M1364.79 128.343L1290.84 171.654L1364.79 214.436V300L1439.26 257.218V171.654L1364.79 128.343Z' fill='%230072BA'/%3e%3cpath d='M1364.79 128.346L1290.31 171.657L1364.79 214.439L1439.26 171.657L1364.79 128.346Z' fill='%2300B8ED'/%3e%3cpath d='M1439.26 0L1364.78 42.7821L1439.26 85.5643V171.657L1513.2 128.346V42.7821L1439.26 0Z' fill='%230072BA'/%3e%3cpath d='M1439.26 0L1364.78 42.7821L1439.26 85.5643L1513.2 42.7821L1439.26 0Z' fill='%2300B8ED'/%3e%3c/g%3e%3cg opacity='0.5'%3e%3cpath d='M1365.66 354L1321 379.422L1365.66 404.843V456L1410 430.265V379.422L1365.66 354Z' fill='%230072BA'/%3e%3cpath d='M1219.68 159L1169 187.911L1219.68 216.822V275L1270 245.732V187.911L1219.68 159Z' fill='%230072BA'/%3e%3cpath d='M1365.66 354L1321 379.5L1365.66 405L1410 379.5L1365.66 354Z' fill='%2300B8ED'/%3e%3cpath d='M1219.68 159L1169 188L1219.68 217L1270 188L1219.68 159Z' fill='%2300B8ED'/%3e%3c/g%3e%3c/svg%3e") no-repeat top right;
	background-size: contain;
	font-size: 22px;
	line-height: 24px;
	color: #FFFFFF;
}
.service_comp  .background {
	position: absolute;
	top: -100px;
	bottom: -100px;
	width: 50vw;
	background: linear-gradient(180deg, #005991 0%, #0168A9 100%), #00B8ED;
	z-index: -1;
}
.service_comp .col-12:nth-child(2n) .background {
	left: 0;
}
.service_comp .col-12:nth-child(2n+1) .background {
	right: 0;
}
.service_comp .background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service_comp .title{
	font-size: 40px;
	line-height: 47px;
}
.service_comp ul.checkmark.square {
    margin-left: 57px;
}
.service_comp ul.checkmark.square li {
    margin-bottom: 24px;
}
.service_comp ul.checkmark.square li:last-child {
    margin-bottom: 0;
}
body.page404 {
	padding-top: 0;
}
header.header404 {
	position: static;
    height: auto;
	margin: 0;
	overflow: hidden;
}
header.header404 .logo {
    justify-content: flex-start;
	margin: 55px 0;
}
header.header404 .logo img {
    width: 250px;
}
.wrapper404 {
	min-height: calc(100vh - 184px);
	padding: 45px 0 65px;
	background: url(../img/bg404.png) no-repeat top right;
	background-size: cover;
	background-color: #E8F2F4;
}
.button404 {
	display: flex;
	flex-wrap: wrap;
}
.button404 a {
	height: 50px;
	padding: 0 25px;
	margin: 0 20px 25px 0;
	background: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #1D1D1B;
}
.title404 {
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 24px;
}
.modal-backdrop {
	background: rgba(0, 114, 186, 0.83);
}
.modal-backdrop.show {
    opacity: 1;
}
.modal {
    padding-right: 0 !important;
}
.modal-dialog {
    max-width: 570px;
}
.modal-content {
	min-width: 320px;
	background: url(../img/modal.jpg) no-repeat center;
	background-size: cover;
}
.modal-content .close {
	position: absolute;
	top: 35px;
	right: 35px;
	width: 24px;
	height: 24px;
}
.modal-content .close svg {
	width: 24px;
	height: 24px;
}
.modal-content .close:hover svg path {
	fill: #00B8ED;
}
.modal-header {
	-ms-flex-pack: center;
	justify-content: center;
    padding: 50px 60px 0;
    border: none;
	font-weight: bold;
	font-size: 35px;
	line-height: 41px;
	text-align: center;
	color: #393330;
}
.modal-body {
    padding: 35px 60px;
}
.modal-body p {
	width: 255px;
	font-size: 16px;
	line-height: 24px;
	margin: 0 auto 20px;
	text-align: center;
}
.modal-body .textarea {
	margin-top: 10px;
}
.modal-body .form_button {
    margin-top: 25px;
}
.modal-body .captcha {
	text-align: center;
}
.modal-body .captcha .g-recaptcha > div {
	margin: auto;
}
.modal-body .btn {
	height: 63px;
	width: 255px;
	margin: 20px auto 0;
}
.modal-body .checkbox {
    margin: 35px -25px 0;
}
.modal-body .close_button {
    margin: 35px 0 50px;
}

.desc_hidden {
	position: relative;
}
.desc_hidden .show_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	align-items: flex-end;
    justify-content: center;
    height:37px;
	padding-bottom: 5px;
    background-color: #FFF;
	font-size: 14px;
	line-height: 16px;
	text-decoration-line: underline;
	text-align: center;
	color: #0072BA;
}
.desc_hidden .show_btn .hidden {
	display: none;
}
.desc_hidden.active .show_btn span {
	display: none;
}
.desc_hidden.active .show_btn span.hidden {
	display: block;
}

.checkbox.error input ~ span::before {
	border-color: rgba(227, 80, 80, 0.34);
}
.checkbox.error input:checked ~ span::after {
border-color: rgba(227, 80, 80, 0.34);
}
.text-danger {
	    text-align: center;
    font-size: 11px;
    padding-top: 10px;
}
.clients-nav {
	display: flex;
}
.owl-carousel {
     cursor: move;
    cursor: grab!important;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.owl-grab {
    cursor: grabbing!important;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.owl-grab a.client, .owl-grab a.supplier {
    cursor: grabbing!important;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


.services_wrapper .feedback .btn:hover {
color: #fff;
    background: #00B8ED;

}
.no-photo {
	background-color: #ebf0f9;
}
.no-photo img {
	width: 100%!important;
}
.projects_page .project .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-clamp: 4;
	box-orient: vertical;
}

.header_menu > .nav-item.nav-parent > .header_submenu, .header_menu > .nav-item.nav-parent > .header_submenu .header_submenu_overflow {
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.mobile_menu .nav-parent.active {
	border-bottom: 1px solid #00B8ED;
	padding-bottom: 15px;
}
.mobile_submenu .nav-item:first-child {
	border-top: 1px solid #00B8ED;
}