@charset "UTF-8";
/*!
Theme Name: FirePlaces
Theme URI: http://underscores.me/
Description: Интернет магазин печей и каминов.
Version: 1.0.0
Text Domain: vida
*/
/*--------------------------------------------------------------
>>> ОГЛАВЛЕНИЕ:
----------------------------------------------------------------
# Типографика
# Элементы
# Шапка
# Секции
# Виджеты
# Контент
# Комментарии
# Галерея
# Подвал
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Типографика
--------------------------------------------------------------*/
@font-face {
    font-family: 'Oswald';
  src: url("./fonts/Oswald/Oswald-SemiBold.eot");
  src: local("Oswald SemiBold"), local("Oswald-SemiBold"), url("./fonts/Oswald/Oswald-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Oswald/Oswald-SemiBold.woff") format("woff"), url("./fonts/Oswald/Oswald-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Элементы
--------------------------------------------------------------*/
embed,
iframe,
object {
    max-width: 100%;
}

html,
body {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    min-height: 100vh;
}

html.overflow,
body.overflow {
    overflow: hidden !important;
    margin-right: var(--scrollbar-width, 0);
}

/*Прижатие подвала к низу сайта*/
#page {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/*Переопределение контейнера bootstrap 5*/
.container {
    max-width: 1440px;
}

/* Заголовки */
h1 {
    font-size: 40px;
    font-size: 2.5rem;
}

h2 {
    font-size: 32px;
    font-size: 2rem;
}

h3 {
    font-size: 28px;
    font-size: 1.75rem;
}

h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

h5 {
    font-size: 20px;
    font-size: 1.25rem;
}

h6 {
    font-size: 16px;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #1F1F22;
}

img {
    height: auto;
}

a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #FCA32A;
}

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

strong {
    font-weight: 700;
}

p {
    font-size: 16px;
    font-size: 1rem;
    color: #1F1F22;
}

.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #1F1F22;
    margin-bottom: 50px;
}

.title h1, .title h2 {
    font-size: 46px;
    font-size: 2.875rem;
    font-weight: 500;
    color: #1F1F22;
}

@media only screen and (max-width: 768px) {
    .title h1, .title h2 {
        font-size: 36px;
        font-size: 2.25rem;
    }
}

@media only screen and (max-width: 576px) {
    .title h1, .title h2 {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.title a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #1F1F22;
    white-space: nowrap;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
}

.title a:hover {
    color: #FCA32A;
}

.title a:hover svg {
    fill: #FCA32A;
}

.title a svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #1F1F22;
    margin-left: 10px;
}

.title-black, .title-gray {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 50px;
    width: 100%;
}

.title-black h1, .title-gray h1, .title-black h2, .title-gray h2 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 500;
    color: #1F1F22;
}

.title-black a, .title-gray a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #FCA32A;
}

.title-black a:hover, .title-gray a:hover {
    color: #FD8839;
}

.title-black a i, .title-gray a i {
    margin-left: 14px;
}

.title-gray {
    margin-bottom: 15px;
}

.title-gray h1, .title-gray h2 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #585858;
    font-weight: 500;
    line-height: 1.2;
}

.title-margin {
    margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
    .p-10 {
        padding: 10px 0;
    }
}

/*niceScroll*/
.nicescroll-rails {
    border-radius: 10px;
}

/*Анимация (вращение по кругу)*/
@-webkit-keyframes rot {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rot {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Выравнивание */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Текущее меню */
/* Класс для текущей страницы */
/* Класс для текущей рубрики */
/* Класс для любого другого текущего пункта меню */
/* Класс для таксономии */
/* Класс для страницы */
/* Класс для любого пользовательского элемента, который был добавлен */
/* Класс для элемента, ведущего на главную страницу блога */
/*Модальное окно*/
.white-popup {
    position: relative;
    background: #FFFFFF;
    padding: 20px;
    width: auto;
    max-width: 400px;
    margin: 20px auto;
}

.white-popup h2 {
    color: #585858;
    margin-bottom: 15px;
}

.white-popup form label {
    margin-bottom: 5px;
}

.white-popup form .wpcf7-submit {
    margin: 5px auto 0;
}

/*Форма*/
form div {
    margin-bottom: 10px;
}

form label {
    display: block;
    margin: 0;
}

form input[type="tel"],
form input[type="email"],
form input[type="text"],
form input[type="search"],
form input[type="password"],
form textarea {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 8px 15px;
    outline: none;
}

form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="text"]:focus,
form input[type="search"]:focus,
form input[type="password"]:focus,
form textarea:focus {
    border: 1px solid #FD8839;
}

form select {
    outline: none;
    padding: 5px;
}

form input[type=checkbox],
form input[type=radio] {
    display: none;
}

form input[type=checkbox] + label:before {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 1px solid #585858;
    font-size: 20px;
    line-height: 22px;
    margin: -5px 10px 0 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    text-align: center;
    vertical-align: middle;
}

form input[type=checkbox]:checked + label:before {
    color: #70C05B;
    line-height: 18px;
}

form input[type=radio] + label:before {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: "\26AB";
    color: #70C05B;
    border: 1px solid #585858;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: -5px 10px 0 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
}

form input[type=radio]:checked + label:before {
    font-size: 12px;
    line-height: 18px;
}

form input[type="submit"],
form button[type="submit"] {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 4px;
    color: #FFFFFF;
    outline: none;
    margin-top: 5px;
    padding: 12px 40px;
    background-color: #FCA32A;
    border: none;
}

form input[type="submit"]:hover,
form button[type="submit"]:hover {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #1F1F22;
    outline: none;
}

/* Переопределение стилей Contact Form 7*/
span.wpcf7-not-valid-tip {
    font-size: 12px;
    font-size: 0.75rem;
}

.wpcf7-response-output,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
}

/*Таблица*/
table {
    width: 100%;
    margin-bottom: 15px;
}

table tr {
    border-bottom: 1px solid #CCCCCC;
}

table tr th,
table tr td {
    padding: 5px;
}

/*Адаптивная таблица*/
@media only screen and (max-width: 768px) {
    table.adaptive {
        border: 0;
    }

    table.adaptive thead {
        display: none;
    }

    table.adaptive tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #CCCCCC;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    table.adaptive tr {
        border: none;
    }
}

@media only screen and (max-width: 768px) {
    table.adaptive tr td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #CCCCCC;
    }

    table.adaptive tr td:first-child {
        font-size: 18px;
        font-size: 1.125rem;
    }

    table.adaptive tr td:last-child {
        border-bottom: none;
    }

    table.adaptive tr td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
}

