@font-face {
font-display: swap;
font-family: 'Roboto Light';
src: url('../fonts/Roboto-Light.eot');
src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Light.woff') format('woff'),
url('../fonts/Roboto-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.eot');
src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Roboto Medium';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium.woff') format('woff'),
url('../fonts/Roboto-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Rubik';
src: url('../fonts/Rubik-Regular.eot');
src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Rubik-Regular.woff') format('woff'),
url('../fonts/Rubik-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Rubik Bold';
src: url('../fonts/Rubik-Bold.eot');
src: url('../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Rubik-Bold.woff') format('woff'),
url('../fonts/Rubik-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

*:focus {
	outline: none
}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #142134;
	background: #fff;
	text-align: left;
	line-height: 1.5
}

a {
	color: #1378f5;
	text-decoration: none;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

a:hover {
	color: #4a97f6
}

h1, h2, h3, h4 {
	font-family: 'Rubik Bold', sans-serif
}

h1, h2 {
	margin: 0 0 20px
}

h2 {
	font-size: 30px
}

img {
	max-width: 100%
}

input[name="secure"] {
	display: none
}

.btn {
	display: inline-block;
	background: #1378f5;
	color: #fff;
	padding: 7px 25px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.btn:hover {
	background: #4a97f6;
	color: #fff
}

.icon {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.satisfaction .icon {
	display: block;
    width: 50px;
    height: 50px;
	background-position: center;
    margin: 0 auto;
	padding: 0
}

.icon.phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.09 351.3L384.7 304.8a31.36 31.36 0 0 0-36.5 8.9l-44.1 53.9A350 350 0 0 1 144.5 208l53.9-44.1a31.35 31.35 0 0 0 8.9-36.49l-46.5-108.5A31.33 31.33 0 0 0 125 .81L24.2 24.11A31.05 31.05 0 0 0 0 54.51C0 307.8 205.3 512 457.49 512A31.23 31.23 0 0 0 488 487.7L511.19 387a31.21 31.21 0 0 0-18.1-35.7zM456.89 480C222.4 479.7 32.3 289.7 32.1 55.21l99.6-23 46 107.39-72.8 59.5C153.3 302.3 209.4 358.6 313 407.2l59.5-72.8 107.39 46z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

*:hover > .icon.phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.09 351.3L384.7 304.8a31.36 31.36 0 0 0-36.5 8.9l-44.1 53.9A350 350 0 0 1 144.5 208l53.9-44.1a31.35 31.35 0 0 0 8.9-36.49l-46.5-108.5A31.33 31.33 0 0 0 125 .81L24.2 24.11A31.05 31.05 0 0 0 0 54.51C0 307.8 205.3 512 457.49 512A31.23 31.23 0 0 0 488 487.7L511.19 387a31.21 31.21 0 0 0-18.1-35.7zM456.89 480C222.4 479.7 32.3 289.7 32.1 55.21l99.6-23 46 107.39-72.8 59.5C153.3 302.3 209.4 358.6 313 407.2l59.5-72.8 107.39 46z' fill='rgb(74, 151, 246)'/%3E%3C/svg%3E")
}

.icon.mail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

*:hover > .icon.mail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z' fill='rgb(74, 151, 246)'/%3E%3C/svg%3E")
}

.icon.date {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z' fill='rgb(147, 154, 164)'/%3E%3C/svg%3E")
}

.icon.calendar {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

.icon.orders {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M280 240H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0 96H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 232c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

.icon.cases {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 128H352V80c0-26.47-21.53-48-48-48h-96c-26.47 0-48 21.53-48 48v48H48c-26.5 0-48 21.5-48 48v256c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V176c0-26.5-21.5-48-48-48zM192 80c0-8.83 7.19-16 16-16h96c8.81 0 16 7.17 16 16v48H192V80zM96 448H48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48v288zm288 0H128V160h256v288zm96-16c0 8.8-7.2 16-16 16h-48V160h48c8.8 0 16 7.2 16 16v256z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

.icon.likes {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M496.656 285.683C506.583 272.809 512 256 512 235.468c-.001-37.674-32.073-72.571-72.727-72.571h-70.15c8.72-17.368 20.695-38.911 20.695-69.817C389.819 34.672 366.518 0 306.91 0c-29.995 0-41.126 37.918-46.829 67.228-3.407 17.511-6.626 34.052-16.525 43.951C219.986 134.75 184 192 162.382 203.625c-2.189.922-4.986 1.648-8.032 2.223C148.577 197.484 138.931 192 128 192H32c-17.673 0-32 14.327-32 32v256c0 17.673 14.327 32 32 32h96c17.673 0 32-14.327 32-32v-8.74c32.495 0 100.687 40.747 177.455 40.726 5.505.003 37.65.03 41.013 0 59.282.014 92.255-35.887 90.335-89.793 15.127-17.727 22.539-43.337 18.225-67.105 12.456-19.526 15.126-47.07 9.628-69.405zM32 480V224h96v256H32zm424.017-203.648C472 288 472 336 450.41 347.017c13.522 22.76 1.352 53.216-15.015 61.996 8.293 52.54-18.961 70.606-57.212 70.974-3.312.03-37.247 0-40.727 0-72.929 0-134.742-40.727-177.455-40.727V235.625c37.708 0 72.305-67.939 106.183-101.818 30.545-30.545 20.363-81.454 40.727-101.817 50.909 0 50.909 35.517 50.909 61.091 0 42.189-30.545 61.09-30.545 101.817h111.999c22.73 0 40.627 20.364 40.727 40.727.099 20.363-8.001 36.375-23.984 40.727zM104 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

form {
	background: #0e294a;
	color: #fff;
	padding: 20px;
	border-radius: 15px
}

header form {
	margin: 30px 0 0;
	background: none;
	padding: 0;
	border-radius: 0
}

.form-group {
	position: relative;
	margin-bottom: 15px
}

.form-group > textarea {
	min-height: 80px;
	resize: none
}

.form-group input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.form-group input,
.form-group textarea {
	background: #fff;
	border: none;
	border-radius: 5px;
	color: #0e294a;
	font-size: 16px;
	cursor: pointer
}

header .form-group input,
header .form-group textarea {
	background: #0e294a;
	color: #fff
}

.form-group input:disabled,
.form-group textarea:disabled,
.btn:disabled {
	background: #3e5065;
	cursor: not-allowed
}

.form-group > input,
.form-group > textarea,
.form-group > label {
	text-align: left;
	font-size: 14px;
	width: 100%;
	height: 40px;
	padding: 10px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.form-group > input:focus,
.form-group > textarea:focus {
	-moz-box-shadow:0 0 5px #4a97f6;
	-webkit-box-shadow:0 0 5px #4a97f6;
	box-shadow:0 0 5px #4a97f6
}

.form-group > label {
	position: absolute;
	top: 1px;
	left: 2px;
	display: block;
	width: calc(100% - 20px);
	margin-bottom: 0;
	color: #939aa4;
	pointer-events: none;
	cursor: text
}

.form-group > label em {
	color: #ff6b6b
}

.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
	color: transparent
}

.form-group input:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
	color: transparent
}

.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
	color: transparent
}

.form-group input::-moz-placeholder {
	color: transparent
}

.form-group input::placeholder {
	color: transparent
}

.form-group input:not(:placeholder-shown),
.form-group textarea:not(:placeholder-shown) {
	padding-top: 20px;
	padding-bottom: 5px
}


.form-group input:not(:placeholder-shown) ~ label,
.form-group textarea:not(:placeholder-shown) ~ label {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #9e9e9e;
	background: transparent;
	border-radius: 5px;
	height: 20px
}

form .result {
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

header {
	width: 100%;
	background-color: #0e243f;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff
}

table {
	width: 100%;
	overflow-x: auto;
	margin-bottom: 40px;
	font-family: 'Roboto Medium', sans-serif;
	border-spacing: 0;
	border: 1px solid #4a97f6
}

table tr {
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

table tr:hover {
	background: #f1f1f1
}

table td {
	border: 1px solid #4a97f6;
	padding: 5px 10px;
	vertical-align: middle;
	width: 50%
}

table td:nth-child(1) {
	text-transform: uppercase;
}

header .overlay {
	padding: 150px 0 100px;
	background: rgba(14, 36, 63, 0.8)
}

header,
header .overlay {
	border-bottom-right-radius: 50% 200px;
}

header.breadcrumbs {
	background-image: none;
	background-position: center;
	background-size: cover
}

header h1, header h2 {
	font-size: 36px;
	margin: 0
}

header p {
	margin: 30px 0
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	text-align: right;
	padding: 10px 0;
	z-index: 999;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

nav.white {
    background: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.15)
}

nav .logo, footer .logo {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	height: 70px;
	width: 50px;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.19 312.19'%3E%3Cpath d='M156.05,87.75V0H97.67V108.42H56.06V87.75H0V224.31H56.06V203.63H97.67V312.19h58.38V224.31h38.52V87.75ZM39.06,207.3H17V104.75H39.06Zm58.61-20.67H56.06V125.42H97.67Zm41.38,108.55H114.67v-49l24.38,12.29Zm0-55.74-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58L114.67,53V17h24.38Zm17,142V104.75h21.52V207.3Z' fill='rgb(255, 255, 255)'/%3E%3Cpath d='M175.31,0V65.77h40.38V246.39H177.17v0h-1.86v65.77H312.19V0Zm78.5,295.18h-61.5V263.4h40.38V48.76H192.31V17h61.5Zm41.37,0H270.82V246l24.36,12.28Zm0-55.93L270.82,227V188l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58L270.82,52.85V17h24.36Z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

nav.white .logo {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.19 312.19'%3E%3Cpath d='M156.05,87.75V0H97.67V108.42H56.06V87.75H0V224.31H56.06V203.63H97.67V312.19h58.38V224.31h38.52V87.75ZM39.06,207.3H17V104.75H39.06Zm58.61-20.67H56.06V125.42H97.67Zm41.38,108.55H114.67v-49l24.38,12.29Zm0-55.74-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58L114.67,53V17h24.38Zm17,142V104.75h21.52V207.3Z' fill='rgb(19, 33, 52)'/%3E%3Cpath d='M175.31,0V65.77h40.38V246.39H177.17v0h-1.86v65.77H312.19V0Zm78.5,295.18h-61.5V263.4h40.38V48.76H192.31V17h61.5Zm41.37,0H270.82V246l24.36,12.28Zm0-55.93L270.82,227V188l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58L270.82,52.85V17h24.36Z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

nav .logo:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.19 312.19'%3E%3Cpath d='M156.05,87.75V0H97.67V108.42H56.06V87.75H0V224.31H56.06V203.63H97.67V312.19h58.38V224.31h38.52V87.75ZM39.06,207.3H17V104.75H39.06Zm58.61-20.67H56.06V125.42H97.67Zm41.38,108.55H114.67v-49l24.38,12.29Zm0-55.74-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58-24.38-12.29v-39l24.38,12.29Zm0-58L114.67,53V17h24.38Zm17,142V104.75h21.52V207.3Z' fill='rgb(19, 120, 245)'/%3E%3Cpath d='M175.31,0V65.77h40.38V246.39H177.17v0h-1.86v65.77H312.19V0Zm78.5,295.18h-61.5V263.4h40.38V48.76H192.31V17h61.5Zm41.37,0H270.82V246l24.36,12.28Zm0-55.93L270.82,227V188l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58-24.36-12.28v-39l24.36,12.28Zm0-58L270.82,52.85V17h24.36Z' fill='rgb(19, 120, 245)'/%3E%3C/svg%3E")
}

nav ul.menu {
	display: inline-block
}

nav ul li {
	display: inline-block;
	margin: 15px 2px;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

nav ul a {
	display: inline-block;
	padding: 10px 5px;
	font-family: 'Roboto Light', sans-serif;
	color: #fff;
	cursor: pointer
}

nav.white ul a {
	color: #142134
}

nav.white ul a.btn {
	color: #fff
}

nav ul li.active a, nav ul a:hover, nav ul .menu-click.menu-active a {
	color: #4a97f6
}

.arrow-down {
	display: inherit;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 5px;
	padding: 5px;
	color: transparent;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

*:hover > .arrow-down,
nav.white *:hover > .arrow-down,
.menu-click.active .arrow-down,
.menu-click.menu-active .arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(74, 151, 246)'/%3E%3C/svg%3E");
}

nav.white .arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(20, 33, 52)'/%3E%3C/svg%3E")
}

.menu-click.menu-active .arrow-down {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

nav .submenu {
	display: block;
	background: #fff;
	text-align: left;
	border: 1px solid #ededed;
	overflow: hidden;
	min-width: 250px;
	max-height: 0;
	position: absolute;
	top: 94px;
	visibility: hidden;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s, transform 0s
}

nav .menu-active .submenu {
	visibility: visible;
	max-height: auto
}

nav ul .submenu a {
	display: block;
	color: #142134 !important;
	background: #fff !important;
	width: 100%;
	padding: 10px 15px
}

nav ul .submenu a:hover {
	color: #4a97f6 !important;
	background: #ededed !important
}

nav ul .submenu a:first-child {
	border-top: none
}

nav ul .submenu li {
	margin: 0;
	padding: 0
}

#blackdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,.15);
	z-index: 1;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s, transform 0s
}

#blackdrop.active {
	opacity: 1;
	visibility: visible
}

section {
	width: 100%;
	padding: 80px 0 50px
}

section.white {
	background: #fff
}

section.satisfaction {
	background: #0e243f;
	color: #fff;
	padding: 50px 0;
	text-align: center
}

section.satisfaction div[class*='col-']:not(:last-child) {
	border-right: 1px solid #fff
}

section.satisfaction h3 {
	font-size: 50px;
	margin: 20px 0 10px
}

section.satisfaction h4 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0
}

section .block {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s, transform 0s
}

section .block img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 15px 15px 0 0
}

section .block .text-block {
	padding: 0 15px 30px;
}

section .block .title {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 72px
}

section .block .text {
	font-family: 'Roboto Light', sans-serif;
	color: #939aa4;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 72px
}

section .block span,
main span.date {
	margin: 0 0 20px;
	font-size: 14px;
	font-family: 'Roboto Light', sans-serif;
	color: #939aa4
}

section.advantages {
	background: linear-gradient(180deg, rgba(237, 237, 237) 0%, rgb(255, 255, 255) 100%);
}

section.advantages p:first-child {
	margin-top: 0
}

section.advantages p {
	color: #939aa4
}

section.advantages .faq {
	width: 100%;
	position: relative
}

section.advantages .faq-questions {
	list-style: none
}

section.advantages .faq-questions li {
	font-size: 16px;
	padding: 15px 10px;
	border-radius: 15px
}

section.advantages .faq-questions li:last-child {
    margin-bottom: 30px
}

section.advantages .faq-questions li.opened {
	background: #fff
}

section.advantages .faq-questions,
section.advantages .faq-questions > li {
	width: 100%;
	display: block;
	background: transparent;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s, transform 0s
}

section.advantages .faq-questions > li p {
	display: none
}

section.advantages .faq-questions > li.opened p {
	display: block
}

section.advantages .faq-questions h3 {
	display: block;
	margin: 0;
	cursor: pointer;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s, transform 0s
}

section.advantages .faq-questions h3:hover,
section.advantages .faq-questions li.opened h3 {
	color: #4a97f6
}

section.advantages .faq-questions > li .arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(20, 33, 52)'/%3E%3C/svg%3E");
	display: inline-block;
	background-size: 16px
}

section.advantages .faq-questions h3:hover .arrow-down,
section.advantages .faq-questions > li.opened .arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(74, 151, 246)'/%3E%3C/svg%3E")
}

section.attention {
	color: #fff;
	padding: 0;
	background-image: url(../images/attention.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

section.attention .overlay {
	padding: 40px 0;
	background: rgba(14, 36, 63, 0.8);
	background: linear-gradient(-170deg, rgba(14,36,63,0.8) 40%, rgba(19,120,245,0.8) 100%);
}

section.attention p {
	font-size: 20px
}

section.attention p.title {
	font-family: 'Rubik Bold', sans-serif;
	font-size: 36px
}

.specifications ul li {
	position: relative;
	padding-left: 15px
}

.specifications ul li:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	left: 0;
	top: calc(50% - 3px);
	background: #1378f5;
	border-radius: 50%
}

.equipment:not(:last-child) {
	margin-bottom: 80px
}

div[class*='col-'].contact:not(:last-child) {
	margin-bottom: 15px 
}

.pagination {
	text-align: center
}

.page-item {
	display: inline-block
}

.page-link {
	position: relative;
	display: block;
	padding: 5px 12px;
	margin-left: -1px;
	color: #1378f5;
	background-color: #fff;
	border: 1px solid #dee2e5
}

.page-link:hover {
	color: #1378f5;
	text-decoration: none;
	background-color: #dee2e5;
	border-color: #dee2e5
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25)
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.page-item:last-child .page-link {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #1378f5;
	border-color: #1378f5
}

.page-item.disabled {
	cursor: not-allowed
}

.page-item.disabled .page-link {
	color: #1378f5;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6
}

#YaMaps {
	position: relative;
	width: 100%;
	height: 500px
}

.loading {
	position: absolute;
	top: calc(50% - 62.5px);
	left: calc(50% - 62.5px);
	width: 125px;
	height: 125px
}
.loading:before, .loading:after {
	content: "";
	display: block;
	position: absolute;
	border-width: 4px;
	border-style: solid;
	border-radius: 50%
}

@keyframes rotate-animation {
  0% {
	transform: rotate(0deg)
  }
  100% {
	transform: rotate(360deg)
  }
}
@keyframes anti-rotate-animation {
  0% {
	transform: rotate(0deg)
  }
  100% {
	transform: rotate(-360deg)
  }
}
.loading.load:before {
	width: 117px;
	height: 117px;
	border-bottom-color: #1378f5;
	border-right-color: #1378f5;
	border-top-color: rgba(19, 120, 245, 0);
	border-left-color: rgba(19, 120, 245, 0);
	top: 0px;
	left: 0px;
	animation: rotate-animation 1s linear 0s infinite
}
.loading.load:after {
	width: 81.9px;
	height: 81.9px;
	border-bottom-color: #4a97f6;
	border-right-color: #4a97f6;
	border-top-color: rgba(74, 151, 246, 0);
	border-left-color: rgba(74, 151, 246, 0);
	top: 17.55px;
	left: 17.55px;
	animation: anti-rotate-animation 0.85s linear 0s infinite
}

section #gallery .block {
	cursor: pointer
}

section #gallery .block .text-block {
	padding: 15px;
	text-align: center
}

section #gallery .block {
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

section #gallery .block:hover {
	opacity: .8
}

