@charset "UTF-8";
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/templates/qmedia/css/material-icons.woff2") format("woff2");
    font-display: block; }

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased; }

.fade:not(.show) {
    display: none; }

body,
html {
    min-height: 100vh; }

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #333333;
    background-color: #ffffff;
    background-image: url("/assets/templates/qmedia/images/pattern.webp");
    background-attachment: fixed; }

p {
    line-height: 1.5; }

a {
    color: #e31e24;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

a:hover {
    color: #bc2328; }

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4 {
    font-family: "Vollkorn", serif;
    line-height: 1.1;
    font-weight: normal;
    font-weight: 600; }

.h1,
h1 {
    font-size: 2.5rem; }

.h2,
h2 {
    font-size: 2.2rem; }

.h3,
h3 {
    font-size: 1.8rem; }

.h4,
h4 {
    font-size: 1.5rem; }

@media (max-width: 991px) {
    .h1,
    h1 {
        font-size: 2.3rem; }
    .h2,
    h2 {
        font-size: 1.8rem; }
    .h3,
    h3 {
        font-size: 1.6rem; }
    .h4,
    h4 {
        font-size: 1.3rem; } }

@media (max-width: 575px) {
    body {
        font-size: 14px; }
    .h1,
    h1 {
        font-size: 2.1rem; }
    .h2,
    h2 {
        font-size: 1.65rem; }
    .h3,
    h3 {
        font-size: 1.5rem; }
    .h4,
    h4 {
        font-size: 1.25rem; } }

img {
    display: block;
    max-width: 100%; }

ul {
    padding: 0;
    margin: 0;
    list-style: none; }

.site-body {
    background: rgba(255, 255, 255, 0.75);
    padding-bottom: 42px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-flex: 1; }

.main-template .site-body {
    background: transparent; }

.rtl {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"; }

/* END ОБЩИЕ СТИЛИ ====================== */
/* КНОПКИ
=============================================================== */
.btn {
    height: 40px;
    line-height: 38px;
    padding: 0 16px;
    border-radius: 20px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none !important;
    font-weight: 500; }

.btn i {
    font-weight: normal;
    line-height: 38px;
    vertical-align: middle;
    margin-right: 4px; }

.btn-lg {
    height: 54px;
    line-height: 52px;
    padding: 0 32px;
    font-size: 17px;
    border-radius: 27px; }

.btn-lg i {
    line-height: 52px; }

.btn-sm {
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 13px; }

.btn-sm i {
    line-height: 30px; }

.btn-red {
    background: #e31e24;
    border-color: #e31e24;
    color: #ffffff !important; }

.btn-red:hover,
.btn-red:focus {
    background: #bc2328;
    border-color: #bc2328;
    color: #ffffff !important; }

.btn-red:active {
    background: #d32026 !important;
    border-color: #d32026 !important;
    color: #ffffff !important; }

.btn-outline-red {
    color: #333333;
    border-color: #e31e24; }

.btn-outline-red:hover,
.btn-outline-red:focus {
    background: #bc2328;
    border-color: #bc2328;
    color: #ffffff; }

.btn-outline-red:active {
    background: #d32026 !important;
    border-color: #d32026 !important;
    color: #ffffff !important; }

/* END КНОПКИ ====================== */
/* ЭЛЕМЕНТЫ ФОРМ
=============================================================== */
button {
    cursor: pointer;
    border: none;
    background-color: transparent;
    outline: none !important;
    padding: 0; }

.form-control {
    font-size: 14px;
    border-radius: 20px;
    padding: 0 16px;
    height: 40px;
    line-height: 40px; }

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }

.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }

.form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }

.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }

textarea.form-control {
    line-height: 1.3;
    padding-top: 16px;
    padding-bottom: 16px;
    min-height: 120px; }

.select {
    position: relative;
    z-index: 1; }

.select::after {
    content: "keyboard_arrow_down";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    position: absolute;
    top: 0;
    right: 16px;
    line-height: 40px;
    color: #aaaaaa;
    font-size: 18px;
    z-index: -1; }

.select select.form-control {
    cursor: pointer;
    height: 40px !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 42px;
    background-color: transparent; }

.checkbox-item,
.radio-item {
    display: block;
    line-height: 1.3;
    cursor: pointer; }

.checkbox-item:last-child,
.radio-item:last-child {
    margin-bottom: 0; }

.checkbox-item .item-name,
.radio-item .item-name {
    position: relative;
    display: block; }

.checkbox-item > i,
.radio-item > i {
    margin-top: -2px; }

.checkbox-item > i::before,
.radio-item > i::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    color: #333333;
    font-size: 22px;
    line-height: 20px; }

.checkbox-item input + i::before {
    content: "check_box_outline_blank"; }

.checkbox-item input:checked + i::before {
    content: "check_box";
    color: #e31e24; }

.radio-item input + i::before {
    content: "radio_button_unchecked"; }

.radio-item input:checked + i::before {
    content: "radio_button_checked";
    color: #e31e24; }

.validation-desc {
    display: block;
    color: #aaaaaa;
    line-height: 1.3; }

.add-file {
    margin: 0; }

.delete-file {
    margin-left: 8px;
    cursor: pointer;
    color: #e31e24;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0.8; }

.delete-file:hover {
    opacity: 1; }

/* END ЭЛЕМЕНТЫ ФОРМ ====================== */
/* ВАЛИДАЦИЯ
=============================================================== */
.validation_block {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    overflow: hidden; }

.has-warning .form-control,
.has-error .form-control,
.invalid {
    border-color: #e31e24 !important; }

.has-warning .help-block,
.has-error .help-block {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #e31e24; }

.form-alert .alert {
    margin: 24px 0 8px;
    font-size: 14px; }

.form-alert .alert *:last-child {
    margin-bottom: 0; }

/* END ВАЛИДАЦИЯ ====================== */
/* КОНТЕНТ MODX
=============================================================== */
.modx {
    font-size: inherit; }

.modx h1 {
    font-size: 240%; }

.modx h2 {
    font-size: 200%; }

.modx h3 {
    font-size: 160%; }

.modx h4 {
    font-size: 120%; }

.modx h5,
.modx h6 {
    font-size: 100%; }

.modx img[style*="float: left"] {
    display: block;
    margin-right: 24px;
    margin-bottom: 16px; }

.modx img[style*="float: right"] {
    display: block;
    margin-left: 24px;
    margin-bottom: 16px; }

@media (max-width: 575px) {
    .modx img[style*="float: left"] {
        margin-right: 0;
        float: none !important; }
    .modx img[style*="float: right"] {
        margin-left: 0;
        float: none !important; } }

.modx img {
    max-width: 100%;
    height: auto; }

.modx table {
    margin-bottom: 16px;
    border: none !important; }

.modx .bigtable {
    position: relative;
    border: 1px solid transparent; }

.modx .bigtable .big-body {
    overflow: auto; }

.modx .bigtable table {
    margin-bottom: 0; }

.modx .bigtable .open {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #e31e24;
    border-radius: 2px;
    color: #ffffff;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    font-size: 18px; }

.modx .bigtable:hover {
    border-color: #e31e24; }

.modx .bigtable:hover .open {
    opacity: 0.7; }

@media (max-width: 991px) {
    .modx .bigtable {
        border-color: rgba(0, 0, 0, 0.1); }
    .modx .bigtable .open {
        opacity: 0.7; } }

.modx .bigtable:hover .open:hover {
    opacity: 1; }

.modx .bigtable .open::after {
    content: "zoom_out_map";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased; }

.table-opened {
    overflow: hidden; }

.modx .back-table {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.modx .bigtable.opened + .back-table {
    opacity: 1;
    visibility: visible; }

.modx .bigtable.opened {
    position: fixed;
    z-index: 10000;
    right: 15px;
    left: 15px;
    top: 15px;
    bottom: 15px;
    background: #ffffff;
    overflow: auto; }

.modx .bigtable.opened .open {
    position: fixed;
    right: 40px;
    top: 40px;
    opacity: 0.5;
    background: #e31e24;
    width: 40px;
    height: 40px;
    line-height: 40px; }

.modx .bigtable.opened .open:after {
    content: "close"; }

.modx .bigtable.opened table {
    min-width: 100% !important; }

@media (min-width: 992px) {
    .modx .bigtable.opened table {
        width: 100% !important; } }

.modx tr {
    height: auto !important;
    width: auto !important; }

.modx td,
.modx th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #ffffff;
    height: auto !important;
    width: auto !important; }

.modx th,
.modx thead td,
.modx tfoot td {
    background: #ebebeb;
    font-weight: bold; }

.modx thead td {
    border-bottom: none; }

.modx caption {
    caption-side: top;
    color: initial;
    font-size: 120%;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
    padding: 15px;
    background: #ffffff; }

.modx tfoot td {
    border-top: none; }

.modx h1,
.modx h2,
.modx h3 {
    margin: 0 0 16px;
    line-height: 1; }

.modx * + h1,
.modx * + h2,
.modx * + h3 {
    margin-top: 32px; }

.modx ol {
    list-style-type: decimal; }

.modx ul {
    list-style-type: disc; }

.modx ol,
.modx ul {
    margin: 0 0 24px;
    padding: 0 0 0 20px;
    list-style-position: initial; }

.modx hr {
    margin: 32px 0;
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    border: none; }

.modx a {
    text-decoration: underline;
    color: #e31e24; }

.modx a:hover,
.modx a:focus {
    text-decoration: none; }

.modx iframe {
    display: block;
    max-width: 100%;
    max-height: 50vw;
    border: none; }

.modx li {
    line-height: 1.3;
    margin-bottom: 6px; }

.modx p {
    line-height: 1.5;
    margin-bottom: 16px; }

.modx > *:last-child {
    margin-bottom: 0; }

.modx .container,
.modx .row,
.modx [class*="col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important; }

.modx h1::after,
.modx h2::after,
.modx h3::after,
.modx h4::after,
.modx h5::after,
.modx h6::after,
.modx h1::before,
.modx h2::before,
.modx h3::before,
.modx h4::before,
.modx h5::before,
.modx h6::before,
.modx table::after,
.modx table::before {
    content: "";
    display: table;
    clear: both; }

/* END КОНТЕНТ MODX ====================== */
/* ТЕЛЕФОНЫ
=============================================================== */
.phone-link {
    position: relative;
    text-decoration: none !important;
    white-space: nowrap; }

.phone-link span,
.phone-link img {
    display: block; }

.phone-link .operator {
    margin-right: 6px;
    overflow: hidden;
    border-radius: 3px; }

.phone-link .code {
    font-size: 80%;
    margin-right: 6px; }

.phone-link .number {
    font-size: 120%;
    font-weight: 600; }

.phone-link .messanger {
    margin-left: 6px;
    border-radius: 3px;
    overflow: hidden; }

/* END ТЕЛЕФОНЫ ====================== */
/* КОНТАКТНЫЕ ДАННЫЕ
=============================================================== */
.contacts li {
    position: relative; }

.contacts i {
    margin-right: 6px;
    font-size: 18px;
    color: #e31e24; }

.contacts img {
    margin-right: 6px;
    border-radius: 2px;
    display: block; }

.contacts a {
    text-decoration: none; }

/* END КОНТАКТНЫЕ ДАННЫЕ ====================== */
/* ЦЕНЫ
=============================================================== */
.price .old {
    font-size: 90%;
    text-decoration: line-through;
    color: #aaaaaa; }

.price .new {
    font-size: 110%;
    font-weight: 600;
    color: #333333; }

/* END ЦЕНЫ ====================== */
/* СТИКЕРЫ
=============================================================== */
.labels {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.labels span {
    display: block;
    text-align: center;
    padding: 3px 12px;
    font-size: 10px;
    color: #ffffff;
    margin: 0 0 4px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.7px; }

.labels span.sale {
    background: #e31e24; }

.labels span.new {
    background: #333333; }

/* END СТИКЕРЫ ====================== */
/* DROPLIST
=============================================================== */
.drop-list li {
    line-height: 1.2;
    margin: 3px 0 0; }

.drop-list li a {
    display: block;
    color: #333333;
    padding: 6px 0; }

.drop-list li a span {
    display: block; }

.drop-list li a span:not(.arrow):hover,
.drop-list li:not(.drop) > a:hover {
    color: #e31e24; }

.drop-list li.active > a,
.drop-list li.active > a > span {
    color: #e31e24 !important; }

.drop-list li.drop > a {
    position: relative;
    padding-right: 32px; }

.drop-list li.drop > a .arrow {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin-top: -13px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    overflow: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.drop-list li.drop > a .arrow::before {
    content: "keyboard_arrow_down"; }

.drop-list li.drop > a.opened .arrow::before {
    content: "keyboard_arrow_up"; }

.drop-list li.drop.active > a {
    padding-right: 0; }

.drop-list li.drop.active > a .arrow {
    display: none; }

.drop-list li.drop > a .arrow:hover {
    background: #ebebeb; }

.drop-list li.drop > a.opened .arrow {
    background: #e31e24;
    color: #ffffff; }

.drop-list li.drop > ul {
    padding: 0 0 3px 12px;
    position: relative;
    z-index: 1; }

.drop-list li.drop > ul > li > a {
    position: relative; }

.drop-list li.drop.active > ul {
    display: block !important; }

/* END DROPLIST ====================== */
/* FANCYBOX
=============================================================== */
.fancybox-link {
    display: block;
    position: relative;
    background: #ffffff; }

.fancybox-link i {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    opacity: 0;
    color: #ffffff;
    background: #e31e24;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 2px;
    overflow: hidden;
    z-index: 1; }

.fancybox-link img {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s; }

.fancybox-link:hover img {
    opacity: 0.25; }

.fancybox-link:hover i {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }

/* END FANCYBOX ====================== */
/* HEADER
=============================================================== */
header {
    background: #ffffff;
    -webkit-box-shadow: 0 5px 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 45px -15px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 2; }

.header-top {
    padding: 6px 0;
    background: #333333;
    font-size: 14px;
    color: #ffffff; }

@media (max-width: 575px) {
    .header-top {
        display: none; } }

.header-top .contacts i {
    color: #ffffff; }

.header-top .contacts a {
    margin-right: 16px; }

.header-top a {
    color: #ffffff; }

.header-top a:hover {
    text-decoration: underline; }

.header-top .second-menu li {
    margin-left: 16px; }

.header-body {
    padding: 30px 0 16px; }

.header-body .logo {
    display: block;
    text-decoration: none;
    margin: 0 auto; }

.header-body a {
    color: #333333; }

.header-menu a.material-icons {
    display: none; }

@media (max-width: 991px) {
    .header-menu a.material-icons {
        display: block;
        color: #ffffff;
        height: 48px;
        padding: 0 8px;
        line-height: 48px;
        background: #bc2328;
        text-decoration: none !important; }
    .header-menu a.material-icons:first-child {
        padding-left: 16px; }
    .header-menu a.material-icons:last-child {
        padding-right: 16px; }
    header {
        padding-bottom: 0; }
    .header-body {
        padding-bottom: 0; } }

@media (max-width: 575px) {
    .header-top .contacts a {
        margin-right: 0; } }

/* END HEADER ====================== */
/* ВЕРХНЕЕ МЕНЮ
=============================================================== */
.header-menu {
    z-index: 3;
    position: relative; }

.header-menu.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }

.header-menu .menu {
    position: static; }

.topmenu > li {
    display: block;
    position: relative; }

.topmenu > li:last-child {
    margin-right: 0; }

.topmenu a {
    display: block;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 15px; }

.topmenu > li > a {
    line-height: 1;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    position: relative;
    padding: 18px 0; }

.topmenu li.drop > ul {
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: -10px;
    background: #ffffff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    min-width: 300px;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    -webkit-box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5); }

.topmenu li.drop > ul a:not(.btn) {
    color: #333333;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    overflow: hidden; }

.topmenu li.drop li.active > a {
    color: #e31e24 !important; }

.topmenu li.drop > ul li {
    margin-bottom: 2px; }

.topmenu li.drop > ul li:last-child {
    margin-bottom: 0; }

.topmenu li.drop > ul > li.drop {
    position: relative; }

.topmenu li.drop > ul li.drop > a {
    margin: 0;
    padding-right: 30px; }

.topmenu li.drop li.drop > a::after {
    color: inherit;
    line-height: 30px;
    height: 30px;
    right: 0; }

#openMenu {
    height: 48px;
    width: 48px;
    color: #ffffff;
    padding: 0px;
    display: none;
    text-align: center;
    background: #bc2328; }

#openMenu i {
    line-height: 48px; }

#openMenu.active {
    background: #ffffff;
    color: #e31e24; }

@media (min-width: 992px) {
    .topmenu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .topmenu > li:hover > a {
        color: #e31e24; }
    .topmenu > li.active > a {
        -webkit-box-shadow: inset 0 -2px 0 0 #e31e24;
        box-shadow: inset 0 -2px 0 0 #e31e24; }
    .topmenu li.drop > a {
        padding-right: 20px;
        position: relative; }
    .topmenu li.drop > a::after {
        content: "keyboard_arrow_down";
        font-family: "Material Icons";
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 50%;
        right: 0;
        height: 16px;
        line-height: 16px;
        margin-top: -8px;
        text-align: center;
        text-transform: none; }
    .topmenu li.drop:hover > a::after {
        content: "keyboard_arrow_up"; }
    .topmenu li.drop > ul {
        display: block !important; }
    .topmenu li.drop:hover > ul {
        opacity: 1;
        visibility: visible;
        margin-top: 0; }
    .topmenu li.drop > ul li:hover > a {
        color: #e31e24; }
    .topmenu li.drop > ul > li.drop > ul {
        top: -10px;
        left: 100%;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        overflow: hidden; }
    .topmenu li.drop > ul > li.drop > a::after {
        content: "keyboard_arrow_right";
        padding-right: 0;
        margin-top: -15px; }
    .topmenu li.drop > ul > li.drop:hover > a::after {
        content: "keyboard_arrow_left"; } }

@media (max-width: 1199px) {
    .topmenu > li > a {
        font-size: 13px; }
    .topmenu li.drop > ul {
        min-width: 240px; } }

@media (max-width: 991px) {
    #openMenu {
        display: block !important; }
    .menu-opened {
        overflow: hidden; }
    .topmenu {
        display: block !important;
        /* position: absolute;
            left: 0;
            right: 0;
            top: 100%; */
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-top: none;
        padding: 15px;
        /* max-height: calc(100vh - 94px);
            max-height: -webkit-calc(100vh - 94px); */
        overflow: auto;
        width: 100%;
        margin: 2px 0; }
    .topmenu li {
        float: none;
        margin: 0 0 4px; }
    .topmenu li:last-child {
        margin-bottom: 0; }
    .topmenu li a:not(.btn) {
        color: #333333;
        position: relative;
        z-index: 1;
        height: auto;
        padding: 16px;
        line-height: 1.2;
        border-radius: 2px;
        overflow: hidden; }
    .topmenu > li.active > a {
        color: #e31e24 !important;
        font-weight: 600; }
    .topmenu a.opened {
        background: #ebebeb; }
    .topmenu > li > a::before {
        display: none; }
    .topmenu li.drop > a {
        padding-right: 48px; }
    .topmenu li.drop > a > span.arrow {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 36px;
        z-index: 1; }
    .topmenu li.drop > a > span.arrow {
        width: 30%; }
    .topmenu li.drop > a::after {
        content: "keyboard_arrow_down";
        font-family: "Material Icons";
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 50%;
        right: 6px !important;
        width: 24px;
        height: 24px !important;
        line-height: 24px !important;
        margin-top: -12px;
        color: inherit !important;
        text-align: center;
        text-transform: none;
        font-size: 18px; }
    .topmenu li.drop > a.opened::after {
        content: "keyboard_arrow_up"; }
    .topmenu li.drop > ul {
        position: relative;
        left: 0;
        -webkit-transition: none;
        transition: none;
        min-width: 0;
        opacity: 1;
        visibility: visible;
        margin-top: 5px;
        margin-bottom: 15px;
        border: none;
        border-radius: 0;
        overflow: hidden;
        background: #ebebeb;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .topmenu li.drop > ul li {
        margin-bottom: 5px; }
    .topmenu li.drop > ul li a:not(.btn) {
        white-space: normal;
        line-height: 1.2;
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px; } }

@media (max-width: 575px) {
    .topmenu {
        border-right: none;
        border-left: none;
        border-radius: 0; } }

/* END ВЕРХНЕЕ МЕНЮ ====================== */
/* PAGETITLE
=============================================================== */
.pagetitle {
    padding: 18px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 45px -15px rgba(0, 0, 0, 0.5); }

.pagetitle .title {
    text-shadow: 0 0 20px #ffffff; }

.pagetitle h1 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0; }

.pagetitle .crumbs {
    font-size: 14px; }

.pagetitle .crumbs li {
    display: inline-block;
    margin: 3px 6px 0 0; }

.pagetitle .crumbs li a {
    text-decoration: underline;
    color: #333333; }

.pagetitle .crumbs li a:hover {
    text-decoration: none; }

.pagetitle .crumbs li:not(:last-child)::after {
    content: "/";
    margin-left: 6px; }

/* END PAGETITLE ====================== */
/* SIDEBARS
=============================================================== */
.sidebar {
    padding: 16px;
    margin: 0 0 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5);
    background: #ffffff; }

.sidebar:last-child {
    margin-bottom: 0; }

.sidebar > h4 {
    margin: 0;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.sidebar .sidebar-body {
    padding: 1px 0; }

.sidebar .sidebar-footer {
    padding: 3px 0 0; }

/* END SIDEBARS ====================== */
/* SECTIONS
=============================================================== */
[class*="-section"] {
    padding: 42px 0 0; }

[class*="-section"] + [class*="-section"].background-image {
    margin-top: 42px; }

[class*="-section"].background-image {
    padding: 42px 0;
    position: relative;
    color: #ffffff;
    overflow: hidden;
    z-index: 0; }

[class*="-section"].background-image .back {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }

[class*="-section"].background-image .back::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.section-title {
    margin-bottom: 42px; }

.section-title h2 {
    margin-bottom: 0; }

.section-title p {
    margin: 16px 0 0; }

@media (max-width: 767px) {
    [class*="-section"] {
        padding: 42px 0 0; }
    [class*="-section"].background-image {
        padding: 42px 0; }
    [class*="-section"] + [class*="-section"].background-image {
        margin-top: 48px; } }

/* END SECTIONS ====================== */
/* LEFT MENU
=============================================================== */
#leftMenu a {
    -webkit-transition: 0.2s;
    transition: 0.2s; }

#leftMenu a:hover {
    text-decoration: none; }

#openLeft {
    display: none;
    position: fixed;
    left: 8%;
    bottom: 1%;
    right: 8px;
    height: 42px;
    color: #ffffff;
    background: #e31e24;
    z-index: 2;
    max-width: calc(100% - 72px);
    max-width: -webkit-calc(100% - 72px);
    border-radius: 21px;
    text-align: left;
    padding: 0 16px; }

#openLeft i {
    line-height: 42px; }

#openLeft span {
    display: block;
    line-height: 42px;
    padding-left: 16px; }

.back-left {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    background-image: url("/assets/templates/qmedia/images/close.png");
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 998;
    display: none; }

.back-left.opened {
    opacity: 1;
    visibility: visible;
    display: block; }

@media (min-width: 992px) {
    .back-left {
        display: none !important; }
    #leftMenu {
        padding-top: 21px;
        margin-top: 21px; } }

@media (max-width: 991px) {
    #openLeft {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    #leftMenu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -270px;
        right: 0;
        width: 270px;
        max-width: 100%;
        padding: 16px;
        z-index: 999;
        background: #ffffff;
        margin: 0;
        overflow: auto;
        -webkit-transition: 0.5s;
        transition: 0.5s; } }

/* END LEFT MENU ====================== */
/* FOOTER
=============================================================== */
footer {
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 -15px 25px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -15px 25px -15px rgba(0, 0, 0, 0.5); }

.footer-body {
    padding: 42px 0 36px;
    color: rgba(255, 255, 255, 0.75); }

.footer-body img {
    opacity: 0.9; }

footer .company-desc {
    margin-top: 16px;
    margin-bottom: 0; }

footer h4 {
    color: #ffffff;
    margin-bottom: 24px; }

footer li {
    margin-bottom: 12px;
    line-height: 1.2; }

footer a {
    color: rgba(255, 255, 255, 0.75); }

footer a:hover {
    text-decoration: none;
    color: #ffffff; }

footer .phone-link .number {
    font-size: 100%;
    font-weight: 400; }

footer .phone-link .code {
    font-size: 100%;
    font-weight: 400; }

footer .phone-link .operator {
    min-width: 18px; }

footer .phone-link .messanger {
    display: none; }

footer .contacts i {
    color: #e31e24; }

footer .copyright {
    padding-top: 16px;
    padding-bottom: 16px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 -15px 25px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -15px 25px -15px rgba(0, 0, 0, 0.5); }

footer .copyright p {
    margin: 0;
    line-height: 1.2;
    font-size: 12px; }

.footer-body .columns-2 {
    -webkit-columns: 2;
    columns: 2; }

footer .social {
    margin-right: 12px; }

footer .social li {
    margin: 0 6px 0 0; }

@media (max-width: 991px) {
    footer .copyright {
        padding-bottom: 66px; }
    .main-template footer .copyright {
        padding-bottom: 16px; } }

@media (max-width: 767px) {
    footer {
        text-align: center; }
    footer a,
    footer .social {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important; }
    footer .logo img {
        margin: 0 auto; }
    .footer-body .columns-2 {
        -webkit-columns: 1;
        columns: 1; }
    footer .copyright p {
        margin: 12px 0; } }

@media (max-width: 575px) {
    footer .copyright {
        padding-left: 24px;
        padding-right: 24px; } }

/* END FOOTER ====================== */
#toTop {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 1%;
    bottom: 1%;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    text-align: center;
    color: #ffffff;
    background: #e31e24;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

#toTop:hover {
    background: #bc2328; }

#toTop:active {
    background: #d32026; }

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

#toTop i {
    line-height: 42px; }

/* MODALS
=============================================================== */
.modal-content {
    padding: 16px 32px;
    border-radius: 0; }

.modal-header,
.modal-body,
.modal-footer {
    padding-left: 0;
    padding-right: 0; }

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.modal-header .close {
    padding: 16px; }

.modal-header .modal-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1; }

.modal-body {
    padding-top: 24px;
    padding-bottom: 16px; }

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
    padding-bottom: 0;
    margin-top: 24px; }

.modal form {
    display: block;
    width: 100%; }

@media (max-width: 575px) {
    .modal-content {
        padding: 12px 24px; } }

/* END MODALS ====================== */
.header-top .region {
    padding: 3px 0; }

.header-top .region a {
    line-height: 1;
    padding: 2px 0;
    border-bottom: 1px dashed #ffffff;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: -1px;
    margin-left: 8px; }

.header-top .region a:hover {
    border-color: transparent;
    text-decoration: none; }

.social a {
    overflow: hidden;
    border-radius: 3px;
    opacity: 0.9; }

.social a:hover {
    opacity: 1; }

.social a img {
    min-width: 24px; }

header .social li {
    margin-left: 6px; }

.company-name {
    font-family: "Vollkorn", serif;
    font-weight: 700;
    font-size: 1.5rem; }

.company-slogan {
    font-family: "Vollkorn", serif;
    text-align: center; }

.header-body a {
    text-decoration: underline; }

.header-body a:hover {
    text-decoration: none; }

.company-phone {
    margin: 0 16px; }

.company-phone a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 500; }

.company-phone img {
    padding-right: 5px;
    background: #ffffff;
    -o-object-fit: contain;
    object-fit: contain; }

.company-operators span {
    line-height: 1;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500; }

.main-template .header-top {
    background: rgba(0, 0, 0, 0.25); }

.main-template header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 3;
    background: transparent;
    color: #ffffff; }

@media (max-width: 991px) {
    .main-template header {
        position: static; } }

.main-template .header-menu {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

.main-template .topmenu > li > a {
    color: #ffffff; }

.main-template .header-body {
    padding-top: 16px; }

.main-template .header-body a {
    color: #ffffff; }

.slider-section {
    padding: 0;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
    padding-top: 194px; }

.home-slider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.home-slider .owl-stage-outer,
.home-slider .owl-stage,
.home-slider .owl-item {
    height: 100%; }

.home-slider .slider-item {
    color: #ffffff;
    position: relative;
    font-weight: 300;
    padding-top: 160px;
    height: 100%;
    margin-bottom: -6px;
    text-align: center; }

.home-slider .back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.home-slider .back::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -20px 25px -15px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -20px 25px -15px rgba(0, 0, 0, 0.5); }

.home-slider .slider-image {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 24px; }

.home-slider .slider-image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto; }

.slider-title {
    margin-bottom: 24px; }

.slider-desc {
    font-size: 16px;
    font-weight: 400; }

.slider-desc p {
    margin-bottom: 8px;
    line-height: 1.3; }

.slider-calc {
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding: 16px 24px;
    max-width: 360px;
    margin: 42px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5); }

.slider-calc h4 {
    text-align: center;
    margin-bottom: 16px; }

.calc-navbar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border: none; }

.calc-navbar li {
    width: 50%;
    margin: 0 8px; }

.calc-navbar li:first-child {
    margin-left: 0; }

.calc-navbar li:last-child {
    margin-right: 0; }

.calc-nav {
    display: block;
    color: #333333;
    background: #f5f5f5; }

.calc-nav:hover {
    background: #ebebeb;
    color: #333333; }

.calc-nav.active {
    background: #e31e24;
    color: #ffffff; }

.calc-group {
    width: 100%;
    text-align: center;
    margin-top: 16px; }

.calc-title {
    display: block;
    font-weight: 600; }

.calc-group .form-control {
    text-align: center;
    padding: 0 16px !important;
    margin-top: 8px; }

.calc-group select.form-control {
    text-align-last: center; }

.calc-group .number {
    position: relative; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

input[type="number"] {
    -moz-appearance: textfield; }

.calc-group .number span {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 40px;
    display: block;
    width: 40px;
    text-align: center;
    cursor: pointer;
    color: #aaaaaa;
    font-size: 18px; }

.calc-group .number span:hover {
    color: #e31e24; }

.calc-group .number .minus {
    left: 0; }

.calc-group .number .plus {
    right: 0; }

.calc-val {
    padding: 6px 12px;
    border: 2px solid #e31e24;
    border-radius: 15px;
    line-height: 1;
    display: block;
    font-weight: 600;
    margin-bottom: 8px; }

.ui-slider {
    margin-left: 16px;
    margin-right: 16px;
    height: 6px;
    border-radius: 3px;
    background: rgba(82, 43, 43, 0.1);
    border: none !important; }

.ui-slider-horizontal .ui-slider-range-min {
    background: #e31e24; }

.ui-slider-horizontal .ui-slider-handle {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #e31e24;
    background: #ffffff;
    outline: none !important;
    cursor: pointer; }

.calc-stat {
    font-size: 14px; }

.calc-stat + .calc-stat {
    margin-top: 6px; }

.calc-tab > small {
    margin-top: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5); }

.tarif-section {
    padding: 16px 0;
    position: relative;
    z-index: 1;
    color: #333333;
    background: #ffffff; }

.tarif-section.gold {
    margin-top: -6px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.tarif-section.silver {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media (max-width: 575px) {
    .tarif-section.silver {
        display: none; } }

.tarif-row {
    padding: 0 0 24px; }

.tarif-title {
    font-size: 20px;
    font-weight: 600;
    width: 200px;
    font-family: "Vollkorn", serif; }

.tarif-proba {
    font-weight: 400;
    padding: 4px 16px;
    font-size: 14px;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

.tarif-proba span {
    display: block;
    color: rgba(0, 0, 0, 0.5); }

.tarif-proba strong {
    display: block;
    font-weight: 500; }

.preim-section {
    padding: 42px 0; }

.preim-image {
    padding: 20px;
    min-width: 92px;
    background: #e31e24;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 3px #ffffff, 0 15px 60px -15px #000000;
    box-shadow: 0 0 0 3px #ffffff, 0 15px 60px -15px #000000; }

@media (max-width: 575px) {
    .preim-image {
        padding: 5px;
        min-width: 46px;
        width: 46px; } }

.preim-title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 6px;
    text-shadow: 0 2px 10px #ffffff; }

.preim-desc {
    font-weight: 300; }

.about-section {
    padding: 42px 0;
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.about-title {
    font-size: 2rem; }

.map-section {
    padding: 42px 0; }

.etap-section {
    padding: 42px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))), url("/assets/images/etap-back.jpg");
    background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url("/assets/images/etap-back.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed; }

.etap-item {
    position: relative;
    text-align: center; }

.etap-item::before {
    right: 50%;
    left: 0; }

.etap-item::after {
    left: 50%;
    right: 0; }

.etap-item::before,
.etap-item::after {
    content: "";
    top: 45px;
    position: absolute;
    height: 3px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0; }

.etap-item:first-child::before {
    display: none; }

.etap-item:last-child::after {
    display: none; }

.etap-image {
    padding: 20px;
    display: block;
    margin: 0 auto 16px;
    width: 92px;
    background: #e31e24;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border: 3px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 3px #ffffff, 0 15px 60px -15px #000000;
    box-shadow: 0 0 0 3px #ffffff, 0 15px 60px -15px #000000;
    position: relative;
    z-index: 1; }

.etap-image img {
    height: auto; }

.etap-title {
    font-weight: 500;
    font-size: 16px;
    text-shadow: 0 2px 10px #ffffff; }

.review-section {
    padding: 42px 0; }

.main-template .review-section {
    background: #ffffff;
    padding: 42px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.main-template .site-body {
    padding-bottom: 0; }

.review-section .owl-carousel .owl-stage-outer {
    padding-bottom: 30px; }

.review-item {
    padding: 20px 28px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 45px -20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 45px -20px rgba(0, 0, 0, 0.5); }

.review-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px; }

.review-desc {
    margin-bottom: 0; }

.owl-dots-out .owl-dots .owl-dot span {
    background: #e31e24; }

@media (max-width: 1199px) {
    .slider-section {
        padding-top: 264px; } }

@media (max-width: 991px) {
    .main-template header {
        color: #333333; }
    .header-menu {
        background: #e31e24 !important; }
    .main-template .header-body a {
        color: #333333; }
    .main-template .topmenu > li > a {
        color: #333333; }
    .slider-section {
        padding-top: 0 !important;
        background-image: url("/assets/templates/qmedia/images/pattern.webp"); }
    .home-slider {
        position: relative; }
    .home-slider .slider-item {
        padding: 42px 0;
        height: calc(100vh - 210px);
        height: -webkit-calc(100vh - 210px); }
    .home-slider .slider-image {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 24px; }
    .slider-calc {
        max-width: 100%; }
    .slider-calc h4 {
        font-size: 1.8rem; }
    .tarif-title {
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0;
        text-align: center; }
    .tarif-proba {
        padding: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: -1px;
        margin-bottom: 12px;
        width: 16.666%;
        text-align: center; }
    .etap-image {
        width: 92px;
        padding: 24px; }
    .etap-item::before,
    .etap-item::after {
        top: 45px; } }

@media (max-width: 767px) {
    .slider-title {
        margin-bottom: 16px;
        padding: 0 24px; }
    .home-slider .slider-image {
        max-width: 200px;
        margin-bottom: 16px; }
    .slider-desc {
        font-size: 14px; }
    .tarif-proba {
        width: 25%; }
    .etap-item::before,
    .etap-item::after {
        display: none; }
    .home-slider .slider-item {
        padding: 12px 0 0;
        height: 50vw; } }

@media (max-width: 575px) {
    .slider-section {
        padding-top: 260px; }
    .header-body {
        text-align: center; }
    .tarif-proba {
        width: 29vw; }
    .preim-item img {
        width: 48px;
        height: auto; }
    .home-slider .slider-item {
        padding: 0 0 12px;
        height: 100vw;
        max-height: 300px; }
    .slider-desc {
        display: none; }
    .slider-title {
        font-size: 1.4rem; }
    .owl-carousel .owl-nav [class*="owl-"] {
        display: none; } }

#map {
    height: 450px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 30px; }

@media (max-width: 575px) {
    #map {
        height: 75vw; } }

.filial-item {
    padding: 0 0 56px;
    height: 100%; }

.filial-item .btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }

.filial-item ul {
    padding-right: 36px; }

.filial-item ul li + li {
    margin-top: 4px; }

.filial-item ul i {
    font-size: 22px;
    color: #e31e24;
    display: block;
    line-height: 16px; }

.filial-city {
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
    color: #e31e24; }

.filial-address {
    margin-top: 2px;
    font-weight: 600; }

.filial-phone {
    font-size: 14px;
    display: block;
    color: #333333;
    text-decoration: none !important; }

.filial-work {
    font-size: 14px; }

.filial-item .buttons {
    position: absolute;
    right: 0;
    top: 0; }

.filial-item .buttons a {
    display: block;
    margin-bottom: 8px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-decoration: none !important;
    line-height: 32px;
    text-align: center;
    font-size: 16px; }

.filial-item .buttons a:hover {
    background: #e31e24; }

.filial-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.filial-slider .owl-item {
    min-width: 225px; }

.filial-slider .owl-dots {
    margin-bottom: -12px; }

@media (max-width: 1199px) {
    .filial-slider .owl-item {
        min-width: 244.992px; } }

@media (max-width: 991px) {
    .filial-slider .owl-item {
        min-width: 285px; } }

@media (max-width: 767px) {
    .filial-slider .owl-item {
        min-width: 420px; } }

@media (max-width: 575px) {
    .filial-slider .owl-stage {
        display: block; }
    .filial-slider .owl-item {
        min-width: 0; } }

.baloon {
    max-width: 220px; }

.baloon-image {
    display: block;
    width: 100%; }

@media (max-width: 485px) {
    .baloon-image {
        display: none; } }

.baloon-address {
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-top: 6px; }

.filial-template .filial-title {
    margin-bottom: 24px; }

.filial-info ul {
    padding-right: 32px; }

.filial-info ul li + li {
    margin-top: 6px; }

.filial-info ul i {
    display: block;
    font-size: 22px;
    line-height: 16px;
    color: #e31e24; }

.filial-template .modx {
    margin-top: 30px; }

@media (max-width: 575px) {
    .filial-info .btn {
        width: 100%;
        margin-top: 8px; } }

.category-template .region-row {
    overflow: hidden;
    margin-bottom: 24px;
    padding: 9px 0; }

.category-template .region-row .title {
    padding-right: 24px;
    position: relative;
    margin: 0; }

.category-template .region-row .form-control {
    font-weight: 600; }

@media (min-width: 576px) {
    .category-template .region-row .title::after {
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        width: 2000px;
        border-bottom: 2px solid #e31e24; }
    .category-template .region-row .select::before {
        content: "";
        position: absolute;
        left: -24px;
        right: 0;
        top: 0;
        bottom: 0;
        background: #ffffff;
        z-index: -1; } }

@media (max-width: 575px) {
    .category-template .region-row {
        text-align: center;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; }
    .category-template .region-row .title {
        padding: 0;
        margin-bottom: 8px; } }

.category-template .product-item {
    margin-bottom: 30px; }

.product-item {
    text-align: center;
    max-width: 300px;
    margin: 0 auto; }

.product-item .header {
    position: relative; }

.product-item .image {
    display: block;
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1); }

.product-item .image:hover img {
    opacity: 0.8; }

.product-item .labels {
    left: 8px;
    top: 8px; }

.product-item .title {
    display: block;
    margin-top: 16px;
    font-weight: 600;
    color: #333333;
    font-size: 16px;
    line-height: 1; }

.product-item .title:hover {
    text-decoration: none;
    color: #e31e24; }

.product-item .price {
    display: block;
    margin-left: 4px;
    color: #e31e24;
    font-weight: 500;
    line-height: 1;
    font-size: 16px; }

.product-item .filial-open {
    display: inline-block;
    max-width: 100%;
    color: #333333;
    margin-top: 16px;
    line-height: 1;
    padding-bottom: 2px;
    border-bottom: 1px dashed #333333; }

.product-item .filial-open:hover {
    text-decoration: none;
    border-color: transparent; }

@-webkit-keyframes swing {
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); }
    8% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg); }
    12% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
    16% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); } }

@keyframes swing {
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); }
    8% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg); }
    12% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
    16% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); } }

.product-item .call-link {
    display: block;
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #e31e24;
    color: #ffffff;
    border-radius: 50%;
    text-decoration: none !important;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.product-filial {
    position: absolute;
    z-index: 1;
    left: 12px;
    right: 12px;
    top: -3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #ffffff;
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 316px;
    margin: 0 auto;
    z-index: 2;
    -webkit-box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 45px -15px rgba(0, 0, 0, 0.5); }

.product-filial.opened {
    opacity: 1;
    visibility: visible; }

.product-filial .image {
    display: block; }

.product-filial .image:hover img {
    opacity: 0.8; }

.product-filial .city {
    display: block;
    margin-top: 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1; }

.product-filial .filial {
    display: block;
    margin-top: 4px;
    line-height: 1.2;
    font-weight: 500;
    text-decoration: underline; }

.product-filial a {
    color: #333333; }

.product-filial a:hover {
    color: #e31e24; }

.product-filial a:hover {
    text-decoration: none; }

.product-filial .phone-link {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1; }

.product-filial .filial-close {
    margin-top: 10px;
    line-height: 1;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px dashed #333333;
    font-weight: 300;
    font-size: 14px; }

.see-item {
    padding: 12px 0; }

.see-item + .see-item {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.see-item .image {
    min-width: 60px;
    margin-right: 12px; }

.see-item .title {
    color: #333333;
    font-weight: 600;
    font-size: 14px; }

.see-item .title:hover {
    color: #e31e24;
    text-decoration: none; }

.see-item .price {
    font-size: 14px;
    color: #e31e24;
    margin-top: 4px; }

.product-template .product-price {
    color: #e31e24;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    margin-left: 8px; }

.product-template .filial-info .filial-title {
    font-weight: 600;
    color: #333333; }

.product-template .filial-info .filial-title:hover {
    color: #e31e24;
    text-decoration: none; }

.product-template .modx {
    margin-top: 24px; }

@media (min-width: 992px) and (max-width: 1199px) {
    .product-template .filial-info .btn {
        width: 100%;
        margin-top: 8px; } }

.owl-thumbs {
    max-width: 320px; }

.info-template .review-item {
    margin-bottom: 30px;
    height: calc(100% - 30px);
    height: -webkit-calc(100% - 30px); }

.news-item .image {
    display: block;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden; }

.news-item .image:hover img {
    opacity: 0.8; }

.news-item .date {
    margin-top: 16px;
    line-height: 1;
    font-size: 14px;
    font-weight: 300; }

.news-item .title {
    display: block;
    margin-top: 8px;
    color: #333333;
    font-weight: 600;
    font-size: 16px; }

.news-item .title:hover {
    color: #e31e24;
    text-decoration: none; }

.news-item .desc {
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300; }

.news-item .more {
    margin-top: 8px;
    display: inline-block;
    text-decoration: underline;
    color: #333333; }

.news-item .more:hover {
    color: #e31e24;
    text-decoration: none; }

.info-template .news-item {
    max-width: 350px;
    margin: 0 auto 30px;
    height: calc(100% - 30px);
    height: -webkit-calc(100% - 30px); }

.news-template .image {
    margin-bottom: 24px; }

.product-template .owl-big {
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 16px;
    background: #ffffff; }

.product-template .owl-small .owl-item img {
    padding: 4px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px; }

.pagination {
    border-top: 2px solid #e31e24;
    padding-top: 16px;
    margin-top: 16px;
    border-radius: 0px; }

.pagination a {
    color: #333333; }

.pagination a:hover {
    color: #e31e24;
    text-decoration: none; }

.pagination span.p-3 {
    color: #e31e24; }

@media (min-width: 768px) {
    .anim {
        opacity: 0; }
    .anim.animated {
        opacity: 1; } }

#cityRegion {
    color: #fff; }

@media (min-width: 992px) {
    .owl-arrows-in.home-slider .owl-nav {
        margin-top: 80px; } }

.owl-arrows-out {
    padding: 0 45px; }

.owl-arrows-out .owl-nav {
    opacity: 1;
    visibility: visible;
    margin-top: -45px; }

.owl-arrows-out .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 0;
    opacity: 0.7;
    -webkit-transition: 0.25s;
    transition: 0.25s; }

.owl-carousel .owl-nav .owl-prev::before {
    background-image: url("/assets/templates/qmedia/owl-carousel/assets/prev.png"); }

.owl-carousel .owl-nav .owl-next::before {
    background-image: url("/assets/templates/qmedia/owl-carousel/assets/next.png"); }

.owl-arrows-out .owl-nav [class*="owl-"]::before {
    width: 45px;
    height: 90px;
    background-size: 20px;
    background-position: center; }

.owl-arrows-out .owl-nav [class*="owl-"]:hover {
    opacity: 1;
    background: transparent; }

.license-section .fancybox-link {
    margin-bottom: 30px; }

@media (max-width: 767px) {
    .preim-section,
    .map-section,
    .etap-section {
        background: rgba(255, 255, 255, 0.75) !important; } }

.modal-sale {
    position: relative;
    padding: 24px; }

.modal-sale__close {
    position: absolute;
    right: 24px;
    top: 24px;
    text-shadow: none; }

.modal-sale__close i {
    font-size: 32px; }

.modal-sale__image {
    margin-bottom: 32px; }

.modal-sale__image img {
    width: 100%; }

.modal-sale__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px; }

.modal-sale__desc {
    padding-right: 48px;
    font-size: 14px; }

@media (max-width: 991px) {
    .modal-sale__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
    .modal-sale__button .btn {
        width: 100%; } }

@media (max-width: 575px) {
    .modal-sale__close {
        right: 24px;
        top: 24px; }
    .modal-sale__close i {
        font-size: 24px; }
    .modal-sale {
        padding: 16px; }
    .modal-sale__footer {
        margin-top: 24px; } }

.disabled {
    pointer-events: none; }

@media (max-width: 767px) {
    .etap-image {
        width: 64px;
        padding: 11px; }
    .etap-title {
        font-size: 17px; }
    footer .copyright {
        padding-bottom: 92px !important; } }

@media (max-width: 575px) {
    footer .social {
        margin-right: 0;
        padding-left: 3px; }
    .footer-body .columns-2 a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    footer li {
        margin-bottom: 16px; } }

@media (max-width: 991px) {
    #openMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        padding: 0 14px;
        font-size: 17px; }
    #openMenu span {
        margin-left: 8px; }
    .mobile-0 {
        display: none !important; } }

.sticky-top {
    z-index: auto; }

.modal-sale__form {
    padding-top: 24px; }

.sale-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px; }

.sale-form__group {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.sale-form__group {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

.sale-form__group.sale-submit {
    margin-top: 16px;
    text-align: right; }

.sale-form__group.sale-submit .btn {
    width: 100%; }

@media (min-width: 576px) {
    .sale-form__group.sale-submit {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
        max-width: 200px;
        margin-top: 0;
        text-align: left; }
    .sale-form__group.sale-required {
        -ms-flex-preferred-size: calc(100% - 200px);
        flex-basis: calc(100% - 200px);
        max-width: calc(100% - 200px); } }

@media (min-width: 992px) {
    .sale-form__group.sale-name {
        -ms-flex-preferred-size: calc(50% - 100px);
        flex-basis: calc(50% - 100px);
        max-width: calc(50% - 100px); }
    .sale-form__group.sale-phone {
        -ms-flex-preferred-size: calc(50% - 100px);
        flex-basis: calc(50% - 100px);
        max-width: calc(50% - 100px); }
    .sale-form__group.sale-submit {
        margin-top: 0;
        text-align: left; }
    .sale-form__group.sale-submit .btn {
        margin-bottom: 1rem; }
    .sale-form__group.sale-required {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

.phone-link__code {
    font-size: 75%;
    margin-right: 3px; }

.container-header__phone {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    white-space: nowrap; }

.header__phone--text {
    margin-bottom: -1rem;
    font-size: 13px; }

.container-header__phone img {
    display: inline-block; }

@media (max-width: 350px) {
    .phone-link__number {
        font-size: 80%; }
    .phone-link__code {
        font-size: 65%; } }

@media (min-width: 1200px) {
    .container-header__center {
        padding: 0; } }

.container.h-100 > div {
    margin-top: 2rem; }

.mobile-cities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.mobile-cities__point {
    padding: 4px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

@media (max-width: 991px) {
 }

.prinimaem__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px; }

.prinimaem__list-point {
    padding: 8px; }

@media (max-width: 767px) {
    .prinimaem__list-point {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%; } }

@media (max-width: 575px) {
    .prinimaem__list-point {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

.prinimaem__item {
    width: 100%; }

.city__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px;
    padding-bottom: 32px; }

@media (min-width: 768px) {
    .city__list {
        margin: -12px; } }

.city__list-point {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 6px; }

@media (min-width: 768px) {
    .city__list-point {
        padding: 12px; } }

@media (min-width: 359px) {
    .city__list-point {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%; } }

@media (min-width: 576px) {
    .city__list-point {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%; } }

@media (min-width: 768px) {
    .city__list-point {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%; } }

@media (min-width: 992px) {
    .city__list-point {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%; } }

@media (min-width: 1200px) {
    .city__list-point {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%; } }

.city__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #212529;
    text-decoration: none; }

.city__item:hover {
    color: #e31e24;
    text-decoration: none; }

.city__item-image {
    width: 100%;
    max-width: 150px;
    margin-bottom: 12px;
    border-radius: 50%;
    border: 2px solid rgba(33, 37, 41, 0.1);
    padding: 4px;
    background-color: #fff; }

.city__item:hover .city__item-image {
    border-color: #e31e24; }

.city__item-title {
    line-height: 1.1;
    font-weight: 600;
    font-size: 16px; }

.fil__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding-bottom: 32px; }

.fil__list-point {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 15px; }

@media (min-width: 576px) {
    .fil__list-point {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

@media (min-width: 768px) {
    .fil__list-point {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%; } }

@media (min-width: 992px) {
    .fil__list-point {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

@media (min-width: 1200px) {
    .fil__list-point {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%; } }

.fil__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.fil__item-header {
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px;
    max-width: 128px;
    min-width: 128px;
    margin-right: 15px; }

.fil__item-image {
    width: 100%;
    border-radius: 50%;
    border: 2px solid rgba(33, 37, 41, 0.1);
    padding: 4px;
    background-color: #fff; }

.fil__item:hover .fil__item-image {
    border-color: #e31e24; }

.fil__item-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.fil__item-address {
    margin-top: 4px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 10px;
    font-size: 16px; }

.fil__item-city {
    color: #e31e24; }

.fil__item-phone {
    margin-top: 4px;
    font-size: 14px;
    color: #333333;
    text-decoration: none !important;
    display: block;
    line-height: 1; }

.fil__item-phone:hover {
    color: #e31e24; }

.fil__item-work {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    color: #333333;
    line-height: 1; }

.fil__item-button {
    margin-top: 12px; }

.example__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.example__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
.example__item-back {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(10px);
    filter: blur(10px); }
.example__item-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
.example__item-title {
    display: block;
    margin-top: 16px;
    color: #333333;
    font-weight: 600;
    font-size: 16px; }
.example__item-desc {
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300; }
#changeCityModal{
	z-index: 9999999999;
}
#changeCityModalForm .form-group{
	display: flex;
	justify-content: space-around;
}
#changeCityModalForm .form-group a{
	font-size: 20px;
}
.links-cities-wrapper{
	max-width: 115px;
}
#changeCityModal .modal-content{
	width: 50vw;
}
#changeCityModal .modal-dialog{
	max-width: initial !important;
	transform: translate(25%, 50%);
}
@media screen and (max-width: 1200px){
	.phone-link__code{
		font-size: inherit;
	}
	.company-phone a{
		font-size: 16px;
	}
	
	.services-bottom-wrapper__service a{
		width: 45%;
	}
}
@media screen and (max-width: 992px){
	.changeCitiModalTrigger{
		display: block!important;
	}
	.new-zalog-link{
		padding: 0!important;
		font-size: 13px!important;
	}
	.arrow{
		cursor: pointer;
	}
}
@media screen and (max-width: 768px){
	.header-body .row{
		justify-content: space-between!important;
	}
	.how-job-wrapper{
		justify-content: center!important;
	}
	.how-job-wrapper .how-job:first-child{
		margin-right: 50px;
	}
	
}
@media screen and (max-width: 720px){
	#changeCityModal .modal-content{
	width: 99vw;
	}
	#changeCityModal .modal-dialog{
		transform: translate(0%, 50%);
	}
}
@media screen and (max-width: 575px){
	.changeCitiModalTrigger{
		margin-right: 20px;
	}
	.logo-wrapper{
		display: flex;
	}
	.claim-trigger-service{
		width: 50%;
		height: 50px;
	}
	.microzaim-wrapper{
		flex-direction: column;
		justify-content: center;
	}
	.why-we-txt-wrapper{
		flex-direction: column;
		align-items: center;
	}
	.why-we-txt-wrapper p {
		text-align: center;
	}
}
@media screen and (max-width: 465px){
	.how-job{
		width: 45%;
		text-align: center;
		justify-content: initial!important; 
	}
	.how-job-wrapper .how-job:first-child{
		margin: 0!important;
	}
}
@media screen and (max-width: 420px){
	#changeCityModalForm .form-group{
		flex-direction: column;
	}
	#changeCityModal .modal-dialog{
		transform: initial;
	}
}
@media screen and (max-width: 366px){
	.header-body .row{
		justify-content: center!important;
	}
	.changeCitiModalTrigger{
		margin-right: 0;
		margin-top: 20px;
	}
	.advantages-wrapper{
		justify-content: center !important;
	}
	.advantage-wrapper{
		width: 33%;
	}
	.adaptive-flex{
		display: flex;
		flex-direction: column; 
	}
	.adaptive-flex td{
		width: 100% !important;
	}
}

@media screen and (max-width: 320px){
	
}

@media screen and (width: 375px){
	.advantages-wrapper{
		align-items: baseline;
	}
}

/* Services */

.main-img-service-wrapper{
	height: 255px;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.claim-trigger-service{
	position: absolute;
	bottom: 14px;
	left: 22px;
	width: 200px;
	height: 50px;
	background-color: #333;
	border-radius: 6px;
	transition: .3s;
	color: #fff;
}

.claim-trigger-service:hover{
	background-color: #e31e24;
}

.advantages-wrapper{
	margin-top: 40px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.advantage-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.advantage-txt{
	margin-top: 20px;
}

.microzaim-wrapper{
	display: flex;
	justify-content: space-between;
	align-center: center;
}

.to-microzaim-btn{
	width: 130px;
	height: 50px;
	background-color: #333;
	border-radius: 6px;
	transition: .3s;
	color: #fff;
}

.to-microzaim-btn:hover{
	background-color: #e31e24;
}

.services-bottom-wrapper__service{
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	text-decoration: none!important;
	flex-wrap: wrap;
}

.service-bottom__service{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 30px 60px 30px 60px;
	background-color: #494954;
	color: #fff;
	text-decoration: none!important;
	align-items: center;
	margin-bottom: 20px;
}

.service-txt-bottom{
	text-decoration: none!important;
}

.service-bottom-img{
	margin-bottom: 7px;
	max-width: 30px;
	max-height: 30px;
}

.how-job-wrapper{
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	flex-wrap: wrap;
}

.how-job{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.how-job-txt{
	margin-top: 10px;
}

.why-we-services-wrapper{
	margin-top: 30px;
	padding: 50px 60px 50px 60px;
	background-color: #333;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.why-we-txt-wrapper{
	color: #fff;
	font-size: 20px;
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.service-bottom__service{
	width: 22%;
}

.service-txt-bottom{
	width: 100%;
}

.d-block-im{
	display: block!important;
}

.d-none-im{
	display: none!important;
}


.left-menu-heading{
	margin: 0;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-family: "Vollkorn", serif;
    line-height: 1.1;
    font-weight: 600;
	font-size: 1.5rem;
}

.query-services-heading{
    font-size: 1.8rem;
	font-family: "Vollkorn", serif;
    line-height: 1.1;
    font-weight: 600;
}


.credit-heading-txt{
	font-size: 1.5rem;
	font-family: "Vollkorn", serif;
    line-height: 1.1;
    font-weight: 600;
}

.jot-comment{
	display: flex;
	flex-direction: column;
} 

.jot-content{
	margin-left: 0!important;
}

.jot-message{
	font-weight: 400!important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.jot-posticon{
    display: none;
}

.jot-row {
    border-radius: 5px;
    padding: 10px 5px 10px 5px;
    background: white;
    box-shadow: 0px 0px 10px #b2b2b2;
    margin-bottom: 20px!important;
}


.comments-heading{
    margin-top: 32px;
    margin-bottom: 16px;
}

.jot-user-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.jot-user-wrapper img{
    width: 40px;
    margin-right: 10px;
    height: 40px;
    border-radius: 100%;
}

.related-wrapper{
    display: flex;
    justify-content: space-between;
}

.related-post-link{
    display: block;
    width: 31%;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 40%);
    padding-bottom: 20px;
}

.related-preview{
    width: 100%;
    height: 209px;
    object-fit: cover;
}

.related-post{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.related-heading{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 17px;
}

.related-public-date{
    margin-left: 20px
}

.related-block-wrapper{
    margin-top: 32px!important;
    margin-bottom: 16px!important;
}

.comment-header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jot-user{
    font-weight: 600;
}

.review-forms-wrapper input, .review-forms-wrapper textarea{
    width: 30%;
    outline: none;
}

.review-forms-wrapper textarea{
    height: 68px;
    resize: none;
}

.btn-style-2{
    border-radius: 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    background-color: #e31e24;
    padding: 10px 10px;
    transition: all .3s;
    margin-top: 20px;
}

.btn-style-2:hover{
    background-color: #bc2328;
}

.vericode-input{
    width: 186px!important;
}

@media screen and (max-width: 740px){
    .review-forms-wrapper input, .review-forms-wrapper textarea{
        width: 100%;
    }

    .review-forms-wrapper input{
        height: 35px;
    }

    .vericode-input{
        width: 186px!important;
        height: 35px;
    }
}

.checkbox__input {
	margin-right: 5px;
}

.query-services-wrapper a {
	color: white;
	text-decoration: underline;
}
._hidden { display: none !important; }
@media (max-width: 991px) {
	._hidden-phone {
		display: none !important;
	}
}
@media (min-width: 992px) {
	._hidden-desktop {
		display: none !important;
	}
}

.cities-li__item {
	display:flex;
	position: relative;
}
.cities-li__item a {
	flex-grow: 1;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}
.cities-li__item span {
	width: 50px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.cities-li__item span::after {
	content: "keyboard_arrow_down";
        font-family: "Material Icons";
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 24px;
        right: 6px !important;
        width: 24px;
        height: 24px !important;
        line-height: 24px !important;
        margin-top: -12px;
        color: inherit !important;
        text-align: center;
        text-transform: none;
        font-size: 18px;
}
@media (max-width: 991px) {
	.topmenu .cities-li.drop ul {
		background-color: white;
	}	
}


.cities {
	display: flex;
	flex-wrap: wrap;
}
.cities__point {
	flex-basis: 50%;
	min-width: 50%;
	padding: 4px 20px;
}

.home-slider .slider-image img {
	width: 100%;
}
@media (max-width: 991px) {
    .home-slider .slider-image {
        max-width: 500px;
    }
}
@media (max-width: 767px) {
    .home-slider .slider-image {
        max-width: 240px;
    }
}


.company-phone img {
	background: none;
}



/* header redesign */
@media (max-width: 768px) {
	.header-body .container {
		flex-direction: column;
	}
	
	.header-body .top-row {
		flex-wrap: nowrap;
	}
	
	.header-body .top-row .btn-city {
		margin: 0;
	}
	
	.header-body .top-row .btn-mobile-menu img {
		width: 28px;
		max-width: 28px;
	}
	
	.header-body .contacts-row {
		margin-inline: auto;
	}
	
	.header-body .contacts-row .container-header__phone {
		order: -1;
	}
	
	.header-body .contacts-row .container-header__phone .phone-link__number {
		font-size: 1.5rem;
	}
	
	
	.header-body .contacts-row .company-phone__messenger {
		flex-shrink: 0;
	}
	
	.header-body .contacts-row .company-phone__messenger img {
		width: 32px;
	}
	
	.header-body .contacts-row .phone-descr {
		display: none;
	}
}

@media (max-width: 420px) {
	.header-body .logo img {
		max-width: 180px;
		height: auto;
	}
}

@media (max-width: 368px) {
	.header-body .logo img {
		max-width: 150px;
		height: auto;
	}
}

@media (min-width: 768px) {
	.header-body .btn-mobile-menu {
		display: none;
	}
}



/* mobile menu */
.mobile-menu {
	background-color: white;
    display: flex;
    flex-direction: column;
    left: -100%;
    overflow-y: auto;
	position: fixed;
	width: 100%;
	height: 100vh;
	
	transition: 0.3s ease-in-out;
	z-index: 10000000000;
    /* bottom: var(--bottom-sticky-height);
    box-shadow: var(--box-shadow-base); */
    /* padding: 20px calc(var(--container-padding) - 6px); */
    /* top: var(--top-sticky-height); */
    /* transition: var(--transition-fast); */
    /* z-index: var(--z-mobile-menu); */
}

.mobile-menu.enter-done {
	left: 0;
}

.mobile-menu__header {
	box-shadow: 0 0 16px color-mix(in srgb, color-mix(in srgb, #000 , #758ea3 20%) 10%,#0000);
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-menu__header-title {
	font-size: 1.1rem;
    font-weight: 500;
}

.mobile-menu__header-close {
	
}

.mobile-menu__list {
	padding: 20px;
}

.mobile-menu__item {
	position: relative;
	z-index: 1;
	height: auto;
	padding: 16px 0;
	line-height: 1.2;
	border-radius: 2px;
	overflow: hidden;
}

.mobile-menu__item a {
	color: #333333;
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
}

._mobile-menu--opened {
	overflow: clip;
}

.call-backy-modal-open {
	z-index: 10000 !important;
}
/*
jdiv.label_c671 {
	z-index: 9999 !important;
}*/


.topmenu li.drop a[href="/prinimaem.html"]::after {
  content: '';
}

/* footer -- hide metricks */
.ym-advanced-informer {
	display: none;
}

.ready-to-consider-and-buy-h4 {
	margin-top: 42px;
}

.footer-body .messengers {
	display: flex;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.footer-body .messengers {
		justify-content: center;
	}
}

.service-image__wrapper,
.service-images-wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: block;
    position: relative;
}

.service-image__wrapper img,
.service-images-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* КАТАЛОГ */
.catalog {
	.bottom-right__title-services {
		justify-content: space-between;
		gap: 15px;
	}
	
	.step {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}
	
	.step-wrapper__how-we-work {
	    display: flex;
	    flex-direction: column;
	    gap: 30px;
	}
	
	.step-descr .h5 {
		margin-bottom: 25px;
	}
	
	.pagetitle__new-services {
		margin: 0;
	}
	
	.service-image__wrapper img,
	.service-images-wrapper img {
	    object-fit: contain;
	}
	
	@media (min-width: 992px) {
	    .center-site {
	        display: flex;
	    }
	}
	
	@media (max-width: 575px) {
    	.catalog-title {
    	    justify-content: center;
    	}
	}
	
	.btn {
		margin: 0;
	}
	
	.left-column__services {
	    width: 55%;
	    margin-right: 10px;
	}
	
	@media screen and (max-width: 768px) {
	    .left-column__services {
	        margin: 0;
	        width: 50%;
			padding-bottom: 25px;
	    }
		.title-section__services {
			align-items: center;
		}
	}
}

._lowercase {
	text-transform: lowercase;
}

.mobile-menu__contacts {
	padding: 0px 20px 20px 20px;
	color: black;
}

.mobile-menu__contacts a {
	color: black;
}

.mobile-menu__contacts .contacts a {
	text-decoration: underline;
}

.mobile-menu__contacts .messengers {
	display: flex;
	flex-direction: row;
}

.mobile-menu__container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.accordion__container {
	margin-bottom: 10px;
	width: 100%;
}

.accordion {
	display: flex;
	align-items: center;
    justify-content: space-between;
	width: 100%;
}

.accordion:after {
    min-width: 35px;
}

.panel {
	padding-left: 18px;
	padding-right: 18px;
}

.modal-dialog {
	margin-bottom: 75px;
}

.query-phone-link {
    font-size: 18px; 
} 

@media (min-width: 1200px) {
    .query-phone-link {
        font-size: 20px; 
    } 
}

@media (min-width: 992px) and (max-width: 1199px) {
    .query-phone-link {
        font-size: 16px; 
    } 
}

.review-item {
    min-height: 280px;
}

@media (max-width: 767px) {
    .review-item {
        min-height: 250px;
    }
}