/*Кнопки*/
.button,
.but-yellow {
    border-radius: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    padding: 12px 42px;
    background-color: #FCA32A;
}

.button:hover,
.but-yellow:hover {
    color: #FFFFFF;
    background-color: #FD8839;
}

.button i,
.but-yellow i {
    margin-left: 5px;
}

.but-white {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 42px;
    border: 1px solid #FFFFFF;
}

.but-white:hover {
    color: #1F1F22;
    text-decoration: none;
    background-color: #FFFFFF;
}

.but-white i {
    margin-left: 5px;
}

.but-green {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    background-color: #70C05B;
    outline: none;
    display: inline-block;
    padding: 11px 15px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.but-green:hover {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    background-color: #4c9539;
}

.but-black {
    border-radius: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    padding: 12px 42px;
    background-color: #1F1F22;
}

.but-black:hover {
    color: #FFFFFF;
    background-color: #585858;
}

.but-black i {
    margin-left: 5px;
}

/*Адаптивные табы*/
#responsiveTabs {
    text-align: left;
    margin-bottom: 30px;
}

#responsiveTabs h3 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #585858;
    font-weight: 500;
    line-height: 1.2;
}

#responsiveTabs ul.r-tabs-nav {
    list-style: none;
    border-bottom: 1px solid #CCCCCC;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#responsiveTabs ul.r-tabs-nav li {
    display: block;
    padding: 9px 15px;
    margin-right: 0;
    position: relative;
    bottom: -1px;
}

@media only screen and (max-width: 576px) {
    #responsiveTabs ul.r-tabs-nav li {
        padding: 9px 12px;
    }
}

#responsiveTabs ul.r-tabs-nav a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #1F1F22;
    text-decoration: none;
    line-height: 18px;
}

@media only screen and (max-width: 576px) {
    #responsiveTabs ul.r-tabs-nav a {
        font-size: 17px;
        font-size: 1.0625rem;
    }
}

#responsiveTabs ul.r-tabs-nav a:hover {
    color: #FCA32A;
}

#responsiveTabs ul.r-tabs-nav .r-tabs-state-active {
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
}

#responsiveTabs ul.r-tabs-nav .r-tabs-state-active a {
    color: #FCA32A;
}

#responsiveTabs .r-tabs-accordion-title {
    background-color: #1F1F22;
    padding: 10px 15px;
    display: none;
}

#responsiveTabs .r-tabs-accordion-title.r-tabs-state-active {
    background-color: #585858;
}

#responsiveTabs .r-tabs-accordion-title a {
    font-size: 18px;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 18px;
    font-weight: 300;
}

#responsiveTabs .r-tabs-panel {
    padding: 30px;
    border: 1px solid #CCCCCC;
    border-top: none;
}

#responsiveTabs .r-tabs-panel .woocommerce-notices-wrapper {
    margin: 0;
}

/*Пагинация*/
.pagination {
    text-align: center;
    margin: 30px 0;
}

.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination a,
.pagination span {
    border-radius: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    background-color: #1F1F22;
}

.pagination span {
    background-color: #CCCCCC;
}

.pagination span:hover {
    cursor: not-allowed;
}

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

.pagination a:hover {
    background-color: #FD8839;
}

/*Модальное окно добавлено в избранное*/
.tinv-modal-inner .icon_big_times {
    color: #FD8839;
}

.tinv-modal-inner .icon_big_heart_check {
    color: #70C05B;
}

.tinv-modal-inner .tinv-txt {
    color: #585858;
}

.tinv-modal-inner button {
    background: none;
    outline: none;
    border: 1px solid #1F1F22;
    margin-top: 5px;
    padding: 5px 15px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tinv-modal-inner button:hover {
    color: white;
    cursor: pointer;
    background-color: #1F1F22;
}

.tinv-modal-inner button:hover i {
    color: white;
}

.tinv-modal-inner button i {
    color: #FD8839;
}

/*--------------------------------------------------------------
# Шапка
--------------------------------------------------------------*/
/*Шапка сайта*/
.top-header {
    background-color: #1F1F22;
  /*Телефон в шапке*/
  /*Заказать звонок*/
  /*Переключатель языка сайта*/
}

.top-header .wrap-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
}

@media only screen and (max-width: 768px) {
    .top-header .wrap-phone {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 576px) {
    .top-header .wrap-phone {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.top-header .header-phone {
    display: inline-block;
}

.top-header .header-phone ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.top-header .header-phone ul li {
    display: inline-block;
    padding: 0 5px;
}

@media only screen and (max-width: 576px) {
    .top-header .header-phone ul li:last-child {
        padding-right: 0;
    }

    .top-header .header-phone ul li:last-child a {
        padding-right: 0;
    }
}

.top-header .header-phone ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    text-decoration: none;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
}

.top-header .header-phone ul li a:hover {
    color: #FD8839;
}

.top-header .header-phone ul li a svg {
    margin-right: 8px;
}

.top-header .call {
    text-align: right;
    display: inline-block;
}

@media only screen and (max-width: 576px) {
    .top-header .call {
        text-align: center;
        margin-bottom: 5px;
    }
}

.top-header .call a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    padding: 5px;
}

@media only screen and (max-width: 768px) {
    .top-header .call a {
        padding-right: 0;
    }
}

.top-header .call a:hover {
    color: #FD8839;
    text-decoration: none;
}

.top-header .top-menu,
.top-header ul {
    list-style: none;
    padding-left: 0;
    height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 576px) {
    .top-header .top-menu,
  .top-header ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.top-header .top-menu li,
.top-header ul li {
    margin-left: 10px;
}

@media only screen and (max-width: 768px) {
    .top-header .top-menu li,
  .top-header ul li {
        margin: 0 5px;
    }
}

.top-header .top-menu li:last-child,
.top-header ul li:last-child {
    margin-right: 0;
}

.top-header .top-menu li:last-child a,
.top-header ul li:last-child a {
    padding-right: 0;
}

.top-header .top-menu li a,
.top-header ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    line-height: 1.2;
    text-decoration: none;
    display: block;
    padding: 5px;
}

.top-header .top-menu li a:hover,
.top-header ul li a:hover {
    color: #FD8839;
}

.top-header .language {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .top-header .language {
        margin-bottom: 5px;
    }
}

.top-header .language select {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    text-transform: uppercase;
    background-color: transparent;
    outline: none;
    border: none;
}

.top-header .language ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.top-header .language ul li {
    display: inline-block;
    margin-right: 5px;
}

.top-header .language ul li:last-child {
    margin-right: 0;
}

.wrap-head {
    padding: 15px 0;
  /*Форма поиска*/
  /*Социалки*/
  /*Телефоны*/
  /*Иконочное меню*/
  /*Переключатель языка*/
}

@media only screen and (max-width: 576px) {
    .wrap-head {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .wrap-head .site-branding {
        text-align: center;
        margin-bottom: 30px;
    }
}

.wrap-head .site-branding a.logo {
    display: block;
}

.wrap-head .site-branding a.logo img {
    max-width: 300px;
}

@media only screen and (max-width: 1200px) {
    .wrap-head .site-branding a.logo img {
        max-width: 230px;
    }
}

@media only screen and (max-width: 768px) {
    .wrap-head .site-branding a.logo img {
        max-width: 300px;
    }
}

@media only screen and (max-width: 576px) {
    .wrap-head .site-branding a.logo img {
        max-width: 260px;
    }
}

@media only screen and (max-width: 768px) {
    .wrap-head .wrap-search {
        margin-bottom: 20px;
    }
}

.wrap-head .wrap-search form {
    width: 100%;
    margin: 0;
    position: relative;
}

.wrap-head .wrap-search form input[type="search"] {
    font-weight: 400;
    width: 100%;
    padding: 8px 15px;
    border-radius: 6px;
    border: 1px solid #CCCCCC;
    outline: none;
    overflow: hidden;
}

.wrap-head .wrap-search form input[type="search"]::-webkit-search-decoration, .wrap-head .wrap-search form input[type="search"]::-webkit-search-cancel-button, .wrap-head .wrap-search form input[type="search"]::-webkit-search-results-button, .wrap-head .wrap-search form input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.wrap-head .wrap-search form input[type="search"]:focus {
    border: 1px solid #FCA32A;
}

.wrap-head .wrap-search form button[type="submit"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0 20px;
    border: none;
    background: none;
}

.wrap-head .wrap-search form button[type="submit"] svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #1F1F22;
}

.wrap-head .wrap-search form button[type="submit"]:hover {
    background: none;
}

.wrap-head .wrap-search form button[type="submit"]:hover svg {
    fill: #FD8839;
}

.wrap-head .header-socials {
    padding-right: 10px;
}

.wrap-head .header-socials ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap-head .header-socials ul li {
    padding: 0 5px;
}

.wrap-head .header-socials ul li a {
    padding: 2px;
    display: block;
}

.wrap-head .header-socials ul li a:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    fill: #FCA32A;
}