section #gallery .block .title {
	font-size: 20px;
	font-weight: normal;
	height: auto
}

#zoom {
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, .3);
	visibility: hidden;
	opacity: 0;
	z-index: 999;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

#zoom.active {
	visibility: visible;
	opacity: 1
}

#zoom #close {
	position: fixed;
	top: 30px;
	right: 30px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

#zoom #close:hover {
	color: #1378f5
}

#zoom #zoom-content {
	width: 800px;
	max-width: 80%;
	margin: 0 auto;
	border-radius: 15px;
	background: #fff
}

#zoom #zoom-content img {
	border-radius: 15px 15px 0 0
}

#zoom #zoom-content p {
	margin: 0;
	padding: 0 15px 15px;
	font-size: 20px
}

footer {
	width: 100%;
	padding: 80px 0 20px;
	background: #0e243f;
	color: #939aa4
}

footer .logo {
	display: block;
	float: none;
	width: 50px;
	margin-bottom: 20px
}

footer h4 {
	font-family: 'Rubik', sans-serif;
	color: #fff;
	font-size: 22px;
	margin: 0 0 20px
}

footer ul li {
	margin: 10px 0
}

footer ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 15px;
	color: #939aa4;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z' fill='rgb(74, 151, 246)'/%3E%3C/svg%3E");
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: left center
}

