/*
Theme Name: Ohorona Service
Theme URI: http://example.com/
Author: Voytek
Author URI: http://example.com/
Description: A minimal WordPress theme with maximum functionality.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
Tags: minimal, responsive, clean
*/

/*button, a, input{
	outline: 0!important;
}*/


.popupMenu {
    /*display: none; Скрыто по умолчанию */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    z-index: 1000; /* Поверх всех элементов */
    overflow-y: auto;
}

.popupMenu.i_show {
    display: block; /* Показываем при добавлении класса "open" */
}




body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.likely,
.likely__widget {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-indent: 0 !important;
    list-style: none !important;
    font-weight: 400;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: inherit
}
.popup_select{
	position: relative;
}
.choose_options{
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 150px;
    overflow: auto;
    top: 65px;
    left: 0;
    background: #FFFFFF;
    padding: 10px;
    border: 2px solid #e6eaf9;
    display: none;
    border-radius: 10px;
    z-index: 10;
    box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
}
.choose_options ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.popup_modal{
	position:relative;
}
.choose_options ul li{
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    transition: .2s linear;
}
.choose_options ul li:hover{
    color: #002256;
}
.choose_options .choose_selected{
	font-family: geometriabold, sans-serif;
	font-weight: 500;
    color: #002256;
}

.choose_options_active{
	display: block;
}
.choose_header{
	position: relative;
	cursor: pointer;
}
.choose_header input{
	cursor: pointer;
	color: #9c9cbb;
	font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 18px 15px 18px;
}
.choose_header:after{
	content: url(../images/Down_16px.svg);
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.choose_header_active:after{
	content: url(../images/uppp.svg);
}
.thank_bold{
	font-family: Geometria;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	text-align: center;
	color: #333333;
	margin: 0;
}
.thank_regular{
	font-family: Geometria;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	text-align: center;
	color: #333333;
	margin: 0 30px 70px;
}
.thank_main{
	    padding: 10px 20px;
    border-radius: 8px;
    color: #fff;
    background-color: #4ec803;
    font-family: Geometria;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
.thank_div{
	display: flex;
	justify-content: center;
}
.likely {
    opacity: 0;
    font-size: 0 !important
}

.likely_visible {
    opacity: 1;
    transition: opacity .1s ease-in
}

.likely>* {
    display: inline-block;
    visibility: hidden
}

.likely_visible>* {
    visibility: inherit
}

.likely__widget {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.likely__button,
.likely__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility;
    display: inline-block;
    margin: 0;
    outline: 0
}

.likely__button {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.likely__counter {
    display: none;
    position: relative;
    font-weight: 400
}

.likely_ready .likely__counter {
    display: inline-block
}

.likely_ready .likely__counter_empty {
    display: none
}

.likely__button,
.likely__counter,
.likely__icon,
.likely__widget {
    vertical-align: top
}

.likely__widget {
    transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out
}

.likely__widget:active,
.likely__widget:focus,
.likely__widget:hover {
    transition: none;
    cursor: pointer
}

.cover_img,
.serviceSlide_box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contain_img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.g-recaptcha {
    margin-top: 10px;
    margin-bottom: 10px
}

.container-404 {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 110px;
    padding-bottom: 300px;
    margin-bottom: 130px;
    position: relative
}

.back-404 {
    position: absolute;
    bottom: 0;
    right: 300px
}

.back-404-mob {
    display: none
}

.image-404 {
    margin-bottom: 49px
}

.paragraph-404 {
    position: relative;
    margin-bottom: 70px
}

.paragraph-404 p {
    font-family: Geometria;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    color: #333;
    margin: 0
}

.paragraph-404 img {
    position: absolute;
    right: -53px;
    top: -14px;
    z-index: -1
}

.button_404 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Geometria;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #002abe;
    height: 41px;
    width: 155px;
    text-decoration: none;
    border: 2px solid #e6ebf9;
    border-radius: 5px
}
.button_404:hover{
	background: #e6eaf9;
}
@media (hover:none) {

    .likely__widget:active,
    .likely__widget:focus,
    .likely__widget:hover {
        transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
        cursor: unset
    }
}

.likely__icon {
    position: relative;
    text-align: left;
    display: inline-block
}

.likely svg {
    position: absolute
}

.likely__button,
.likely__counter {
    line-height: inherit;
    cursor: inherit
}

.likely__button:empty {
    display: none
}

.likely__counter {
    text-align: center
}

.likely .likely__widget {
    color: #000;
    background: hsla(0, 0%, 91%, .8)
}

.likely .likely__counter {
    background-size: 1px 1px;
    background-repeat: repeat-y;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .2), transparent .5px, transparent)
}

.likely-light .likely__widget {
    color: #fff;
    fill: #fff;
    background: hsla(0, 0%, 93%, .16);
    text-shadow: rgba(0, 0, 0, .2) 0 0 .33em
}

.likely-light .likely__counter {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0) .5px, hsla(0, 0%, 100%, 0))
}

.likely__widget_facebook {
    fill: #425497
}

.likely__widget_facebook:active,
.likely__widget_facebook:focus,
.likely__widget_facebook:hover {
    background: rgba(207, 212, 229, .8)
}