.wrap-head .header-socials ul li a svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #1F1F22;
}

.wrap-head .phones {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 5px;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrap-head .phones select {
    color: #585858;
    padding: 0;
    border: none;
}

@media only screen and (max-width: 576px) {
    .wrap-head .phones select {
        display: none;
    }
}

.wrap-head .phones a.phone-desc {
    color: #1F1F22;
    font-weight: 500;
}

@media only screen and (max-width: 576px) {
    .wrap-head .phones a.phone-desc {
        display: none;
    }
}

.wrap-head .phones a.phone-desc:hover {
    color: #FD8839;
    text-decoration: none;
}

.wrap-head .phones a.phone-mobile {
    display: none;
}

@media only screen and (max-width: 576px) {
    .wrap-head .phones a.phone-mobile {
        display: block;
        margin-right: 15px;
    }
}

.wrap-head ul.icon-menu {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
    .wrap-head ul.icon-menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.wrap-head ul.icon-menu li a {
    font-size: 22px;
    font-size: 1.375rem;
    color: #1F1F22;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.wrap-head ul.icon-menu li a:hover {
    color: #FD8839;
}

.wrap-head ul.icon-menu li a:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wrap-head ul.icon-menu li a:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.wrap-head ul.icon-menu li a svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.wrap-head ul.icon-menu li a .wishlist_products_counter_text {
    display: none;
}

.wrap-head ul.icon-menu li a.wishlist_products_counter:before {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: '';
    margin-top: 2px;
    margin-right: 0;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='22' height='22'%3E%3Cpath fill='%2318181D' d='M255.1 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 0 232.4 0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84.02L255.1 96zM255.1 141.3L221.4 106.6C196.1 81.31 160 69.77 124.7 75.66C71.21 84.58 31.1 130.9 31.1 185.1V190.9C31.1 223.6 45.55 254.7 69.42 277L250.1 445.7C251.7 447.2 253.8 448 255.1 448C258.2 448 260.3 447.2 261.9 445.7L442.6 277C466.4 254.7 480 223.6 480 190.9V185.1C480 130.9 440.8 84.58 387.3 75.66C351.1 69.77 315.9 81.31 290.6 106.6L255.1 141.3z'/%3E%3C/svg%3E");
}

.wrap-head ul.icon-menu li a .header-cart-count,
.wrap-head ul.icon-menu li a .wishlist_products_counter_number,
.wrap-head ul.icon-menu li a .count {
    font-size: 9px;
    font-size: 0.5625rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 15px;
    background-color: #FD8839;
    border-radius: 50%;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 8px;
}

.wrap-head .language {
    padding-left: 10px;
}

.wrap-head .language select {
    color: #585858;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    outline: none;
}

/*Главное меню*/
.main-navigation {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #1F1F22;
    text-align: center;
    width: 100%;
    top: -100px;
}

@media only screen and (max-width: 768px) {
    .main-navigation {
        display: none;
    }
}

.main-navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 99;
}

.main-navigation ul.menu {
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-navigation ul.menu li {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.main-navigation ul.menu li:last-child {
    margin-right: 0;
}

.main-navigation ul.menu li:hover > a {
    color: #FFFFFF;
    background-color: #FCA32A;
}

.main-navigation ul.menu li#mega-menu {
    position: relative;
}

.main-navigation ul.menu li a {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.main-navigation ul.menu li a .fa-bars {
    margin-right: 5px;
}

.main-navigation ul.menu li.menu-item-has-children:hover a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23FFFFFF' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
}

.main-navigation ul.menu li.menu-item-has-children > a:before {
    font-size: 10px;
    font-size: 0.625rem;
    content: '';
    margin-right: 8px;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23222222' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-navigation ul.menu li.menu-item-has-children ul {
    background-color: #585858;
    display: none;
    padding: 0;
    z-index: 99;
    position: absolute;
    left: 0;
    border: 1px solid #FFFFFF;
}

.main-navigation ul.menu li.menu-item-has-children ul li {
    display: block;
}

.main-navigation ul.menu li.menu-item-has-children ul li:hover > a {
    color: #FFFFFF;
}

.main-navigation ul.menu li.menu-item-has-children ul li.menu-item-has-children:hover a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23FFFFFF' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-navigation ul.menu li.menu-item-has-children ul li.menu-item-has-children > a:before {
    display: none;
}

.main-navigation ul.menu li.menu-item-has-children ul li.menu-item-has-children > a:after {
    font-size: 10px;
    font-size: 0.625rem;
    content: '';
    margin-left: 10px;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23222222' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
}

.main-navigation ul.menu li.menu-item-has-children ul li ul {
    top: 0;
    left: calc(100% + 1px);
}

.main-navigation ul.menu li.menu-item-has-children ul li ul a {
    color: #1F1F22;
}

.main-navigation ul.menu li.menu-item-has-children ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: none;
    text-align: left;
    border: none;
    padding: 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*Мегаменю*/
a.link-catalog {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 4px;
    font-size: 16px;
    font-size: 1rem;
    color: #1F1F22;
    text-decoration: none;
    display: block;
    padding: 8px 15px 8px 8px;
    margin-right: 15px;
    background-color: #FFFFFF;
}

a.link-catalog svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #1F1F22;
    margin-right: 15px;
}

