@charset "UTF-8";
@font-face { font-family: "heading"; src: url("../fonts/heading.ttf"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-300.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-300.woff") format("woff"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 300; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-300italic.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-300italic.woff") format("woff"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-regular.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-regular.woff") format("woff"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-italic.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-italic.woff") format("woff"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-700.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-700.woff") format("woff"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 700; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-700italic.woff2") format("woff2"), url("../fonts/roboto-v16-latin_cyrillic_latin-ext-700italic.woff") format("woff"); }
:root { --serif-fonts: "Liberation Serif", "Tinos", "Times New Roman", serif; --sans-serif-fonts: "Liberation Sans", "Arimo", "Arial", sans-serif; --monospace-fonts: "Liberation Mono", "Cousine", "Courier New", monospace; --cursive-fonts: "Monotype Corsiva", "URW Chancery L", cursive; --gothic-fonts: "Century Gothic", "URW Gothic L Book", "URW Gothic L"; --narrow-fonts: "Liberation Sans Narrow", "Arial Narrow", "PT Sans Narrow"; --base-fonts: "Roboto", var(--sans-serif-fonts); --heading-fonts: "heading", var(--serif-fonts); --sidebar-1-width: 250px; --sidebar-2-width: 250px; --sidebar-horizontal-gap: 16px; --sidebar-section-vertical-gap: 1rem; --vertical-space-base: 1rem; --blog-horizontal-gap: 1.5rem; --blog-vertical-gap: 1.5rem; --default-line-height: 1.22; }
* { font: inherit; margin: 0; padding: 0; }
a img { border: none; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; vertical-align: top; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
fieldset { border: none; }
input, textarea, select, option, button { box-sizing: border-box; }
[hidden] { display: none !important; }
sub, sup { font-size: smaller; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; padding: 0; }
html { background: #fff; color: #000; font: 12pt var(--base-fonts); line-height: var(--default-line-height); }
body { min-width: 320px; max-width: 1920px; margin: 0 auto; }
input, textarea, select, option, button { line-height: var(--default-line-height); }
input:not([class]), input.default-styles, textarea:not([class]), textarea.default-styles, select:not([class]), select.default-styles, option:not([class]), option.default-styles { background: #fff; color: #000; }
input[type="button"]:not([class]), input[type="button"].default-styles, input[type="submit"]:not([class]), input[type="submit"].default-styles, button:not([class]), button.default-styles { background: #2f2f2f; border: none; color: #fff; padding: .5em 1em; transition: background-color 300ms ease-out; }
input[type="button"]:not([class]):hover, input[type="button"]:not([class]):focus, input[type="button"].default-styles:hover, input[type="button"].default-styles:focus, input[type="submit"]:not([class]):hover, input[type="submit"]:not([class]):focus, input[type="submit"].default-styles:hover, input[type="submit"].default-styles:focus, button:not([class]):hover, button:not([class]):focus, button.default-styles:hover, button.default-styles:focus { background-color: #000; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
h1:not([class]), h1.default-styles, h2:not([class]), h2.default-styles, h3:not([class]), h3.default-styles, h4:not([class]), h4.default-styles, h5:not([class]), h5.default-styles, h6:not([class]), h6.default-styles { font-family: var(--heading-fonts); line-height: var(--default-line-height); }
h1:not([class]):not(:first-child), h1.default-styles:not(:first-child), h2:not([class]):not(:first-child), h2.default-styles:not(:first-child), h3:not([class]):not(:first-child), h3.default-styles:not(:first-child), h4:not([class]):not(:first-child), h4.default-styles:not(:first-child), h5:not([class]):not(:first-child), h5.default-styles:not(:first-child), h6:not([class]):not(:first-child), h6.default-styles:not(:first-child) { margin-top: 1em; }
h2 { font-family: var(--heading-fonts); font-weight: bold; font-size: 16pt; text-align: center; }
h2._colorized { color: #0eb1c6; }
h2._decorated::after { content: ""; display: block; max-width: 440px; margin: 27px auto 0 auto; background: #5ec0d2; height: 1px; overflow: hidden; }
@media (min-width: 1000px) {
	h2 {
		font-size: 30pt;
	}
}
.limit-content { max-width: 1808px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
@media (max-width: 1839px) { .limit-content { padding-left: 16px; padding-right: 16px; } }
@media print { .hide-on-print { display: none !important; } }
@media not print { .show-on-print { display: none !important; } }
.top { padding-top: 25px; }
.top-heading { color: #15afc5; font-weight: bold; font-size: 25pt; line-height: 1; }
.top-content { background: #b8bdc6 url("../images/top-content.jpg") center center/cover no-repeat; height: 774px; max-height: 100vh; min-height: 420px; }
.top-content:not(:first-child) { margin-top: 23px; }
.top-nav { background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; padding-top: 1px; padding-bottom: 1px; }
.l-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.top-add-data {
	font-size: 14pt;
}
.top-add-data a:hover,
.top-add-data a:focus {
	text-decoration: underline;
}
.top-add-data-item:not(:first-child) {
	margin-left: 32px;
}
@media (max-width: 728px) {
	.l-top {
		flex-direction: column;
	}
	.l-top > :not(:first-child) {
		margin-top: 16px;
	}
}
@media (max-width: 500px) {
	.top-add-data-item {
		display: block;
		text-align: center;
	}
	.top-add-data-item:not(:first-child) {
		margin-top: 16px;
		margin-left: 0;
	}
}
.main-menu { font-size: 15pt; }
.main-menu > li > :first-child { display: block; padding: 27px 25px; transition: background-color 300ms ease-out; }
.main-menu > li > :first-child:hover, .main-menu > li > :first-child:focus { background-color: rgba(24, 127, 141, 0.75); }
.slogan { font-family: var(--heading-fonts); font-size: 18pt; font-weight: bold; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 20px 32px; display: table; border-spacing: 0; table-layout: fixed; margin: 128px auto 0 auto; text-align: center; }
.slogan-2 { color: #0eb1c6; }
@media (min-width: 1000px) {
	.slogan {
		font-size: 23pt;
	}
}
@media (min-width: 1000px) { .slogan { text-align: left; font-size: 50pt; padding-left: 92px; padding-right: 92px; margin-right: 0; } }
@media (min-height: 850px) { .slogan { margin-top: 414px; } }
.customers { margin-top: 32px; }
.customers-content { font-size: 16pt; font-weight: 300; line-height: 1.5; max-width: 1304px; margin: 25px auto 0 auto; }
.customers-content p:not(:first-child) { margin-top: 25px; }
.customers-types { max-width: 1622px; margin: 40px auto 0 auto; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; font-weight: 300; font-size: 15pt; }
.customers-types > li { margin-top: 25px; max-width: 448px; }
.customers-types-name { font-size: 20pt; }
.customers-types p:not(:first-child) { margin-top: 1.1em; }
@media (min-width: 1000px) {
	.customers { margin-top: 110px; }
	.customers-content { font-size: 20pt; line-height: 2; }
}
.decor-1 { margin-top: 32px; }
@media (min-height: 850px), (min-width: 1000px) { .decor-1 { margin-top: 135px; } }
.humane, .humane-flatty { position: fixed; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 100000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.humane, .humane-flatty { font-family: Helvetica Neue, Helvetica, san-serif; font-size: 16px; top: 0; left: 30%; opacity: 0; width: 40%; color: #444; padding: 10px; text-align: center; background-color: #fff; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
.humane p, .humane-flatty p, .humane ul, .humane-flatty ul { margin: 0; padding: 0; }
.humane ul, .humane-flatty ul { list-style: none; }
.humane.humane-flatty-info, .humane-flatty.humane-flatty-info { background-color: #3498db; color: #FFF; }
.humane.humane-flatty-success, .humane-flatty.humane-flatty-success { background-color: #18bc9c; color: #FFF; }
.humane.humane-flatty-error, .humane-flatty.humane-flatty-error { background-color: #e74c3c; color: #FFF; }
.humane-animate, .humane-flatty.humane-flatty-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.humane-animate:hover, .humane-flatty.humane-flatty-animate:hover { opacity: 0.7; }
.humane-js-animate, .humane-flatty.humane-flatty-js-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.humane-js-animate:hover, .humane-flatty.humane-flatty-js-animate:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
.menu-horizontal li { list-style: none; position: relative; }
.menu-horizontal li:hover > ul, .menu-horizontal li:focus > ul { display: block; }
.menu-horizontal li > :first-child:focus + ul { display: block; }
.menu-horizontal > li { display: inline-block; }
.menu-horizontal > li ul { display: none; position: absolute; }
.menu-horizontal > li > ul { left: 0; top: 100%; }
.menu-horizontal > li > ul ul { left: 100%; top: 0; }
.menu-horizontal > li li > :first-child { display: block; padding: .2em 1ex; }
.mobile-button {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0;
	right: 0;
	padding: 8px 12px;
	font-size: 24pt;
	border: 1px solid #15aec3;
	background: #fff;
	color: #0f808f;
	box-shadow: -2px 2px 2px 0 rgba(0,0,0,.3);
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.mobile-button:hover,
.mobile-button:focus {
	background-color: #15aec3;
	color: #fff;
}
@media (max-width: 900px) {
	.main-menu {
		display: none;
	}
	.mobile-button {
		display: block;
	}
}
.mobile-menu { position: fixed; z-index: 10; left: 0; top: 0; box-sizing: border-box; padding: 16px; height: 100%; width: 400px; max-width: 100%; background: #15aec3; color: #fff; box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.3); overflow: auto; overscroll-behavior: contain; }
.mobile-menu-itself { font-size: 14pt; font-weight: normal; padding: 0; }
.mobile-menu-itself li { list-style: none; position: relative; }
.mobile-menu-itself li:hover > ul, .mobile-menu-itself li:focus > ul { display: block; }
.mobile-menu-itself li > :first-child:focus + ul { display: block; }
.mobile-menu-itself > li ul { margin-left: 1em; }
.mobile-menu-itself > li:not(:first-child), .mobile-menu-itself li li { border-top: 1px solid #fff; }
.mobile-menu-itself li > :first-child { display: block; padding: 6px 12px 5px 12px; transition: background-color 300ms ease-out, color 300ms ease-out; outline: none; }
.mobile-menu-itself li > :first-child:hover, .mobile-menu-itself li > :first-child:focus { background-color: #fff; color: #0f808f; }
.button-mobile-menu-close { padding: 0; border: none; width: 100%; display: block; cursor: pointer; background: transparent; color: inherit; text-align: left; }
.bottom {
	background: #898988;
	color: #cfcccc;
	padding-top: 26px;
	padding-bottom: 25px;
	font-size: 16pt;
}
.l-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 1585px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1616px) {
	.l-bottom {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.bottom-logo-img {
	vertical-align: top;
	max-width: 100%;
}
.soc-list > li {
	list-style: none;
	display: inline-block;
}
.soc-list > li:not(:first-child) {
	margin-left: 10px;
}
.soc-list img {
	vertical-align: top;
	max-width: 100%;
}
.address {
	margin-top: 32px;
	background: #36b6ca;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 70px;
	font-size: 15pt;
	line-height: 1.4;
}
.l-address {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 1585px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1616px) {
	.l-address {
		padding-left: 16px;
		padding-right: 16px;
	}
}
@media (max-width: 1200px) {
	.l-address {
		display: block;
	}
	.l-address > div {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.l-address > div:not(:first-child) {
		margin-top: 1.5em;
	}
}
@media (min-height: 850px), (min-width: 1000px) {
	.address {
		margin-top: 84px;
	}
}
.phone-icon {
	margin-right: 22px;
	vertical-align: -.2em;
}
.order {
	background: #4b4e50 url("../images/order.jpg") center top / cover no-repeat;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 173px;
}
.order-subtitle {
	margin-top: 52px;
	font-size: 16pt;
	text-align: center;
	line-height: 1.4;
}
@media (min-width: 1000px) {
	.order-subtitle {
		font-size: 21pt;
	}
}
.order-form {
	max-width: 1039px;
	margin: 77px auto 0 auto;
	font-size: 16pt;
}
.order-form .form-unit-2 {
	display: flex;
	justify-content: space-between;
}
.order-form .form-unit-2 > div {
	width: calc(50% - 21px);
}
.order-form .form-unit:not(:first-child) {
	margin-top: 40px;
}
.order-form .form-unit input,
.order-form .form-unit textarea {
	width: 100%;
	border: 1px solid rgba(255,255,255,0);
	border-bottom-color: #fff;
	padding: 20px 6px;
	background: transparent;
	color: inherit;
	transition: border-color 300ms ease-out, padding-left 200ms ease-out, padding-right 200ms ease-out;
}
.order-form .form-unit input::placeholder,
.order-form .form-unit textarea::placeholder {
	color: #fff;
	opacity: 1;
}
.order-form .form-unit input:hover,
.order-form .form-unit input:focus,
.order-form .form-unit textarea:hover,
.order-form .form-unit textarea:focus {
	border-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.order-form .form-unit textarea {
	height: 202px;
}
.order-form .submit-w {
	margin-top: 75px;
	text-align: right;
}
.order-form .submit {
	background: #0eb1c6;
	color: #fff;
	border: 2px solid #0eb1c6;
	padding: 20px 42px;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.order-form .submit:hover,
.order-form .submit:focus {
	background-color: #fff;
	color: #0eb1c6;
}
@media (max-width: 550px) {
	.order-form .form-unit-2 {
		display: block;
	}
	.order-form .form-unit-2 > div {
		width: auto;
	}
	.order-form .form-unit-2 > div:not(:first-child) {
		margin-top: 40px;
	}
}
.about {
	margin-top: 32px;
}
.l-about {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-decor {
	width: calc(100% - 876px);
}
.about-decor-img {
	vertical-align: top;
	max-width: 100%;
}
.about-info {
	box-sizing: border-box;
	text-align: center;
	background: #f9f9fb;
	color: #000;
	border: 2px solid #d3d4d8;
	padding-top: 32px;
	padding-bottom: 32px;
	width: 844px;
	max-width: 100%;
}
.about-title {
	font-size: 30pt;
}
.about-subtitle {
	margin-top: 21px;
	font-size: 17pt;
	color: #3b3b3b;
}
.l-about-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 65px 38px 0 38px;
}
.about-info-item-title {
	font-size: 13pt;
	font-weight: 300;
	border: 2px solid #2d3347;
	box-sizing: border-box;
	width: 252px;
	padding: 0 35px;
	height: 59px;
}
.about-info-item-title._1 {
	line-height: 55px;
}
.about-info-item-title._2 {
	line-height: 27px;
}
@media (max-width: 600px) {
	.about-subtitle {
		font-size: 13pt;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (min-height: 850px), (min-width: 1000px) {
	.about {
		margin-top: 216px;
	}
	.about-info {
		padding-top: 53px;
		padding-bottom: 37px;
	}
}
@media (max-width: 1400px) {
	.about-decor {
		display: none;
	}
	.l-about {
		display: block;
	}
	.about-info {
		margin-left: auto;
		margin-right: auto;
	}
}
@media not all and (min-width: 870px) {
	.l-about-list {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.l-about-list > li:not(:first-child) {
		margin-top: 32px;
	}
	.about-info-item-title {
		margin-left: auto;
		margin-right: auto;
	}
}
.services {
	max-width: 1559px;
	margin: 32px auto 0 auto;
}
.services h2 {
	color: #0eb1c6;
}
.services-subtitle {
	margin-top: 36px;
	font-size: 20pt;
	text-align: center;
	font-weight: 300;
	line-height: 1.7;
}
.services-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	font-size: 14pt;
	font-weight: 300;
}
.services-list > li {
	background: #0eb1c6;
	color: #000;
	list-style: none;
}
.services-list-img {
	vertical-align: top;
	width: 100%;
}
.services-list-text {
	padding: 18px 31px;
}
.services-list > li {
	margin-top: 29px;
}
@media (min-height: 850px), (min-width: 1000px) {
	.services {
		margin-top: 145px;
	}
}
@media (min-width: 1000px) {
	.services-list-text {
		font-size: 20pt;
	}
	.services-list > li {
		width: calc((100% - 25px) / 2);
	}
}
.textslider {
	position: relative;
	overflow: hidden;
}
.textslider::after {
	content: "";
	display: table;
	clear: both;
}
.textslider > ul > li {
	list-style: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	line-height: 1.2em;
	transition: left .5s;
}
.textslider > ul > .active {
	left: 0;
}
.textslider > ul > li > * {
	font: inherit;
	color: inherit;
	text-transform: none;
	padding: 0;
	margin: 0;
	border: none;
}