footer ul li a:hover {
	padding: 0 0 0 20px;
	color: #4a97f6
}

footer .contacts span {
	display: block;
	font-size: 20px;
	margin: 0 0 10px;
}

footer .copyright {
	margin: 50px 0 0;
	text-align: center
}

footer .copyright p {
	margin: 0
}

@media screen and (max-width: 991px) {
nav {
	text-align: left;
	z-index: 99
}

nav .logo {
	width: 85px;
	height: 85px
}

nav.open {
	background: #fff
}

nav.open .logo {
    background-image: url(../images/logo-l.png)
}

.toggle {
	margin: 30px 0 0;
	float: right;
	cursor: pointer;
	width: 30px;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.toggle > .line {
	width: 100%;
	height: 2px;
	background: #fff;
	margin: 5px 0;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

nav.white .toggle > .line {
	background: #142134
}

.toggle:hover > .line,
nav.white .toggle:hover > .line {
	background: #4a97f6
}

nav.open .toggle .line:nth-child(1) {
	background: #4a97f6;
	transform: rotate(-45deg) translate(-4px, 5px)
}

nav.open .toggle .line:nth-child(2) {
	opacity: 0
}

nav.open .toggle .line:nth-child(3) {
	background: #5da5e8;
	transform: rotate(45deg) translate(-5px, -6px)
}

nav .menu {
	position: absolute;
	background: #fff;
	z-index: 999;
	top: 105px;
	transform: translateY(0px);
	right: -100%;
	flex-direction: column;
	min-width: 300px;
	width: 30%;
	height: 100vh;
	-webkit-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

nav .menu .btn {
	text-align: center;
    display: block;
    width: 250px;
    max-width: 90%;
    margin: 20px auto 0
}

nav.open .menu {
	right: 0
}

nav ul a {
	color: #142134
}

nav ul.menu li {
	display: block;
	margin: 0
}

nav ul.menu > li {
	border-bottom: 1px solid #dedede
}

nav ul li a {
	width: 100%;
	padding: 10px 15px
}

nav ul li:first-child a {
	border-top: none
}

nav ul .submenu a:first-child {
	border-top: 1px solid #ededed
}

nav ul li.active a,
nav ul li a:hover,
nav ul .menu-click.menu-active a {
	color: #4a97f6
}

nav .arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(20, 33, 52)'/%3E%3C/svg%3E")
}

nav .submenu {
	width: 100%;
	position: inherit;
	transform: translateY(0px);
	max-height: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

nav ul .menu-click .submenu a {
	background: #f9f9f9!important;
	padding-left: 25px
}

header .btn {
	margin: 0 0 40px
}

section.satisfaction div[class*='col-']:not(:last-child) {
	border-right: none;
	margin: 15px 0
}

section.satisfaction div[class*='col-']:not(:nth-last-child(-n+2)) {
	margin-bottom: 15px
}

section.satisfaction div[class*='col-']:not(:nth-last-child(-n+2)):after {
	content: '';
	position: absolute;
	bottom: -16px;
	left: 15px;
	display: block;
	width: calc(100% - 28px);
	height: 2px;
	background: #fff
}

section.satisfaction div[class*='col-']:nth-child(odd) {
	border-right: 2px solid #fff
}

footer div[class*='col-']:not(:last-child) {
	margin-bottom: 30px
}
}

@media screen and (max-width: 767px) {
section.satisfaction div[class*='col-']:not(:last-child) {
	border-right: none
}

section.satisfaction div[class*='col-']:after,
section.satisfaction div[class*='col-']:not(:last-child):after {
	content: '';
	display: block;
	position: relative;
	left: 0;
	width: 20%;
	margin: 25px auto;
	height: 2px;
	background: #fff
}

section.satisfaction div[class*='col-']:last-child:after {
	display: none
}

section.satisfaction div[class*='col-'] {
	border-right: none
}
}