a.link-catalog:hover {
    color: #FFFFFF;
    background-color: #FCA32A;
}

a.link-catalog:hover svg {
    fill: #FFFFFF;
}

/*Мегаменю*/
#catalog-menu {
    padding: 30px;
    min-height: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 15px;
    background-color: #FFFFFF;
    border: 1px solid #585858;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    display: none;
    z-index: 99;
}

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

#catalog-menu ul:not(.sub-menu) {
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -webkit-column-rule: 1px dotted #CCCCCC;
    -moz-column-rule: 1px dotted #CCCCCC;
    column-rule: 1px dotted #CCCCCC;
}

@media only screen and (max-width: 1200px) {
    #catalog-menu ul:not(.sub-menu) {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width: 992px) {
    #catalog-menu ul:not(.sub-menu) {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

#catalog-menu ul:not(.sub-menu) > li.menu-item {
    overflow: hidden;
}

#catalog-menu ul:not(.sub-menu) > li.menu-item > a {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
}

#catalog-menu ul li {
    text-align: left;
}

#catalog-menu ul li a {
    font-size: 16px;
    font-size: 1rem;
    color: #1F1F22;
    text-decoration: none;
    display: block;
    padding: 2px 0;
}

#catalog-menu ul li a:hover {
    color: #FCA32A;
}

#catalog-menu ul .sub-menu {
    padding-left: 10px;
    margin-bottom: 30px;
}

#catalog-menu ul .sub-menu .sub-menu {
    padding-left: 0;
}

#catalog-menu ul .sub-menu > li {
    list-style-type: '›';
    -webkit-padding-start: 1ch;
    padding-inline-start: 1ch;
}

/* Адаптивное меню */
nav#menu ul li a {
    font-size: 16px;
    font-size: 1rem;
    color: #1F1F22;
}

nav#menu ul li.active a {
    color: #FD8839;
}

.mm-menu.mm-current {
    display: block !important;
}

@media (min-width: 769px) {
    .toggle-mnu,
  #menu,
  html.mm-blocking #mm-blocker {
        display: none;
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@media (max-width: 768px) {
    .toggle-mnu {
        display: block;
    }
}

.toggle-mnu {
    width: 28px;
    height: 28px;
    margin-top: 14px;
    position: fixed;
    top: 15px;
    left: 20px;
    z-index: 9;
}

.toggle-mnu span:after,
.toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.toggle-mnu span:after {
    top: 18px;
}

.toggle-mnu span {
    position: relative;
    display: block;
}

.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    height: 4px;
    background-color: #FCA32A;
    border: 1px solid #FCA32A;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
}

.toggle-mnu.on span {
    background-color: transparent;
}

.toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
}

.mm-navbar .mm-title,
.mm-listview {
    font-size: 18px;
    font-size: 1.125rem;
}

/*Хлебные крошки*/
.bread-crumbs {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 15px 0;
}