@media (hover:none) {

    .likely__widget_facebook:active,
    .likely__widget_facebook:focus,
    .likely__widget_facebook:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_facebook:active,
.likely-light .likely__widget_facebook:focus,
.likely-light .likely__widget_facebook:hover {
    text-shadow: #425497 0 0 .25em;
    background: rgba(66, 84, 151, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_facebook:active,
    .likely-light .likely__widget_facebook:focus,
    .likely-light .likely__widget_facebook:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_linkedin {
    fill: #0077b5
}

.likely__widget_linkedin:active,
.likely__widget_linkedin:focus,
.likely__widget_linkedin:hover {
    background: rgba(191, 221, 236, .8)
}

@media (hover:none) {

    .likely__widget_linkedin:active,
    .likely__widget_linkedin:focus,
    .likely__widget_linkedin:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_linkedin:active,
.likely-light .likely__widget_linkedin:focus,
.likely-light .likely__widget_linkedin:hover {
    text-shadow: #0077b5 0 0 .25em;
    background: rgba(0, 119, 181, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_linkedin:active,
    .likely-light .likely__widget_linkedin:focus,
    .likely-light .likely__widget_linkedin:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_odnoklassniki {
    fill: #f6903b
}

.likely__widget_odnoklassniki:active,
.likely__widget_odnoklassniki:focus,
.likely__widget_odnoklassniki:hover {
    background: hsla(27, 88%, 90%, .8)
}

@media (hover:none) {

    .likely__widget_odnoklassniki:active,
    .likely__widget_odnoklassniki:focus,
    .likely__widget_odnoklassniki:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_odnoklassniki:active,
.likely-light .likely__widget_odnoklassniki:focus,
.likely-light .likely__widget_odnoklassniki:hover {
    text-shadow: #f6903b 0 0 .25em;
    background: rgba(246, 144, 59, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_odnoklassniki:active,
    .likely-light .likely__widget_odnoklassniki:focus,
    .likely-light .likely__widget_odnoklassniki:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_pinterest {
    fill: #bd081c
}

.likely__widget_pinterest:active,
.likely__widget_pinterest:focus,
.likely__widget_pinterest:hover {
    background: rgba(238, 193, 198, .8)
}

@media (hover:none) {

    .likely__widget_pinterest:active,
    .likely__widget_pinterest:focus,
    .likely__widget_pinterest:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_pinterest:active,
.likely-light .likely__widget_pinterest:focus,
.likely-light .likely__widget_pinterest:hover {
    text-shadow: #bd081c 0 0 .25em;
    background: rgba(189, 8, 28, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_pinterest:active,
    .likely-light .likely__widget_pinterest:focus,
    .likely-light .likely__widget_pinterest:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_telegram {
    fill: #34abde
}

.likely__widget_telegram:active,
.likely__widget_telegram:focus,
.likely__widget_telegram:hover {
    background: rgba(204, 234, 246, .8)
}

@media (hover:none) {

    .likely__widget_telegram:active,
    .likely__widget_telegram:focus,
    .likely__widget_telegram:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_telegram:active,
.likely-light .likely__widget_telegram:focus,
.likely-light .likely__widget_telegram:hover {
    text-shadow: #34abde 0 0 .25em;
    background: rgba(52, 171, 222, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_telegram:active,
    .likely-light .likely__widget_telegram:focus,
    .likely-light .likely__widget_telegram:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_twitter {
    fill: #00b7ec
}

.likely__widget_twitter:active,
.likely__widget_twitter:focus,
.likely__widget_twitter:hover {
    background: rgba(191, 237, 250, .8)
}

@media (hover:none) {

    .likely__widget_twitter:active,
    .likely__widget_twitter:focus,
    .likely__widget_twitter:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_twitter:active,
.likely-light .likely__widget_twitter:focus,
.likely-light .likely__widget_twitter:hover {
    text-shadow: #00b7ec 0 0 .25em;
    background: rgba(0, 183, 236, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_twitter:active,
    .likely-light .likely__widget_twitter:focus,
    .likely-light .likely__widget_twitter:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_vkontakte {
    fill: #526e8f
}

.likely__widget_vkontakte:active,
.likely__widget_vkontakte:focus,
.likely__widget_vkontakte:hover {
    background: rgba(211, 218, 227, .8)
}

@media (hover:none) {

    .likely__widget_vkontakte:active,
    .likely__widget_vkontakte:focus,
    .likely__widget_vkontakte:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_vkontakte:active,
.likely-light .likely__widget_vkontakte:focus,
.likely-light .likely__widget_vkontakte:hover {
    text-shadow: #526e8f 0 0 .25em;
    background: rgba(82, 110, 143, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_vkontakte:active,
    .likely-light .likely__widget_vkontakte:focus,
    .likely-light .likely__widget_vkontakte:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_whatsapp {
    fill: #25d366
}

.likely__widget_whatsapp:active,
.likely__widget_whatsapp:focus,
.likely__widget_whatsapp:hover {
    background: rgba(200, 244, 216, .8)
}

@media (hover:none) {

    .likely__widget_whatsapp:active,
    .likely__widget_whatsapp:focus,
    .likely__widget_whatsapp:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_whatsapp:active,
.likely-light .likely__widget_whatsapp:focus,
.likely-light .likely__widget_whatsapp:hover {
    text-shadow: #25d366 0 0 .25em;
    background: rgba(37, 211, 102, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_whatsapp:active,
    .likely-light .likely__widget_whatsapp:focus,
    .likely-light .likely__widget_whatsapp:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely {
    margin: 0 -5px -10px
}

.likely .likely__widget {
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    height: 22px;
    margin: 0 5px 10px
}

.likely .likely__icon {
    width: 22px;
    height: 22px
}

.likely .likely__button {
    padding: 1px 4px 1px 0
}

.likely .likely__counter {
    padding: 1px 4px
}

.likely svg {
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px
}

.likely-big {
    margin: 0 -6px -12px
}

.likely-big .likely__widget {
    line-height: 28px;
    font-size: 18px;
    border-radius: 4px;
    height: 32px;
    margin: 0 6px 12px
}

.likely-big .likely__icon {
    width: 32px;
    height: 32px
}

.likely-big .likely__button {
    padding: 2px 6px 2px 0
}

.likely-big .likely__counter {
    padding: 2px 6px
}

.likely-big svg {
    left: 4px;
    top: 4px;
    width: 24px;
    height: 24px
}

.likely-small {
    margin: 0 -4px -8px
}

.likely-small .likely__widget {
    line-height: 14px;
    font-size: 12px;
    border-radius: 2px;
    height: 18px;
    margin: 0 4px 8px
}

.likely-small .likely__icon {
    width: 18px;
    height: 18px
}

.likely-small .likely__button {
    padding: 2px 3px 2px 0
}

.likely-small .likely__counter {
    padding: 2px 3px
}

.likely-small svg {
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px
}

.clients_box img {
    width: 100%;
    height: 100%;
    object-fit: contain
}
#popupThankyou{
    z-index: 20;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    animation: a 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.editor h2,
.publicationPage_title,
.publications_title,
.splash_title {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 38px
}

.banner_redactor h2,
.hero_title,
.publications.i_homepage .publications_title,
.reviews_title {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 34px
}

.advantages_title,
.clients.i_homepage .clients_title,
.clients_title,
.equipment_title,
.popup_title,
.section_title,
.serviceSlide_title {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px
}

.package_amount,
.popupMenu_subtitle,
.servicesList_title {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.advantages_subtitle,
.editor h3 {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px
}

.consultation_title,
.editor h4,
.faq_title,
.general_link,
.general_title,
.nav_control.i_splash.i_mob select,
.popup_info,
.process_title,
.reviews_subtitle span,
.sale_title,
.splash .console_title {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.banner_redactor p,
.connection_link,
.consultation_text,
.contacts.i_dark .contacts_link,
.contacts.i_dark .contacts_text,
.editor p,
.package_redactor p,
.popup_input,
.popup_text,
.process_text,
.publicationPage_caption,
.serviceSlide_text,
.splash_text {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.editor strong,
.package_currency {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.connection_text,
.connection_text a,
.connection_text span,
.editor p.editor_description,
.faq_redactor {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px
}

.package_title,
.process_subtitle {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.advantages_redactor,
.equipmentOptions_info,
.footer_license,
.license_text,
.package .packageAdv_item,
.package_duration,
.popupMenu_description,
.promo_text,
.publications.i_specials .publications_anouncement,
.publications_anouncement,
.publications_redactor,
.reviews_redactor,
.sale_description,
.sale_terms,
.servicesList_text {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.equipmentOptions_price,
.equipmentOptions_quantity {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.editor ol li,
.editor ul li,
.equipment_text,
.faq_item,
.intro_text {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400
}

.editor ol li,
.editor ul li,
.equipment_text,
.faq_item {
    font-size: 16px;
    line-height: 22px
}

.equipment_caption,
.package_redactor ol li,
.package_redactor ul li {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.package_name,
.popup_input:focus~label,
.popup_input:not(:placeholder-shown)~label,
.popup_subtitle {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.apt_btn,
.nav_btn,
.nav_control.i_mob select {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.btn_popupConsult,
.categories_link,
.editor h5,
.editor p.editor_position,
.popup label {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.contacts.i_dark .contacts_tel a,
.contacts.i_dark .contacts_tel span,
.contacts_block.i_main .contacts_link,
.more_link.i_banner,
.popupMenu .popupMenu_link,
.popupMenu_title,
.publications_subtitle {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.btn_more,
.btn_primary,
.btn_send,
.clients.i_homepage .clients_link,
.clients_link,
.contacts_block.i_inner .contacts_link,
.more_link,
.showMore_btn {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.footer_copyright,
.footer_developer span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px
}

.footer_copyright,
.footer_developer span,
.publicationPage_info span,
.publications_info span {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase
}

.publicationPage_info span,
.publications_info span {
    font-size: 10px;
    line-height: 10px;
    text-align: center
}

.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px
}

@media only screen and (min-width:768px) {
    .container {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1024px) {
    .container {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1280px) {
    .container {
        padding-right: 80px;
        padding-left: 80px
    }
}

@media only screen and (min-width:1600px) {
    .container {
        padding-right: 160px;
        padding-left: 160px
    }
}

.container.i_full {
    height: 100vh
}

.container.i_full .row_nw {
    height: 100%
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row.i_full {
    height: 100%;
    -ms-flex-align: stretch;
    align-items: stretch
}

.row_nw {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:768px) {
    .row_nw {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .cell {
        padding-right: 50px;
        padding-left: 50px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .cell {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.cell_2 {
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .cell_2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1024px) {
    .cell_2 {
        -ms-flex: 0 0 66.3%;
        flex: 0 0 66.3%;
        max-width: 66%
    }
}

.cell.none_pr,
.cell_2.none_pr {
    padding-right: 0
}

.cell.none_pl,
.cell_2.none_pl {
    padding-left: 0
}

.cell.none_px,
.cell_2.none_px,
.cell_3.none_px {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) {

    .cell.none_pxTablet,
    .cell_2.none_pxTablet {
        padding-left: 0;
        padding-right: 0
    }
}

.cell_2.none_mob {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) {
    .cell_2.none_mob {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1024px) {
    .cell_2.none_mob {
        -ms-flex: 0 0 66.3%;
        flex: 0 0 66.3%;
        max-width: 66%
    }
}

.cell_3 {
    width: 100%
}

@media only screen and (min-width:768px) {
    .cell_3 {
        padding: 0
    }
}

.i_noTablet {
    display: none
}

@media only screen and (min-width:1024px) {
    .i_noTablet {
        display: block
    }
}

.servicesList {
    padding: 20px 20px 30px
}

@media only screen and (min-width:768px) {
    .servicesList {
        padding: 70px 0 30px
    }
}

@media only screen and (min-width:1024px) {
    .servicesList {
        padding: 80px 0 30px
    }
}

.servicesList_wrap {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 94px 30px 44px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .servicesList_wrap {
        padding: 153px 30px 72px
    }
}

@media only screen and (min-width:1024px) {
    .servicesList_wrap {
        padding: 153px 20px 72px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_wrap {
        padding: 153px 15px 72px
    }
}

@media only screen and (min-width:1440px) {
    .servicesList_wrap {
        padding: 153px 20px 72px
    }
}

.servicesList_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.servicesList_card {
    text-decoration: none;
    display: block;
    position: relative;
    background-color: #002abe;
    min-height: 253px;
    border-radius: 10px 0 10px 10px;
    border: 1px solid #fff;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .servicesList_card {
        height: 340px;
        width: calc(50% - 25px);
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card {
        height: 400px;
        width: calc(25% - 30px)
    }
}

.servicesList_card:hover {
    background-color: #204ce8;
    border-radius: 10px
}

.servicesList_card:hover .servicesList_angle {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0
}

.servicesList_card:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .servicesList_card:nth-child(odd) {
        margin-right: 25px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card:nth-child(odd) {
        margin-right: 20px
    }
}

@media only screen and (min-width:768px) {
    .servicesList_card:nth-child(2n) {
        margin-left: 25px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card:nth-child(2n) {
        margin-left: 20px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card:nth-child(2) {
        margin-right: 20px
    }
}

@media only screen and (min-width:1440px) {
    .servicesList_card:nth-child(2) {
        margin-right: 20px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card:nth-child(3) {
        margin-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .servicesList_card:nth-child(3) {
        margin-left: 20px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_card:nth-child(4n+4) {
        margin-right: 0
    }
}

.servicesList_card .servicesList_box {
    top: 0;
    width: 283px;
    height: 400px;
    background-size: cover;
    background-position: 0 0
}

.servicesList_card .servicesList_box,
.servicesList_card .servicesList_icon {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat
}

.servicesList_card .servicesList_icon {
    top: 20px;
    width: 71px;
    height: 64px;
    background-size: contain;
    background-position: 50%
}

@media only screen and (min-width:768px) {
    .servicesList_card .servicesList_icon {
        top: 80px
    }
}

.servicesList_card:hover .servicesList_box {
    width: 383px;
    height: 500px;
    top: -50px;
    transfom: translateX(-55%)
}

.servicesList_angle {
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 21px;
    height: 26px;
    background-image: url(../images/homepage/angle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .servicesList_angle {
        width: 19px;
        height: 29px
    }
}

@media only screen and (min-width:1024px) {
    .servicesList_angle {
        width: 28px;
        height: 35px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_angle {
        width: 17px;
        height: 21px
    }
}

@media only screen and (min-width:1440px) {
    .servicesList_angle {
        width: 16px;
        height: 20px
    }
}

@media only screen and (min-width:1600px) {
    .servicesList_angle {
        top: 0;
        right: -1px;
        width: 27px;
        height: 33px
    }
}

.servicesList_title {
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.servicesList_text,
.servicesList_title {
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.servicesList_text {
    margin: 0
}

.servicesList_arrow {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 24px;
    width: 24px;
    background-image: url(../images/global/more.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: .7;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .servicesList_arrow {
        bottom: 65px
    }
}

@media only screen and (min-width:1280px) {
    .servicesList_arrow {
        bottom: 75px
    }
}

.serviceSlide_slide {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 20px
}

@media only screen and (min-width:768px) {
    .serviceSlide_slide {
        margin: 0 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .serviceSlide_slide {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.serviceSlide_box {
    width: 100%;
    height: 200px;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:1024px) {
    .serviceSlide_box {
        height: auto;
        width: 50%;
        -ms-flex-order: 2;
        order: 2
    }

    .serviceSlide_box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.serviceSlide_content {
    position: relative;
    -ms-flex-order: 2;
    order: 2;
    background-color: #f7f7f7;
    padding: 49px 20px 20px
}

@media only screen and (min-width:768px) {
    .serviceSlide_content {
        padding: 79px 50px 50px
    }
}

@media only screen and (min-width:1024px) {
    .serviceSlide_content {
        padding: 169px 50px 50px;
        width: 50%;
        -ms-flex-order: 1;
        order: 1;
        min-height: 400px
    }
}

@media only screen and (min-width:1600px) {
    .serviceSlide_content {
        padding: 193px 50px 50px
    }
}

.serviceSlide_notice {
    position: absolute;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ed1c24;
    padding: 4px 6px 3px;
    background-color: #ffdedb;
    border-radius: 4px;
    top: 20px;
    left: 20px
}

@media only screen and (min-width:768px) {
    .serviceSlide_notice {
        top: 50px;
        left: 50px
    }
}

@media only screen and (min-width:1024px) {
    .serviceSlide_notice {
        top: 140px;
        left: 50px
    }
}

@media only screen and (min-width:1600px) {
    .serviceSlide_notice {
        top: 164px;
        left: 50px
    }
}

.serviceSlide_title {
    color: #002256;
    margin: 0
}

@media only screen and (min-width:1280px) {
    .serviceSlide_title {
        font-size: 32px;
        line-height: 34px
    }
}

.serviceSlide_title p {
    margin-top: 0;
    margin-bottom: 15px
}

.serviceSlide_title strong {
    color: #ed1c24
}

.serviceSlide_text {
    color: #000;
    margin-top: 0;
    margin-bottom: 30px
}

.serviceSlide_text p {
    margin-top: 0;
    margin-bottom: 10px
}

.serviceSlide_text p:last-child {
    margin-bottom: 0
}

.serviceSlide_text strong {
    font-family: geometriabold, sans-serif
}

.serviceSlide_nav {
    display: none
}

@media only screen and (min-width:1280px) {
    .serviceSlide_nav {
        display: -ms-flexbox;
        display: flex
    }
}

.serviceSlide_nav .serviceSlide_item {
    position: relative;
    padding-right: 18px;
    padding-bottom: 5px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.serviceSlide_nav .serviceSlide_item:last-child:before {
    display: none
}

.serviceSlide_nav .serviceSlide_item:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #e8e8e9
}

.serviceSlide_nav .serviceSlide_item:hover .serviceSlide_btn {
    color: #ed1c24
}

.serviceSlide_nav .serviceSlide_btn {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #002abe
}

.serviceSlide_nav .serviceSlide_item.i_active {
    position: relative
}

.serviceSlide_nav .serviceSlide_item.i_active .serviceSlide_btn {
    color: #002256
}

.serviceSlide_nav .serviceSlide_item.i_active .serviceSlide_line {
    display: block;
    position: absolute;
    bottom: 2px;
    height: 2px;
    width: calc(100% - 18px);
    background-color: #e0e3ee
}

.serviceSlide_nav .serviceSlide_item.i_active .serviceSlide_progress {
    display: block;
    position: absolute;
    bottom: 2px;
    height: 2px;
    width: calc(40% - 18px);
    background-color: #9c9cbb
}

@media only screen and (min-width:1024px) {
    .serviceSlide .more_link {
        max-width: 350px
    }
}

@media (min-width:1100px) {
    .serviceSlide .more_link {
        max-width: none
    }
}

.serviceSlide .swiper-container {
    width: 100%;
    padding-bottom: 30px
}

.serviceSlide .swiper-pagination-bullet {
    background-color: #9c9cbb;
    height: 18px;
    width: 18px
}

.serviceSlide .swiper-pagination-bullet-active {
    background-color: #9c9cbb
}

.proposal {
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .proposal {
        margin-bottom: 80px
    }
}

.proposal .serviceSlide_slide {
    margin: 0;
    text-align: center
}

@media only screen and (min-width:768px) {
    .proposal .serviceSlide_slide {
        margin: 0;
        text-align: left
    }
}

.proposal .serviceSlide_notice {
    text-decoration: none;
    color: #002abe;
    background-color: #e6eaf9;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: background-color .3s linear, color .3s linear
}

@media only screen and (min-width:768px) {
    .proposal .serviceSlide_notice {
        top: 50px;
        left: 50px;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (min-width:1024px) {
    .proposal .serviceSlide_notice {
        top: 140px;
        left: 50px
    }
}

@media only screen and (min-width:1600px) {
    .proposal .serviceSlide_notice {
        top: 164px;
        left: 50px
    }
}

.proposal .serviceSlide_notice:hover {
    background-color: #ffdedb;
    color: #ed1c24
}

.advantages {
    padding: 40px 20px 20px
}

@media only screen and (min-width:768px) {
    .advantages {
        padding: 80px 0 40px
    }
}

.advantages_title {
    color: #002256;
    margin-top: 0;
    margin-bottom: 30px
}

@media only screen and (min-width:1280px) {
    .advantages_title {
        font-size: 32px;
        line-height: 34px;
        text-align: center
    }
}

.advantages_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .advantages_list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.advantages_card {
    display: -ms-flexbox;
    display: flex;
    min-height: 136px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .advantages_card {
        min-height: 180px;
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .advantages_card {
        min-height: 295px;
        width: calc(50% - 25px)
    }
}

@media only screen and (min-width:1280px) {
    .advantages_card {
        min-height: 295px;
        width: calc(31% - 16px)
    }
}

@media only screen and (min-width:1440px) {
    .advantages_card {
        width: calc(32% - 16px)
    }
}

@media only screen and (min-width:1024px) {
    .advantages_card:nth-child(odd) {
        margin-right: 25px
    }
}

@media only screen and (min-width:1024px) {
    .advantages_card:nth-child(2n) {
        margin-left: 25px
    }
}

@media only screen and (min-width:1280px) {
    .advantages_card:nth-child(3n+1) {
        margin-right: 49px
    }
}

@media only screen and (min-width:1280px) {
    .advantages_card:nth-child(3n+2) {
        margin-right: 50px;
        margin-left: 0
    }
}

@media only screen and (min-width:1280px) {
    .advantages_card:nth-child(3n+3) {
        margin-right: 0
    }
}

.advantages_box {
    position: relative;
    width: 104px;
    min-height: 136px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.advantages_box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.advantages_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(0, 34, 86, .54) 23.05%, rgba(0, 34, 86, 0) 70.51%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.advantages_box svg {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    height: 64px;
    width: 64px
}

.advantages_subtitle {
    color: #002256;
    margin-top: 0;
    margin-bottom: 10px
}

@media only screen and (min-width:1280px) {
    .advantages_subtitle {
        font-size: 24px;
        line-height: 28px
    }
}

.advantages_redactor {
    color: #000
}

.advantages_redactor p {
    margin: 0
}

.advantages_redactor strong {
    font-family: geometriabold, sans-serif
}

.advantages_content {
    padding: 20px
}

.advantages.i_homepage {
    padding-top: 0
}

.hero_wrap {
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden
}

.hero_wrap img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: -20%
}

.hero_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 34, 86, .4), rgba(0, 34, 86, 0))
}

.hero_title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    max-width: 300px;
    margin: 0
}

@media only screen and (min-width:768px) {
    .hero_title {
        bottom: 50px;
        left: 50px
    }
}

.reviews {
    padding: 50px 20px 0
}

@media only screen and (min-width:768px) {
    .reviews {
        padding: 50px 0 0
    }
}

.reviews_title {
    color: #002256;
    margin-top: 0;
    margin-bottom: 30px
}

.reviews_wrapper {
    position: relative
}

@media only screen and (min-width:768px) {
    .reviews .gutter-sizer {
        width: 3%
    }
}

.reviews .grid-item,
.reviews .grid-sizer {
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {

    .reviews .grid-item,
    .reviews .grid-sizer {
        margin-bottom: 30px;
        max-width: 48.5%
    }
}

@media only screen and (min-width:1024px) {

    .reviews .grid-item,
    .reviews .grid-sizer {
        max-width: 31.33333%
    }
}

@media only screen and (min-width:1280px) {

    .reviews .grid-item,
    .reviews .grid-sizer {
        max-width: 22.75%
    }
}

.reviews_item {
    position: relative;
    width: 100%;
    padding: 21px 30px 45px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    opacity: 0
}

@media only screen and (min-width:768px) {
    .reviews_item {
        margin-bottom: 30px;
        max-width: 48.5%
    }
}

@media only screen and (min-width:1024px) {
    .reviews_item {
        max-width: 31.33333%
    }
}

@media only screen and (min-width:1280px) {
    .reviews_item {
        max-width: 22.75%
    }
}

.reviews_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-image: url(../images/homepage/Tail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.reviews_item.i_hidden {
    opacity: 0
}

.reviews_comma {
    margin-left: -5px
}

.reviews_subtitle {
    margin-top: 0;
    margin-bottom: 20px
}

.reviews_subtitle span {
    color: #002256
}

.reviews_redactor {
    color: #000
}

.reviews_redactor p {
    margin-top: 0;
    margin-bottom: 10px
}

.reviews_redactor p:last-child {
    margin-bottom: 0
}

.banner_wrap {
    position: relative;
    padding: 50px;
    overflow-x: hidden
}

@media (min-width:1025px) {
    .banner_wrap {
        min-height: 440px
    }
}

@media (min-width:415px) and (max-width:1024px) {
    .banner_wrap {
        max-height: 900px;
        height: auto;
        padding-bottom: 440px
    }
}

@media (max-width:414px) {
    .banner_wrap {
        max-height: 800px;
        height: auto;
        padding: 20px 20px 340px
    }
}

.banner_redactor {
    position: relative;
    margin-bottom: 30px;
    max-width: 500px;
    z-index: 1
}

@media (max-width:1024px) {
    .banner_redactor {
        max-width: none
    }
}

.banner_redactor h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px
}

.banner_redactor h2 strong {
    font-family: geometriabold, sans-serif
}

.banner_redactor p {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff
}

.banner_redactor p strong {
    font-family: geometriabold, sans-serif
}

.banner.i_service {
    margin-top: 80px
}

@media only screen and (min-width:1024px) {
    .banner.i_service {
        padding-top: 80px
    }
}

.splash_wrap {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% 0;
    height: 532px
}

@media only screen and (min-width:768px) {
    .splash_wrap {
        height: 460px
    }
}

.splash_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(0deg, rgba(0, 34, 86, .1), rgba(0, 34, 86, .1))
}

@media only screen and (max-width:1023px) {
    .splash .splash-bg:not(.-services) {
        background-image: unset
    }
}

.splash .splash-bg.-services {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

@media only screen and (max-width:1023px) {
    .splash .splash-bg.-services {
        height: 300px;
        background-position: 50%
    }
}

.splash .splash_mobileCover {
    display: none;
    height: 400px
}

@media only screen and (max-width:1023px) {
    .splash .splash_mobileCover {
        display: block
    }
}

@media only screen and (max-width:600px) {
    .splash .splash_mobileCover {
        height: 300px
    }
}

.splash .nav_control.i_splash.i_mob select {
    padding: 13px 33px 11px 12px
}

.splash .nav_control.i_splash.i_mob option {
    color: #002256
}

.splash .nav_control.i_splash.i_mob path {
    stroke: #002256
}

@media only screen and (max-width:1023px) {
    .splash .nav_control.i_splash.i_mob {
        display: block
    }
}

.splash .cell.i_service {
    display: none;
    background-color: rgba(0, 34, 86, .7)
}

@media only screen and (min-width:1024px) {
    .splash .cell.i_service {
        display: block;
        padding-left: 40px;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%
    }
}

.splash .row {
    height: auto
}

@media only screen and (min-width:768px) {
    .splash .row {
        height: 100%
    }
}

.splash .row.-services {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width:1023px) {
    .splash .row.-services {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:1023px) {
    .splash .row.-services .cell {
        max-width: unset
    }
}

@media only screen and (max-width:1023px) {

    .splash .row.-services .splash_text,
    .splash .row.-services .splash_title {
        text-align: center
    }
}

@media only screen and (max-width:1023px) {
    .splash .row.-services .splash_box {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.splash .cell_2 {
    padding: 0;
    background-color: rgba(0, 34, 86, .7)
}

@media only screen and (min-width:1024px) {
    .splash .cell_2 {
        display: block;
        background-color: transparent;
        padding-left: 50px
    }
}

@media only screen and (max-width:1023px) {
    .splash .cell_2 {
        max-width: 100%
    }
}

.splash .btn_primary.i_green {
    box-shadow: 0 0 2px #aeb6d3
}

.splash_heading {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 20px
}

@media only screen and (min-width:1024px) {
    .splash_heading {
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 0 50px
    }
}

.splash_title {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 2px #aeb6d3;
    margin-top: 0;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .splash_title {
        max-width: 80%;
        text-align: left
    }
}

@media only screen and (min-width:1280px) {
    .splash_title {
        font-size: 32px;
        line-height: 38px
    }
}

.splash_text {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    color: #fff
}

@media only screen and (min-width:768px) {
    .splash_text {
        text-align: left
    }
}

.splash_mob {
    text-align: center;
    padding: 15px 20px 30px
}

@media only screen and (min-width:768px) {
    .splash_mob {
        display: none
    }
}

.splash .console {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px
}

@media only screen and (min-width:768px) {
    .splash .console {
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 50px
    }
}

.splash .console_title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px
}

.splash .console_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.splash .console_link {
    position: relative;
    display: block;
    text-decoration: none;
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 7px 7px 7px 35px;
    border-radius: 8px;
    margin-bottom: 2px
}

.splash .console_link:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.splash .console_link svg {
    position: absolute;
    left: 12px;
    top: 9px;
    height: 16px;
    width: 16px
}

.splash .console_link svg path {
    fill: #fff
}

.splash .console_link.i_active {
    background-color: hsla(0, 0%, 100%, .7);
    color: #002256;
    cursor: default
}

.splash .console_link.i_active svg path {
    fill: #002256;
    opacity: 1
}

.splash.i_category .cell {
    background-color: rgba(0, 34, 86, .7)
}

.splash.i_category .splash_title {
    position: relative;
    padding-top: 74px
}

.splash.i_category .splash_box {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 64px;
    width: 64px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

@media only screen and (min-width:768px) {
    .splash.i_category .splash_box {
        left: 0;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.splash.i_category .splash_wrap {
    height: 613px
}

@media only screen and (min-width:768px) {
    .splash.i_category .splash_wrap {
        height: 460px
    }
}

.splash.i_category .splash_wrap:before {
    display: none
}

@media only screen and (min-width:768px) {
    .splash.i_category .btn_primary {
        text-transform: capitalize
    }

    .splash.i_category .btn_primary span {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .splash.i_category .btn_primary {
        text-transform: none
    }

    .splash.i_category .btn_primary span {
        display: inline
    }
}

.splash.i_brief .cell {
    background-color: rgba(0, 34, 86, .7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.splash.i_brief .splash_wrap {
    /*height: 398px*/
}

@media only screen and (min-width:768px) {
    .splash.i_brief .splash_wrap {
        height: 405px
    }
}

.splash.i_brief .splash_wrap:before {
    display: none
}

.splash.i_brief .splash_title {
    margin-bottom: 0
}

.splash.i_brief .splash_text {
    margin-bottom: 0;
    margin-top: 10px
}

.faq {
    margin-top: 30px
}

@media only screen and (min-width:768px) {
    .faq {
        margin-top: 80px
    }
}

.faq .cell_2 {
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .faq .cell_2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .faq .cell_2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:1280px) {
    .faq .cell_2 {
        -ms-flex: 0 0 66.3%;
        flex: 0 0 66.3%;
        max-width: 66%
    }
}

.faq .cell {
    display: none
}

@media only screen and (min-width:1024px) {
    .faq .cell {
        display: block;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:1280px) {
    .faq .cell {
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33%;
        padding-right: 0
    }
}

.faq_wrap {
    padding: 20px 0 5px 20px;
    border: 4px solid #f7f7f7
}

@media only screen and (min-width:768px) {
    .faq_wrap {
        padding: 50px 0 35px 50px
    }
}

@media only screen and (min-width:1024px) {
    .faq_wrap {
        position: relative
    }
}

.faq_title {
    color: #9c9cbb;
    margin-bottom: 20px;
    margin-top: 0
}

.faq_item {
    position: relative;
    padding: 13px 20px 15px 30px;
    border-radius: 8px 0 0 8px;
    color: #002abe;
    cursor: pointer
}

.faq_item:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 13px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #e0e3ee
}

.faq_item:hover {
    color: #ed1c24
}

.faq_item:hover:before {
    background-color: #ffdedb
}

.faq_replyList {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.faq_redactor {
    color: #000;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity .7s ease-in-out
}

.faq_redactor.i_active {
    visibility: visible;
    height: auto;
    opacity: 1;
    margin-top: 20px
}

@media only screen and (min-width:1024px) {
    .faq_redactor.i_active {
        margin-top: 0;
        padding-top: 90px
    }
}

.faq_item.i_active {
    background-color: #f7f7f7;
    color: #002256
}

.faq_item.i_active:before {
    background-color: #9c9cbb
}

.intro {
    padding: 30px 20px
}

@media only screen and (min-width:1024px) {
    .intro {
        padding: 80px 0
    }
}

.intro_text {
    position: relative;
    color: #002256;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    padding-top: 42px;
    margin: 0
}

@media only screen and (min-width:768px) {
    .intro_text {
        max-width: 840px;
        margin: 0 auto
    }
}

.intro_box {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    height: 32px;
    width: 32px
}

.package {
    padding-top: 0
}

.package .cell_3 {
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .package .cell_3 {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1280px) {
    .package .cell_3 {
        -ms-flex-order: 3;
        order: 3
    }
}

.package .cell_2,
.package .cell_3.none_px {
    padding: 0
}

@media only screen and (min-width:768px) {
    .package .cell_2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (min-width:1024px) {
    .package .cell_2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .package .cell_2 {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 0 0 66.3%;
        flex: 0 0 66.3%;
        max-width: 66%;
        padding-right: 50px
    }
}

@media only screen and (min-width:768px) {
    .package .cell {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .package .cell {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .package .cell {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.package .btn_primary {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.package_list {
    padding: 0 20px
}

@media only screen and (min-width:768px) {
    .package_list {
        padding: 0
    }
}

.package_item {
    border-radius: 10px;
    border: 2px solid #f7f7f7;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .package_item {
        display: -ms-flexbox;
        display: flex
    }
}

.package_item:last-child {
    margin-bottom: 0
}

.package_content {
    padding: 20px;
    border-radius: 10px 10px 0 0
}

@media only screen and (min-width:768px) {
    .package_content {
        border-radius: 10px 0 0 10px;
        padding: 30px;
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1024px) {
    .package_content {
        width: 78%
    }
}

@media only screen and (min-width:1280px) {
    .package_content {
        width: 67%
    }
}

.package_calculation {
    padding: 20px;
    background-color: #f7f7f7
}

@media only screen and (min-width:768px) {
    .package_calculation {
        padding: 30px;
        width: 30%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
}

@media only screen and (min-width:1024px) {
    .package_calculation {
        width: 23%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0
    }
}

@media only screen and (min-width:1280px) {
    .package_calculation {
        width: 33%
    }
}

.package_title {
    position: relative;
    color: #002256;
    margin-top: 0;
    margin-bottom: 10px
}

.package_item.i_sale .package_title {
    color: #ed1c24;
    padding-top: 30px
}

.package_sale {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ed1c24;
    padding: 4px 6px 3px;
    background-color: #ffdedb;
    border-radius: 4px;
    margin-bottom: 10px
}

.package_redactor p {
    margin-top: 0;
    margin-bottom: 10px;
    color: #000;
    font-weight: 400
}

.package_redactor p:last-of-type {
    margin-bottom: 0
}

.package_redactor ul {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.package_redactor ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 27px
}

.package_redactor ul li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 13px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #002256
}

.package_redactor ul li:last-child {
    margin-bottom: 0
}

.package_redactor ol {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 30px
}

.package_redactor ol li {
    margin-bottom: 10px
}

.package_redactor ol li:last-child {
    margin-bottom: 0
}

.package .packageAdv_list {
    margin-top: 10px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

@media only screen and (min-width:768px) {
    .package .packageAdv_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }
}

.package .packageAdv_item {
    position: relative;
    padding-left: 21px;
    color: #000;
    margin-bottom: 10px
}

.package .packageAdv_item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .package .packageAdv_item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {
    .package .packageAdv_item {
        margin-right: 20px
    }
}

.package .packageAdv_item:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #e0e3ee;
    background-image: url(../images/services/checked.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%
}

.package_duration {
    color: #9999ad;
    margin-top: 10px
}

.package_box {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    height: 20px;
    width: 105px;
    margin-bottom: 20px
}

.package_wrap {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) {
    .package_wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.package_component {
    width: 50%;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .package_component {
        width: 100%
    }
}

.package_component:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .package_component:last-child {
        margin-bottom: 20px
    }
}

.package_name {
    margin-top: 0;
    margin-bottom: 2px
}

.package_prevPrice {
    display: inline-block;
    position: relative;
    font-family: geomeriabold, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #9c9cbb;
    margin: 0
}

.package_prevPrice:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #9c9cbb
}

.package_price {
    margin: 0
}

.package_amount,
.package_currency {
    display: inline-block;
    color: #4ec803
}

.package_container {
    transition-delay: .5s
}

.equipmentOptions_list {
    padding-top: 20px;
    margin-bottom: 20px
}

.equipmentOptions_list.i_additional .equipmentOptions_item:last-child:before {
    display: block
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_list.i_additional .equipmentOptions_item {
        margin-bottom: 30px
    }
}

.equipmentOptions_list.i_additional .equipmentOptions_item:last-child {
    margin-bottom: 0
}

.equipmentOptions_item {
    position: relative;
    padding: 9px 38px 9px 52px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 44px 10px 52px;
        min-height: 60px
    }
}

.equipmentOptions_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e8e8e9
}

.equipmentOptions_item:last-child:before {
    display: none
}

.equipmentOptions_box {
    top: 9px;
    left: 0;
    height: 42px;
    width: 42px
}

.equipmentOptions_box,
.equipmentOptions_icon {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

.equipmentOptions_icon {
    top: 10px;
    right: 0;
    height: 24px;
    width: 24px
}

.equipmentOptions_text {
    display: block;
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_text {
        max-width: 238px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1280px) {
    .equipmentOptions_text {
        max-width: 168px
    }
}

@media only screen and (min-width:1440px) {
    .equipmentOptions_text {
        max-width: 238px
    }
}

.equipmentOptions_quantity {
    color: #9c9cbb
}

.equipmentOptions_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_wrap {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.equipmentOptions_info {
    color: #9999ad;
    margin: 0
}

.equipmentOptions_price {
    display: block;
    color: #4ec803
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_price {
        margin-right: 24px
    }
}

.equipmentOptions_control,
.equipmentOptions_counter {
    display: -ms-flexbox;
    display: flex
}

.equipmentOptions_counter {
    position: relative;
    background-color: #e6eaf9;
    border-radius: 4px;
    width: 75px;
    height: 30px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_counter {
        width: 50px;
        height: 20px
    }
}

.equipmentOptions .btn_decrease,
.equipmentOptions .btn_increase {
    display: block;
    position: absolute;
    top: 50%;
    height: 18px;
    width: 18px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #002abe
}

@media only screen and (min-width:1024px) {

    .equipmentOptions .btn_decrease,
    .equipmentOptions .btn_increase {
        height: 12px;
        width: 12px
    }
}

.equipmentOptions .btn_increase {
    right: 3px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions .btn_increase {
        right: 2px
    }
}

.equipmentOptions .btn_increase span {
    display: block;
    height: 2px;
    width: 12px;
    background-color: #002abe
}

@media only screen and (min-width:1024px) {
    .equipmentOptions .btn_increase span {
        width: 8px
    }
}

.equipmentOptions .btn_increase span:last-child {
    -ms-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px)
}

.equipmentOptions .btn_decrease {
    left: 3px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions .btn_decrease {
        left: 2px
    }
}

.equipmentOptions .btn_decrease span {
    display: block;
    height: 2px;
    width: 12px;
    background-color: #002abe
}

@media only screen and (min-width:1024px) {
    .equipmentOptions .btn_decrease span {
        width: 8px
    }
}

.equipmentOptions .btn_decrease span,
.equipmentOptions .btn_increase span {
    margin: 0 auto
}

.equipmentOptions .btn_decrease:hover span,
.equipmentOptions .btn_increase:hover span {
    background-color: #ed1c24
}

.equipmentOptions_count {
    display: block;
    position: absolute;
    top: 3px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    width: 27px;
    height: 24px;
    border-radius: 3px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_count {
        top: 2px;
        width: 18px;
        height: 16px
    }
}

.equipmentOptions_count span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #002256
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_count span {
        font-size: 10px;
        line-height: 12px
    }
}

.equipmentOptions_input {
    position: absolute;
    right: 0;
    bottom: 17px;
    height: 20px;
    width: 20px
}

@media only screen and (min-width:1024px) {
    .equipmentOptions_input {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto
    }
}

.equipmentOptions_check,
.equipmentOptions_label {
    display: block
}

.equipmentOptions_check {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.equipmentOptions_label {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.equipmentOptions_label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid #e6eaf9
}

.equipmentOptions_label:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-image: url(../images/global/checked.svg);
    opacity: 0
}

.equipmentOptions_check:checked+.equipmentOptions_label:after {
    opacity: 1
}

.equipmentOptions_check:focus+.equipmentOptions_label:before {
    border: 2px solid #abbcfb
}

.equipmentOptions_dropdown {
    height: 0;
    visibility: hidden;
    width: 100%;
    opacity: 0;
    transition: opacity .3s linear;
    transition: height .2s linear
}

.equipmentOptions_dropdown.i_show {
    height: auto;
    visibility: visible;
    opacity: 1
}

.consultation {
    padding: 30px 0 0;
    text-align: center;
    max-width: 924px;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .consultation {
        padding: 80px 0 0
    }
}

.consultation_title {
    position: relative;
    padding-top: 42px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ed1c24;
    text-align: center
}

.consultation_box {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    height: 32px;
    width: 32px
}

.consultation_text {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000
}

.consultation.i_calculator {
    padding: 30px 0
}

@media only screen and (min-width:768px) {
    .consultation.i_calculator {
        padding: 80px 0
    }
}

@media only screen and (min-width:1280px) {
    .consultation.i_calculator {
        padding: 80px 0 0
    }
}

.process {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (min-width:375px) {
    .process {
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) {
    .process {
        margin-top: 60px
    }
}

@media only screen and (min-width:1280px) {
    .process {
        margin-top: 0
    }
}

.process_wrap {
    color: #fff;
    padding: 30px 20px;
    background-image: linear-gradient(0deg, rgba(0, 34, 86, .7), rgba(0, 34, 86, .7))
}

@media only screen and (min-width:768px) {
    .process_wrap {
        padding: 50px
    }
}

.process_title {
    margin-top: 0;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .process_title {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:1024px) {
    .process_list {
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1280px) {
    .process_list {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.process_subtitle {
    position: relative;
    padding-top: 42px;
    margin-top: 0;
    margin-bottom: 10px
}

.process_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px
}

.process_box img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.process_text,
.process_text p {
    margin: 0
}

.process_text strong {
    font-family: geometriabold, sans-serif
}

.process_item {
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .process_item {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .process_item {
        margin-bottom: 0;
        margin-right: 50px
    }
}

@media only screen and (min-width:1280px) {
    .process_item {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.process_item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.process.i_horizontal {
    margin-bottom: 50px
}

@media only screen and (min-width:1280px) {
    .process.i_horizontal .process_list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:1280px) {
    .process.i_horizontal .process_item {
        margin-bottom: 0;
        margin-right: 50px;
        width: 33.33333%
    }

    .process.i_horizontal .process_item:last-child {
        margin-right: 0
    }
}

.equipment {
    padding: 30px 20px 0
}

@media only screen and (min-width:768px) {
    .equipment {
        padding: 30px 0 0
    }
}

@media only screen and (min-width:1024px) {
    .equipment {
        padding: 80px 0 0
    }
}

@media only screen and (min-width:1440px) {
    .equipment {
        padding: 80px 20px 20px
    }
}

@media only screen and (min-width:1600px) {
    .equipment {
        padding: 80px 160px 20px
    }
}

.equipment_title {
    color: #002256;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .equipment_title {
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 32px
    }
}

.equipment_wrap {
    text-align: center;
    margin-bottom: 30px
}

.equipment_container {
    position: relative
}

.equipment_card {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.equipment_card.i_active {
    position: static;
    opacity: 1;
    visibility: visible;
    text-align: center;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.equipment_box {
    display: inline-block;
    height: 45px;
    width: 146px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-bottom: 30px
}

.equipment_text {
    margin: 0 0 30px
}

@media only screen and (min-width:1024px) {
    .equipment_text {
        max-width: 840px;
        margin: 0 auto 30px
    }
}

.equipment_text strong {
    font-weight: 500
}

.equipment_text p {
    margin-top: 0;
    margin-bottom: 10px
}

.equipment_text p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .equipment_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.equipment_item {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .equipment_item {
        width: 189px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .equipment_item {
        width: 274px
    }
}

@media only screen and (min-width:1280px) {
    .equipment_item {
        width: 339px
    }
}

@media only screen and (min-width:1440px) {
    .equipment_item {
        width: 377px
    }
}

@media only screen and (min-width:1600px) {
    .equipment_item {
        width: 393px
    }
}

.equipment_item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.equipment_boxImg {
    display: block;
    height: 100px;
    width: 80px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .equipment_boxImg {
        width: 154px;
        height: 193px;
        margin-bottom: 20px
    }
}

.equipment_caption {
    color: #9999ad;
    margin: 0
}

.categories {
    padding: 30px 20px 20px
}

@media only screen and (min-width:768px) {
    .categories {
        padding: 80px 0 0;
        margin-bottom: -30px
    }
}

@media only screen and (min-width:768px) {
    .categories_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.categories_link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 20px 20px 20px 65px;
    border-radius: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .categories_link {
        width: calc(50% - 15px);
        margin-bottom: 30px;
        min-height: 150px;
        padding: 82px 30px 30px
    }
}

@media only screen and (min-width:1024px) {
    .categories_link {
        width: calc(25% - 22.5px)
    }
}

@media only screen and (min-width:768px) {
    .categories_link:nth-child(2n) {
        margin-left: 30px
    }
}

@media only screen and (min-width:1024px) {
    .categories_link:nth-child(4n-1) {
        margin-left: 30px
    }
}

.categories_link:after {
    background-color: #204ce8;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s linear
}

.categories_link:hover:after {
    opacity: 1
}

.categories_link:before {
    background-color: #002abe;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    z-index: -1;
    opacity: 1
}

@media only screen and (min-width:768px) {
    .categories_corner {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 30px;
        width: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0
    }
}

.categories_box {
    position: absolute;
    left: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.categories_box,
.categories_box svg {
    height: 32px;
    width: 32px
}

.categories_box path {
    fill: #fff
}

@media only screen and (min-width:768px) {
    .categories_box {
        left: 30px;
        top: 30px;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.publications {
    padding: 0 20px 30px
}

@media only screen and (min-width:1024px) {
    .publications {
        padding: 0 0 80px
    }
}

.publications_navigation {
    margin-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .publications_navigation {
        margin-bottom: 80px
    }
}

.publications_wrap {
    position: relative
}

.publications_title {
    color: #ed1c24;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .publications_title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) {
    .publications_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.publications_item {
    display: block;
    text-decoration: none;
    width: 100%;
    margin-bottom: 30px;
    transition: opacity .3s ease-out
}

@media only screen and (min-width:768px) {
    .publications_item {
        width: calc(50% - 25px);
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .publications_item {
        width: calc(31% - 16px)
    }
}

@media only screen and (min-width:1280px) {
    .publications_item {
        width: calc(31% - 9px)
    }
}

@media only screen and (min-width:1440px) {
    .publications_item {
        width: calc(31% - 6px)
    }
}

@media only screen and (min-width:768px) {
    .publications_item:nth-child(odd) {
        margin-right: 25px
    }
}

@media only screen and (min-width:768px) {
    .publications_item:nth-child(2n) {
        margin-left: 25px
    }
}

@media only screen and (min-width:1024px) {
    .publications_item:nth-child(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1024px) {
    .publications_item:nth-child(3n+1) {
        margin-right: 50px
    }
}

@media only screen and (min-width:1024px) {
    .publications_item:nth-child(3n+2) {
        margin-right: 50px;
        margin-left: 0
    }
}

@media only screen and (min-width:1024px) {
    .publications_item:nth-child(3n+3) {
        margin-right: 0
    }
}

.publications_item.i_articles .publications_type {
    color: #002abe;
    background-color: #e6eaf9
}

.publications_item.i_articles .publications_date {
    color: #9999ad;
    background-color: #f7f7f7
}

.publications_item.i_articles:hover .publications_subtitle {
    color: #ed1c24
}

.publications_item.i_events {
    position: relative;
    background-color: #f7f7f7;
    padding: 30px 30px 26px
}

.publications_item.i_events:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 21px;
    height: 26px;
    background-image: url(../images/homepage/angle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

@media only screen and (min-width:768px) {
    .publications_item.i_events:before {
        width: 19px;
        height: 29px
    }
}

@media only screen and (min-width:1024px) {
    .publications_item.i_events:before {
        width: 28px;
        height: 35px
    }
}

@media only screen and (min-width:1280px) {
    .publications_item.i_events:before {
        width: 17px;
        height: 21px
    }
}

@media only screen and (min-width:1440px) {
    .publications_item.i_events:before {
        width: 16px;
        height: 20px
    }
}

@media only screen and (min-width:1600px) {
    .publications_item.i_events:before {
        width: 24px;
        height: 30px
    }
}

.publications_item.i_events .publications_type {
    color: #fff;
    background-color: #ed1c24
}

.publications_item.i_events .publications_date {
    color: #fff;
    background-color: #002256
}

.publications_item.i_hidden {
    opacity: 0;
    height: 0;
    visibility: hidden
}

.publications_box {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px
}

.publications_subtitle {
    color: #002abe;
    margin-top: 0;
    margin-bottom: 20px;
    transition: color .3s ease-out
}

.publications_anouncement {
    color: #000
}

.publications_info {
    margin-bottom: 20px
}

.publications_info span {
    padding: 5px 3px 3px 6px;
    border-radius: 4px;
    margin-right: 15px
}

.publications_info span:last-child {
    margin-right: 0
}

.publications_info span:first-child {
    letter-spacing: 1px
}

.publications_redactor {
    color: #000
}

.publications_redactor strong {
    font-family: geometriabold, sans-serif
}

.publications_redactor p {
    margin-top: 0;
    margin-bottom: 10px
}

.publications_redactor p:last-child {
    margin-bottom: 0
}

.publications .showMore {
    position: static;
    bottom: auto;
    left: auto;
    height: auto;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .publications .showMore {
        margin-bottom: 80px
    }
}

.publications .showMore button {
    position: static;
    bottom: auto;
    left: auto;
    -ms-transform: none;
    transform: none
}

.publications_card {
    display: block;
    text-decoration: none;
    width: 100%;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .publications_card {
        width: calc(50% - 25px);
        margin-bottom: 50px
    }
}

@media only screen and (min-width:768px) {
    .publications_card:nth-child(odd) {
        margin-right: 25px
    }
}

@media only screen and (min-width:768px) {
    .publications_card:nth-child(2n) {
        margin-left: 25px
    }
}

.publications_card:hover .publications_subtitle {
    color: #ed1c24
}

.publications_card.i_hidden {
    opacity: 0;
    height: 0;
    visibility: hidden
}

.publications_sale {
    display: block;
    color: #ed1c24;
    background-color: #ffdedb;
    margin-bottom: 6px
}

.publications span.publications_terms {
    display: block;
    font-family: geometriaregular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #9999ad;
    text-transform: none;
    text-align: left;
    padding: 0
}

.publications.i_homepage {
    padding: 0 20px 20px
}

@media only screen and (min-width:768px) {
    .publications.i_homepage {
        padding: 0 0 30px
    }
}

.publications.i_homepage .publications_title {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #002abe;
    padding-right: 34px;
    margin-bottom: 30px
}

.publications.i_homepage .publications_title:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url(../images/global/more_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.publications.i_homepage .publications_title:hover {
    color: #ed1c24
}

.publications.i_homepage .publications_title:hover:before {
    background-image: url(../images/global/more_red.svg)
}

.publications.i_homepage .showMore {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    height: 200px;
    text-align: center
}

.publications.i_homepage .showMore button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.publications.i_specials .publications_box {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px
}

@media only screen and (min-width:1280px) {
    .publications.i_specials .publications_box {
        height: 367px
    }
}

.publications.i_specials .publications_anouncement {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1280px) {

    .publications.i_specials .publications_anouncement,
    .publications.i_specials .publications_subtitle {
        width: 80%
    }
}

.publications.i_specials .publications_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.publicationPage .cell {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:768px) {
    .publicationPage .cell {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .publicationPage .cell {
        position: relative;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%
    }
}

.publicationPage .row {
    position: relative
}

.publicationPage .scroll {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .publicationPage .scroll.i_active {
        right: 50px;
        position: fixed;
        z-index: 5
    }
}

@media only screen and (min-width:1280px) {
    .publicationPage .scroll.i_active {
        right: 80px
    }
}

@media only screen and (min-width:1600px) {
    .publicationPage .scroll.i_active {
        right: 160px
    }
}

.publicationPage .cell_2 {
    padding: 0 20px
}

@media only screen and (min-width:768px) {
    .publicationPage .cell_2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .publicationPage .cell_2 {
        -ms-flex: 0 0 66.3%;
        flex: 0 0 66.3%;
        max-width: 66%
    }
}

.publicationPage_title {
    color: #ed1c24;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .publicationPage_title {
        text-align: left
    }
}

@media only screen and (min-width:1024px) {
    .publicationPage_title {
        font-size: 32px;
        line-height: 38px
    }
}

.publicationPage_info {
    margin-bottom: 30px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .publicationPage_info {
        margin-bottom: 40px;
        text-align: left
    }
}

.publicationPage_info span {
    padding: 4px 6px;
    border-radius: 4px;
    margin-right: 15px
}

.publicationPage_info span:last-child {
    margin-right: 0
}

.publicationPage_info .publicationPage_type {
    color: #002abe;
    background-color: #e6eaf9
}

.publicationPage_info .publicationPage_date {
    color: #9999ad;
    background-color: #f7f7f7
}

.publicationPage_box {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: calc(100% + 40px);
    margin: 0 -20px 30px;
    height: 195px
}

@media only screen and (min-width:768px) {
    .publicationPage_box {
        height: 353px;
        width: 100%;
        margin: 0 0 50px
    }
}

@media only screen and (min-width:1024px) {
    .publicationPage_box {
        height: 325px
    }
}

@media only screen and (min-width:1280px) {
    .publicationPage_box {
        height: 394px
    }
}

@media only screen and (min-width:1440px) {
    .publicationPage_box {
        height: 450px
    }
}

@media only screen and (min-width:1600px) {
    .publicationPage_box {
        height: 563px
    }
}

.publicationPage_photo {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .publicationPage_photo {
        margin-bottom: 50px
    }
}

.publicationPage_img {
    display: block;
    width: 100%;
    height: 184px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .publicationPage_img {
        height: 367px
    }
}

@media only screen and (min-width:1024px) {
    .publicationPage_img {
        height: 338px
    }
}

@media only screen and (min-width:1280px) {
    .publicationPage_img {
        height: 410px
    }
}

@media only screen and (min-width:1440px) {
    .publicationPage_img {
        height: 468px
    }
}

@media only screen and (min-width:1600px) {
    .publicationPage_img {
        height: 586px
    }
}

.publicationPage_caption {
    color: #9c9cbb
}

.publicationPage_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px;
    background-color: gray;
    margin-top: 20px
}

.publicationPage .newsEntry_video embed,
.publicationPage .newsEntry_video iframe,
.publicationPage .newsEntry_video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.publicationPage .likely {
    opacity: 1;
    font-size: inherit
}

.publicationPage .likely_visible {
    opacity: 1;
    transition: none
}

.publicationPage .likely>* {
    display: inline-block;
    visibility: visible
}

.publicationPage .likely__widget {
    height: 40px;
    border-radius: 8px;
    background-color: #e6eaf9;
    transition: none
}

.publicationPage .likely__icon {
    height: 40px;
    width: 40px
}

.publicationPage .likely-big svg {
    left: 8px;
    top: 8px
}

.publicationPage .likely__widget_facebook:active,
.publicationPage .likely__widget_facebook:focus,
.publicationPage .likely__widget_facebook:hover {
    background: #ffdedb;
    fill: #ed1c24
}

.publicationPage .likely-light .likely__widget_facebook:active,
.publicationPage .likely-light .likely__widget_facebook:focus,
.publicationPage .likely-light .likely__widget_facebook:hover {
    text-shadow: #ed1c24 0 0 .25em;
    background: #ffdedb
}

.publicationPage .likely__widget_telegram:active,
.publicationPage .likely__widget_telegram:focus,
.publicationPage .likely__widget_telegram:hover {
    background: #ffdedb;
    fill: #ed1c24
}

.publicationPage .likely-light .likely__widget_telegram:active,
.publicationPage .likely-light .likely__widget_telegram:focus,
.publicationPage .likely-light .likely__widget_telegram:hover {
    text-shadow: #ed1c24 0 0 .25em;
    background: #ffdedb
}

.publicationPage .likely__widget_pinterest:active,
.publicationPage .likely__widget_pinterest:focus,
.publicationPage .likely__widget_pinterest:hover {
    background: #ffdedb;
    fill: #ed1c24
}

.publicationPage .likely-light .likely__widget_pinterest:active,
.publicationPage .likely-light .likely__widget_pinterest:focus,
.publicationPage .likely-light .likely__widget_pinterest:hover {
    text-shadow: #ed1c24 0 0 .25em;
    background: #ffdedb
}

.promo {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .promo {
        margin-bottom: 80px
    }
}

.promo .general_title {
    margin-bottom: 17px
}

.promo_card {
    display: block;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .promo_card {
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1024px) {
    .promo_card {
        display: block
    }
}

.promo_box {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 150px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .promo_box {
        background-position: 0;
        width: 258px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .promo_box {
        height: 150px;
        width: 100%
    }
}

.promo_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(0, 34, 86, .1), rgba(0, 34, 86, .1))
}

.promo_content {
    padding: 30px;
    background-color: #f7f7f7
}

@media only screen and (min-width:768px) {
    .promo_content {
        width: calc(100% - 258px)
    }
}

@media only screen and (min-width:1024px) {
    .promo_content {
        width: 100%;
        padding: 30px 50px 30px 30px
    }
}

.promo_text {
    color: #000;
    margin: 0
}

.promo .more_link {
    margin-bottom: 20px
}

.editor p {
    color: #000;
    margin-bottom: 10px;
    margin-top: 0
}

.editor h2 {
    color: #ed1c24;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 40px
}

@media only screen and (min-width:768px) {
    .editor h2 {
        text-align: left
    }
}

@media only screen and (min-width:1024px) {
    .editor h2 {
        font-size: 32px;
        line-height: 38px
    }
}

.editor h3 {
    padding-top: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #ed1c24
}

@media only screen and (min-width:768px) {
    .editor h3 {
        padding-top: 40px
    }
}

@media only screen and (min-width:1024px) {
    .editor h3 {
        font-size: 24px;
        line-height: 28px
    }
}

.editor h4 {
    padding-top: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #9c9cbb
}

@media only screen and (min-width:768px) {
    .editor h4 {
        padding-top: 30px
    }
}

.editor h5 {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 0
}

.editor h5 strong {
    display: block;
    font-family: geometriabold, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

.editor ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .editor ul {
        margin-bottom: 35px
    }
}

.editor ul li {
    color: #000;
    position: relative;
    padding: 0 20px 15px 30px
}

.editor ul li strong {
    font-family: geometriabold, sans-serif
}

.editor ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 12px;
    height: 8px;
    width: 8px;
    background-color: #ed1c24;
    border-radius: 50%
}

.editor ul li:last-child {
    padding-bottom: 0
}

.editor ol {
    margin-bottom: 15px;
    padding-left: 25px
}

@media only screen and (min-width:768px) {
    .editor ol {
        margin-bottom: 35px
    }
}

.editor ol li {
    color: #000;
    position: relative;
    margin-bottom: 10px
}

.editor ol li:last-child {
    padding-bottom: 0
}

.editor a {
    text-decoration: none;
    color: #002abe;
    border-bottom: 1px solid #002abe
}

.editor a:hover {
    color: #ed1c24;
    border-bottom: 1px solid #ed1c24
}

.editor_fullImage {
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 460px
}

@media only screen and (min-width:1440px) {
    .editor_fullImage {
        height: 468px
    }
}

@media only screen and (min-width:1600px) {
    .editor_fullImage {
        height: 586px
    }
}

.editor_box {
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 300px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .editor_box {
        height: 353px;
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .editor_box {
        height: 325px
    }
}

@media only screen and (min-width:1280px) {
    .editor_box {
        height: 394px
    }
}

@media only screen and (min-width:1440px) {
    .editor_box {
        height: 450px
    }
}

@media only screen and (min-width:1600px) {
    .editor_box {
        height: 563px
    }
}

.editor_box:first-child {
    margin-bottom: 4px
}

@media only screen and (min-width:768px) {
    .editor_box:first-child {
        margin-right: 4px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .editor_box:first-child {
        width: 33%
    }
}

@media only screen and (min-width:1024px) {
    .editor_box:last-child {
        width: 67%
    }
}

.editor_boss {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .editor_boss {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1024px) {
    .editor_boss {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.editor_smallImg {
    width: 100%;
    height: 300px
}

@media only screen and (min-width:768px) {
    .editor_smallImg {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .editor_smallImg {
        width: 100%
    }
}

.editor_sideImg {
    width: 100%;
    height: 300px
}

@media only screen and (min-width:768px) {
    .editor_sideImg {
        height: 400px
    }
}

@media only screen and (min-width:1024px) {
    .editor_sideImg {
        width: 100%
    }
}

.editor_content {
    padding: 20px;
    background-color: #f7f7f7
}

@media only screen and (min-width:768px) {
    .editor_content {
        width: 50%;
        padding: 30px
    }
}

@media only screen and (min-width:1024px) {
    .editor_content {
        width: 100%
    }
}

.editor p.editor_description {
    margin-bottom: 20px;
    margin-top: 0
}

.editor h5.editor_name {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 0;
    margin-bottom: 2px
}

.editor p.editor_position {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .editor_gallery {
        display: -ms-flexbox;
        display: flex
    }
}

.editor.i_paragraph:last-child {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .editor.i_paragraph:last-child {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .editor.i_paragraph:last-child {
        margin-bottom: 80px
    }
}

.editor.i_boss {
    padding-top: 30px
}

@media only screen and (min-width:768px) {
    .editor.i_boss {
        padding-top: 80px
    }
}

@media only screen and (min-width:768px) {

    .editor.i_boss .cell,
    .editor.i_boss .cell_2 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media only screen and (min-width:1024px) {
    .editor.i_boss .cell {
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%
    }
}

@media only screen and (min-width:768px) {
    .editor.i_boss .cell_2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .editor.i_boss .cell_2 {
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
        padding-right: 50px
    }
}

@media only screen and (min-width:768px) {
    .editor.i_boss ul {
        margin-bottom: 65px
    }
}

.editor.i_image h3,
.editor.i_sidenote h3 {
    padding-top: 20px;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {

    .editor.i_image .cell,
    .editor.i_image .cell_2,
    .editor.i_sidenote .cell,
    .editor.i_sidenote .cell_2 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media only screen and (min-width:1024px) {

    .editor.i_image .cell,
    .editor.i_sidenote .cell {
        max-width: 34%;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%
    }
}

@media only screen and (min-width:768px) {

    .editor.i_image .cell_2,
    .editor.i_sidenote .cell_2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1024px) {

    .editor.i_image .cell_2,
    .editor.i_sidenote .cell_2 {
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
        padding-right: 50px
    }
}

@media only screen and (min-width:768px) {

    .editor.i_image .editor_content,
    .editor.i_sidenote .editor_content {
        width: 100%
    }
}

.editor.i_image .editor_content h4,
.editor.i_sidenote .editor_content h4 {
    padding-top: 0
}

.editor.i_image {
    padding-top: 30px
}

@media only screen and (min-width:768px) {
    .editor.i_image {
        padding-top: 80px;
        margin-bottom: 80px
    }
}

.editor.i_paragraph,
.editor.i_sidenote {
    padding-top: 30px
}

@media only screen and (min-width:768px) {

    .editor.i_paragraph,
    .editor.i_sidenote {
        padding-top: 80px;
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1024px) {

    .editor.i_paragraph ul,
    .editor.i_sidenote ul {
        margin-bottom: 20px
    }
}

.sale_title {
    margin-bottom: 10px;
    margin-top: 0;
    color: #9c9cbb
}

.sale_description,
.sale_terms {
    color: #9999ad
}

.sale_description,
.sale_description p,
.sale_terms {
    margin-bottom: 10px;
    margin-top: 0
}

.sale_description p:last-child {
    margin-bottom: 0
}

.sale_description strong {
    font-family: geometriabold, sans-serif
}

.contacts_block.i_main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #002256;
    padding-top: 30px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .contacts_block.i_main {
        padding-top: 163px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width:1440px) {
    .contacts_block.i_main {
        padding-top: 193px
    }
}

.contacts_block.i_main .contacts_link {
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding-right: 18px;
    margin-top: 0;
    margin-bottom: 2px;
    color: #002256
}

.contacts_block.i_main .contacts_link:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.contacts_block.i_main .contacts_link:last-of-type {
    margin-bottom: 10px
}

.contacts_block.i_main .contacts_link.i_mainTel:after {
    background-image: url(../images/global/tel-kyivstar.svg)
}

.contacts_block.i_main .contacts_link.i_secTel:after {
    background-image: url(.../images/global/tel-lifecell.svg)
}

.contacts_block.i_main .contacts_text:nth-child(2) {
    margin-bottom: 10px
}

.contacts_block.i_main .contacts_address {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    margin: 0
}

.contacts_block.i_inner {
    display: -ms-flexbox;
    display: flex;
    color: #9999ad;
    margin-bottom: 12px;
    padding-left: 5px
}

@media only screen and (min-width:1280px) {
    .contacts_block.i_inner {
        margin-bottom: 18px
    }
}

.contacts_block.i_inner .contacts_link {
    text-decoration: none;
    color: #9999ad;
    margin-right: 13px;
    padding-right: 5px
}

@media only screen and (min-width:1024px) {
    .contacts_block.i_inner .contacts_link {
        position: relative
    }
}

@media only screen and (min-width:1024px) {
    .contacts_block.i_inner .contacts_link:after {
        content: ",";
        position: absolute;
        bottom: 0;
        right: 0;
        color: inherit
    }
}

@media only screen and (min-width:1024px) {
    .contacts_block.i_inner .contacts_link:last-of-type:after {
        display: none
    }
}

.contacts_block.i_inner .contacts_link:last-of-type {
    display: none
}

@media only screen and (min-width:1024px) {
    .contacts_block.i_inner .contacts_link:last-of-type {
        display: block;
        position: relative;
        padding-right: 20px;
        margin-right: 10px
    }
}

@media only screen and (min-width:1024px) and (min-width:1280px) {
    .contacts_block.i_inner .contacts_link:last-of-type:before {
        content: "";
        position: absolute;
        top: 6px;
        right: 0;
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background-color: #e8e8e9
    }
}

.contacts_block.i_inner .contacts_address {
    display: none
}

@media only screen and (min-width:1280px) {
    .contacts_block.i_inner .contacts_address {
        display: block;
        margin: 0;
        font-family: geometriaregular, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px
    }
}

.contacts.i_dark {
    text-align: center
}

@media only screen and (min-width:768px) {
    .contacts.i_dark {
        text-align: left
    }
}

.contacts.i_dark .contacts_phones {
    margin-bottom: 18px
}

@media only screen and (min-width:768px) {
    .contacts.i_dark .contacts_phones {
        max-width: 230px
    }
}

.contacts.i_dark .contacts_tel {
    margin-top: 0;
    margin-bottom: 2px
}

.contacts.i_dark .contacts_tel a,
.contacts.i_dark .contacts_tel span {
    text-decoration: none;
    position: relative;
    color: #9c9cbb;
    padding-right: 21px
}

.contacts.i_dark .contacts_tel a:before,
.contacts.i_dark .contacts_tel span:before {
    position: absolute;
    content: "";
    right: 0;
    top: 3px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.contacts.i_dark .contacts_tel a {
    padding-right: 0
}

.contacts.i_dark .contacts_tel.i_kyivstar span:before {
    background-image: url(../images/global/tel-kyivstar.svg)
}

.contacts.i_dark .contacts_tel.i_lifecell span:before {
    background-image: url(../images/global/tel-lifecell.svg)
}

.contacts.i_dark .contacts_link,
.contacts.i_dark .contacts_text {
    color: #9c9cbb;
    margin-bottom: 4px;
    margin-top: 0
}

.contacts.i_dark .contacts_link {
    text-decoration: none;
    display: block;
    margin-bottom: 30px
}

@media only screen and (min-width:768pxpx) {
    .contacts.i_dark .contacts_link {
        margin-bottom: 25px
    }
}

.contacts.i_dark .contacts_link:hover {
    color: #e0e3ee
}

.socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .socials {
        margin-bottom: 0;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.socials_link {
    text-decoration: none;
    display: block;
    height: 32px;
    width: 32px;
    margin-right: 30px
}

.socials_link:last-child {
    margin-right: 0
}

.socials_link svg {
    display: block
}

.socials_link:hover svg path {
    fill: #e0e3ee
}

.map {
    padding-bottom: 30px
}

@media only screen and (min-width:768px) {
    .map {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:768px) {
    .map .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (min-width:1024px) {
    .map .container {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:1280px) {
    .map .container {
        padding-right: 80px;
        padding-left: 80px
    }
}

@media only screen and (min-width:1600px) {
    .map .container {
        padding-right: 0;
        padding-left: 0
    }
}

.map_container {
    height: 680px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .map_container {
        height: 460px
    }
}

.map iframe {
    height: 100%;
    width: 100%
}

.connection {
    padding: 30px 0
}

@media only screen and (min-width:768px) {
    .connection {
        padding: 80px 0 30px
    }
}

@media only screen and (min-width:1280px) {
    .connection {
        padding: 80px 0 90px
    }
}

@media only screen and (min-width:768px) {
    .connection .cell {
        padding-left: 0
    }
}

@media only screen and (min-width:1280px) {
    .connection .cell {
        padding-left: 50px;
        padding-right: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%
    }
}

@media only screen and (min-width:768px) {
    .connection .cell_2 {
        padding-right: 0
    }
}

@media only screen and (min-width:1280px) {
    .connection .cell_2 {
        text-align: center;
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%
    }
}

.connection_container {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .connection_container {
        padding-bottom: 10px;
        margin-bottom: 50px;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1280px) {
    .connection_container {
        padding-bottom: 0;
        margin-bottom: 0;
        width: 33%
    }
}

.connection_container:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 4px;
    width: 100%;
    background-color: #f7f7f7
}

@media only screen and (min-width:1024px) {
    .connection_container:before {
        width: calc(100% - 100px);
        right: 50px
    }
}

@media only screen and (min-width:1280px) {
    .connection_container:before {
        bottom: auto;
        right: 0;
        top: 0;
        height: 100%;
        width: 4px
    }
}

.connection_container .row {
    width: 100%
}

@media only screen and (min-width:1280px) {
    .connection_container .row {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width:1024px) {
    .connection_container .cell {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media only screen and (min-width:1280px) {
    .connection_container .cell {
        max-width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .connection_container .cell {
        padding-right: 50px
    }
}

@media only screen and (min-width:1024px) {
    .connection_container .cell_2 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media only screen and (min-width:1280px) {
    .connection_container .cell_2 {
        padding-left: 50px;
        padding-right: 0;
        max-width: 100%;
        text-align: left
    }
}

@media only screen and (min-width:1440px) {
    .connection_container .cell_2 {
        padding-right: 50px
    }
}

@media only screen and (min-width:1280px) {
    .connection_wrap {
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1280px) {
    .connection_list {
        width: 67%
    }
}

@media only screen and (min-width:1024px) {

    .connection_list .cell,
    .connection_list .cell_2 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media only screen and (min-width:1280px) {
    .connection_list .cell_2 {
        text-align: left
    }
}

.connection_item {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .connection_item {
        margin-bottom: 50px
    }
}

.connection_text {
    display: block
}

.connection_text,
.connection_text a {
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    margin-top: 0
}

.connection_text a:last-child,
.connection_text:last-child {
    margin-bottom: 0
}

.connection_text,
.connection_text a,
.connection_text span {
    position: relative;
    color: #000
}

.connection a.connection_text:hover span {
    color: #204ce8
}

.connection_text.i_kyivstar a,
.connection_text.i_kyivstar span,
.connection_text.i_lifecell a,
.connection_text.i_lifecell span {
    padding-right: 18px
}

.connection_text.i_kyivstar a:before,
.connection_text.i_kyivstar span:before,
.connection_text.i_lifecell a:before,
.connection_text.i_lifecell span:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.connection_text.i_kyivstar a:before,
.connection_text.i_kyivstar span:before {
    background-image: url(../images/global/tel-kyivstar.svg)
}

.connection_text.i_lifecell a:before,
.connection_text.i_lifecell span:before {
    background-image: url(../images/global/tel-lifecell.svg)
}

.connection_link {
    display: block;
    text-decoration: none;
    color: #002abe
}

.connection_link:hover {
    color: #ed1c24
}

.connection .socials {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px
}

.connection .socials_link {
    margin-right: 20px
}

.connection .socials_link svg path {
    fill: #002abe
}

.connection .socials_link:hover svg path {
    fill: #ed1c24
}

.connection .btn_consult {
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .connection .btn_consult {
        text-transform: none
    }
}

.connection .btn_consult span {
    display: none
}

@media only screen and (min-width:768px) {
    .connection .btn_consult span {
        display: inline
    }
}

.clients {
    position: relative;
    padding: 0 20px 20px
}

@media only screen and (min-width:768px) {
    .clients {
        padding: 0 0 35px
    }
}

@media only screen and (min-width:1024px) {
    .clients {
        padding: 0 0 20px
    }
}

@media only screen and (min-width:1440px) {
    .clients {
        padding: 0 0 60px
    }
}

.clients_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (min-width:768px) {
    .clients_list {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.clients_item {
    display: block;
    text-decoration: none;
    min-height: 50px;
    height: auto;
    margin-bottom: 40px;
    margin-right: 20px
}

.clients_item:nth-child(2n) {
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .clients_item {
        width: auto;
        margin-right: 50px;
        margin-bottom: 55px
    }

    .clients_item:nth-child(2n) {
        margin-right: 50px
    }

    .clients_item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .clients_item {
        margin-bottom: 60px;
        margin-right: 112px
    }

    .clients_item:nth-child(2n) {
        margin-right: 112px
    }

    .clients_item:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1280px) {
    .clients_item {
        margin-right: 48px
    }

    .clients_item:nth-child(2n) {
        margin-right: 48px
    }

    .clients_item:nth-child(4n) {
        margin-right: 48px
    }

    .clients_item:nth-child(6n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .clients_item {
        margin-right: 80px;
        margin-bottom: 40px
    }

    .clients_item:nth-child(2n) {
        margin-right: 80px
    }

    .clients_item:nth-child(4n) {
        margin-right: 80px
    }

    .clients_item:nth-child(6n) {
        margin-right: 0
    }
}

.clients_item.i_hidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: -1px
}

.clients_box {
    display: block;
    width: 126px;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .clients_box {
        margin: 0
    }
}

@media only screen and (min-width:1024px) {
    .clients_box {
        width: 146px
    }
}

.clients_title {
    color: #ed1c24;
    margin-top: 0;
    margin-bottom: 15px
}

@media only screen and (min-width:1280px) {
    .clients_title {
        font-size: 32px;
        line-height: 38px
    }
}

.clients_link {
    text-decoration: none;
    color: #002abe
}

.clients.i_homepage {
    position: relative;
    padding: 30px 20px 25px
}

@media only screen and (min-width:768px) {
    .clients.i_homepage {
        padding: 50px 0 0
    }
}

@media only screen and (min-width:1600px) {
    .clients.i_homepage {
        padding: 80px 0 30px
    }
}

@media only screen and (min-width:1280px) {
    .clients.i_homepage .clients_wrap {
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1280px) {
    .clients.i_homepage .clients_heading {
        position: relative;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 34px;
        width: 30%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .clients.i_homepage .clients_heading:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: calc(100% - 50px);
        background-color: #ed1c24
    }
}

.clients.i_homepage .clients_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.clients.i_homepage .clients_item {
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {
    .clients.i_homepage .clients_item {
        margin-bottom: 55px
    }
}

@media only screen and (min-width:1024px) {
    .clients.i_homepage .clients_item {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1280px) {
    .clients.i_homepage .clients_item:nth-child(6n) {
        margin-right: 48px
    }
}

@media only screen and (min-width:1440px) {
    .clients.i_homepage .clients_item:nth-child(2n) {
        margin-right: 50px
    }

    .clients.i_homepage .clients_item:nth-child(4n) {
        margin-right: 50px
    }

    .clients.i_homepage .clients_item:nth-child(6n) {
        margin-right: 50px
    }
}

.clients.i_homepage .clients_title {
    color: #ed1c24;
    margin-top: 0;
    margin-bottom: 15px
}

@media only screen and (min-width:1280px) {
    .clients.i_homepage .clients_title {
        font-size: 32px;
        line-height: 38px
    }
}

.clients.i_homepage .clients_link {
    text-decoration: none;
    color: #002abe
}

.partners {
    padding: 0 20px
}

@media only screen and (min-width:768px) {
    .partners {
        padding: 0 0 10px
    }
}

@media only screen and (min-width:1024px) {
    .partners {
        padding: 0 0 5px
    }
}

@media only screen and (min-width:1440px) {
    .partners {
        padding: 0 0 60px
    }
}

.partners_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.partners_item {
    display: block;
    text-decoration: none;
    min-height: 50px;
    height: auto;
    margin-bottom: 40px;
    width: 50%
}

@media only screen and (min-width:768px) {
    .partners_item {
        width: 25%;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1024px) {
    .partners_item {
        margin-bottom: 45px
    }
}

@media only screen and (min-width:1280px) {
    .partners_item {
        width: 20%;
        min-height: 60px
    }
}

@media only screen and (min-width:1440px) {
    .partners_item {
        margin-bottom: 40px
    }
}

.partners_box {
    display: block;
    width: 126px;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width:1024px) {
    .partners_box {
        width: 146px
    }
}

@media only screen and (min-width:1280px) {
    .partners_box {
        width: 192px
    }
}

.reward {
    position: relative
}

@media only screen and (min-width:768px) {
    .reward {
        padding-bottom: 80px
    }
}

.reward_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.reward_item {
    display: block;
    position: static;
    text-decoration: none;
    height: 168px;
    width: 50%;
    margin-bottom: 30px;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media only screen and (min-width:768px) {
    .reward_item {
        width: 25%
    }
}

@media only screen and (min-width:1024px) {
    .reward_item {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1280px) {
    .reward_item {
        height: 279px
    }
}

.reward_item.i_hidden {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.reward_box {
    margin: 0 auto;
    height: 100%;
    width: 120px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

@media only screen and (min-width:1280px) {
    .reward_box {
        width: 200px
    }
}

.license {
    position: relative
}

@media only screen and (min-width:768px) {
    .license {
        padding-bottom: 80px
    }
}

.license_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.license_item {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    width: 50%;
    margin-bottom: 30px;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media only screen and (min-width:768px) {
    .license_item {
        width: 25%
    }
}

@media only screen and (min-width:1024px) {
    .license_item {
        margin-bottom: 50px
    }
}

.license_item.i_hidden {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.license_box {
    height: 140px;
    width: 100px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin: 0 auto 15px
}

@media only screen and (min-width:1280px) {
    .license_box {
        height: 219px;
        width: 157px
    }
}

.license_text {
    display: block;
    text-align: center;
    color: #9c9cbb;
    margin: 0 auto
}

.popupMenu {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    opacity: 0;
    background-color: #031125;
    z-index: -1;
    transition: opacity .3s ease-out
}

@media only screen and (min-width:375px) {
    .popupMenu {
        -ms-transform: translateX(-100vh);
        transform: translateX(-100vh)
    }
}

@media only screen and (min-width:768px) {
    .popupMenu {
        transition: opacity 0s;
        -ms-transform: scale(.8) translateY(-500px) translateX(0);
        transform: scale(.8) translateY(-500px) translateX(0);
        -ms-transform-origin: top center;
        transform-origin: top center
    }
}

.popupMenu.i_show {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    transition: opacity .3s, transform .3s cubic-bezier(.785, .135, .15, 1);
    z-index: 10
}

@media only screen and (min-width:375px) {
    .popupMenu.i_show {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (min-width:768px) {
    .popupMenu.i_show {
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

.popupMenu .btn_popupClose {
    position: absolute;
    top: 0;
    right: 0
}

.popupMenu .popupMenu_link {
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 19px 25px 17px 50px;
    color: #fff;
    background-color: rgba(0, 34, 86, .5);
    margin-bottom: 2px;
    text-align: left
}

@media only screen and (min-width:768px) {
    .popupMenu .popupMenu_link {
        font-family: geometriaregular, sans-serif;
        padding: 10px 10px 8px 44px;
        margin-bottom: 33px;
        border-radius: 8px;
        background-color: transparent
    }
}

.popupMenu .popupMenu_link.i_pay,
.popupMenu .popupMenu_link.i_proposals {
    position: relative;
    padding: 19px 25px 17px 84px
}

@media only screen and (min-width:768px) {

    .popupMenu .popupMenu_link.i_pay,
    .popupMenu .popupMenu_link.i_proposals {
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px 10px 8px 44px
    }
}

.popupMenu .popupMenu_link.i_pay:before,
.popupMenu .popupMenu_link.i_proposals:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 18px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

@media only screen and (min-width:768px) {

    .popupMenu .popupMenu_link.i_pay:before,
    .popupMenu .popupMenu_link.i_proposals:before {
        top: 10px;
        left: 10px
    }
}

.popupMenu .popupMenu_link.i_proposals {
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .popupMenu .popupMenu_link.i_proposals {
        margin-bottom: 10px;
        margin-top: 0
    }
}

.popupMenu .popupMenu_link.i_proposals:before {
    background-image: url(../images/menu/proposals.svg)
}

.popupMenu .popupMenu_link.i_pay:before {
    background-image: url(../images/menu/payment.svg)
}

.popupMenu .popupMenu_link:active,
.popupMenu .popupMenu_link:hover {
    background-color: #002256
}

@media only screen and (min-width:768px) {

    .popupMenu .popupMenu_link:active,
    .popupMenu .popupMenu_link:hover {
        background-color: hsla(0, 0%, 100%, .2)
    }
}

.popupMenu button.popupMenu_link {
    position: relative
}

.popupMenu button.popupMenu_link span {
    display: block;
    position: absolute;
    width: 11px;
    height: 7px;
    right: 17px;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    background-image: url(../images/global/arrow_down_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.popupMenu_contacts {
    padding: 30px 22px 30px 50px
}

.popupMenu_tel {
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px
}

.popupMenu_tel:nth-last-child(2) {
    margin-bottom: 30px
}

.popupMenu .popupMenu_tel a,
.popupMenu .popupMenu_tel span {
    position: relative;
    padding-right: 21px
}

.popupMenu .popupMenu_tel a:before,
.popupMenu .popupMenu_tel span:before {
    position: absolute;
    content: "";
    right: 0;
    top: 3px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.popupMenu .popupMenu_tel a {
    padding-right: 0;
    color: #fff;
    text-decoration: none
}

.popupMenu .popupMenu_tel.i_kyivstar span:before {
    background-image: url(../images/global/tel-kyivstar.svg)
}

.popupMenu .popupMenu_tel.i_lifecell span:before {
    background-image: url(../images/global/tel-lifecell.svg)
}

.popupMenu_text {
    font-family: geometriaregular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0
}

.popupMenu_category {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 22px 22px 20px 50px;
    color: #fff;
    background-color: rgba(0, 34, 86, .5);
    margin-bottom: 2px;
    text-align: left
}

@media only screen and (min-width:768px) {
    .popupMenu_category {
        padding: 84px 10px 10px;
        border-radius: 4px;
        background-color: transparent
    }
}

.popupMenu_category:active,
.popupMenu_category:hover {
    background-color: #002256;
    color: #fff;
}

@media only screen and (min-width:768px) {

    .popupMenu_category:active,
    .popupMenu_category:hover {
        background-color: hsla(0, 0%, 100%, .2)
    }
}

.popupMenu_categoryBox {
    position: absolute;
    top: 16px;
    left: 11px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

@media only screen and (min-width:768px) {
    .popupMenu_categoryBox {
        top: 10px;
        left: 10px;
        height: 64px;
        width: 64px
    }
}

.popupMenu_subtitle {
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.popupMenu_description,
.popupMenu_subtitle {
    display: block;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .popupMenu_services {
        height: calc(100vh - 270px);
        overflow-y: auto
    }
}

@media only screen and (min-width:1024px) {
    .popupMenu_services {
        height: 100vh;
        overflow-y: auto
    }
}

.popupMenu_services .popupMenu_link {
    position: relative;
    padding-left: 74px;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width:768px) {
    .popupMenu_services .popupMenu_link {
        padding-left: 36px;
        margin-bottom: 2px
    }
}

.popupMenu_services .popupMenu_link:last-child {
    margin-bottom: 0
}

.popupMenu_services .popupMenu_link svg {
    display: block;
    position: absolute;
    top: 20px;
    left: 50px;
    height: 16px;
    width: 16px
}

@media only screen and (min-width:768px) {
    .popupMenu_services .popupMenu_link svg {
        left: 10px;
        top: 10px
    }
}

.popupMenu_item {
    margin-bottom: 10px
}

.popupMenu_item:last-child {
    margin-bottom: 60px
}

.popupMenu_title {
    margin-top: 0;
    margin-bottom: 9px;
    padding-left: 50px;
    color: #fff
}

@media only screen and (min-width:768px) {
    .popupMenu_title {
        padding-left: 0;
        margin-bottom: 30px;
        font-family: geometriabold, sans-serif;
        font-size: 32px;
        line-height: 34px;
        color: #ed1c24
    }
}

@media only screen and (min-width:1024px) {
    .popupMenu_wrap {
        display: -ms-flexbox;
        display: flex
    }
}

.popupMenu.i_mob {
    padding-bottom: 45px;
    min-height: 100%
}

@media only screen and (min-width:768px) {
    .popupMenu.i_mob {
        display: none
    }
}

.popupMenu.i_mob .btn_popupConsult {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.popupMenu.i_mob .btn_popupBack {
    position: absolute;
    top: 0;
    left: 0
}

.popupMenu.i_mob .btn_popupBack.i_active {
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.popupMenu.i_mob .popupMenu_container {
    position: relative;
    height: 100%;
    overflow-x: hidden
}

.popupMenu.i_mob .popupMenu_title {
    padding-top: 12px
}

.popupMenu.i_mob .popupMenu_nav,
.popupMenu.i_mob .popupMenu_services {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    transition: transform .3s ease-out;
    overflow-y: hidden
}

.popupMenu.i_mob .popupMenu_nav {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 45px 0 0
}

.popupMenu.i_mob .popupMenu_nav.i_active {
    -ms-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto
}

.popupMenu.i_mob .popupMenu_services {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.popupMenu.i_mob .popupMenu_services.i_active {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.popupMenu.i_mob .popupMenu_servicesList {
    height: 100%;
    overflow-y: auto
}

.popupMenu.i_desktop {
    display: none
}

@media only screen and (min-width:768px) {
    .popupMenu.i_desktop {
        display: block
    }
}

.popupMenu.i_desktop .popupMenu_services {
    padding: 50px
}

@media only screen and (min-width:1024px) {
    .popupMenu.i_desktop .popupMenu_services {
        -ms-flex-order: 1;
        order: 1;
        width: 65%
    }
}

.popupMenu.i_desktop .popupMenu_nav {
    position: relative;
    padding: 50px;
    background-color: #002256
}

@media only screen and (min-width:1024px) {
    .popupMenu.i_desktop .popupMenu_nav {
        -ms-flex-order: 2;
        order: 2;
        width: 35%;
        padding: 50px 50px 180px
    }
}

.popupMenu.i_desktop .popupMenu_contacts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 470px;
    padding: 0
}

@media only screen and (min-width:1024px) {
    .popupMenu.i_desktop .popupMenu_contacts {
        display: block
    }
}

.popupMenu.i_desktop .popupMenu_tel {
    max-width: 230px;
    margin-right: 30px;
    margin-bottom: 5px
}

.popupMenu.i_desktop .popupMenu_text {
    margin-top: 30px;
    margin-bottom: 30px
}

.popupMenu.i_desktop .btn_primary {
    text-align: left
}

@media only screen and (min-width:768px) {
    .popupMenu.i_desktop .btn_popupClose {
        top: 30px;
        right: 30px
    }
}

.popupMenu.i_desktop .popupMenu_list {
    position: absolute;
    right: 80px;
    top: 146px
}

@media only screen and (min-width:1024px) {
    .popupMenu.i_desktop .popupMenu_list {
        bottom: 50px;
        top: auto;
        left: 50px;
        right: auto
    }
}

.popupMenu.i_desktop .popupMenu_servicesList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:768px) {
    .popupMenu.i_desktop .popupMenu_item {
        width: calc(50% - 25px);
        margin-bottom: 60px
    }
}

.popupMenu.i_desktop .popupMenu_item:nth-child(odd) {
    margin-right: 50px
}

.popup {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 34, 86, .8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    transition-property: visibility;
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
    transition-delay: .1s
}

.popup.i_show {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.popup_wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%
}

@media only screen and (min-width:768px) {
    .popup_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: unset;
        padding: 60px
    }
}

.popup_modal {
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 6;
    padding: 20px;
    overflow-y: auto;
    opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    will-change: transform, opacity
}
#popupThankyou .popup_modal{
	padding-top: 100px;
}

@media only screen and (min-width:768px) {
    .popup_modal {
        height: auto;
        width: 500px;
        box-shadow: 0 30px 60px rgba(40, 40, 83, .7);
        border-radius: 12px;
        padding: 30px;
        transform: scale3d(.75, .75, 1);

    }
    #popupThankyou .popup_modal{
    	width:540px;
    	padding: 100px 73px 136px;
    }
}

.popup_modal.i_show {
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:768px) {
    .popup_modal.i_show {
        transform: scaleX(1)
    }
}

.popup_title {
    color: #ed1c24;
    max-width: 250px;
    margin-top: 0;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .popup_title {
        max-width: 300px;
        font-size: 32px;
        line-height: 34px
    }
}

.popup_text {
    color: #000;
    margin-top: 0;
    margin-bottom: 30px
}

.popup_subtitle {
    display: block;
    color: #9c9cbb;
    margin-bottom: 10px
}

.popup_info {
    color: #9c9cbb;
    margin-top: 0
}

.popup .nav_control,
.popup_info,
.popup_item {
    margin-bottom: 20px
}

.popup_item {
    position: relative;
    box-sizing: border-box
}

.popup_item.i_hidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: -1px;
    clip: rect(0 0 0 0)
}

.popup_input {
    height: 60px;
    width: 100%;
    padding: 30px 15px 6px;
    box-shadow: none;
    -webkit-appearance: none;
    color: #002256;
    background-color: transparent;
    border: 2px solid #e6eaf9;
    border-radius: 10px
}

.popup textarea.popup_input {
    height: 120px;
    resize: none
}

.popup label {
    position: absolute;
    top: 22px;
    left: 15px;
    pointer-events: none;
    color: #9c9cbb
}

.popup_input:focus {
    border: 2px solid #abbcfb
}

.popup_input:focus~label,
.popup_input:not(:placeholder-shown)~label {
    top: 10px;
    color: #002256
}

.popup_input.i_error {
    border: 2px solid #ed1c24
}

#calculator .popup_item.i_active,
#calculator .popup_subtitle.i_active {
    display: block
}

#calculator .apt_control.i_active {
    display: -ms-inline-flexbox;
    display: inline-flex
}

#calculator .apt_control,
#calculator .popup_item,
#calculator .popup_subtitle {
    display: none
}

.header {
    padding: 0 12px 0 0;
    max-width: 1600px;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .header {
        padding: 50px 50px 35px
    }
}

@media only screen and (min-width:1280px) {
    .header {
        padding: 80px 80px 40px
    }
}

@media only screen and (min-width:1600px) {
    .header {
        padding: 80px 160px 30px
    }
}

.header_desktop {
    display: none
}

@media only screen and (min-width:768px) {
    .header_desktop {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.header_desktop .logo {
    text-decoration: none;
    display: block;
    -ms-transform: translateY(-27px);
    transform: translateY(-27px);
    margin-right: 83px
}

@media only screen and (min-width:1280px) {
    .header_desktop .logo {
        margin-right: 0
    }
}

.header_mob {
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:768px) {
    .header_mob {
        display: none
    }
}

.header_buttons {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}

.header_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.header.i_main {
    position: relative
}

@media only screen and (min-width:768px) {
    .header.i_main {
        position: absolute;
        top: 80px;
        width: 100%;
        z-index: 2;
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .header.i_main {
        padding: 0
    }
}

@media only screen and (min-width:1600px) {
    .header.i_main {
        padding: 0
    }
}

.header.i_main .menu_item {
    color: #fff
}

.header.i_main .menu_item:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.header.i_main .btn_dropdownServices {
    color: #fff
}

.header.i_main .btn_dropdownServices:before {
    background-image: url(../images/global/arrow_down_white.svg)
}

.header.i_main .btn_dropdownServices:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.header.i_main .header_container {
    position: relative
}

.header.i_main .logo {
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .header.i_main .lang {
        right: 0
    }
}

.menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.menu,
.menu_container {
    display: -ms-flexbox;
    display: flex
}

.menu_item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    color: #002abe;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 5px;
    border-radius: 4px;
    transition: .3s ease-out
}

@media only screen and (min-width:1024px) {
    .menu_item {
        margin-bottom: 0
    }
}

.lang,
.menu_item:hover {
    background-color: #e6eaf9
}

.lang {
    width: 66px;
    border: 2px solid #e6eaf9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px
}

@media only screen and (min-width:768px) {
    .lang {
        position: absolute;
        right: 50px
    }
}

@media only screen and (min-width:1280px) {
    .lang {
        position: static;
        right: auto
    }
}

.lang_item {
    display: block;
    text-decoration: none;
    padding: 2px 3px 1px 4px;
    border-radius: 3px;
    background-color: #e6eaf9;
    color: #002256;
    text-transform: uppercase;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    transition: .3s ease-out
}

.lang_item:hover {
    background-color: #f7f7f7;
    color: #ed1c24
}

.lang_item.i_active {
    background-color: #fff;
    border-radius: 3px
}

.lang_item.i_active:hover {
    background-color: #fff;
    color: #002256
}

.headerPin {
    position: fixed;
    top: 0;
    left: 0;
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    width: 100%;
    height: 45px;
    box-shadow: 0 4px 20px rgba(0, 34, 86, .15);
    border-bottom: 1px solid #e8e8e9;
    background-color: #fff;
    z-index: 7;
    visibility: hidden;
    opacity: 0
}

@media only screen and (min-width:768px) {
    .headerPin {
        height: 40px;
        border-bottom: none
    }
}

.headerPin_mob {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:768px) {
    .headerPin_mob {
        display: none
    }
}

.headerPin_desktop {
    display: none
}

@media only screen and (min-width:768px) {
    .headerPin_desktop {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 6px 5px 6px 10px
    }
}

.headerPin .lang {
    margin-right: 12px
}

.headerPin_nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.headerPin .btn_primary.i_consult {
    display: block;
    padding: 5px 10px;
    color: #4ec803;
    background-color: #e5f8da;
    font-size: 14px;
    line-height: 18px
}

.headerPin .menu {
    -ms-flex-align: center;
    align-items: center;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.headerPin .menu_item {
    font-size: 14px;
    line-height: 18px;
    margin: 0 15px 0 0
}

.headerPin .menu_item:last-child {
    margin-right: 0
}

.headerPin .btn_dropdownServices {
    font-size: 14px;
    line-height: 18px;
    min-width: auto;
    padding-right: 15px;
    margin: 0 10px 0 0
}

.headerPin.i_active {
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.logo_mob {
    height: 35px;
    width: 30px
}

.logo_desktop,
.logo_mob {
    text-decoration: none;
    background-image: url(../images/global/logo-symbol.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.logo_desktop {
    height: 24px;
    width: 20px;
    margin-right: 5px
}

.logo.i_mob {
    display: block;
    text-decoration: none;
    text-align: center
}

@media only screen and (min-width:768px) {
    .logo.i_mob {
        display: none
    }
}

.footer {
    position: relative;
    background-color: #002256;
    overflow: hidden
}

.footer_wrap {
    position: relative;
    padding: 30px 40px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .footer_wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 50px 30px
    }
}

@media only screen and (min-width:1280px) {
    .footer_wrap {
        padding: 50px 0
    }
}

.footer_block {
    text-align: center
}

@media only screen and (min-width:768px) {
    .footer_block {
        text-align: right
    }
}

.footer_box {
    position: absolute;
    top: 100px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 360px;
    width: 288px;
    background-image: url(../images/global/footer_logo.svg?1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (min-width:768px) {
    .footer_box {
        top: -3%
    }
}

.footer .btn_primary {
    margin-bottom: 30px;
    min-width: 259px
}

.footer_license {
    color: #9c9cbb;
    margin: 0 auto 30px;
    max-width: 260px
}

@media only screen and (min-width:768px) {
    .footer_license {
        margin-bottom: 20px
    }
}

.footer_copyright {
    margin-bottom: 30px;
    color: #9c9cbb;
    margin-top: 0
}

.footer_developer {
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:768px) {
    .footer_developer {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.footer_developer span {
    color: #9c9cbb
}

.footer_developer:hover svg path {
    fill: #e0e3ee
}

@media only screen and (min-width:768px) {
    .footer.i_contacts .footer_wrap {
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width:768px) {
    .footer.i_contacts .footer_block {
        text-align: left
    }
}

.footer.i_contacts .footer_copyright {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .footer.i_contacts .footer_copyright {
        margin-bottom: 0
    }
}

.footer.i_contacts .footer_license {
    margin: 0 auto 30px
}

@media only screen and (min-width:768px) {
    .footer.i_contacts .footer_license {
        margin: 0 0 20px
    }
}

.footer.i_contacts .footer_box {
    top: 5px;
    height: 180px;
    width: 144px
}

@media only screen and (min-width:768px) {
    .footer.i_contacts .footer_developer {
        -ms-transform: translateY(13px);
        transform: translateY(13px)
    }
}

.btn {
    border: none;
    padding: 0;
    background-color: transparent
}

.btn_primary {
    padding: 10px 20px;
    border-radius: 8px
}

.btn_primary.i_green {
    color: #fff;
    background-color: #4ec803
}

.btn_primary.i_light {
    display: none
}

@media only screen and (min-width:1280px) {
    .btn_primary.i_light {
        display: block;
        padding: 5px 10px;
        color: #4ec803;
        background-color: #e5f8da
    }
}

.btn_primary.i_dark {
    color: #002256;
    background-color: #9c9cbb
}

.btn_primary.i_blue {
    color: #002abe;
    background-color: #e6eaf9
}

.btn_primary.i_equipment {
    position: relative;
    padding: 10px 5px
}

@media only screen and (min-width:768px) {
    .btn_primary.i_equipment {
        padding: 10px 20px
    }
}

.btn_primary.i_equipment:hover svg path {
    stroke: #ed1c24
}

.btn_primary.i_equipment svg {
    height: 8px;
    width: 16px
}

.btn_primary.i_equipment.i_show svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn_primary.i_green:active,
.btn_primary.i_green:hover {
    background-color: #64e018
}

.btn_primary.i_light:active,
.btn_primary.i_light:hover {
    color: #fff;
    background-color: #64e018
}

.btn_primary.i_dark:active,
.btn_primary.i_dark:hover {
    background-color: #e0e3ee
}

.btn_primary.i_blue:active,
.btn_primary.i_blue:hover {
    color: #ed1c24;
    background-color: #ffdedb
}

.btn_send {
    padding: 10px 20px;
    border-radius: 8px;
    color: #fff;
    background-color: #4ec803
}

.btn_send:active,
.btn_send:hover {
    background-color: #64e018
}

.btn_send.i_sent {
    background-color: #e5f8da;
    color: #4ec803
}

.btn_send.i_process {
    position: relative;
    color: #00b5a0;
    background-color: transparent;
    padding: 10px 20px 10px 60px
}

.btn_send.i_process .spinner {
    display: block
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.btn_send .spinner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-color: #e5f8da;
    border-radius: 8px
}

.btn_send .spinner span {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 24px;
    width: 24px;
    background-image: url(../images/global/Spinner.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    transition-property: transform;
    animation-name: b;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.btn_scrollDown {
    display: none
}

@media only screen and (min-width:768px) {
    .btn_scrollDown {
        display: block;
        position: absolute;
        left: 50px;
        bottom: 80px;
        height: 40px;
        width: 40px;
        cursor: pointer
    }
}

.btn_scrollDown svg path {
    display: block;
    opacity: .7;
    transition: .3s linear
}

.btn_scrollDown:hover svg path {
    opacity: .9
}

.btn_dropdownServices {
    display: block;
    position: relative;
    padding: 5px 17px 5px 5px;
    min-width: auto;
    color: #002abe;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    margin-right: 20px;
    margin-bottom: 5px;
    border-radius: 4px
}

@media only screen and (min-width:1024px) {
    .btn_dropdownServices {
        margin-right: 20px
    }
}

.btn_dropdownServices:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 3px;
    height: 6px;
    width: 11px;
    background-image: url(../images/global/arrow_down_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.btn_dropdownConsole,
.btn_dropdownServices:hover {
    background-color: #e6eaf9
}

.btn_dropdownConsole {
    display: inline-block;
    position: relative;
    padding: 11px 35px 11px 25px;
    min-width: 190px;
    color: #002abe;
    font-family: geometriabold, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px;
    border-radius: 8px;
    transition: .3s ease-out
}

.btn_dropdownConsole:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 16px;
    height: 8px;
    width: 16px;
    background-image: url(../images/global/arrow_down_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.btn_menu {
    width: 52px;
    height: 45px;
    transition: .3s ease-out
}

.btn_menu:active,
.btn_menu:hover {
    background-color: #e0e3ee
}

.btn_call {
    display: block;
    width: 29px;
    height: 29px
}

.btn_call svg circle {
    transition: .3s ease-out
}

.btn_call:active svg circle,
.btn_call:hover svg circle {
    fill: #e0e3ee
}

.btn_more {
    display: block;
    min-width: 145px;
    border: 2px solid #abbcfb;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    color: #002abe;
    margin: 0 auto
}

.btn_more:hover {
    color: #ed1c24;
    border: 2px solid #ffdedb
}

.btn_more.i_tablet {
    display: none
}

@media only screen and (min-width:768px) {
    .btn_more.i_tablet {
        display: block
    }
}

.btn_popupClose {
    position: relative;
    height: 46px;
    width: 46px;
    z-index: 1
}

.btn_popupClose:after,
.btn_popupClose:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    transition: opacity .3s linear
}

@media only screen and (min-width:768px) {

    .btn_popupClose:after,
    .btn_popupClose:before {
        height: 48px;
        width: 48px
    }
}

.btn_popupClose:before {
    background-image: url(../images/global/menu_mob_close.svg)
}

@media only screen and (min-width:768px) {
    .btn_popupClose:before {
        background-image: url(../images/global/btn_close_popup.svg)
    }
}

.btn_popupClose:after {
    background-image: url(../images/global/menu_mob_close_active.svg);
    opacity: 0
}

@media only screen and (min-width:768px) {
    .btn_popupClose:after {
        background-image: url(../images/global/btn_cose_popup_hover.svg)
    }
}

.btn_popupClose:hover:before {
    opacity: 0;
    transition: opacity .3s linear
}

.btn_popupClose:hover:after {
    opacity: 1;
    transition: opacity .3s linear
}

.btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 32px;
    width: 32px
}

@media only screen and (min-width:768px) {
    .btn_close {
        top: 30px;
        right: 30px;
        height: 48px;
        width: 48px
    }
}

.btn_close:after,
.btn_close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    transition: opacity .3s linear
}

.btn_close:before {
    opacity: 1;
    background-image: url(../images/global/btn_close_popup.svg)
}

.btn_close:after {
    background-image: url(../images/global/btn_cose_popup_hover.svg);
    opacity: 0
}

.btn_close:hover:before {
    opacity: 0;
    transition: opacity .3s linear
}

.btn_close:hover:after {
    opacity: 1;
    transition: opacity .3s linear
}

.btn_popupBack {
    visibility: hidden;
    opacity: 0;
    height: 46px;
    width: 46px;
    background-image: url(../images/menu/back_arrow_mob_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.btn_popupBack:hover {
    background-image: url(../images/menu/back_arrow_mob_hover.svg)
}

.btn_popupConsult {
    width: 100%;
    padding: 13px 20px 12px;
    background-color: #4ec803;
    color: #fff
}

.btn_popupConsult:active,
.btn_popupConsult:hover {
    background-color: #43aa04
}

.more_link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #002abe;
    margin: 0
}

.more_link:hover {
    color: #ed1c24
}

.more_link:hover svg path {
    stroke: #ed1c24
}

.more_link svg {
    width: 12px;
    height: 8px;
    -ms-transform: rotate(-90deg) translateY(-2px);
    transform: rotate(-90deg) translateY(-2px)
}

.more_link.i_clients {
    margin-bottom: 30px
}

@media only screen and (min-width:1280px) {
    .more_link.i_clients {
        margin-bottom: 0
    }
}

.more_link.i_banner svg {
    -ms-transform: rotate(-90deg) translate(1px, -2px);
    transform: rotate(-90deg) translate(1px, -2px)
}

.general_link {
    display: block;
    text-decoration: none;
    color: #002abe;
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .general_link {
        text-align: left
    }
}

.general_link:hover {
    color: #ed1c24
}

.showMore {
    left: 0;
    height: 200px;
    width: 100%;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.showMore,
.showMore_btn {
    position: absolute;
    bottom: 20px
}

.showMore_btn {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid #abbcfb;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    color: #002abe
}

.showMore_btn:hover {
    color: #ed1c24;
    border: 2px solid #ffdedb
}

@media only screen and (min-width:768px) {
    .showMore.i_mob {
        display: none
    }
}

.share {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .share {
        margin-bottom: 50px
    }
}

.general_title,
.share .general_title {
    margin-bottom: 10px
}

.general_title {
    color: #9c9cbb;
    margin-top: 0
}

.general_title.i_center {
    margin-bottom: 23px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .general_title.i_center {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:1280px) {
    .general_title.i_center {
        margin-bottom: 25px
    }
}

.section_title {
    color: #002256;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .section_title {
        font-size: 32px;
        line-height: 34px
    }
}

.nav_control.i_mob {
    position: relative;
    display: inline-block
}

.nav_control.i_mob:after {
    content: "";
    display: inline-block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    height: 8px;
    width: 12px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 14px;
    background-image: url(../images/global/arrow_down_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .nav_control.i_mob {
        display: none
    }
}

.nav_control.i_mob select {
    display: inline-block;
    width: 100%;
    padding: 13px 33px 9px 9px;
    border: none;
    background-color: #e6eaf9;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #002abe
}

.nav_control.i_desktop {
    display: none
}

@media only screen and (min-width:768px) {
    .nav_control.i_desktop {
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-color: #e6eaf9;
        border-radius: 10px
    }
}

.nav_control.i_popup {
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #e6eaf9;
    border-radius: 10px
}

.nav_control.i_splash.i_mob {
    margin-bottom: 10px
}

.nav_control.i_splash.i_mob:after {
    top: 50%;
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    right: 12px;
    background-image: url(../images/global/arrow_down_white.svg);
    opacity: .7
}

.nav_control.i_splash.i_mob select {
    display: inline-block;
    width: 100%;
    padding: 13px 33px 9px 9px;
    border: none;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: hsla(0, 0%, 100%, .7);
    background-color: hsla(0, 0%, 100%, .2)
}

.apt_control {
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #e6eaf9;
    border-radius: 10px;
    margin-bottom: 20px
}

.apt_btn,
.nav_btn {
    text-decoration: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding: 10px 20px 8px;
    background-color: #e6eaf9;
    border: 2px solid #e6eaf9;
    border-radius: 8px;
    color: #002abe;
    cursor: pointer
}

.apt_btn:before,
.nav_btn:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 1px;
    left: -3px
}

.apt_btn:after,
.nav_btn:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #fff;
    right: -2px
}

.apt_btn:last-child:after,
.nav_btn:last-child:after {
    display: none
}

.apt_btn:first-child:before,
.nav_btn:first-child:before {
    display: none
}

.apt_btn:hover,
.nav_btn:hover {
    background-color: #f7f7f7;
    color: #ed1c24
}

.apt_btn:after,
.nav_btn:hover:after {
    background-color: #e6eaf9
}

.apt_btn:before,
.nav_btn:hover:before {
    background-color: #e6eaf9
}

.apt_btn.i_active,
.nav_btn.i_active {
    background-color: #fff;
    color: #002256;
    cursor: default
}

.apt_btn.i_active:after,
.nav_btn.i_active:after {
    background-color: #e6eaf9
}

.apt_btn.i_active:before,
.nav_btn.i_active:before {
    background-color: #e6eaf9
}

.pageSpinner {
    position: relative;
    height: 44px;
    width: 44px;
    border-radius: 8px;
    margin: 0 auto
}

.pageSpinner span {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    transition-property: transform;
    animation-name: b;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.main_wrapper {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.main_wrapper,
.main_wrapper.i_animate {
    transition: opacity .4s cubic-bezier(0, .995, .99, 1)
}

.main_wrapper.i_animate {
    -ms-transform: scale(.95);
    transform: scale(.95);
    opacity: 0
}

* {
    box-sizing: border-box;
    outline: 0
}

body {
    position: relative;
    overflow-x: hidden
}

@media only screen and (max-width:1500px) {
    .back-404 {
        right: 150px
    }
}

@media only screen and (max-width:1024px) {
    .hero_wrap img {
        width: 100%;
        height: 100%;
        top: 0
    }

    .back-404 {
        right: 0
    }

    .image-404 {
        width: 296px
    }

    .paragraph-404 p {
        font-size: 28px
    }
}

@media only screen and (max-width:768px) {
    .back-404-desk {
        display: none
    }

    .back-404-mob {
        display: block;
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .paragraph-404 img {
        right: -33px;
        width: 50px;
        top: -1px
    }
}