.bread-crumbs .breadcrumbs {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bread-crumbs .breadcrumbs li a {
    color: #1F1F22;
    text-decoration: none;
}

.bread-crumbs .breadcrumbs li a:hover {
    color: #FD8839;
}

.bread-crumbs .breadcrumbs .breadcrumbs__current {
    color: #CCCCCC;
}

.bread-crumbs .breadcrumbs .breadcrumbs__separator {
    color: #1F1F22;
    padding: 0 5px 2px;
}

.woocommerce-breadcrumb {
    color: #CCCCCC;
}

.woocommerce-breadcrumb a {
    color: #1F1F22;
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    color: #FD8839;
}

/*--------------------------------------------------------------
# Секции
--------------------------------------------------------------*/
/*Большая картинка на главной*/
.big-home {
    border-radius: 20px;
    min-height: 470px;
    padding: 30px 80px;
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .big-home {
        min-height: 360px;
        background-size: cover;
    }
}

@media only screen and (max-width: 576px) {
    .big-home {
        min-height: 300px;
    }
}

.big-home:before {
    border-radius: 20px;
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(black), color-stop(60%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 60%);
}

.big-home .big-home-content {
    max-width: 540px;
    padding: 40px;
    position: absolute;
    z-index: 9;
}

@media only screen and (max-width: 576px) {
    .big-home .big-home-content {
        padding: 15px;
        left: 0;
    }
}

.big-home .big-home-content h1 {
    font-size: 46px;
    font-size: 2.875rem;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .big-home .big-home-content h1 {
        font-size: 32px;
        font-size: 2rem;
    }
}

.big-home .big-home-content p {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .big-home .big-home-content p {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

/*Популярные категории*/
.popular-category {
    margin-top: 30px;
    margin-bottom: 30px;
}

.popular-category .title-blue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #FCA32A;
    margin-bottom: 30px;
}

.popular-category .title-blue h2 {
    font-size: 24px;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #585858;
}

.popular-category .title-blue a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #585858;
}

.popular-category .title-blue a:hover {
    color: #1F1F22;
}

.popular-category .title-blue a i {
    margin-left: 14px;
}

.popular-category .item-cat {
    border-radius: 15px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    height: 335px;
    position: relative;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 1px 1px 5px 1px #CCCCCC;
    box-shadow: 1px 1px 5px 1px #CCCCCC;
    overflow: hidden;
}

@media only screen and (max-width: 576px) {
    .popular-category .item-cat {
        height: 180px;
    }
}

.popular-category .item-cat:hover {
    -webkit-box-shadow: 3px 3px 15px 1px #585858;
    box-shadow: 3px 3px 15px 1px #585858;
}

.popular-category .item-cat:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.popular-category .item-cat:hover h3 {
    color: #FCA32A;
}

.popular-category .item-cat h3 {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    font-weight: 400;
    color: #1F1F22;
    padding: 10px;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 2px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 576px) {
    .popular-category .item-cat h3 {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 5px;
    }
}

.popular-category .item-cat.cat-none {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    padding: 0;
    margin: 0;
    height: 0;
}

.popular-category .item-cat.cat-none .wrap-image img {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.popular-category .item-cat .wrap-image {
    height: 335px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .popular-category .item-cat .wrap-image {
        height: 180px;
    }
}

.popular-category .item-cat .wrap-image img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-object-fit: cover;
    object-fit: cover;
}

.popular-category .item-cat .wrap-image svg {
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .popular-category .item-cat .wrap-image svg {
        width: 100px;
    }
}

.popular-category .cat-more {
    text-align: center;
    position: relative;
}

.popular-category .cat-more a {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FCA32A;
    position: relative;
    padding: 14px 45px;
    display: inline-block;
}

.popular-category .cat-more a:hover {
    color: #FFFFFF;
    background-color: #FD8839;
}

/*Лучшие предложения*/
.best-offers {
    margin-bottom: 15px;
}

.best-offers .title-offers {
    border-bottom: 1px solid #FCA32A;
    margin-bottom: 30px;
}

.best-offers .title-offers h2 {
    font-size: 24px;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #1F1F22;
}

@media only screen and (max-width: 992px) {
    .best-offers .d-fl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 576px) {
    .best-offers .d-fl {
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.best-offers .banner {
    border-radius: 15px;
    text-decoration: none;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    position: relative;
    background-color: #CCCCCC;
}

.best-offers .banner.small {
    height: 300px;
}

@media only screen and (max-width: 992px) {
    .best-offers .banner.small {
        width: 48%;
    }
}

@media only screen and (max-width: 576px) {
    .best-offers .banner.small {
        width: 100%;
    }
}

.best-offers .banner.big {
    height: 630px;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .best-offers .banner.big {
        height: 315px;
    }
}

.best-offers .banner.style-1:hover .content {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.best-offers .banner.style-1 .content {
    text-align: center;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #FFFFFF;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

@media only screen and (max-width: 768px) {
    .best-offers .banner.style-1 .content {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.best-offers .banner.style-1 .content h3 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    color: #FD8839;
    text-transform: uppercase;
    line-height: 1.1;
}

.best-offers .banner.style-1 .content p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1F1F22;
    text-transform: uppercase;
}

.best-offers .banner.style-2 {
    color: #FFFFFF;
    padding: 30px 60px;
}

@media only screen and (max-width: 1200px) {
    .best-offers .banner.style-2 {
        padding: 30px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.best-offers .banner.style-2 h3 {
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
}

.best-offers .banner.style-2 p {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 300;
    text-align: right;
    color: #FFFFFF;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.best-offers .banner.style-2 p span {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 40px;
}

.best-offers .banner.style-2 p small {
    font-size: 12px;
    font-size: 0.75rem;
}

.best-offers .banner.style-2 a {
    text-decoration: none;
}

.best-offers .banner.style-3 .content {
    text-align: center;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #585858;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.best-offers .banner.style-3 .content:hover {
    border: 1px solid #FCA32A;
}

.best-offers .banner.style-3 .content:hover h3 {
    color: #FD8839;
}

.best-offers .banner.style-3 .content h3 {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    color: #1F1F22;
    text-transform: uppercase;
    line-height: 1.2;
}

.best-offers .banner.style-4 {
    color: #FFFFFF;
}

.best-offers .banner.style-4 h3 {
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    max-width: 200px;
}

.best-offers .banner.style-4 p {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 300;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px;
}

.best-offers .banner.style-4 p.price {
    font-weight: 700;
    text-transform: lowercase;
}

.best-offers .banner.style-4 p.price span {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
}

.best-offers .banner.style-4 a {
    text-decoration: none;
}

/*Бренды*/
.brands {
    margin-bottom: 60px;
}

.brands .brands-border {
    border-radius: 20px;
    margin: 0;
    border: 1px solid #CCCCCC;
    clip-path: inset(0 0 1px 0);
    overflow: hidden;
    position: relative;
}

.brands .brands-border:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #CCCCCC;
    z-index: -1;
}

.brands .brand-border {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.brands .brand-border:nth-child(6n) {
    border-right: none;
}

@media only screen and (max-width: 1200px) {
    .brands .brand-border:nth-child(6n) {
        border-right: 1px solid #CCCCCC;
    }

    .brands .brand-border:nth-child(3n) {
        border-right: none;
    }
}

@media only screen and (max-width: 767px) {
    .brands .brand-border:nth-child(3n) {
        border-right: 1px solid #CCCCCC;
    }

    .brands .brand-border:nth-child(2n) {
        border-right: none;
    }
}

@media only screen and (max-width: 576px) {
    .brands .brand-border {
        border: none !important;
    }
}

.brands .link-brand {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 160px;
}

.brands .link-brand:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.brands .link-brand img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*Новые поступления (слайдер)*/
.slider-product {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 10px;
}

.slider-product .title-black, .slider-product .title-gray {
    margin-bottom: 15px;
}

.slider-product .swiper-container-product {
    width: 100%;
    height: auto;
    padding: 0 0 15px;
    position: relative;
    z-index: 3;
}

.slider-product .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: auto;
    background: #FFFFFF;
    visibility: visible;
}

.slider-product .swiper-slide .card-product {
    height: 100%;
}

.slider-product .swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.slider-product .swiper-button-next,
.slider-product .swiper-button-prev {
    color: #CCCCCC;
    outline: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media only screen and (max-width: 576px) {
    .slider-product .swiper-button-next,
  .slider-product .swiper-button-prev {
        top: calc(50% - 22px);
    }
}

.slider-product .swiper-button-next:hover,
.slider-product .swiper-button-prev:hover {
    color: #FD8839;
}

.slider-product .swiper-button-next.swiper-button-disabled,
.slider-product .swiper-button-prev.swiper-button-disabled {
    display: none;
}

@media only screen and (max-width: 576px) {
    .slider-product .swiper-button-prev {
        left: 0;
    }
}

@media only screen and (max-width: 576px) {
    .slider-product .swiper-button-next {
        right: 0;
    }
}

/*Блог*/
.blog {
    position: relative;
    margin-bottom: 30px;
}

.blog .post {
    border-radius: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #CCCCCC;
    margin-bottom: 30px;
    overflow: hidden;
}

.blog .post:before {
    border-radius: 15px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background-color: rgba(253, 136, 57, 0.7);
}

.blog .post:hover:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.blog .post.yellow:before {
    background-color: rgba(252, 163, 42, 0.7);
}

.blog .post.black:before {
    background-color: rgba(251, 89, 51, 0.7);
}

.blog .post h2 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    max-width: 100%;
    position: relative;
    margin: 0;
}

.blog .post h2 a {
    color: #FFFFFF;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 280px;
    padding: 0 50px;
    height: 100%;
}

/*Контент домашней стринцы*/
.home-content {
    position: relative;
    margin-bottom: 40px;
}

.home-content h2.title-content {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    color: #1F1F22;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .home-content h2.title-content {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
}

.home-content .content p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #1F1F22;
}

.home-content .content.content-long {
    display: none;
}

.home-content .link-more {
    border-radius: 4px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    padding: 14px 40px;
    display: inline-block;
    background-color: #FCA32A;
}

.home-content .link-more:hover {
    color: #FFFFFF;
    background-color: #1F1F22;
}

/*--------------------------------------------------------------
# Виджеты
--------------------------------------------------------------*/
/*Сайтбар*/
aside.widget-area {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
    aside.widget-area {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/*Общие стили виджета*/
.widget {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.widget:last-child {
    border: none;
}

@media only screen and (max-width: 992px) {
    .widget {
        width: 46%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 576px) {
    .widget {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.widget select {
    max-width: 100%;
}

.widget .widget-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #1F1F22;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.widget .widget-title:after {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #FCA32A;
    display: block;
    position: relative;
    left: 0;
    bottom: -8px;
}

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

.widget ul li {
    line-height: 24px;
    position: relative;
}

.widget ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #1F1F22;
    text-decoration: none;
    display: inline-block;
}

.widget ul li a:hover {
    color: #FCA32A;
    text-decoration: underline;
}

.widget ul li ul {
    padding-top: 5px;
    padding-left: 20px;
}

/*Виджет поиска*/
.widget_search {
    width: 100%;
}

.widget_search form {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .widget_search form {
        margin: 0 auto 35px;
    }
}

.widget_search form .screen-reader-text {
    display: none;
}

.widget_search form label {
    width: 100%;
}

.widget_search form input[type="search"] {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    background-color: transparent;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    width: 100%;
    padding: 8px 10px;
    outline: none;
}

.widget_search form input[type="search"]:focus {
    border: 1px solid #FCA32A;
    background-color: transparent;
}

.widget_search form input[type="submit"],
.widget_search form button[type="submit"] {
    color: #585858;
    background: none;
    border: none;
    outline: none;
    width: 40px;
    height: 41px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.widget_search form input[type="submit"]:hover,
.widget_search form button[type="submit"]:hover {
    color: #FD8839;
    cursor: pointer;
}

.widget_search form input[type="submit"]:hover svg,
.widget_search form button[type="submit"]:hover svg {
    fill: #FD8839;
}

.widget_search form input[type="submit"] svg,
.widget_search form button[type="submit"] svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #1F1F22;
}

/*Виджет тегов*/
.widget_tag_cloud .tagcloud a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #1F1F22;
    text-decoration: none;
    padding: 2px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #1F1F22;
}

.widget_tag_cloud .tagcloud a:hover {
    color: white;
    background-color: #1F1F22;
}

/*Виджет свежих комментариев*/
.widget_recent_comments ul li {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
}

.widget_recent_comments ul li a:hover {
    text-decoration: underline;
}

/*--------------------------------------------------------------
# Контент
--------------------------------------------------------------*/
/*Основной контент*/
.site-main {
    padding: 30px 0;
}

.site-main.home {
    padding: 0;
}

/*Индексная страница*/
.list-post article {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #CCCCCC;
}

@media only screen and (max-width: 576px) {
    .list-post article {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.list-post article .entry-content h2 {
    line-height: 20px;
}

.list-post article .entry-content h2:hover a {
    color: #FD8839;
    text-decoration: underline;
}

.list-post article .entry-content h2 a {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500;
    color: #1F1F22;
    text-decoration: none;
}

.list-post article .entry-content p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
}

.list-post article .entry-content a.more {
    border-radius: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 42px;
    background-color: #FCA32A;
}

.list-post article .entry-content a.more:hover {
    color: #FFFFFF;
    background-color: #1F1F22;
}

.list-post article .entry-content a.more:hover svg {
    fill: #FFFFFF;
}

.list-post article .entry-content a.more svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #FFFFFF;
    margin-left: 10px;
}

ul.data {
    padding-left: 0;
    margin-bottom: 5px;
}

ul.data li {
    font-size: 12px;
    font-size: 0.75rem;
    color: #585858;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

ul.data li svg {
    margin-right: 10px;
}

ul.data li a {
    color: #FCA32A;
}

/*Обычная страница*/
article.page {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 30px;
}

article.page .title-black, article.page .title-gray {
    margin-bottom: 30px;
}

article.page p {
    font-size: 14px;
    font-size: 0.875rem;
}

article.page blockquote {
    background-color: #f2f2f2;
    padding: 30px;
}

/*Страница контактов*/
.page-contact form h3 {
    font-weight: 400;
    margin: 0;
}

.sidebar-contact {
    border-radius: 10px;
    padding: 30px;
    background-color: #F4F7FA;
  /*Мессенджеры*/
}

@media only screen and (max-width: 768px) {
    .sidebar-contact {
        margin-bottom: 30px;
    }
}

.sidebar-contact ul.contact {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar-contact ul.contact li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .sidebar-contact ul.contact li {
        width: 50%;
    }
}

@media only screen and (max-width: 576px) {
    .sidebar-contact ul.contact li {
        width: 100%;
    }
}

.sidebar-contact ul.contact li svg {
    margin-top: 5px;
    margin-right: 15px;
}

.sidebar-contact ul.contact li .item-title {
    font-size: 16px;
    font-size: 1rem;
    color: #585858;
    font-weight: 500;
}

.sidebar-contact ul.contact li p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    margin: 0;
}

.sidebar-contact ul.contact li a {
    color: #585858;
    text-decoration: underline;
}

.sidebar-contact ul.contact li a:hover {
    color: #FD8839;
    text-decoration: underline;
}

.sidebar-contact .item-socials ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sidebar-contact .item-socials ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidebar-contact .item-socials ul li svg {
    margin-right: 15px;
}

.sidebar-contact .item-socials ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #585858;
    text-decoration: underline;
    display: block;
    padding: 2px 0;
}

.sidebar-contact .item-socials ul li a:hover {
    color: #FD8839;
    text-decoration: none;
}

/*Карта проезда*/
#map {
    font-size: 0px;
    font-size: 0rem;
    height: 450px;
    z-index: 9;
}

#map .leaflet-popup-content {
    font-size: 14px;
    font-size: 0.875rem;
    max-width: 150px;
}

/*Страница категорий магазина*/
.category-slider {
    background-color: #CCCCCC;
    overflow: hidden;
    position: relative;
}

.category-slider .swiper-container-category {
    width: 100%;
    height: 300px;
}

.category-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.category-slider .swiper-slide img {
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-slider .swiper-slide .content {
    text-align: left;
    position: absolute;
    width: 100%;
    max-width: 800px;
}

@media only screen and (max-width: 768px) {
    .category-slider .swiper-slide .content {
        max-width: 600px;
    }
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-slide .content {
        text-align: center;
        width: auto;
        left: 20px;
        right: 20px;
    }
}

.category-slider .swiper-slide .content .wrap-content {
    text-align: left;
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px 30px;
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-slide .content .wrap-content {
        padding: 15px;
    }
}

.category-slider .swiper-slide .content .wrap-content h2 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #1F1F22;
    text-transform: uppercase;
    font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-slide .content .wrap-content h2 {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-slide .content .but-pink {
        padding: 5px 30px;
    }
}

.category-slider .swiper-button-next,
.category-slider .swiper-button-prev {
    width: 30px;
    height: 50px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-size: 100% 100%;
    top: calc(50% - 25px);
    outline: none;
}

.category-slider .swiper-button-next:after,
.category-slider .swiper-button-prev:after {
    display: none;
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-button-next,
  .category-slider .swiper-button-prev {
        background-color: #FCA32A;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60% 60%;
        top: 50%;
    }
}

.category-slider .swiper-button-next {
    background-image: url("img/right-slide-arrow.svg");
    right: 20px;
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-button-next {
        right: 0;
    }
}

.category-slider .swiper-button-prev {
    background-image: url("img/left-slide-arrow.svg");
    left: 20px;
}

@media only screen and (max-width: 576px) {
    .category-slider .swiper-button-prev {
        left: 0;
    }
}

/*Бренды*/
.wrap-brand {
    margin-bottom: 30px;
}

.wrap-brand .cat-none {
    display: none;
}

.wrap-brand.cat-none {
    visibility: hidden;
    padding: 0;
    margin: 0;
    height: 0;
}

.wrap-brand.cat-none img {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.wrap-brand a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px;
    max-width: 320px;
    margin-bottom: 15px;
}

.wrap-brand a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.wrap-brand a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 100%;
    image-rendering: optimizeQuality;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.wrap-brand a i.fa-camera {
    font-size: 72px;
    font-size: 4.5rem;
    color: #CCCCCC;
}

.wrap-brand .brand-more {
    margin-top: 30px;
    text-align: center;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .wrap-brand .brand-more {
        margin-top: 0;
    }
}

.wrap-brand .brand-more:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    right: 0;
}

.wrap-brand .brand-more a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #CCCCCC;
    background-color: #FFFFFF;
    position: relative;
    display: inline;
    padding: 0 25px;
}

.wrap-brand .brand-more a:hover {
    color: #FD8839;
    text-decoration: none;
}

.wrap-brand .brand-more a i {
    margin-right: 8px;
}

/*Контент стринцы категорий магазина*/
.category-content {
    position: relative;
}

.category-content h2.title-content {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #1F1F22;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.category-content .content p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #1F1F22;
}

/*Страница 404 ошибки*/
.error-404 {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.error-404 svg {
    margin-bottom: 30px;
}

.error-404 h1 {
    color: #FB5933;
    font-weight: 700;
}

.error-404 p {
    font-size: 18px;
    font-size: 1.125rem;
    color: #585858;
}

/*Страница ничего не найдено*/
.no-results form.search-form {
    position: relative;
}

.no-results form.search-form button.search-submit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: none;
    height: 100%;
}

.no-results form.search-form button.search-submit:hover {
    background: none;
    color: #FD8839;
}

/*--------------------------------------------------------------
# Комментарии
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*Блоки с комментариями*/
.comment-area {
    margin-bottom: 40px;
}

.comment-area .comment-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .comment-area .comment-title {
        display: block;
    }
}

.comment-area .comment-title h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #585858;
}

.comment-area .comment-title a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    color: #FB5933;
    line-height: 35px;
    font-weight: normal;
    display: block;
    float: right;
    text-decoration: none;
}

@media only screen and (max-width: 576px) {
    .comment-area .comment-title a {
        float: left;
    }
}

.comment-area .comment-title a:hover {
    text-decoration: underline;
}

.comment-area .commentlist {
    padding-left: 0;
}

.comment-area .commentlist li {
    list-style-type: none;
}

.comment-area .comment-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: #FFFFFF;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .comment-area .comment-box {
        padding: 10px 10px 20px;
    }
}

.comment-area .comment-box figure {
    margin-right: 15px;
}

.comment-area .comment-box .comment-inner {
    width: 100%;
}

.comment-area .comment-box .comment-name {
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

.comment-area .comment-box .comment-name h3 {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
}

.comment-area .comment-box .comment-name h3 a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #FB5933;
    display: inline-block;
    margin-right: 10px;
}

.comment-area .comment-box .comment-name .comment-info {
    font-size: 12px;
    font-size: 0.75rem;
    color: #585858;
    font-weight: normal;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment-area .comment-box .comment-name .comment-info svg {
    margin-right: 5px;
}

.comment-area .comment-box p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #1F1F22;
    font-weight: normal;
    margin-bottom: 5px;
}

.comment-area .comment-box .comment-reply-link {
    font-size: 12px;
    font-size: 0.75rem;
    color: #FCA32A;
    font-weight: normal;
    position: relative;
}

.comment-area .comment-box .comment-reply-link:after {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
    top: 2px;
    right: -20px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='12' height='12'%3E%3Cpath fill='%23FCA32A' d='M8.31 189.9l176-151.1c15.41-13.3 39.69-2.509 39.69 18.16v80.05C384.6 137.9 512 170.1 512 322.3c0 61.44-39.59 122.3-83.34 154.1c-13.66 9.938-33.09-2.531-28.06-18.62c45.34-145-21.5-183.5-176.6-185.8v87.92c0 20.7-24.31 31.45-39.69 18.16l-176-151.1C-2.753 216.6-2.784 199.4 8.31 189.9z'/%3E%3C/svg%3E");
}

.comment-area .comment-box .comment-reply-link:hover {
    text-decoration: none;
}

.comment-area .comment-box .comment-reply-link:hover:after {
    right: -15px;
}

.comment-area .comment-box .comment-edit-link {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    color: #70C05B;
    font-weight: normal;
}

@media only screen and (max-width: 576px) {
    .comment-area .children {
        padding-left: 20px;
    }
}

.comment-area .children .comment-box:before {
    display: none;
}

.comment-area .replay-comment {
    margin-left: 50px;
}

@media only screen and (max-width: 576px) {
    .comment-area .replay-comment {
        margin-left: 25px;
    }
}

.comment-area .replay-comment:before {
    display: none;
}

.comment-area .comment-navigation {
    margin: 0 0 1.45em;
}

.comment-area .comment-navigation h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #585858;
}

@media (max-width: 576px) {
    .comment-area .comment-navigation h2 {
        text-align: center;
    }
}

.comment-area .comment-navigation .nav-links {
    overflow: hidden;
}

.comment-area .comment-navigation .nav-links .nav-previous a,
.comment-area .comment-navigation .nav-links .nav-next a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    color: #70C05B;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 1em;
    border: 1px solid #70C05B;
}

.comment-area .comment-navigation .nav-links .nav-previous a:hover,
.comment-area .comment-navigation .nav-links .nav-next a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #70C05B;
}

.comment-area .comment-navigation .nav-links .nav-previous {
    float: left;
}

.comment-area .comment-navigation .nav-links .nav-next {
    float: right;
}

/*Форма комментариев*/
.comment-respond .comment-title {
    margin-bottom: 5px;
}

.comment-respond .comment-title h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #585858;
    width: 100%;
    margin-bottom: 0;
}

.comment-respond .comment-notes {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
}

.default-form {
    margin-bottom: 60px;
}

.default-form .logged-in-as {
    font-size: 12px;
    font-size: 0.75rem;
}

.default-form label {
    font-size: 12px;
    font-size: 0.75rem;
}

.default-form input:not([type="checkbox"]) {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 15px;
}

.default-form textarea {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.default-form button[type="submit"] {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    width: auto;
}

/*Отступы для ответов на комментарии*/
.comment-area .margin-left {
    margin-left: 30px;
}

/*--------------------------------------------------------------
# Галерея
--------------------------------------------------------------*/
.gallery {
    font-size: 0;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
}

.gallery-item figcaption {
    font-size: 14px;
}

.gallery-item .gallery-icon {
    height: 100%;
}

.gallery-item a {
    display: block;
    outline: none;
    height: 100%;
}

.gallery-item a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-3 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-4 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-5 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-6 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-7 .gallery-item {
        max-width: 25%;
    }
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-8 .gallery-item {
        max-width: 25%;
    }
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-9 .gallery-item {
        max-width: 25%;
    }
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Подвал
--------------------------------------------------------------*/
.site-footer {
    background-color: #1F1F22;
    padding: 30px 0 0;
  /*Копирайты*/
}

.site-footer .site-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .site-footer .site-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.site-footer .site-info .widget {
    padding: 15px;
    border: none;
  /*Кастомный виджет контактов*/
}

@media only screen and (max-width: 768px) {
    .site-footer .site-info .widget {
        width: 50%;
    }
}

@media only screen and (max-width: 576px) {
    .site-footer .site-info .widget {
        width: 100%;
    }
}

.site-footer .site-info .widget .widget-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #FFFFFF;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.site-footer .site-info .widget .widget-title:after {
    display: none;
}

.site-footer .site-info .widget ul li {
    color: #FFFFFF;
    margin: 0;
}

.site-footer .site-info .widget ul li:hover > a {
    color: #FCA32A;
    text-decoration: underline;
}

.site-footer .site-info .widget ul li:before {
    display: none;
}

.site-footer .site-info .widget ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-block;
}

.site-footer .site-info .widget.widget_contact {
  /*Иконки социалок*/
  /*Иконки платежных систем*/
}

.site-footer .site-info .widget.widget_contact .item-contact {
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.site-footer .site-info .widget.widget_contact .item-contact svg {
    margin-top: 2px;
    margin-right: 10px;
}

.site-footer .site-info .widget.widget_contact .item-contact ul {
    margin: 0;
}

.site-footer .site-info .widget.widget_contact .item-contact ul li:hover a {
    color: #FCA32A;
    text-decoration: underline;
}

.site-footer .site-info .widget.widget_contact .item-contact ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
}

.site-footer .site-info .widget.widget_contact .item-socials {
    margin-bottom: 15px;
}

.site-footer .site-info .widget.widget_contact .item-socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-footer .site-info .widget.widget_contact .item-socials ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.site-footer .site-info .widget.widget_contact .item-socials ul li:last-child {
    margin-right: 0;
}

.site-footer .site-info .widget.widget_contact .item-socials svg {
    fill: #FCA32A;
    margin-right: 10px;
}

.site-footer .site-info .widget.widget_contact .pay-icon {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site-footer .site-info .widget.widget_contact .pay-icon li {
    margin-right: 10px;
}

.site-footer .site-info .widget.widget_contact .pay-icon li:last-child {
    margin-right: 0;
}

.site-footer .site-copy {
    background-color: #1F1F22;
}

.site-footer .site-copy .copy {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #CCCCCC;
}

.site-footer .site-copy .copy p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #CCCCCC;
    margin: 0;
}

/*Модальное окно после добавления товара в корзину*/
.added-modal-cart {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(31, 31, 34, 0.8);
    z-index: 999;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.added-modal-cart .modal {
    text-align: center;
    padding: 50px 30px;
    height: auto;
    max-width: 500px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FFFFFF;
    position: relative;
}

.added-modal-cart .modal .close-modal {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.added-modal-cart .modal .close-modal:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.added-modal-cart .modal .close-modal svg {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    fill: #FD8839;
}

.added-modal-cart .modal .modal-title {
    font-size: 28px;
    font-size: 1.75rem;
    color: #585858;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #FD8839;
}

.added-modal-cart .modal .wrap-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .added-modal-cart .modal .wrap-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.added-modal-cart .modal .wrap-button a.button {
    margin-right: 15px;
}

.added-modal-cart .modal .wrap-button a.button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 576px) {
    .added-modal-cart .modal .wrap-button a.button {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .added-modal-cart .modal .wrap-button a.button:last-child {
        margin-bottom: 0;
    }
}

/*Кнопка наверх*/
#toTop {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FD8839;
    border: 1px solid #FFFFFF;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 98;
}

#toTop:hover {
    color: #FFFFFF;
    bottom: 45px;
}

@media only screen and (max-width: 768px) {
    #toTop {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
    }

    #toTop:hover {
        bottom: 15px;
    }
}

/*# sourceMappingURL=style.css.map */