html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
acronym,
address,
big,
cite,
code,
img,
ins,
kbd,
samp,
var,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
main,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}
article,
main,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus {
    outline: none;
}
@font-face {
    font-family: "icomoon";
    font-display: auto;
    src: url("fonts/icomoon.eot?jngj7h");
    src: url("fonts/icomoon.eot?jngj7h#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?jngj7h") format("truetype"), url("fonts/icomoon.woff?jngj7h") format("woff"),
        url("fonts/icomoon.svg?jngj7h#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
body {
    color: #525252;
    width: 100%;
    line-height: 1.35;
    font-size: 15px;
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    position: relative;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}
a {
    color: inherit;
    text-decoration: underline;
}
a:hover,
a:visited:hover {
    color: #000;
}
a:visited {
    color: inherit;
}
p,
ul,
ol,
dl,
figure,
blockquote {
    margin-bottom: 0.75rem;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
dl + h1,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6 {
    margin-top: 1.5rem;
}
ul,
ol {
    margin: 0 0 1em 0;
    padding: 0 0 0 1.1em;
}
ul li,
ol li {
    margin-bottom: 0.3em;
}
ul.list {
    margin: 0;
    padding: 0;
}
ul.list li {
    list-style: none;
    margin-left: 1em;
    margin-bottom: 0.5em;
}
ul.list li:before {
    content: "\2022";
    display: block;
    float: left;
    color: #000;
    margin-left: -1em;
}
ul.list ul {
    padding-left: 0;
}
ul.unstyled {
    margin: 0;
    padding: 0;
}
ul.unstyled li {
    list-style: none;
    margin-bottom: 0.5em;
}
ul.unstyled ul {
    padding-left: 0;
}
dl {
    margin: 0 0 1em;
}
dl dt {
    float: left;
    margin-right: 0.5em;
}
dl dt {
    font-weight: bold;
}
hr {
    border: none;
    height: 1px;
    background: #d7d7d7;
}
blockquote {
    font-size: 18px;
    border-left: 5px solid #0367f1;
    font-style: italic;
    padding: 0.333em;
    padding-left: 1em;
}
@media (max-width: 480px) {
    blockquote {
        font-size: 15px;
        border-left: 3px solid #0367f1;
    }
}
table {
    margin-bottom: 1em;
}
table th,
table td {
    padding: 0.5em 1em;
}
@media (max-width: 480px) {
    table th,
    table td {
        padding: 0.5em;
    }
}
table.table-lined {
    font-size: 14px;
}
@media (max-width: 480px) {
    table.table-lined {
        font-size: 13px;
    }
}
table.table-lined thead th,
table.table-lined thead td {
    font-weight: bold;
    border-width: 2px;
}
table.table-lined th,
table.table-lined td {
    border-bottom: 1px solid #d7d7d7;
}
table.table-lined th:first-child,
table.table-lined td:first-child {
    padding-left: 0;
    text-align: left;
}
table.table-bordered {
    font-size: 14px;
}
@media (max-width: 480px) {
    table.table-bordered {
        font-size: 13px;
    }
}
table.table-bordered thead th,
table.table-bordered thead td {
    font-weight: bold;
    background: #eee;
}
table.table-bordered th,
table.table-bordered td {
    border: 1px solid #d7d7d7;
}
.formatted-text {
    font-size: 16px;
    line-height: 1.5em;
}
@media (max-width: 480px) {
    .formatted-text {
        font-size: 14px;
    }
}
.formatted-text > p,
.formatted-text > ul,
.formatted-text > ol,
.formatted-text > dl,
.formatted-text > figure,
.formatted-text > blockquote {
    margin-bottom: 1.25em;
}
.formatted-text > h1,
.formatted-text > h2,
.formatted-text > h3,
.formatted-text > h4,
.formatted-text > h5,
.formatted-text > h6 {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: inherit;
    line-height: 1.2;
    margin: 1.7rem 0 0.85rem;
    padding: 0;
    font-weight: bold;
}
@media (max-width: 480px) {
    .formatted-text > h1,
    .formatted-text > h2,
    .formatted-text > h3,
    .formatted-text > h4,
    .formatted-text > h5,
    .formatted-text > h6 {
        margin: 1rem 0 0.5rem;
    }
}
.formatted-text li > a,
.formatted-text p > a {
    color: #000;
    text-decoration: none;
}
.formatted-text li > a:hover,
.formatted-text p > a:hover {
    color: #0367f1;
}
.formatted-text h1 {
    font-size: 40px;
}
@media (max-width: 480px) {
    .formatted-text h1 {
        font-size: 24px;
    }
}
.formatted-text h2 {
    font-size: 19px;
}
@media (max-width: 480px) {
    .formatted-text h2 {
        font-size: 17px;
    }
}
.formatted-text h3 {
    font-size: 18px;
}
@media (max-width: 480px) {
    .formatted-text h3 {
        font-size: 15px;
    }
}
.formatted-text h4 {
    font-size: 16px;
}
@media (max-width: 480px) {
    .formatted-text h4 {
        font-size: 14px;
    }
}
.formatted-text h5,
.formatted-text h6 {
    font-size: 15px;
}
@media (max-width: 480px) {
    .formatted-text h5,
    .formatted-text h6 {
        font-size: 14px;
    }
}
.formatted-text .lead {
    font-size: 18px;
}
.fade-in {
    opacity: 1;
    -webkit-animation-name: fadeInOpacity;
    animation-name: fadeInOpacity;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
@-webkit-keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.slide-in-down {
    opacity: 1;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
@-webkit-keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
.color-1 {
    color: #000;
}
.color-2 {
    color: #000;
}
.color-3 {
    color: #f85f1c;
}
.color-text {
    color: #525252;
}
.color-text-weak {
    color: #c2c2c2;
}
.color-text-weaker {
    color: #999;
}
.hide,
.is-hidden {
    display: none !important;
}
.show,
.is-shown {
    display: block !important;
}
.is-invisible {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
}
.is-visible {
    visibility: visible;
    height: initial;
    overflow: unset;
}
@media (max-width: 480px) {
    .xs-hide {
        display: none !important;
    }
}
@media (min-width: 481px) {
    .xs-show {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .sm2-hide {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .sm2-show {
        display: none !important;
    }
}
@media (max-width: 1023px) {
    .sm-hide {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .sm-show {
        display: none !important;
    }
}
.txt-center {
    width: 100%;
    text-align: center;
}
.txt-right {
    width: 100%;
    text-align: right;
}
.ov-auto {
    overflow: auto;
}
.underline {
    text-decoration: underline;
}
.img--right {
    float: right;
    text-align: center;
    margin: 0 0 1em 1.5em;
}
.img--left {
    float: left;
    text-align: center;
    margin: 0 1.5em 1em 0;
}
.clear {
    float: none;
}
.clear:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 480px) {
    .xs-clear {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none;
    }
    .xs-clear:after {
        content: "";
        display: table;
        clear: both;
    }
}
@media (max-width: 768px) {
    .sm2-clear {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none;
    }
    .sm2-clear:after {
        content: "";
        display: table;
        clear: both;
    }
}
@media (max-width: 1023px) {
    .sm-clear {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none;
    }
    .sm-clear:after {
        content: "";
        display: table;
        clear: both;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%;
    }
}
.url-debug-info > div {
    word-break: break-all;
}
.scrollable {
    overflow-x: auto;
}
.section {
    margin-bottom: 25px;
}
@media (max-width: 768px) {
    .section {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .section {
        margin: 0;
    }
}
.section__heading {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    overflow: hidden;
}
@media (max-width: 768px) {
    .section__heading {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .section__heading {
        font-size: 15px;
    }
}
.section__heading:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #ffd333;
    position: relative;
}
.section__heading:after {
    margin-right: -100%;
    right: -14px;
}
.header {
    color: #525252;
    background: #fff;
    position: relative;
}
.header__wrapper {
    border-bottom: 1px solid #d7d7d7;
    float: none;
    display: flex;
    align-items: center;
}
.header__wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.page-home .header__wrapper,
.page-about .header__wrapper,
.page-contacts .header__wrapper {
    border-bottom: none;
}
.header__logo-wrap,
.header__search,
.header__mob-nav-btn {
    float: left;
    padding: 20px 10px;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .header__logo-wrap,
    .header__search,
    .header__mob-nav-btn {
        padding: 13px 5px 8px;
    }
}
@media (max-width: 1023px) {
    .header__search {
        padding: 10px 5px;
    }
}
@media (max-width: 320px) {
    .header__search {
        padding: 0 5px 10px 5px;
    }
}
.header__logo-wrap {
    width: 50%;
    margin-top: 21px;
    padding-left: 0;
    flex-shrink: 0;
    z-index: 3;
}
@media (max-width: 1023px) {
    .header__logo-wrap {
        width: 168px;
    }
}
@media (max-width: 320px) {
    .header__logo-wrap {
        width: 40px;
    }
}
.header__logo,
.header__logo:visited {
    display: block;
}
@media (max-width: 480px) {
    .header__logo,
    .header__logo:visited {
        overflow: hidden;
    }
}
.header__logo img,
.header__logo:visited img {
    max-width: 100%;
}
@media (max-width: 320px) {
    .header__logo img,
    .header__logo:visited img {
        height: 40px;
        transform: translateY(0px);
        max-width: unset;
    }
}
.header__search {
    padding-right: 0;
    position: absolute;
    transition: 0.5s;
    width: 60px;
}
@media (max-width: 1023px) {
    .header__search-mob {
        transform: translateX(-40px);
        z-index: 3;
    }
}
.search-bar {
    max-width: 40px;
}
.search-bar input::-moz-placeholder {
    color: white;
}
.search-bar input::-webkit-input-placeholder {
    color: white;
}
.header__search-bar.search-bar {
    border-radius: 20px;
    transition: 0.5s;
    margin: 0 auto;
    float: right;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
@media (max-width: 1023px) {
    .header__search-bar.search-bar {
        height: 30px;
        line-height: 30px;
    }
}
.header__search-bar.search-bar input.search-bar__input {
    width: calc(100% - 50px);
}
.header__search-bar.search-bar input.search-bar__input {
    height: 40px;
    line-height: 40px;
}
@media (max-width: 1023px) {
    .header__search-bar.search-bar input.search-bar__input {
        height: 30px;
        line-height: 30px;
    }
}
.header__search-bar.search-bar .search-bar__btn {
    background: #f85f1c;
    height: 40px;
    width: 40px;
    border-radius: 20px;
}
.header__search-bar.search-bar .search-bar__btn:hover {
    color: white;
    background: #f34f07;
}
@media (max-width: 1023px) {
    .header__search-bar.search-bar .search-bar__btn {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .header__search-bar.search-bar .search-bar__btn:after {
        font-size: 18px;
    }
}
@media (max-width: 1023px) and (max-width: 1023px) {
    .header__search-bar.search-bar .search-bar__btn:after {
        font-size: 15px;
    }
}
.header__mob-nav-btn {
    color: #e5e5e5;
    font-size: 13px;
    width: 2em;
    float: right;
    cursor: pointer;
}
.header__mob-nav-btn:hover,
.header__mob-nav-btn:active {
    color: #000;
}
.header__mob-nav-btn.is-active {
    color: #525252;
}
.header__content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-nav {
    display: flex;
    margin: 0 110px 0 0;
    color: #000;
}
@media (max-width: 1023px) {
    .header-nav {
        display: none;
    }
}
.header-nav__item {
    font-size: 14px;
    text-decoration: none;
    padding: 0 25px;
    white-space: nowrap;
}
.header-nav a {
    font-weight: 400;
}
.header-nav a:hover {
    text-decoration: underline;
    color: #000;
}
.header-menu {
    top: 16px;
    right: 0;
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
}
@media (min-width: 1024px) {
    .header-menu {
        display: none;
    }
}
@media (max-width: 480px) {
    .header-menu {
        top: 13px;
    }
}
.header-menu__btn {
    margin-right: 20px;
}
@media (max-width: 1023px) {
    .header-menu__btn {
        margin-bottom: 15px;
    }
}
@media (max-width: 480px) {
    .header-menu__btn {
        margin-right: 10px;
    }
}
.header-menu__btn > span,
.header-menu__btn > span::before,
.header-menu__btn > span::after {
    background-color: #f85f1c !important;
}
.header-menu__box {
    border-bottom: 1px solid #e6ecf0;
    padding-bottom: 5px !important;
}
@media (max-width: 768px) {
    .sidebar .heading--secondary {
        display: none;
    }
}
@media (max-width: 768px) {
    .sidebar .article-sm__heading {
        display: block;
    }
}
.sidebar__section {
    margin-bottom: 2em;
}
@media (max-width: 480px) {
    .sidebar__section {
        margin-bottom: 1.5em;
    }
}
.sidebar__section:last-child {
    border: none;
    padding-bottom: 0em;
}
.sidebar__search {
    margin-bottom: 25px;
}
button.sidebar-search__btn.search-bar__btn {
    color: #999;
}
button.sidebar-search__btn.search-bar__btn:hover {
    color: #041d56;
}
.sidebar__sticky {
    position: sticky;
    top: 2px;
}
.form--icon-inside {
    width: 100%;
    position: relative;
    border-radius: 20px;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .form--icon-inside {
        display: none;
    }
}
.form--icon-inside > input {
    width: 100%;
    z-index: 1;
    padding-right: 3em;
    border-radius: 20px;
}
.form--icon-inside input.location__input {
    border-radius: 20px;
}
.form--icon-inside .icon-map-pin {
    font-size: 20px;
    color: #e6e2e2;
}
.form--icon-inside > button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    line-height: 45px;
    width: 3em;
    text-align: center;
    cursor: pointer;
    color: #f85f1c;
    font-size: 16px;
}
.footer {
    margin-top: auto;
}
.footer__top {
    float: none;
    display: flex;
    justify-content: space-between;
    padding: 25px 0 0;
    border-top: 1px solid #d4d7e2;
}
@media (max-width: 1023px) {
    .footer__top {
        display: none;
    }
}
.footer__logo img {
    width: 170px;
    -webkit-filter: grayscale(1) brightness(1.5);
    filter: grayscale(1) brightness(1.5);
}
@media (max-width: 1023px) {
    .footer__logo img {
        display: none;
    }
}
.footer__motto {
    font-size: 13px;
    line-height: 18px;
    padding-top: 15px;
    color: #c2c2c2;
}
@media (max-width: 1023px) {
    .footer__motto {
        text-align: center;
    }
}
.footer__about {
    width: 264px;
}
@media (max-width: 1023px) {
    .footer__about {
        padding-bottom: 12px;
    }
}
.footer__heading {
    display: block;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    margin: 0 0 10px 5px;
}
@media (max-width: 1023px) {
    .footer__heading {
        margin: 0 0 10px 0;
        text-align: center;
    }
}
.footer__categories,
.footer__links {
    display: flex;
    float: left;
}
@media (max-width: 1023px) {
    .footer__categories,
    .footer__links {
        display: none;
    }
}
.footer__categories a,
.footer__links a {
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 27px;
    color: #8c8c8c;
    font-weight: 300;
    margin: 0 20px;
}
.footer__categories a:last-child,
.footer__links a:last-child {
    margin-right: 0;
}
@media (max-width: 1023px) {
    .footer__categories a,
    .footer__links a {
        margin: 0 10px;
    }
}
.footer__categories-group,
.footer__links-group {
    -moz-column-count: 2;
    column-count: 2;
}
@media (max-width: 1160px) {
    .footer__categories-group,
    .footer__links-group {
        -moz-column-count: 1;
        column-count: 1;
    }
}
@media (max-width: 1023px) {
    .footer__categories-group,
    .footer__links-group {
        -moz-column-count: 2;
        column-count: 2;
    }
}
.footer__social {
    float: right;
    padding-top: 3px;
    cursor: pointer;
}
.footer__icon {
    text-decoration: none;
}
.footer__bottom {
    text-align: right;
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 300;
    line-height: 18px;
    padding-bottom: 25px;
}
@media (max-width: 1023px) {
    .footer__bottom {
        text-align: center;
        border-top: 1px solid #d4d7e2;
    }
}
@media (max-width: 480px) {
    .footer__bottom {
        font-size: 11px;
    }
}
@media (max-width: 1023px) {
    .footer__copyright {
        text-align: left;
    }
}
.footer__copyright-text {
    margin-left: 40px;
}
@media (max-width: 480px) {
    .footer__copyright-text {
        margin-left: 10px;
    }
}
.footer .icon {
    font-size: 31px;
    color: #f85f1c;
    padding: 3px;
}
.footer .icon-twitter-with-circle:hover {
    color: #43bdf0;
}
.footer .icon-facebook-with-circle:hover {
    color: #5f82c4;
}
.footer .icon-pinterest-with-circle:hover {
    color: #cb2027;
}
.footer-menu {
    -moz-text-align-last: left;
    text-align-last: left;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
@media (min-width: 1024px) {
    .footer-menu {
        display: none;
    }
}
.footer-menu__btn {
    transform: translateY(22px);
}
.footer-menu__box {
    padding: 10px 0 0 !important;
    border-top: 1px solid #e6ecf0;
}
.latest-products__wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}
@media (max-width: 1023px) {
    .latest-products__wrap {
        margin: 0 -3px;
    }
}
@media (max-width: 768px) {
    .latest-products__wrap {
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0;
    }
}
.latest-products__item {
    width: calc(20% - 15px);
    margin: 0 7.5px 15px 7.5px;
}
@media (max-width: 1023px) {
    .latest-products__item {
        width: calc(20% - 6px);
        margin: 0 3px 15px 3px;
    }
}
@media (max-width: 768px) {
    .latest-products__item {
        width: 180px;
        margin: 0 10px 0 0;
    }
}
.latest-products__heading {
    font-size: 27px !important;
}
@media (max-width: 768px) {
    .latest-products__heading {
        font-size: 18px !important;
    }
}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="email"],
textarea,
select {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #525252;
    font-size: 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #cfcfcf;
}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="email"],
select {
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
}
textarea {
    padding: 0.5em;
}
select {
    background: #fff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='20' height='20' style='-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)'%3E%3Cpath d='M4.516 7.548c.436-.446 1.043-.481 1.576 0L10 11.295l3.908-3.747c.533-.481 1.141-.446 1.574 0 .436.445.408 1.197 0 1.615-.406.418-4.695 4.502-4.695 4.502a1.095 1.095 0 0 1-1.576 0S4.924 9.581 4.516 9.163c-.409-.418-.436-1.17 0-1.615z' fill='%23999'/%3E%3C/svg%3E")
        calc(100% - 10px) center no-repeat;
    background-size: 18px;
    padding-right: 35px;
}
select::-ms-expand {
    display: none;
}
input::-moz-placeholder {
    color: #999;
}
input:-ms-input-placeholder {
    color: #999;
}
input::placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}
input::-moz-placeholder {
    color: #999;
}
input:-ms-input-placeholder {
    color: #999;
}
a.btn,
button.btn,
input.btn[type="submit"],
input.btn[type="button"],
a.btn--out,
button.btn--out,
input.btn--out[type="submit"],
input.btn--out[type="button"],
a.hotspot--btn {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 1.75em;
    white-space: nowrap;
    border-radius: 0;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
a.btn,
button.btn,
input[type="submit"].btn,
input[type="button"].btn {
    color: #fff;
    background: #041d56;
    font-weight: bold;
    border-radius: 0;
    transition: background-color 0.15s;
}
a.btn:visited,
button.btn:visited,
input[type="submit"].btn:visited,
input[type="button"].btn:visited {
    color: #fff;
}
a.btn:hover,
a.btn:visited:hover,
button.btn:hover,
button.btn:visited:hover,
input[type="submit"].btn:hover,
input[type="submit"].btn:visited:hover,
input[type="button"].btn:hover,
input[type="button"].btn:visited:hover {
    color: #fff !important;
    background: #0367f1;
}
a.btn.btn--lg,
button.btn.btn--lg,
input[type="submit"].btn.btn--lg,
input[type="button"].btn.btn--lg {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding: 0 2em;
}
a.btn.btn--sm,
button.btn.btn--sm,
input[type="submit"].btn.btn--sm,
input[type="button"].btn.btn--sm {
    font-size: 13px;
    height: 33px;
    line-height: 32px;
}
a.btn.btn--rnd,
button.btn.btn--rnd,
input[type="submit"].btn.btn--rnd,
input[type="button"].btn.btn--rnd {
    border-radius: 100px;
}
a.btn.btn--c1,
button.btn.btn--c1,
input[type="submit"].btn.btn--c1,
input[type="button"].btn.btn--c1 {
    background: #041d56;
}
a.btn.btn--c1:hover,
button.btn.btn--c1:hover,
input[type="submit"].btn.btn--c1:hover,
input[type="button"].btn.btn--c1:hover {
    background: #0367f1;
}
a.btn.btn--c2,
button.btn.btn--c2,
input[type="submit"].btn.btn--c2,
input[type="button"].btn.btn--c2 {
    background: #041d56;
}
a.btn.btn--c2:hover,
button.btn.btn--c2:hover,
input[type="submit"].btn.btn--c2:hover,
input[type="button"].btn.btn--c2:hover {
    background: #0367f1;
}
a.btn.btn--c3,
button.btn.btn--c3,
input[type="submit"].btn.btn--c3,
input[type="button"].btn.btn--c3 {
    background: #f85f1c;
}
a.btn.btn--c3:hover,
button.btn.btn--c3:hover,
input[type="submit"].btn.btn--c3:hover,
input[type="button"].btn.btn--c3:hover {
    background: #f62358;
}
a.btn--out,
button.btn--out,
input[type="submit"].btn--out,
input[type="button"].btn--out {
    color: #041d56;
    background: transparent;
    font-weight: normal;
    border-radius: 0;
    transition: background-color 0.15s;
    border: 1px solid #041d56;
}
a.btn--out:visited,
button.btn--out:visited,
input[type="submit"].btn--out:visited,
input[type="button"].btn--out:visited {
    color: #041d56;
}
a.btn--out:hover,
a.btn--out:visited:hover,
button.btn--out:hover,
button.btn--out:visited:hover,
input[type="submit"].btn--out:hover,
input[type="submit"].btn--out:visited:hover,
input[type="button"].btn--out:hover,
input[type="button"].btn--out:visited:hover {
    color: #fff;
    background: #041d56;
    border-color: transparent;
    text-decoration: none;
}
a.btn--out.btn--rnd,
button.btn--out.btn--rnd,
input[type="submit"].btn--out.btn--rnd,
input[type="button"].btn--out.btn--rnd {
    border-radius: 100px;
}
a.btn--out.btn--lg,
button.btn--out.btn--lg,
input[type="submit"].btn--out.btn--lg,
input[type="button"].btn--out.btn--lg {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding: 0 2em;
}
a.btn--out.btn--sm,
button.btn--out.btn--sm,
input[type="submit"].btn--out.btn--sm,
input[type="button"].btn--out.btn--sm {
    font-size: 13px;
    height: 33px;
    line-height: 32px;
}
a.btn--out.btn--c1,
button.btn--out.btn--c1,
input[type="submit"].btn--out.btn--c1,
input[type="button"].btn--out.btn--c1 {
    color: #000;
    border: 1px solid #07369f;
}
a.btn--out.btn--c1:hover,
button.btn--out.btn--c1:hover,
input[type="submit"].btn--out.btn--c1:hover,
input[type="button"].btn--out.btn--c1:hover {
    color: #fff;
    background: #041d56;
}
a.btn--out.btn--c2,
button.btn--out.btn--c2,
input[type="submit"].btn--out.btn--c2,
input[type="button"].btn--out.btn--c2 {
    color: #000;
    border: 1px solid #07369f;
}
a.btn--out.btn--c2:hover,
button.btn--out.btn--c2:hover,
input[type="submit"].btn--out.btn--c2:hover,
input[type="button"].btn--out.btn--c2:hover {
    color: #fff;
    background: #041d56;
}
a.btn--out.btn--c3,
button.btn--out.btn--c3,
input[type="submit"].btn--out.btn--c3,
input[type="button"].btn--out.btn--c3 {
    color: #f85f1c;
    border: 1px solid #fa9366;
}
a.btn--out.btn--c3:hover,
button.btn--out.btn--c3:hover,
input[type="submit"].btn--out.btn--c3:hover,
input[type="button"].btn--out.btn--c3:hover {
    color: #fff;
    background: #f85f1c;
}
input[type="checkbox"],
input[type="radio"] {
    margin-right: 0.5em;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
    opacity: 0;
    width: 0;
    height: 0;
    transform: scale(0);
    display: block;
    position: absolute;
}
[type="checkbox"]:not(:checked) + span,
[type="checkbox"]:checked + span,
[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
}
[type="checkbox"]:not(:checked) + span:before,
[type="checkbox"]:checked + span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #dfe2eb;
    border-radius: 0px;
}
[type="checkbox"]:checked + span:before {
    background: white;
}
[type="checkbox"]:not(:checked) + span:after,
[type="checkbox"]:checked + span:after {
    content: "";
    font-family: "icomoon";
    position: absolute;
    font-weight: bold;
    top: 3px;
    left: 2px;
    font-size: 14px;
    line-height: 0.9;
    color: #f85f1c;
    transition: all 0.2s;
}
[type="radio"]:not(:checked) + span:before,
[type="radio"]:checked + span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #dfe2eb;
    border-radius: 16px;
}
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #f85f1c;
    border-radius: 8px;
    position: absolute;
    top: 4.8px;
    left: 4.9px;
    line-height: 0.8;
    transition: all 0.2s;
}
[type="checkbox"]:checked + span:before,
[type="radio"]:checked + span:before {
    border-color: #8997c3;
}
[type="checkbox"]:not(:checked) + span:after,
[type="radio"]:not(:checked) + span:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + span:after,
[type="radio"]:checked + span:after {
    opacity: 1;
    transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + span:before,
[type="checkbox"]:disabled:checked + span:before,
[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + span:after,
[type="radio"]:disabled:checked + span:after {
    color: #999;
}
[type="checkbox"]:disabled + span,
[type="radio"]:disabled + span {
    color: #aaa;
}
.search-bar {
    position: relative;
    overflow: hidden;
    transition: border 0.3s;
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 0;
}
.search-bar input.search-bar__input {
    font-size: 15px;
    padding: 0;
    border: none;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 0;
    float: left;
    min-width: 0;
    background: transparent;
    flex: 1;
}
@media (max-width: 768px) {
    .search-bar input.search-bar__input {
        height: 30px;
        line-height: 30px;
    }
}
.search-bar button.search-bar__btn {
    color: white;
    background: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    float: right;
    background: transparent;
}
.search-bar button.search-bar__btn:hover {
    color: #dcdcdc;
}
.search-bar button.search-bar__btn::-moz-focus-inner {
    border: 0;
}
.search-bar button.search-bar__btn:after {
    font-size: 18px;
    content: "";
    font-family: "icomoon";
    font-weight: normal;
}
.search-bar__input-mob {
    display: block;
    width: 100%;
}
@media (min-width: 769px) {
    .search-bar-mobile {
        display: none;
    }
}
input.search-bar-mobile__input {
    border-radius: 20px;
}
@media (max-width: 320px) {
    input.search-bar-mobile__input {
        max-width: 160px;
    }
}
.search-bar-mobile,
.search-bar-sidebar {
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    width: 100%;
    text-align: right;
    position: relative;
    height: 40px;
}
.search-bar-mobile input[type="text"],
.search-bar-sidebar input[type="text"] {
    border: none !important;
    background: none;
}
.search-bar-mobile__btn,
.search-bar-sidebar__btn {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    color: #f85f1c;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    padding: 0 1em 0 0;
    height: 100%;
    background: none;
}
.search-bar-mobile__btn:after,
.search-bar-sidebar__btn:after {
  font-size: 18px;
    content: "";
    font-family: icomoon;
    font-weight: normal;
}
.search-bar-sidebar {
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .search-bar-sidebar {
        display: none;
    }
}
.search-bar-mobile {
    max-width: 520px;
    margin-left: 40px;
}
@media (max-width: 480px) {
    .search-bar-mobile {
        margin-left: 20px;
    }
}
input.search-bar-mobile__input,
input.search-bar-sidebar__input {
    border: none !important;
    width: calc(100% - 30px);
    float: left;
    background: none;
    padding: 0 0.25em 0 1em;
}
.is-active {
    padding: 0 0 0 0.8em;
    max-width: 540px;
    width: 100%;
    box-shadow: 0 0 0 1px #dcdcdc;
}
@media (max-width: 768px) {
    .is-active {
        max-width: calc(100% - 200px);
    }
}
@media (max-width: 480px) {
    .is-active {
        max-width: calc(100% - 200px);
    }
}
@media (max-width: 320px) {
    .is-active {
        max-width: calc(100% - 50px);
    }
}
.is-active input::-moz-placeholder {
    color: #9c9b9b;
}
.is-active input::-webkit-input-placeholder {
    color: #9c9b9b;
}
.active-width {
    width: 100%;
}
@media (max-width: 768px) {
    .active-width {
        width: calc(100% - 50px);
    }
}
@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
}
.article-card {
    position: relative;
}
.article-card__overlay {
    position: absolute;
    height: 100%;
    width: 100%;
}
.article-card__img {
    z-index: -1;
    display: block;
    position: relative;
    overflow: hidden;
}
.article-card__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 62.5% 0 0 0;
    z-index: 1;
}
.article-card__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.article-card__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .article-card__img {
        display: block;
        position: relative;
        overflow: hidden;
    }
    .article-card__img:before {
        display: block;
        content: "";
        width: 100%;
        padding: 50% 0 0 0;
        z-index: 1;
    }
    .article-card__img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .article-card__img iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.article-card__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.article-card__body {
    background: #fff;
    text-align: center;
    padding: 1.33em;
    margin: -5em 1.5em 0;
    width: calc(100% - 3em);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
    .article-card__body {
        margin: 0;
        width: 100%;
    }
}
.article-card__title {
    font-size: 20px;
    font-weight: 300;
    min-height: 2.66em;
    margin: 0.75em 0;
    line-height: 1.33em;
    max-height: 2.66em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 1100px) {
    .article-card__title {
        font-size: 18px;
    }
}
.article-card__title a {
    text-decoration: none;
}
.article-card__title a:hover {
    color: #000;
}
.article-card:hover .article-card__title {
    color: #000;
}
.article-card__category,
.article-card__category:visited {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.33em;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 0.33em 1.5em;
}
.article-card__more {
    color: #000;
    font-style: italic;
    text-decoration: none;
}
.article-card__more:after {
    font-size: 10px;
    margin-left: 1em;
    content: "";
    font-family: "icomoon";
}
.article-media {
    font-size: 15px;
    display: block;
    float: none;
    margin-bottom: 1.25em;
}
.article-media:after {
    content: "";
    display: table;
    clear: both;
}
.article-media a {
    text-decoration: none;
}
.article-media__img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 80px;
    float: left;
    margin-right: 0.75em;
}
.article-media__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 75% 0 0 0;
    z-index: 1;
}
.article-media__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.article-media__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article-media__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.article-media__body {
    overflow: hidden;
}
.article-media__title {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 2px 0;
    font-weight: normal;
}
.article-media__title b,
.article-media__title a:hover {
    color: #000;
}
.article-media__category,
.article-media__category:visited {
    color: #c2c2c2;
    font-size: 13px;
    line-height: 1.3;
}
.article-sm {
    font-size: 13px;
    display: block;
    border-radius: 8px;
    border: 1px solid #666;
    padding: 1.5em;
    margin-bottom: 1em;
    float: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.article-sm:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 768px) {
    .article-sm {
        margin-right: 10px;
        min-width: 270px;
    }
}
.article-sm a {
    text-decoration: none;
}
@media (max-width: 768px) {
    .article-sm__wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }
}
.article-sm__heading {
    margin-bottom: 15px;
}
.article-sm__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 0.75em;
    width: 65px;
    float: left;
    border-radius: 3px;
    margin-bottom: 0.5rem;
}
.article-sm__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.article-sm__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.article-sm__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article-sm__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.article-sm__title {
    color: #000;
    font-size: 17px;
    line-height: 1.35;
    margin: 0 0 0.5rem 0;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
}
.article-sm__title a:hover {
    color: #000;
}
.article-sm__descr {
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    width: 100%;
}
.article-sm__descr:before {
    content: "";
    display: block;
    clear: both;
}
.popular-articles--bg {
    background: #fff0e1;
    padding: 30px 0 40px;
    margin-bottom: 30px;
}
.popular-articles__grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 57px);
    grid-template-areas: "a a a b b c c" "a a a b b c c" "a a a b b c c" "a a a b b c c" "a a a d d d d" "a a a d d d d" "a a a d d d d";
}
@media (max-width: 1023px) {
    .popular-articles__grid {
        grid-template-rows: repeat(7, 45px);
    }
}
@media (max-width: 768px) {
    .popular-articles__grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(5, 110px);
        grid-template-areas: "a a" "a a" "a a" "b b" "c c" "d d";
    }
}
@media (max-width: 420px) {
    .popular-articles__grid {
        grid-template-rows: repeat(4, 110px);
        grid-template-areas: "a a" "a a" "b b" "c c" "d d";
    }
}
.popular-article-item--lg,
.popular-article-item--wide,
.popular-article-item--sm-b,
.popular-article-item--sm-c {
    background: white;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(217, 221, 235, 0.5);
    text-decoration: none;
    border: 1px solid #d7d7d7;
}
@media (max-width: 768px) {
    .popular-article-item--lg,
    .popular-article-item--wide,
    .popular-article-item--sm-b,
    .popular-article-item--sm-c {
        display: flex;
    }
}
.popular-article-item--lg:hover .popular-article-item__heading,
.popular-article-item--wide:hover .popular-article-item__heading,
.popular-article-item--sm-b:hover .popular-article-item__heading,
.popular-article-item--sm-c:hover .popular-article-item__heading {
    color: #cf5113;
}
.popular-article-item--lg__img-wrap:after,
.popular-article-item--wide__img-wrap:after,
.popular-article-item--sm__img-wrap:after,
.popular-article-item__img-wrap:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    background: rgba(0, 0, 0, 0.05);
}
.popular-article-item__heading,
.popular-article-item__heading-mobile {
    color: #f85f1c;
    font-weight: 500;
    line-height: 1.25em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
}
.popular-article-item__heading {
    font-size: 20px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
@media (max-width: 768px) {
    .popular-article-item__heading {
        font-size: 18px;
    }
}
.popular-article-item__heading-mobile {
    z-index: 2;
    font-size: 27px;
    color: white !important;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.popular-article-item__descr {
    font-size: 15px;
    color: #717171;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
}
@media (max-width: 768px) {
    .popular-article-item__descr-horizontal {
        display: none;
    }
}
.popular-article-item__category,
.popular-article-item__category-horizontal {
    position: absolute;
    display: inline-block;
    background: #f85f1c;
    text-align: center;
    color: white;
    width: 100px;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 0;
    top: 15px;
    right: 15px;
}
@media (max-width: 768px) {
    .popular-article-item__category,
    .popular-article-item__category-horizontal {
        font-size: 9px;
        width: 70px;
        padding: 3px 0;
        top: 240px;
        left: 20px;
    }
}
@media (max-width: 420px) {
    .popular-article-item__category,
    .popular-article-item__category-horizontal {
        top: 125px;
    }
}
@media (max-width: 768px) {
    .popular-article-item__category-horizontal {
        top: 10px;
        left: 125px;
    }
}
.popular-article-item__category-mob {
    display: inline-block;
    background: #f85f1c;
    text-align: center;
    color: white;
    width: 100px;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 0;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .popular-article-item__category-mob {
        font-size: 9px;
        width: 70px;
        padding: 3px 0;
    }
}
.popular-article-item--lg {
    flex: 1;
    grid-area: a;
}
@media (max-width: 768px) {
    .popular-article-item--lg {
        position: relative;
    }
}
.popular-article-item--lg__img-wrap {
    border-radius: 10px 10px 0 0;
    position: relative;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.popular-article-item--lg__img-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 75% 0 0 0;
    z-index: 1;
}
.popular-article-item--lg__img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.popular-article-item--lg__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .popular-article-item--lg__img-wrap {
        display: block;
        position: relative;
        overflow: hidden;
    }
    .popular-article-item--lg__img-wrap:before {
        display: block;
        content: "";
        width: 100%;
        padding: 100% 0 0 0;
        z-index: 1;
    }
    .popular-article-item--lg__img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .popular-article-item--lg__img-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 768px) {
    .popular-article-item--lg__img-wrap {
        border-radius: 10px;
    }
}
.popular-article-item--wide {
    display: flex;
    grid-area: d;
}
@media (max-width: 768px) {
    .popular-article-item--wide {
        flex: 1;
    }
}
.popular-article-item--wide__img-wrap {
    border-radius: 10px 0 0 10px;
    min-width: 260px;
    display: block;
    position: relative;
    overflow: hidden;
}
.popular-article-item--wide__img-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 75% 0 0 0;
    z-index: 1;
}
.popular-article-item--wide__img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.popular-article-item--wide__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 1023px) {
    .popular-article-item--wide__img-wrap {
        min-width: 180px;
    }
}
@media (max-width: 768px) {
    .popular-article-item--wide__img-wrap {
        display: block;
        position: relative;
        overflow: hidden;
        height: 110px;
        min-width: 110px;
    }
    .popular-article-item--wide__img-wrap:before {
        display: block;
        content: "";
        width: 100%;
        padding: 100% 0 0 0;
        z-index: 1;
    }
    .popular-article-item--wide__img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .popular-article-item--wide__img-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.popular-article-item--wide__img {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .popular-article-item--wide__img {
        width: 110px;
    }
}
.popular-article-item--sm__img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.popular-article-item--sm__img-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 60% 0 0 0;
    z-index: 1;
}
.popular-article-item--sm__img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.popular-article-item--sm__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .popular-article-item--sm__img-wrap {
        min-width: 110px;
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 10px 0 0 10px;
    }
    .popular-article-item--sm__img-wrap:before {
        display: block;
        content: "";
        width: 100%;
        padding: 100% 0 0 0;
        z-index: 1;
    }
    .popular-article-item--sm__img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .popular-article-item--sm__img-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.popular-article-item--sm-b,
.popular-article-item--sm-c {
    flex: 1.5;
}
.popular-article-item--sm-b {
    grid-area: b;
}
.popular-article-item--sm-c {
    grid-area: c;
}
.popular-article-item__body {
    display: block;
    padding: 30px 35px;
    align-self: center;
}
@media (max-width: 1160px) {
    .popular-article-item__body {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    .popular-article-item__body {
        padding: 0 15px 15px;
    }
}
.popular-article-item__img {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
.prod-card {
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(217, 221, 235, 0.5);
    border: 1px solid #d7d7d7;
    font-size: 14px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 25px;
    align-items: center;
    min-width: 140px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1023px) {
    .prod-card {
        padding: 15px;
    }
}
@media (max-width: 480px) {
    .prod-card {
        min-width: 125px;
    }
}
.prod-card__img {
    width: calc(100% - 1em);
    margin: 0 0 0.5em;
    display: block;
    position: relative;
    overflow: hidden;
}
.prod-card__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.prod-card__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.prod-card__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 480px) {
    .prod-card__img {
        margin: 0 auto 0.5em;
    }
}
.prod-card__img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    font-family: "object-fit: scale-down";
}
.prod-card__label {
    width: 40px;
    line-height: 40px;
    color: white;
    font-size: 13px;
    background: #000;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 7px;
    border-radius: 20px;
    z-index: 1;
}
@media (max-width: 768px) {
    .prod-card__label {
        font-size: 11px;
        width: 32px;
        line-height: 32px;
    }
}
.prod-card__name {
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
    color: #000;
    margin: 20px 0 10px;
    padding: 0;
    text-decoration: none;
    max-width: 100%;
    overflow-wrap: break-word;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .prod-card__name {
        font-size: 12px;
        margin: 15px 0 5px;
    }
}
.prod-card__name a,
.prod-card__name a:visited {
    color: inherit;
    text-decoration: none;
    transition: color 0.1s;
}
.prod-card__name a:hover,
.prod-card__name a:visited:hover {
    text-decoration: underline;
}
.prod-card__descr {
    color: #c2c2c2;
    margin: 0 0 0.75em 0;
    line-height: 1.3em;
    line-height: 1.3em;
    max-height: 3.9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
    .prod-card__descr {
        font-size: 12px;
    }
}
.prod-card__price {
    color: #f85f1c;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .prod-card__price {
        font-size: 13px;
    }
}
.prod-card__old-price {
    font-size: 13px;
    text-decoration: line-through;
    font-weight: 100;
    color: #000;
    margin-left: 5px;
}
@media (max-width: 768px) {
    .prod-card__old-price {
        font-size: 10px;
    }
}
.flex-wrap {
    display: flex;
    flex-direction: column;
}
.prod-media {
    font-size: 14px;
    min-height: 125px;
    line-height: 1.25em;
    position: relative;
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
    .prod-media {
        display: block;
        line-height: 1.25;
        padding: 15px;
        font-size: 15px;
        min-height: 102px;
        margin-bottom: 12px;
    }
}
.prod-media__img {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 80px;
    position: relative;
    margin-right: 25px;
}
.prod-media__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.prod-media__img img {
    width: 100px;
    height: 100px;
    object-fit: cover !important;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.prod-media__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .prod-media__img {
        width: 70px;
        margin-right: 12px;
    }
}
.prod-media__img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    border: 1px solid #a7b7e7;
    top: 0px;
    left: 0px;
}
.prod-media__wrap {
    display: flex;
    justify-content: space-between;
    height: 80px;
}
@media (max-width: 768px) {
    .prod-media__wrap {
        height: 70px;
    }
}
.prod-media__label {
    color: #000;
    font-size: 11px;
    background: #ffd334;
    font-weight: bold;
    text-align: center;
    padding: 0 0.25em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.prod-media__body {
    overflow: hidden;
    cursor: default;
    position: relative;
    padding-right: 30px;
}
@media (max-width: 768px) {
    .prod-media__body {
        padding-right: 20px;
    }
}
.prod-media__name {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #525252;
    line-height: 1.2;
    font-weight: normal;
    padding: 0;
    margin: 0 0 0.1em 0;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .prod-media__name {
        font-size: 14px;
        line-height: 1.2em;
        max-height: 3.6em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}
.prod-media__name:hover {
    text-decoration: underline !important;
    color: #525252 !important;
}
.prod-media__name a,
.prod-media__name a:visited {
    color: inherit;
    text-decoration: none;
}
.prod-media__name a:hover,
.prod-media__name a:visited:hover {
    color: #000;
    text-decoration: underline;
}
.prod-media__descr {
    color: #999;
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
}
@media (max-width: 480px) {
    .prod-media__descr {
        display: block !important;
    }
}
.prod-media__price {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    line-height: 1.75;
    margin: 0 0.5em 0 0;
    padding: 0;
    white-space: nowrap;
    flex-shrink: none;
    display: inline-block;
}
@media (max-width: 768px) {
    .prod-media__price {
        font-size: 12px;
        line-height: initial;
        margin: 0 10px 0 0;
        display: inline-block;
    }
}
.prod-media__btn,
.prod-media__btn:visited {
    color: #e5e5e5;
    align-self: center;
    font-size: 24px;
    text-decoration: none;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}
.prod-media__btn:hover:before,
.prod-media__btn:visited:hover:before {
    color: #8997c3;
}
@media (max-width: 768px) {
    .prod-media__btn,
    .prod-media__btn:visited {
        top: 35%;
        right: 5px;
    }
}
.prod-media__btn:before,
.prod-media__btn:visited:before {
    content: "";
    font-family: "icomoon";
    color: #000;
}
.yh-list {
    margin: 0;
    padding: 3px 0 0 0;
    background: rgba(0, 0, 0, 0);
    float: none;
}
.yh-list:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 480px) {
    .yh-list {
        margin: 0 0 15px;
    }
}
.yh-list a {
    transition: 0.1s;
}
.yh-list__header {
    float: none;
}
.yh-list__header:after {
    content: "";
    display: table;
    clear: both;
}
.yh-list__heading {
    font-size: 15px;
    color: #888;
    float: left;
    padding: 5px 0 5px 0;
}
@media (max-width: 480px) {
    .yh-list__heading {
        font-size: 12px;
    }
}
.yh-list__caption {
    color: #888;
    font-size: 12px;
    float: right;
    padding: 5px 0 5px 10px;
}
.yh--popup .yh-list__caption {
    color: rgba(255, 255, 255, 0.3);
}
.yh-list__container {
    margin: 0 -15px;
}
@media (max-width: 480px) {
    .yh-list__container {
        margin: 0 -10px;
    }
}
.yh-list__item {
    display: table;
    table-layout: fixed;
    padding: 17px;
    width: 100%;
    background: #fff;
}
.yh-list__item:last-of-type {
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .yh-list__item {
        padding: 13px !important;
        margin-bottom: 5px;
    }
}
.yh-list__item:hover {
    background: #000;
    border: none;
}
.yh-list__item__item:hover .yh-list__item__btn--lg,
.yh-list__item__item:hover .yh-list__item__btn--sm {
    background: #f85f1c;
}
.yh-list__item-border {
    height: 1px;
    background-color: #d7d7d7;
    margin: 0 15px;
}
.yh-list__item-border:last-of-type {
    display: none;
}
.yh-list__img {
    display: table-cell;
    vertical-align: top;
    width: 81px;
    padding-right: 16px;
    font-size: 8px;
}
@media (max-width: 480px) {
    .yh-list__img {
        display: none;
    }
}
.yh-list__img a {
    background: #fff;
}
.yh-list__img img {
    display: block;
    width: 65px;
}
@media (max-width: 768px) {
    .yh-list__img img {
        max-width: 100%;
    }
}
.yh-list__img-wrap {
    background: #fff;
    border: none;
    display: block;
    position: relative;
    overflow: hidden;
}
.yh-list__img-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.yh-list__img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.yh-list__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 480px) {
    .yh-list__img-wrap {
        display: none;
    }
}
.yh-list__body {
    font-size: 14px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-right: 16px;
}
@media (max-width: 768px) {
    .yh-list__body {
        font-size: 13px;
        padding-right: 0;
    }
}
.yh-list__title {
    color: #000;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.1;
    padding: 0 0 7px 0;
    margin: -0.1em 0 0 0;
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    text-decoration: underline;
}
@media (max-width: 768px) {
    .yh-list__title {
        font-size: 19px;
        margin: 0;
    }
}
@media (max-width: 480px) {
    .yh-list__title {
        font-size: 18px;
        line-height: 1.2;
        margin: 0;
    }
}
.yh-list__title a {
    color: inherit;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__title {
    color: #fff;
}
.yh-list__item:hover .yh-list__title a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list__descr {
    color: #747474;
    line-height: 1.2;
    margin: 0 0 7px;
    padding: 0;
}
.yh-list__descr a {
    color: inherit;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__descr {
    color: #fff;
}
.yh-list__item:hover .yh-list__descr a:hover {
    color: #fff;
}
.yh-list__rating {
    display: block;
    line-height: 1;
}
.yh-list__rating .rating-stars {
    font-size: 14px;
    display: block;
    float: left;
    margin: -1px 0.5em 0 0;
}
.yh-list__rating .rating-stars:before {
    color: #c2c2c2;
}
.yh-list__rating .rating-stars:after {
    color: #ffd334;
}
.yh-list__item:hover .yh-list__rating .rating-stars:before {
    color: #c2c2c2;
}
.yh-list__item:hover .yh-list__rating .rating-stars:after {
    color: #ffd334;
}
.yh-list__rating a {
    text-decoration: none;
}
.yh-list__rating-text {
    color: #747474;
    line-height: 17px;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__rating-text {
    color: #747474;
}
.yh-list__item:hover .yh-list__rating-text a:hover {
    color: #747474;
}
.yh-list__url {
    color: #f85f1c;
    line-height: 1;
    text-decoration: none;
    overflow-wrap: break-word;
}
@media (max-width: 1023px) {
    .yh-list__url {
        color: #747474;
    }
}
.yh-list__url a {
    color: inherit;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__url a {
    color: inherit;
}
@media (max-width: 1023px) {
    .yh-list__item:hover .yh-list__url a {
        color: #fff;
    }
}
.yh-list__item:hover .yh-list__url a:hover {
    text-decoration: underline;
}
.yh-list__url-ad {
    font-size: 12px;
    border: 1px solid rgba(116, 116, 116, 0.3);
    border-radius: 3px;
    line-height: 1;
    margin-right: 0.5em;
    padding: 0 0.4em;
}
.yh-list__link {
    color: #f85f1c;
    font-size: 15px;
    padding-left: 2em;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
    float: none;
}
.yh-list__link:after {
    content: "";
    display: table;
    clear: both;
}
.yh-list__link:before {
    content: "\e905";
    font-family: icomoon;
    text-align: center;
    line-height: 17px;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 12px;
    color: white;
    background: #f85f1c;
}
.yh-list__link a {
    color: inherit;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__link {
    color: #f85f1c;
}
.yh-list__item:hover .yh-list__link:before {
    color: #fff;
}
.yh-list__item:hover .yh-list__link a:hover {
    color: #f85f1c;
    text-decoration: underline;
}
.yh-list__link-title {
    font-weight: 500;
    display: block;
    float: left;
}
.yh-list__link-descr {
    font-size: 13px;
    display: block;
    float: left;
    clear: both;
    opacity: 0.75;
}
.yh-list__link-descr:before {
    content: "";
    clear: both;
}
.yh-list__links--rhs {
    color: #f85f1c;
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    padding-right: 10px;
}
@media (max-width: 1023px) {
    .yh-list__links--rhs {
        display: none;
    }
}
.yh-list__links--rhs .yh-list__link {
    margin-bottom: 0.25em;
}
.yh-list__links {
    width: 100%;
    margin: 0.5em 0 0.3em 0;
    float: none;
}
.yh-list__links:after {
    content: "";
    display: table;
    clear: both;
}
@media (min-width: 1024px) {
    .yh-list__links {
        display: none;
    }
}
.yh-list__links .yh-list__link {
    font-size: 15px;
    display: block;
    float: left;
    margin: 0 1em 3px 0;
}
@media (max-width: 480px) {
    .yh-list__links .yh-list__link {
        font-size: 15px;
    }
}
.yh-list__btn-col {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
}
@media (max-width: 1023px) {
    .yh-list__btn-col {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .yh-list__btn-col {
        display: none;
    }
}
.yh-list__btn--lg,
.yh-list__btn--sm {
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #000;
    border: 1px solid #000;
    border-radius: 20px;
    display: block;
    position: relative;
}
.yh-list__btn--lg:visited,
.yh-list__btn--sm:visited {
    color: #fff;
}
.yh-list__btn--lg:hover,
.yh-list__btn--sm:hover {
    color: #fff;
    background: #f85f1c;
    border: 1px solid #f85f1c;
}
.yh-list__btn--lg:before,
.yh-list__btn--sm:before {
    font-family: "icomoon";
    content: "\e905 \e905";
}
.yh-list__item:hover .yh-list__btn--lg,
.yh-list__item:hover .yh-list__btn--sm {
    background: #f85f1c;
    border: 1px solid #f85f1c;
}
.yh-list__item:hover .yh-list__btn--lg:hover,
.yh-list__item:hover .yh-list__btn--sm:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
}
.yh-list__btn--lg {
    font-size: 18px;
    text-transform: normal;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    position: relative;
    padding: 0;
    letter-spacing: 1;
    overflow: hidden;
}
.yh-list__btn--lg:before {
    font-family: "icomoon";
    content: "\e913";
    float: right;
    display: block;
    padding: 0 1em 0 0;
    font-size: 12px;
}
.yh-list__btn--sm {
    float: right;
    font-size: 15px;
    font-weight: 600;
    width: 62px;
    height: 62px;
    text-align: center;
    padding: 9px 0 0 0;
    margin: 0 0 5px 10px;
    text-decoration: none;
    border-radius: 44px;
}
@media (min-width: 769px) {
    .yh-list__btn--sm {
        display: none;
    }
}
.yh-list__btn--sm:before {
    font-family: "icomoon";
    content: "\e913";
    font-size: 0.75em;
    display: block;
    line-height: 16px;
    width: 100%;
    margin: 3px 0 3px;
    text-align: center;
}
.yh-list__4th-line-annotation,
.yh-list__annotation,
.yh-list__brand,
.yh-list__callouts,
.yh-list__categories,
.yh-list__phone,
.yh-list__rating-list,
.yh-list__rating-list,
.yh-list__review,
.yh-list__security-badge,
.yh-list__top-ad {
    color: #747474;
    margin-bottom: 3px;
}
.yh-list__4th-line-annotation a,
.yh-list__annotation a,
.yh-list__brand a,
.yh-list__callouts a,
.yh-list__categories a,
.yh-list__phone a,
.yh-list__rating-list a,
.yh-list__rating-list a,
.yh-list__review a,
.yh-list__security-badge a,
.yh-list__top-ad a {
    color: inherit;
    text-decoration: none;
}
.yh-list__item:hover .yh-list__4th-line-annotation,
.yh-list__item:hover .yh-list__annotation,
.yh-list__item:hover .yh-list__brand,
.yh-list__item:hover .yh-list__callouts,
.yh-list__item:hover .yh-list__categories,
.yh-list__item:hover .yh-list__phone,
.yh-list__item:hover .yh-list__rating-list,
.yh-list__item:hover .yh-list__rating-list,
.yh-list__item:hover .yh-list__review,
.yh-list__item:hover .yh-list__security-badge,
.yh-list__item:hover .yh-list__top-ad {
    color: #fff;
}
.yh-list__item:hover .yh-list__4th-line-annotation:hover,
.yh-list__item:hover .yh-list__annotation:hover,
.yh-list__item:hover .yh-list__brand:hover,
.yh-list__item:hover .yh-list__callouts:hover,
.yh-list__item:hover .yh-list__categories:hover,
.yh-list__item:hover .yh-list__phone:hover,
.yh-list__item:hover .yh-list__rating-list:hover,
.yh-list__item:hover .yh-list__rating-list:hover,
.yh-list__item:hover .yh-list__review:hover,
.yh-list__item:hover .yh-list__security-badge:hover,
.yh-list__item:hover .yh-list__top-ad:hover {
    color: #fff;
}
.yh-list--compact .wrapper {
    width: 100%;
    padding: 0;
}
.yh-list--compact .yh-list__item:hover .yh-list--compact .yh-list__url a {
    color: #f85f1c;
}
.yh-list--compact .yh-list__item:hover .yh-list--compact .yh-list__url a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list--compact .yh-list__body {
    padding-right: 0;
}
.yh-list--compact .yh-list__url {
    color: #747474;
}
.yh-list--compact .yh-list__url a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list--compact .yh-list__img {
    display: none;
    width: 78px;
}
.yh-list--compact .yh-list__img img {
    width: 65px;
    height: 65px;
}
.yh-list--compact .yh-list__title {
    font-size: 18px;
    margin: 0;
}
.yh-list--compact .yh-list__links--rhs {
    display: none;
}
.yh-list--compact .yh-list__links {
    display: block;
    display: inline-block;
}
.yh-list--compact .yh-list__btn-col,
.yh-list--compact .yh-list__btn--lg {
    display: none;
}
.yh-list--compact .yh-list__btn--sm {
    display: block;
    border-radius: 4px;
}
@media (max-width: 768px) {
    .yh-list--compact .yh-list__btn--sm {
        border-radius: 44px;
    }
}
.yh-list--compact .yh-list.yh--middle .yh-list__item {
    margin-bottom: 1px;
}
.yh-list--small .wrapper {
    width: 100%;
    padding: 0;
}
.yh-list--small .yh-list__item {
    padding: 10px;
}
.yh-list--small .yh-list__body {
    font-size: 13px;
    padding-right: 0;
}
.yh-list--small .yh-list__img {
    display: none;
}
.yh-list--small .yh-list__title {
    font-size: 15px;
}
.yh-list--small .yh-list__img,
.yh-list--small .yh-list__links--rhs,
.yh-list--small .yh-list__links,
.yh-list--small .yh-list__btn-col {
    display: none;
}
.yh-list--small .yh-list__btn--sm {
    display: block;
}
.yh-list-opt {
    margin: 0;
    padding: 3px 0 0 0;
    background: rgba(0, 0, 0, 0);
    float: none;
}
.yh-list-opt:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 480px) {
    .yh-list-opt {
        margin: 0 0 15px;
    }
}
.yh-list-opt a {
    transition: 0.1s;
}
.yh-list-opt__header {
    float: none;
}
.yh-list-opt__header:after {
    content: "";
    display: table;
    clear: both;
}
.yh-list-opt__heading {
    font-size: 15px;
    color: #888;
    float: left;
    padding: 5px 0 5px 0;
}
@media (max-width: 480px) {
    .yh-list-opt__heading {
        font-size: 12px;
    }
}
.yh-list-opt__caption {
    color: #888;
    font-size: 12px;
    float: right;
    padding: 5px 0 5px 10px;
}
.yh--popup .yh-list-opt__caption {
    color: rgba(255, 255, 255, 0.3);
}
.yh-list-opt__item {
    display: table;
    table-layout: fixed;
    padding: 20px;
    width: 100%;
    background: #fff9f0;
    border: 1px solid #ffa103;
    border-radius: 19px;
    margin-bottom: 13px;
}
.yh-list-opt__item:last-of-type {
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .yh-list-opt__item {
        padding: 13px !important;
        margin-bottom: 10px;
    }
}
.yh-list-opt__item:hover {
    background: #000;
    border: 1px solid #ffa103;
}
.yh-list-opt__item__item:hover .yh-list-opt__item__url {
    color: #fff;
}
.yh-list-opt__item__item:hover .yh-list-opt__item__btn--lg,
.yh-list-opt__item__item:hover .yh-list-opt__item__btn--sm {
    background: #f85f1c;
}
.yh-list-opt__img {
    display: table-cell;
    vertical-align: top;
    width: 81px;
    padding-right: 16px;
    font-size: 8px;
}
@media (max-width: 480px) {
    .yh-list-opt__img {
        display: none;
    }
}
.yh-list-opt__img a {
    background: #fff;
}
.yh-list-opt__img img {
    display: block;
    width: 65px;
}
@media (max-width: 768px) {
    .yh-list-opt__img img {
        max-width: 100%;
    }
}
.yh-list-opt__img-wrap {
    background: #fff;
    border: none;
    display: block;
    position: relative;
    overflow: hidden;
}
.yh-list-opt__img-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.yh-list-opt__img-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.yh-list-opt__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 480px) {
    .yh-list-opt__img-wrap {
        display: none;
    }
}
.yh-list-opt__body {
    font-size: 14px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-right: 16px;
}
@media (max-width: 768px) {
    .yh-list-opt__body {
        font-size: 13px;
        padding-right: 0;
    }
}
.yh-list-opt__title {
    color: #000;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.1;
    padding: 0 0 10px 0;
    margin: -0.1em 0 0 0;
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    text-decoration: underline;
}
@media (max-width: 768px) {
    .yh-list-opt__title {
        font-size: 19px;
        margin: 0;
    }
}
@media (max-width: 480px) {
    .yh-list-opt__title {
        font-size: 18px;
        line-height: 1.2;
        margin: 0;
    }
}
.yh-list-opt__title a {
    color: inherit;
    text-decoration: none;
}
.yh-list-opt__item:hover .yh-list-opt__title {
    color: #fff;
}
.yh-list-opt__item:hover .yh-list-opt__title a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list-opt__descr {
    color: #686868;
    line-height: 1.2;
    margin: 0 0 10px;
    padding: 0;
}
.yh-list-opt__descr a {
    color: inherit;
    text-decoration: none;
}
.yh-list-opt__item:hover .yh-list-opt__descr {
    color: #fff;
}
.yh-list-opt__item:hover .yh-list-opt__descr a:hover {
    color: #fff;
}
.yh-list-opt__rating {
    display: block;
    line-height: 1;
}
.yh-list-opt__rating .rating-stars {
    font-size: 14px;
    display: block;
    float: left;
    margin: -1px 0.5em 0 0;
}
.yh-list-opt__rating .rating-stars:before {
    color: #c2c2c2;
}
.yh-list-opt__rating .rating-stars:after {
    color: #ffd334;
}
.yh-list-opt__item:hover .yh-list-opt__rating .rating-stars:before {
    color: #c2c2c2;
}
.yh-list-opt__item:hover .yh-list-opt__rating .rating-stars:after {
    color: #ffd334;
}
.yh-list-opt__rating a {
    text-decoration: none;
}
.yh-list-opt__rating-text {
    color: #686868;
    line-height: 17px;
    text-decoration: none;
}
.yh-list-opt__item:hover .yh-list-opt__rating-text {
    color: #686868;
}
.yh-list-opt__item:hover .yh-list-opt__rating-text a:hover {
    color: #686868;
}
.yh-list-opt__url {
    color: #000;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    overflow-wrap: break-word;
}
@media (max-width: 1023px) {
    .yh-list-opt__url {
        color: #747474;
    }
}
.yh-list-opt__url a {
    color: inherit;
    text-decoration: none;
}
.yh-list-opt__item:hover .yh-list-opt__url a {
    color: #fff;
}
@media (max-width: 1023px) {
    .yh-list-opt__item:hover .yh-list-opt__url a {
        color: #fff;
    }
}
.yh-list-opt__item:hover .yh-list-opt__url a:hover {
    text-decoration: underline;
}
.yh-list-opt__url-ad {
    font-size: 12px;
    border: 1px solid rgba(104, 104, 104, 0.3);
    border-radius: 3px;
    line-height: 1;
    margin-right: 0.5em;
    padding: 0 0.4em;
}
.yh-list-opt__link {
    font-size: 15px;
    padding-left: 2em;
    position: relative;
    float: none;
}
.yh-list-opt__link:after {
    content: "";
    display: table;
    clear: both;
}
.yh-list-opt__link:before {
    content: "\e913";
    font-family: icomoon;
    text-align: center;
    line-height: 17px;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 8px;
    color: white;
    background: #f85f1c;
}
.yh-list-opt__link a {
    text-decoration: none;
}
.yh-list-opt__item:hover .yh-list-opt__link {
    color: #f85f1c;
}
.yh-list-opt__item:hover .yh-list-opt__link:before {
    color: #fff;
}
.yh-list-opt__item:hover .yh-list-opt__link a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list-opt__link-title {
    color: #f85f1c;
    font-weight: 800;
    text-decoration: underline !important;
    display: block;
    float: left;
    padding-bottom: 3px;
}
.yh-list-opt__link-descr {
    color: #686868;
    font-size: 13px;
    display: block;
    float: left;
    clear: both;
}
.yh-list-opt__link-descr:before {
    content: "";
    clear: both;
}
.yh-list-opt__item:hover .yh-list-opt__link-descr {
    color: #fff;
}
.yh-list-opt__links--rhs {
    display: none;
    vertical-align: middle;
    width: 25%;
    padding-right: 10px;
}
@media (max-width: 1023px) {
    .yh-list-opt__links--rhs {
        display: none;
    }
}
.yh-list-opt__links--rhs .yh-list-opt__link {
    margin-bottom: 0.25em;
}
.yh-list-opt__links {
    width: 100%;
    margin: 0.5em 0 0.5em 0;
    display: flex;
    flex-wrap: wrap;
    float: none;
}
.yh-list-opt__links:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 480px) {
    .yh-list-opt__links {
        margin-left: 16px;
    }
}
.yh-list-opt__links .yh-list-opt__link {
    width: calc(50% - 2em);
    font-size: 15px;
    display: block;
    float: left;
    margin: 0 1em 3px 0;
}
@media (max-width: 768px) {
    .yh-list-opt__links .yh-list-opt__link {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .yh-list-opt__links .yh-list-opt__link {
        font-size: 15px;
    }
}
.yh-list-opt__btn-col {
    display: table-cell;
    width: 150px;
}
@media (max-width: 1023px) {
    .yh-list-opt__btn-col {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .yh-list-opt__btn-col {
        display: none;
    }
}
.yh-list-opt__btn--lg,
.yh-list-opt__btn--sm {
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #000;
    border: 1px solid #000;
    border-radius: 20px;
    display: block;
    position: relative;
}
.yh-list-opt__btn--lg:visited,
.yh-list-opt__btn--sm:visited {
    color: #fff;
}
.yh-list-opt__btn--lg:hover,
.yh-list-opt__btn--sm:hover {
    color: #fff;
    background: #f85f1c;
    border: 1px solid #f85f1c;
}
.yh-list-opt__btn--lg:before,
.yh-list-opt__btn--sm:before {
    font-family: "icomoon";
    content: "\e905 \e905";
}
.yh-list-opt__item:hover .yh-list-opt__btn--lg,
.yh-list-opt__item:hover .yh-list-opt__btn--sm {
    background: #f85f1c;
    border: 1px solid #f85f1c;
}
.yh-list-opt__item:hover .yh-list-opt__btn--lg:hover,
.yh-list-opt__item:hover .yh-list-opt__btn--sm:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
}
.yh-list-opt__btn--lg {
    font-size: 18px;
    text-transform: normal;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    position: relative;
    padding: 0;
    letter-spacing: 1;
    overflow: hidden;
}
.yh-list-opt__btn--lg:before {
    font-family: "icomoon";
    content: "\e913";
    float: right;
    display: block;
    padding: 0 1em 0 0;
    font-size: 12px;
}
.yh-list-opt__btn--sm {
    float: right;
    font-size: 15px;
    font-weight: 600;
    width: 62px;
    height: 62px;
    text-align: center;
    padding: 9px 0 0 0;
    margin: 0 0 5px 10px;
    text-decoration: none;
    border-radius: 4px;
}
@media (min-width: 769px) {
    .yh-list-opt__btn--sm {
        display: none;
    }
}
.yh-list-opt__btn--sm:before {
    font-family: "icomoon";
    content: "\e913";
    font-size: 0.75em;
    display: block;
    line-height: 16px;
    width: 100%;
    margin: 3px 0 3px;
    text-align: center;
}
.yh-list-opt__btn--chevron-only:before {
    font-size: 1em;
    line-height: 38px;
}
.yh-list-opt__4th-line-annotation,
.yh-list-opt__annotation,
.yh-list-opt__brand,
.yh-list-opt__callouts,
.yh-list-opt__categories,
.yh-list-opt__phone,
.yh-list-opt__rating-list,
.yh-list-opt__rating-list,
.yh-list-opt__review,
.yh-list-opt__security-badge,
.yh-list-opt__top-ad {
    color: #686868;
    margin-bottom: 3px;
}
.yh-list-opt__4th-line-annotation a,
.yh-list-opt__annotation a,
.yh-list-opt__brand a,
.yh-list-opt__callouts a,
.yh-list-opt__categories a,
.yh-list-opt__phone a,
.yh-list-opt__rating-list a,
.yh-list-opt__rating-list a,
.yh-list-opt__review a,
.yh-list-opt__security-badge a,
.yh-list-opt__top-ad a {
    color: inherit;
    text-decoration: none;
}
.yh-list-opt__4th-line-annotation a:hover,
.yh-list-opt__annotation a:hover,
.yh-list-opt__brand a:hover,
.yh-list-opt__callouts a:hover,
.yh-list-opt__categories a:hover,
.yh-list-opt__phone a:hover,
.yh-list-opt__rating-list a:hover,
.yh-list-opt__rating-list a:hover,
.yh-list-opt__review a:hover,
.yh-list-opt__security-badge a:hover,
.yh-list-opt__top-ad a:hover {
    color: #fff;
}
.yh-list-opt__item:hover .yh-list-opt__4th-line-annotation,
.yh-list-opt__item:hover .yh-list-opt__annotation,
.yh-list-opt__item:hover .yh-list-opt__brand,
.yh-list-opt__item:hover .yh-list-opt__callouts,
.yh-list-opt__item:hover .yh-list-opt__categories,
.yh-list-opt__item:hover .yh-list-opt__phone,
.yh-list-opt__item:hover .yh-list-opt__rating-list,
.yh-list-opt__item:hover .yh-list-opt__rating-list,
.yh-list-opt__item:hover .yh-list-opt__review,
.yh-list-opt__item:hover .yh-list-opt__security-badge,
.yh-list-opt__item:hover .yh-list-opt__top-ad {
    color: #fff;
}
.yh-list-opt__item:hover .yh-list-opt__4th-line-annotation:hover,
.yh-list-opt__item:hover .yh-list-opt__annotation:hover,
.yh-list-opt__item:hover .yh-list-opt__brand:hover,
.yh-list-opt__item:hover .yh-list-opt__callouts:hover,
.yh-list-opt__item:hover .yh-list-opt__categories:hover,
.yh-list-opt__item:hover .yh-list-opt__phone:hover,
.yh-list-opt__item:hover .yh-list-opt__rating-list:hover,
.yh-list-opt__item:hover .yh-list-opt__rating-list:hover,
.yh-list-opt__item:hover .yh-list-opt__review:hover,
.yh-list-opt__item:hover .yh-list-opt__security-badge:hover,
.yh-list-opt__item:hover .yh-list-opt__top-ad:hover {
    color: #fff;
}
.yh-list-opt--compact .wrapper {
    width: 100%;
    padding: 0;
}
.yh-list-opt--compact .yh-list-opt__item:hover .yh-list-opt--compact .yh-list-opt__url a {
    color: #fff;
}
.yh-list-opt--compact .yh-list-opt__item:hover .yh-list-opt--compact .yh-list-opt__url a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list-opt--compact .yh-list-opt__body {
    padding-right: 0;
}
.yh-list-opt--compact .yh-list-opt__url {
    color: #747474;
}
.yh-list-opt--compact .yh-list-opt__url a:hover {
    color: #fff;
    text-decoration: underline;
}
.yh-list-opt--compact .yh-list-opt__img {
    display: none;
    width: 78px;
}
.yh-list-opt--compact .yh-list-opt__img img {
    width: 65px;
    height: 65px;
}
.yh-list-opt--compact .yh-list-opt__title {
    font-size: 18px;
    margin: 0;
}
.yh-list-opt--compact .yh-list-opt__links--rhs {
    display: none;
}
.yh-list-opt--compact .yh-list-opt__links {
    display: block;
    margin-left: 16px;
}
.yh-list-opt--compact .yh-list-opt__link {
    width: 100%;
}
.yh-list-opt--compact .yh-list-opt__btn-col,
.yh-list-opt--compact .yh-list-opt__btn--lg {
    display: none;
}
.yh-list-opt--compact .yh-list-opt__btn--sm {
    display: block;
    border-radius: 4px;
}
.yh-list-opt--compact .yh-list-opt.yh--middle .yh-list-opt__item {
    margin-bottom: 1px;
}
.yh-list-opt--small .wrapper {
    width: 100%;
    padding: 0;
}
.yh-list-opt--small .yh-list-opt__item {
    padding: 10px;
}
.yh-list-opt--small .yh-list-opt__body {
    font-size: 13px;
    padding-right: 0;
}
.yh-list-opt--small .yh-list-opt__img {
    display: none;
}
.yh-list-opt--small .yh-list-opt__title {
    font-size: 15px;
}
.yh-list-opt--small .yh-list-opt__img,
.yh-list-opt--small .yh-list-opt__links--rhs,
.yh-list-opt--small .yh-list-opt__links,
.yh-list-opt--small .yh-list-opt__btn-col {
    display: none;
}
.yh-list-opt--small .yh-list-opt__btn--sm {
    display: block;
}
.yh-pla {
    margin-bottom: 0;
}
.yh-pla .load {
    display: flex;
    overflow: hidden;
}
.yh-pla .load > .yh-pla__item {
    width: calc(20% - 14px);
}
.yh-pla__header {
    float: none;
}
.yh-pla__header:after {
    content: "";
    display: table;
    clear: both;
}
.yh-pla__heading {
    float: left;
    padding: 10px 0 0 0;
}
.yh-pla__heading span {
    font-weight: 700;
}
.yh-pla__caption {
    color: #888;
    font-size: 12px;
    line-height: 12px;
    float: right;
    text-align: right;
    padding: 14px 0 0 0;
}
.yh-pla__list {
    margin-left: -3.5px;
    margin-right: -3.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.yh-pla__list > * {
    width: 100%;
    margin: 0 3.5px;
}
@media (max-width: 1023px) {
    .yh-pla__list {
        flex-wrap: nowrap;
        overflow: auto;
    }
}
.yh-pla__item {
    border: 1px solid #cacaca;
    border-radius: 10px;
    position: relative;
    transition: all 0.2s ease-out;
    float: left;
    width: calc(25% - 7px);
    margin: 0 3.5px 7px 3.5px;
}
.yh-pla__item:hover {
    box-shadow: 2px 5px 10px 2px rgba(173, 170, 168, 0.2);
    transform: scale(1.03);
}
.yh-pla__carousel {
    position: relative;
    margin: 0 5px;
}
.yh-pla__carousel .yh-pla__item {
    width: calc(100% - 10px);
    height: 100%;
}
.yh-pla__img {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 112px;
    width: 100%;
    margin: 15px auto;
}
.yh-pla__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.yh-pla__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.yh-pla__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yh-pla__img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
@media (max-width: 480px) {
    .yh-pla__img {
        display: block;
        position: relative;
        overflow: hidden;
    }
    .yh-pla__img:before {
        display: block;
        content: "";
        width: 100%;
        padding: 75% 0 0 0;
        z-index: 1;
    }
    .yh-pla__img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .yh-pla__img iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.yh-pla__body {
    overflow: hidden;
    padding: 0 15px 5px;
}
.yh-pla__name {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-weight: normal;
    display: block;
    line-height: 1.2;
    max-height: 3.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.yh-pla__name a {
    text-decoration: none;
}
.yh-pla__name a:hover {
    color: #f85f1c;
}
.yh-pla__store {
    font-size: 15px;
    color: #ff5400;
    line-height: 1.2;
    line-height: 1.2;
    max-height: 3.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 500;
    padding: 4px 0 0 0;
}
@media (max-width: 480px) {
    .yh-pla__store {
        border-top: none;
        width: auto;
        padding: 2px 0 0 0;
    }
}
.yh-pla__store a {
    text-decoration: none;
}
.yh-pla__store a:hover {
    color: #f85f1c;
    text-decoration: underline;
}
.yh-pla__price {
    color: #000;
    font-weight: 600;
    padding: 4px 0 0 0;
}
@media (max-width: 480px) {
    .yh-pla__price {
        border-top: none;
        width: auto;
        padding: 2px 0 0 0;
    }
}
.yh-pla__price a {
    text-decoration: none;
}
.yh-pla__price a:hover {
    text-decoration: underline;
}
.yh-pla__info {
    color: #a2a2a2;
    font-weight: 400;
    font-size: 14px;
    padding: 2px 0 0 0;
}
@media (max-width: 480px) {
    .yh-pla__info {
        border-top: none;
        width: auto;
    }
}
.yh-pla-list {
    margin-bottom: 1.5em;
}
.yh-pla-list__header {
    margin-top: 5px;
    margin-bottom: 10px;
    float: none;
}
.yh-pla-list__header:after {
    content: "";
    display: table;
    clear: both;
}
.yh-pla-list__heading {
    font-size: 17px;
    color: #525252;
    float: left;
    padding: 10px 0 0 0;
}
.yh-pla-list__heading span {
    font-weight: 700;
}
.yh-pla-list__caption {
    color: #888;
    font-size: 12px;
    font-weight: 100;
    line-height: 11px;
    float: right;
    text-align: right;
    padding: 19px 0 2px 7px;
}
.yh-pla-list__list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column;
}
.yh-pla-list__list > * {
    width: 100%;
}
@media (max-width: 1023px) {
    .yh-pla-list__list {
        flex-wrap: nowrap;
        overflow: auto;
    }
}
.yh-pla-list__item {
    display: flex;
    float: none;
    width: 100%;
    background: #f7f7f7;
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #008ffd;
    margin-bottom: 11px;
    position: relative;
}
@media (max-width: 768px) {
    .yh-pla-list__item {
        padding: 13px;
    }
}
.yh-pla-list__img {
    margin: 0;
    max-width: 63px;
    min-width: 63px;
    max-height: 63px;
    width: 100%;
    border: 1px solid #d7d7d7;
    background: #fff;
    display: block;
    position: relative;
    overflow: hidden;
}
.yh-pla-list__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.yh-pla-list__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.yh-pla-list__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yh-pla-list__img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.yh-pla-list__body {
    color: #242424;
    overflow: hidden;
    padding: 0 0 0 15px;
}
@media (max-width: 768px) {
    .yh-pla-list__body {
        margin-right: auto;
    }
}
.yh-pla-list__name {
    font-size: 15px;
    color: #f26201;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    line-height: 1.3;
    max-height: 3.9;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .yh-pla-list__name {
        font-size: 19px;
    }
}
@media (max-width: 480px) {
    .yh-pla-list__name {
        font-size: 16px;
    }
}
.yh-pla-list__name a:hover {
    text-decoration: underline;
    color: #f26201;
}
.yh-pla-list__description {
    margin-top: 3.5px;
    color: #242424;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 14px;
}
@media (max-width: 768px) {
    .yh-pla-list__description {
        font-size: 13px;
    }
}
.yh-pla-list__store {
    font-size: 15px;
    line-height: 1.3;
    line-height: 1.3;
    max-height: 3.9;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 500;
    color: #008ffd;
    margin: 3px 0 6px;
    padding: 0;
    font-size: 14px;
}
.yh-pla-list__store:hover {
    text-decoration: underline;
}
.yh-pla-list__store a:hover {
    color: #008ffd;
}
.yh-pla-list__price {
    font-weight: 500;
    font-weight: 800;
    padding: 0;
    font-size: 14px;
}
@media (max-width: 480px) {
    .yh-pla-list__price {
        border-top: none;
        width: auto;
        padding: 0;
    }
}
.yh-pla-list__price:hover {
    text-decoration: none;
}
.yh-pla-list__price-per-unit {
    font-weight: normal;
    margin-left: 5px;
}
.yh-pla-list__info {
    margin-top: 6px;
    padding: 0;
    color: #d9d9d9;
    font-weight: 400;
}
@media (max-width: 768px) {
    .yh-pla-list__info {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .yh-pla-list__info {
        border-top: none;
        width: auto;
    }
}
.yh-pla-list a {
    text-decoration: none;
}
.hide-caption .yh-pla__header {
    display: none;
}
.hide-caption .yh-list-hc__header {
    display: none;
}
.hide-caption .yh-list__header {
    display: none;
}
.yh-pla-list-reverse .yh-pla-list__item {
    flex-direction: row;
}
.yh-pla-list-reverse .yh-pla-list__body {
    padding: 0 0 0 15px;
    margin-right: 0;
}
.pla-top__mb {
    margin-bottom: 0;
}
.yh--top {
    margin-bottom: 1.5em;
}
.yh--middle {
    margin: 0 0 0.75em;
    padding: 0;
}
.yh--bottom {
    margin-bottom: 1.5em;
}
.yh--side {
    margin-bottom: 7px;
}
.hide-caption .yh-list__header {
    display: none;
}
.wrapper {
    width: 1160px;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .wrapper {
        padding: 0 20px;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .wrapper {
        width: 100%;
        padding: 0 20px;
    }
}
@media (max-width: 480px) {
    .wrapper {
        padding: 0 10px;
    }
}
.layout-3col__main {
    width: calc(99.9% - 2 * 230px);
    float: left;
    padding: 0 15px;
}
@media (max-width: 1023px) {
    .layout-3col__main {
        width: 100%;
        padding: 0;
    }
}
.layout-3col__left {
    width: 230px;
    float: left;
}
@media (max-width: 1023px) {
    .layout-3col__left {
        width: 100%;
    }
}
.layout-3col__right {
    width: 230px;
    float: right;
}
@media (max-width: 1023px) {
    .layout-3col__right {
        width: 100%;
    }
}
.layout-2col {
    float: none;
}
.layout-2col:after {
    content: "";
    display: table;
    clear: both;
}
.layout-2col__main {
    width: calc(99.9% - 280px);
    float: left;
    padding-right: 40px;
}
@media (max-width: 1200px) {
    .layout-2col__main {
        padding-right: 20px;
    }
}
@media (max-width: 1023px) {
    .layout-2col__main {
        width: 100%;
        padding-right: 0;
    }
}
.layout-2col__sidebar {
    width: 280px;
    float: left;
}
@media (max-width: 1023px) {
    .layout-2col__sidebar {
        width: 100%;
    }
}
.rating-stars {
    color: #c2c2c2;
    font-family: "icomoon";
    display: inline-block;
    font-size: 18px;
    height: 16px;
    line-height: 15px;
    white-space: nowrap;
    position: relative;
}
.rating-stars:before {
    color: #c2c2c2;
    content: "";
}
.rating-stars:after {
    color: #f7b500;
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 0;
}
.rating-stars[data-value="0"]:after {
    width: 0%;
}
.rating-stars[data-value=".5"]:after {
    width: 10%;
}
.rating-stars[data-value="1"]:after {
    width: 20%;
}
.rating-stars[data-value="1.5"]:after {
    width: 30%;
}
.rating-stars[data-value="2"]:after {
    width: 40%;
}
.rating-stars[data-value="2.5"]:after {
    width: 50%;
}
.rating-stars[data-value="3"]:after {
    width: 60%;
}
.rating-stars[data-value="3.5"]:after {
    width: 70%;
}
.rating-stars[data-value="4"]:after {
    width: 80%;
}
.rating-stars[data-value="4.5"]:after {
    width: 90%;
}
.rating-stars[data-value="5"]:after {
    width: 100%;
}
.yelp-rating-stars {
    width: 102px;
    height: 18px;
    display: inline-block;
    background: url(..//images/yelp-stars.png) 0 0 / cover no-repeat;
}
.yelp-rating-stars[data-value=".5"] {
    background-position: 0 0px;
}
.yelp-rating-stars[data-value="1"] {
    background-position: 0 -18px;
}
.yelp-rating-stars[data-value="1.5"] {
    background-position: 0 -36px;
}
.yelp-rating-stars[data-value="2"] {
    background-position: 0 -54px;
}
.yelp-rating-stars[data-value="2.5"] {
    background-position: 0 -72px;
}
.yelp-rating-stars[data-value="3"] {
    background-position: 0 -90px;
}
.yelp-rating-stars[data-value="3.5"] {
    background-position: 0 -108px;
}
.yelp-rating-stars[data-value="4"] {
    background-position: 0 -126px;
}
.yelp-rating-stars[data-value="4.5"] {
    background-position: 0 -144px;
}
.yelp-rating-stars[data-value="5"] {
    background-position: 0 -162px;
}
.pagination {
    color: #c2c2c2;
    margin: 0;
    text-align: center;
    float: none;
}
.pagination:after {
    content: "";
    display: table;
    clear: both;
}
.pagination__info {
    float: left;
    padding: 0.25em 0;
}
@media (max-width: 768px) {
    .pagination__info {
        float: none;
        width: 100%;
        text-align: center;
    }
}
.pagination__items {
    font-size: 13px;
}
@media (max-width: 768px) {
    .pagination__items {
        float: none;
        width: 100%;
        text-align: center;
    }
}
.pagination__items a {
    text-decoration: none;
}
.pagination__items a:hover {
    color: #000;
}
.pagination__prev,
.pagination__next,
.pagination__item {
    color: #525252;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
}
.pagination__prev,
.pagination__next {
    transform: translateY(0.1em);
}
.pagination__item.item-active {
    background: #f2f2f2;
}
.bnr {
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.bnr .wrapper {
    overflow: hidden;
}
.bnr,
.bnr--sidebar {
    margin-bottom: 1em;
}
.js-fit {
    margin: 0 auto;
}
.bnr--local-result {
    padding: 10px;
    border-bottom: 1px solid #d7d7d7;
}
@media (max-width: 480px) {
    .bnr--local-result {
        padding: 10px 0;
    }
}
.emp-bnr {
    text-align: center;
    max-width: 100%;
    overflow: auto;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.emp-bnr--search {
    border-bottom: none;
    padding: 0.5em 0;
}
@media (max-width: 480px) {
    .emp-bnr--search {
        padding: 0;
    }
}
.emp-bnr--product-detail,
.emp-bnr--local-detail {
    margin: 0.25em 0 1.5em;
}
.emp-bnr--bottom {
    margin: 0 0 1.5em;
}
.adm-bnr,
.afc-bnr {
    padding-bottom: 0.75em;
    text-align: center;
}
.page-product .adm-bnr {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
}
.carousel {
    position: relative;
}
.carousel__wrap {
    margin: 0 -8px;
}
.carousel__wrap > div {
    display: flex;
    align-items: stretch;
    padding-top: 8px;
    padding-bottom: 18px;
}
.carousel__wrap > div .carousel__item {
    min-height: 100%;
    margin: 0 10px;
}
.carousel__prev,
.carousel__next {
    display: block;
    text-align: center;
    background: #fff;
    cursor: pointer;
    color: #cacaca;
    opacity: 1;
    border-radius: 20px;
    border: 1px solid #cacaca;
    width: 40px;
    height: 40px;
    line-height: 45px;
    top: 48%;
    transform: translateY(-50%);
    position: absolute;
    font-size: 25px;
}
.carousel__prev:hover,
.carousel__next:hover {
    color: #fff;
    background: #f85f1c;
    border: 1px solid #f85f1c;
}
.carousel__prev {
    left: -25px;
}
.carousel__next {
    right: -20px;
}
@media (max-width: 1340px) {
    .carousel__prev {
        left: -23px;
    }
    .carousel__next {
        right: -21px;
    }
}
@media (max-width: 480px) {
    .carousel__prev,
    .carousel__next {
        display: none;
    }
}
.cookies-info {
    line-height: 1.2;
    display: none;
    width: 100%;
    z-index: 2;
}
.cookies-info a {
    color: inherit;
    text-decoration: underline;
}
.cookies-info--bottom {
    position: fixed;
    bottom: 0;
    color: #8c8c8c;
    background: #f2f2f2;
    padding: 10px 5px;
}
.cookies-info__text {
    padding-right: 24px;
}
.cookies-info--desk {
    font-size: 12px;
}
@media (max-width: 480px) {
    .cookies-info--desk {
        display: none;
    }
}
.cookies-info--mob {
    font-size: 12px;
    display: none;
}
@media (max-width: 480px) {
    .cookies-info--mob {
        display: block;
    }
}
.cookies-info__close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    opacity: 0.5;
    cursor: pointer;
}
.cookies-info__close:hover {
    opacity: 1;
}
.cookies-info__close:before,
.cookies-info__close:after {
    position: absolute;
    left: 10px;
    content: " ";
    height: 25px;
    width: 2px;
    background-color: #525252;
}
.cookies-info__close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.cookies-info__close:after {
    -webkit-transform: rotate(-45deg);
}
.share-icons {
    font-size: 35px;
    display: flex;
    align-items: center;
}
.share-icons a {
    text-decoration: none;
}
.share-icons > span {
    font-size: 12px;
    color: #1581c1;
    margin-right: 10px;
}
.share-icons i.icon {
    display: inline-block;
    margin: 0 0.25em 0 0;
}
.share-icons i.icon:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}
.share-icons .icon-facebook-with-circle {
    color: #5f82c4;
}
.share-icons .icon-twitter-with-circle {
    color: #43bdf0;
}
.share-icons .icon-pinterest-with-circle {
    color: #cb2027;
}
.heading--secondary {
    color: #000;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .heading--secondary {
        font-size: 15px;
    }
}
.heading--secondary b,
.heading--secondary strong,
.heading--secondary span {
    font-weight: bold;
}
.heading-with-line {
    color: #000;
    font-size: 25px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex: 1 0;
    margin-bottom: 0.75em;
}
@media (max-width: 768px) {
    .heading-with-line {
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    .heading-with-line {
        font-size: 18px;
    }
}
.heading-with-line:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #f85f1c;
    flex: 1;
    margin-left: 0.5em;
}
@media (max-width: 768px) {
    .heading-with-line:after {
        height: 2px;
    }
}
.heading-with-line--orange:after {
    background: #f85f1c;
}
.heading-with-line--blue:after {
    background: #f85f1c;
}
.nav-dropdown__toggle {
    opacity: 0;
}
.nav-dropdown__btn {
    display: flex;
    align-items: center;
    width: 26px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
    margin-left: auto;
}
.nav-dropdown__btn > span,
.nav-dropdown__btn > span::before,
.nav-dropdown__btn > span::after {
    display: block;
    position: absolute;
    width: 25px;
    height: 4px;
    transition: 0.2s;
    border-radius: 16px;
    background-color: #999999;
}
.nav-dropdown__btn > span::before {
    content: "";
    top: -9px;
}
.nav-dropdown__btn > span::after {
    content: "";
    top: 9px;
}
.nav-dropdown__box {
    display: none;
    top: 0;
    left: -100%;
    height: 100%;
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 21px 0;
    background: #fff;
}
.nav-dropdown__item {
    display: block;
    padding: 1em 5px;
    font-size: 15px;
    text-decoration: none !important;
    color: #8c8c8c !important;
    font-weight: 300;
    background: #fff;
}
.nav-dropdown__item:hover {
    background-color: #e6ecf0;
}
.nav-dropdown__toggle:checked ~ .nav-dropdown__btn > span {
    transform: rotate(45deg);
}
.nav-dropdown__toggle:checked ~ .nav-dropdown__btn > span::before {
    top: 0;
    transform: rotate(0);
}
.nav-dropdown__toggle:checked ~ .nav-dropdown__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}
.nav-dropdown__toggle:checked ~ .nav-dropdown__box {
    display: block;
    left: 0;
}
.filter-form {
    font-size: 14px;
}
@media (max-width: 1023px) {
    .filter-form {
        display: none;
    }
}
.filter-form__field {
    margin-bottom: 1em;
}
.filter-form__heading {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
    background-color: #f1f1f1;
    color: #000;
    padding: 10px 0 10px 20px;
}
.filter-form__check {
    display: block;
    margin-bottom: 12px;
    padding-left: 20px;
}
.filter-form__check span {
    color: #999;
}
button.filter-form__btn.btn--out,
input[type="submit"].filter-form__btn.btn--out {
    padding: 0 4em;
    margin: 0 auto;
    display: block;
    border-color: #bfbfbf;
}
button.filter-form__btn.btn--out:hover,
input[type="submit"].filter-form__btn.btn--out:hover {
    border-color: #999;
}
.filter-form__select {
    width: 100%;
}
.filter-form__range {
    margin-bottom: 10px;
}
.filter-form__more {
    color: #999;
    display: inline-block;
    margin: 0 0 1em;
    border-bottom: 1px dashed #c2c2c2;
}
.filter-form__more:hover {
    color: #525252;
}
.filter-form__more span:nth-of-type(1) {
    display: initial;
}
.filter-form__more span:nth-of-type(2) {
    display: none;
}
.filter-form__more.is-opened span:nth-of-type(1) {
    display: none;
}
.filter-form__more.is-opened span:nth-of-type(2) {
    display: initial;
}
.filter-form--mobile {
    padding-bottom: 1.5em;
}
.filter-form--mobile .filter-form__heading.sidebar__heading {
    font-weight: normal;
}
.filter-form--mobile {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
@media (max-width: 480px) {
    .filter-form--mobile .slider {
        width: 91%;
        margin: 1em 4.5%;
    }
}
.hotspots {
    margin-bottom: 1em;
}
a.hotspot {
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    padding-left: 14px;
    text-decoration: none;
    margin: 0 0.25em 0.5em 0;
    display: block;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}
a.hotspot:hover {
    color: #000;
}
a.hotspot:before {
    content: "";
    font-family: "icomoon";
    color: #000;
    font-size: 10px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
div.hotspots__container.hotspots__line {
    display: flex;
    flex-wrap: wrap;
}
a.hotspot--btn {
    color: #f85f1c;
    background: transparent;
    font-weight: normal;
    border-radius: 0;
    transition: background-color 0.15s;
    border: 1px solid rgba(248, 95, 28, 0.3);
    font-size: 14px;
    font-weight: normal;
    border-radius: 4px;
    text-transform: capitalize;
    display: block;
    position: relative;
    text-decoration: none;
    margin: 0 0.25em 0.25em 0;
}
a.hotspot--btn:visited {
    color: #f85f1c;
}
a.hotspot--btn:hover,
a.hotspot--btn:visited:hover {
    color: #fff;
    background: #f85f1c;
    border-color: transparent;
    text-decoration: none;
}
.hotspots__heading {
    font-size: 13px;
    color: #c2c2c2;
    font-weight: normal;
    margin-bottom: 0.5em;
}
.hotspots__layout {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -4px;
    margin-right: -4px;
}
.hotspots__layout .hotspot--btn {
    float: left;
    width: calc(25% - 8px);
    margin: 0 4px 8px 4px;
}
@media (max-width: 768px) {
    .hotspots__layout .hotspot--btn {
        float: left;
        width: calc(50% - 8px);
        margin: 0 4px 8px 4px;
    }
}
.hotspots__layout--3col {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -4px;
    margin-right: -4px;
}
.hotspots__layout--3col .hotspot--btn {
    float: left;
    width: calc(33.33% - 8px);
    margin: 0 4px 8px 4px;
}
@media (max-width: 768px) {
    .hotspots__layout--3col .hotspot--btn {
        float: left;
        width: calc(50% - 8px);
        margin: 0 4px 8px 4px;
    }
}
.home-hero {
    margin-bottom: 30px;
}
.home-hero__heading {
    color: #fff;
    font-size: 28px;
    line-height: 1.3;
    margin-right: 50px;
    margin-bottom: 30px;
}
@media (max-width: 1023px) {
    .home-hero__heading {
        margin-right: 0px;
    }
}
@media (max-width: 480px) {
    .home-hero__heading {
        font-size: 23px;
        text-align: left;
    }
}
.home-hero__form {
    width: 57%;
    padding: 110px 150px 110px 70px;
}
@media (max-width: 1200px) {
    .home-hero__form {
        padding: 75px 50px;
    }
}
@media (max-width: 1023px) {
    .home-hero__form {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .home-hero__form {
        width: 100%;
    }
}
@media (max-width: 920px) {
    .home-hero__form {
        padding: 50px 50px;
    }
}
@media (max-width: 768px) {
    .home-hero__form {
        padding: 50px 50px 56px;
    }
}
@media (max-width: 480px) {
    .home-hero__form {
        padding: 40px 30px;
    }
}
.home-hero__img {
    float: left;
    position: relative;
    text-decoration: none;
}
.home-hero__img:nth-child(3) {
    float: right;
    width: 267px;
    padding-left: 10px;
    padding-bottom: 0;
}
.home-hero__img-name {
    position: absolute;
    display: block;
    text-transform: uppercase;
    width: 100%;
    padding: 6px 0;
    background: #000;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin-top: -5px;
}
.home-hero__img-ad {
    width: 168px;
    height: auto;
    position: absolute;
    padding: 30px 20px;
    top: 0;
    right: 0;
    background: #000;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: 0 17px 0 0;
}
.home-hero__img-ad p {
    color: #f85f1c;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 0;
}
.home-hero__img-wrap {
    width: 43%;
    display: flex;
    background: white;
}
@media (max-width: 1023px) {
    .home-hero__img-wrap {
        width: auto;
    }
}
@media (max-width: 768px) {
    .home-hero__img-wrap {
        display: none;
    }
}
.home-hero__img-left {
    width: 45%;
    display: flex;
    flex-direction: column;
}
.home-hero__img-left .home-hero__img {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.home-hero__img-left .home-hero__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home-hero__img-left .home-hero__img:first-of-type {
    margin-bottom: 11px;
}
@media (max-width: 1023px) {
    .home-hero__img-left {
        display: none;
    }
}
.home-hero__img-right {
    width: 55%;
    position: relative;
    background: #c8dddd;
    margin-left: 10px;
    border-radius: 0 17px 0 0;
}
@media (max-width: 1023px) {
    .home-hero__img-right {
        width: 100%;
        max-height: 400px;
    }
}
.home-hero__img-right .home-hero__img {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.home-hero__img img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1023px) {
    .home-hero__img img {
        max-height: 100%;
    }
}
.home-hero__wrap {
    display: flex;
    justify-content: space-between;
    background: #f85f1c;
    border-radius: 17px;
    background-size: contain;
}
.home-hero .search-bar {
    max-width: 100%;
}
.home-hero__search-bar {
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 25px;
}
.home-hero__search-bar button.search-bar__btn {
    color: #000;
    margin-right: 31px;
}
.home-hero__search-bar button.search-bar__btn::after {
    font-size: 24px;
    line-height: 48px;
}
@media (max-width: 480px) {
    .home-hero__search-bar button.search-bar__btn::after {
        font-size: 20px;
        line-height: 38px;
    }
}
.home-hero__search-bar input.search-bar__input {
    height: 48px;
    width: 48px;
    padding: 0 3em;
}
.home-hero__search-bar input.search-bar__input::-moz-placeholder {
    color: #999;
}
.home-hero__search-bar input.search-bar__input:-ms-input-placeholder {
    color: #999;
}
.home-hero__search-bar input.search-bar__input::placeholder {
    color: #999;
}
@media (max-width: 480px) {
    .home-hero__search-bar input.search-bar__input {
        height: 45px;
        width: 45px;
        padding: 0 2em;
    }
}
.home-search {
    margin-bottom: 30px;
}
.home-search__heading {
    font-size: 21px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 25px;
}
.home-search__heading span {
    color: #f85f1c;
}
.home-search__search {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.home-search__form {
    display: flex;
    flex-wrap: nowrap;
}
@media (max-width: 768px) {
    .home-search__form {
        flex-direction: column;
        align-items: flex-end;
    }
}
.home-search__label {
    font-size: 19px;
    padding-right: 15px;
    color: #000;
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .home-search__label {
        margin-bottom: 10px;
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    .home-search__label {
        font-size: 17px;
    }
}
.home-search__label span {
    padding-right: 10px;
}
.home-search__btn {
    width: 184px;
}
@media (max-width: 768px) {
    .home-search__btn {
        margin: 13px auto 0 auto;
    }
}
.home-search__categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-search__category {
    width: calc(16.666% - 12px);
    margin-bottom: 15px;
    background: #f3f3f3;
    border-radius: 8px;
    height: 170px;
    text-decoration: none;
    padding: 23px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.home-search__category:hover {
    background: #eee;
}
@media (max-width: 768px) {
    .home-search__category {
        width: calc(25% - 10px);
        margin-bottom: 15px;
        height: auto;
    }
}
@media (max-width: 480px) {
    .home-search__category {
        width: calc(33.333% - 6px);
        margin-bottom: 15px;
    }
}
@media (max-width: 360px) {
    .home-search__category {
        padding: 14px 10px;
    }
}
.home-search__category-name {
    font-size: 12px;
    line-height: 1em;
    color: #000;
    font-weight: 400;
    text-align: center;
}
.home-search__category-icon {
    align-self: center;
    height: 50px;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.home-search__category-icon img {
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width: 768px) {
    .home-search__category-icon {
        height: 40px;
    }
    .home-search__category-icon img {
        max-width: 40px;
        max-height: 40px;
    }
}
input.home-search__input {
    border-radius: 10px;
    height: 44px;
    line-height: 44px;
    padding: 0 1em;
    border-color: #000;
}
@media (max-width: 480px) {
    input.home-search__input {
        height: 36px;
        line-height: 36px;
    }
}
.popular-products {
    padding-bottom: 30px;
}
.popular-products__layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popular-products__item {
    margin: 0 7.5px 0 7.5px;
    height: 100%;
}
.page-home .latest-products {
    margin-bottom: 30px;
}
.page-home .latest-products__item {
    width: calc(20% - 15px);
}
@media (max-width: 1023px) {
    .page-home .latest-products__item {
        width: calc(20% - 6px);
    }
}
@media (max-width: 768px) {
    .page-home .latest-products__item {
        width: 45%;
        min-width: 140px;
    }
}
@media (max-width: 480px) {
    .page-home .latest-products__item {
        min-width: 125px;
    }
}
.search-layout {
    margin-left: -12.5px;
    margin-right: -12.5px;
    float: none;
}
.search-layout:after {
    content: "";
    display: table;
    clear: both;
}
.search-layout__main {
    float: left;
    width: calc(50% - 25px);
    margin: 0 12.5px 0 12.5px;
}
@media (max-width: 1023px) {
    .search-layout__main {
        float: left;
        width: calc(100% - 25px);
        margin: 0 12.5px 25px 12.5px;
    }
}
.search-layout__wrap {
    margin-left: 12.5px;
    margin-right: 12.5px;
}
.search-layout__sidebar {
    float: left;
    width: calc(25% - 25px);
    margin: 0 12.5px 0 12.5px;
}
@media (max-width: 1023px) {
    .search-layout__sidebar {
        float: left;
        width: calc(100% - 25px);
        margin: 0 12.5px 25px 12.5px;
        margin-bottom: 0;
    }
}
.search-layout__search-mobile {
    display: none;
}
@media (max-width: 768px) {
    .search-layout__search-mobile {
        display: block;
        margin: 20px 0 0;
    }
    .search-layout__search-mobile form {
        margin: 0;
    }
}
.search-results__heading-wrap {
    background: #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.search-results__heading {
    color: #000;
    font-size: 17px;
    padding: 5px 0 0px 20px;
    line-height: 1.25;
    margin-right: 7px;
}
@media (max-width: 768px) {
    .search-results__heading {
        font-size: 15px;
        padding-left: 14px;
    }
}
.search-results__descr {
    color: #999;
    margin-bottom: 20px;
}
.search-results__yelp-wrap {
    margin-right: 15px;
}
@media (max-width: 768px) {
    .search-results__yelp-wrap {
        text-align: right;
        margin-right: 14px;
        min-width: 112px;
    }
}
.search-results__yelp-label {
    font-size: 12px;
    color: #838383;
    display: inline-block;
    transform: translateY(-5px);
}
.search-results__yelp-logo {
    max-width: 45px;
}
.search-result {
    font-size: 14px;
    line-height: 1.25em;
    position: relative;
    margin-bottom: 0.33em;
    padding: 1.25em 1.5em;
    background: #e5e5e5;
    float: none;
}
.search-result:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 640px) {
    .search-result {
        display: block;
        line-height: 1.25;
        font-size: 13px;
        padding: 0.75em 1em;
    }
}
.search-result__img {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 90px;
    position: relative;
    margin-right: 1.5em;
    flex-shrink: 0;
}
.search-result__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.search-result__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.search-result__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 640px) {
    .search-result__img {
        width: 60px;
        margin-right: 1em;
    }
}
.search-result__img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.search-result__label {
    color: #fff;
    font-size: 11px;
    background: #041d56;
    font-weight: bold;
    text-align: center;
    padding: 0 0.25em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.search-result__body {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.search-result__name {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    color: #525252;
    padding: 0;
    margin: 0 0 0.4em 0;
    text-decoration: none;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 640px) {
    .search-result__name {
        font-size: 15px;
        margin: 0 0 0.33em 0;
    }
}
.search-result__name a,
.search-result__name a:visited {
    color: inherit;
    text-decoration: none;
}
.search-result__name a:hover,
.search-result__name a:visited:hover {
    color: #000;
}
.search-result__descr {
    font-size: 14px;
    line-height: 1.3;
    color: #c2c2c2;
    margin-bottom: 0.5em;
}
@media (max-width: 480px) {
    .search-result__descr {
        font-size: 12px;
    }
}
.search-result__price {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0.5em 0 0;
    padding: 0;
    white-space: nowrap;
    flex-shrink: none;
    display: inline-block;
}
.search-result__price span {
    color: #c2c2c2;
    font-weight: normal;
}
@media (max-width: 640px) {
    .search-result__price {
        font-size: 14px;
        line-height: initial;
        margin: 0 10px 0 0;
        display: inline-block;
    }
}
.serp-info__heading {
    margin-bottom: 5px;
}
.serp-info__descr {
    color: #999;
}
.page-search .header + .wrapper {
    margin-top: 25px;
}
.product-detail {
    margin-bottom: 25px;
    background: #fff;
    width: 100%;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .product-detail {
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .product-detail {
        margin-top: 15px;
        width: auto;
    }
}
.product-detail__layout {
    float: none;
}
.product-detail__layout:after {
    content: "";
    display: table;
    clear: both;
}
.product-detail__img-wrap {
    width: 50%;
    float: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
    .product-detail__img-wrap {
        max-width: 25%;
        margin-right: 12px;
    }
}
.product-detail__main {
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 70px;
}
@media (max-width: 1023px) {
    .product-detail__main {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .product-detail__main {
        padding: 0;
        width: 100%;
    }
}
.product-detail__img {
    display: block;
    border: 1px solid #dadada;
    border-radius: 17px;
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.product-detail__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 66.66667% 0 0 0;
    z-index: 1;
}
.product-detail__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.product-detail__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .product-detail__img {
        display: block;
        position: relative;
        overflow: hidden;
        max-width: 480px;
        margin: 0 auto;
    }
    .product-detail__img:before {
        display: block;
        content: "";
        width: 100%;
        padding: 100% 0 0 0;
        z-index: 1;
    }
    .product-detail__img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
    }
    .product-detail__img iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.product-detail__img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    font-family: "object-fit: scale-down";
}
.product-detail__name {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    margin: 10px 0 20px;
}
@media (max-width: 768px) {
    .product-detail__name {
        font-size: 19px;
        margin: 0;
    }
}
@media (max-width: 420px) {
    .product-detail__name {
        font-size: 15px;
    }
}
.product-detail__store {
    font-size: 17px;
    color: #f85f1c;
    font-weight: 600;
}
@media (max-width: 768px) {
    .product-detail__store {
        font-size: 15px;
    }
}
@media (max-width: 420px) {
    .product-detail__store {
        font-size: 12px;
    }
}
.product-detail__secondary-info {
    color: #999;
    font-size: 13px;
    width: 100%;
    margin: 0 0 0.75rem 0;
    float: none;
}
.product-detail__secondary-info:after {
    content: "";
    display: table;
    clear: both;
}
.product-detail__rating {
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 480px) {
    .product-detail__rating {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 0.25em;
    }
}
.product-detail__rating .rating-stars {
    margin-right: 0.33em;
}
.product-detail__shipping {
    float: right;
}
.product-detail__shipping .icon {
    margin-right: 0.33em;
}
@media (max-width: 480px) {
    .product-detail__shipping {
        float: none;
    }
}
.product-detail__nav {
    margin-bottom: 1em;
}
@media (max-width: 480px) {
    .product-detail .tabs__item {
        padding-top: 0;
    }
}
.product-detail__descr {
    font-size: 16px;
    color: #666666;
    font-weight: 300;
    min-height: 140px;
}
.product-detail__descr p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .product-detail__descr {
        margin: 15px 0 10px;
    }
}
.product-detail__sub-heading {
    color: #525252;
    font-size: 15px;
    margin: 0 0 0.5em 0;
}
@media (max-width: 480px) {
    .product-detail__share {
        display: none;
    }
}
.product-detail__nav {
    text-align: left;
    justify-content: left;
}
.product-detail__thumbs {
    float: none;
    margin-top: 3%;
    position: relative;
    margin-left: -1.5%;
    margin-right: -1.5%;
}
.product-detail__thumbs:after {
    content: "";
    display: table;
    clear: both;
}
.product-detail__thumb {
    float: left;
    width: calc(20% - 3%);
    margin: 0 1.5% 3% 1.5%;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
}
.product-detail__thumb:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.product-detail__thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.product-detail__thumb iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product-detail__thumb:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 640px) and (max-width: 768px) {
    .product-detail__thumb {
        float: left;
        width: calc(16.66667% - 3%);
        margin: 0 1.5% 3% 1.5%;
    }
}
.product-detail__thumb:hover {
    border: 1px solid #e5e5e5;
    cursor: pointer;
}
.product-detail__thumb:hover:after {
    opacity: 0;
}
.product-detail__thumb.is-active,
.product-detail__thumb:hover.is-active {
    border: 1px solid #041d56;
}
.product-detail__thumb.is-active:after,
.product-detail__thumb:hover.is-active:after {
    opacity: 0;
}
.product-detail__thumb img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.price-area {
    width: 100%;
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media (max-width: 768px) {
    .price-area {
        justify-content: space-between;
    }
}
.price-area__price {
    color: #000;
    font-size: 24px;
}
.price-area__price span {
    font-size: 17px;
    font-weight: bold;
    color: #666;
}
@media (max-width: 768px) {
    .price-area__price {
        margin-right: 15px;
    }
}
.price-area__label {
    display: block;
}
.price-area__label span {
    font-size: 11px;
    background: #041d56;
    padding: 0.1em 0.5em;
}
.price-area__value {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0 10px;
}
@media (max-width: 768px) {
    .price-area__price,
    .price-area__value,
    .price-area__rating {
        display: inline;
    }
}
.price-area__old {
    font-size: 13px;
    color: #c2c2c2;
    display: inline-block;
}
.price-area__discount {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    background: #041d56;
    padding: 0 0.33em;
    margin-right: 0.33em;
}
.price-area__label {
    font-size: 14px;
    color: #666;
    margin-left: 15px;
}
.price-area__merchant {
    float: left;
    min-width: 175px;
    height: 50px;
    margin-right: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #dbdbdb;
    border-radius: 25px;
}
@media (max-width: 768px) {
    .price-area__merchant {
        width: 165px;
        height: 44px;
    }
}
@media (max-width: 370px) {
    .price-area__merchant {
        width: 125px;
    }
}
.price-area__merchant-img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    width: 50%;
}
.price-area__merchant-img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 50% 0 0 0;
    z-index: 1;
}
.price-area__merchant-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.price-area__merchant-img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.price-area__merchant-img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.price-area__merchant-name {
    display: block;
    margin-right: 15px;
}
@media (min-width: 1024px) {
    .price-area__btn-wrap {
        width: 175px;
    }
}
.price-area__btn {
    display: block;
    width: 175px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 35px;
    box-shadow: 0 2px 3px rgba(217, 221, 235, 0.5);
    background-image: linear-gradient(90deg, #f85f1c 0%, #ff5750 100%);
    border: 2px solid #ee1a50;
    font-weight: normal;
    line-height: 46px;
}
.price-area__btn:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #f34f07 0%, #ff3f37 100%);
}
@media (max-width: 768px) {
    .price-area__btn {
        width: 165px;
        height: 44px;
        line-height: 41px;
    }
}
@media (max-width: 370px) {
    .price-area__btn {
        width: 125px;
    }
}
.stores__item {
    display: flex;
    border: 1px solid #d7d7d7;
    padding: 20px 30px;
    border-radius: 10px;
    justify-content: space-between;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
    .stores__item {
        padding: 15px;
        margin-bottom: 12px;
    }
}
.stores__section-price,
.stores__section-logo {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .stores__section-price,
    .stores__section-logo {
        flex-direction: column;
    }
}
.stores__section-price {
    width: calc(50% - 25px);
    margin-right: 50px;
}
@media (max-width: 1023px) {
    .stores__section-price {
        width: calc(65% - 5px);
        margin-right: 10px;
    }
}
.stores__section-logo {
    width: calc(45% - 25px);
}
@media (max-width: 1023px) {
    .stores__section-logo {
        width: calc(30% - 5px);
    }
}
.stores__img-wrap {
    margin: 0 30px 0 0;
}
@media (max-width: 768px) {
    .stores__img-wrap {
        margin: 0 20px 0 0;
    }
}
@media (max-width: 360px) {
    .stores__img-wrap {
        margin: 0 10px 0 0;
    }
}
.stores__img {
    max-height: 75px;
    max-width: 75px;
    display: block;
    position: relative;
    overflow: hidden;
}
.stores__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.stores__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.stores__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .stores__img {
        max-height: 60px;
        max-width: 60px;
    }
}
.stores__product-descr {
    font-size: 16px;
    color: #000;
    line-height: 1.25em;
    text-decoration: none;
    align-self: center;
    margin: 0 5px 0 0;
    max-width: 70%;
}
.stores__product-descr:hover {
    color: #020d2b;
}
@media (max-width: 768px) {
    .stores__product-descr {
        max-width: 100%;
        font-size: 15px;
    }
}
.stores__product-descr span {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
}
.stores__price {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    align-self: center;
}
@media (max-width: 768px) {
    .stores__price {
        font-size: 15px;
        place-self: auto;
    }
}
.stores__price-label {
    font-size: 15px;
    color: #666666;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .stores__price-label {
        font-size: 11px;
    }
}
.stores__logo {
    align-self: center;
}
.stores__logo img {
    max-width: 100px;
}
@media (max-width: 768px) {
    .stores__logo {
        place-self: center;
    }
    .stores__logo img {
        max-width: 70px;
    }
}
.stores__name {
    align-self: center;
    max-width: 100px;
    width: 100%;
    text-align: center;
}
.stores__rating {
    align-self: center;
    margin: 0 5px;
}
@media (max-width: 1023px) {
    .stores__rating {
        display: none;
    }
}
a.stores__btn {
    width: 130px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 2px 3px rgba(217, 221, 235, 0.5);
    background-color: #ffffff;
    border: 1px solid #000;
    align-self: center;
    color: #000;
    text-decoration: none;
}
a.stores__btn:hover {
    color: white;
    background: #f85f1c;
    border-color: #f85f1c;
}
@media (max-width: 768px) {
    a.stores__btn {
        max-width: 100px;
        height: 30px;
        line-height: 29px;
        place-self: center;
        font-size: 12px;
    }
}
.local-results__logo {
    float: right;
    transform: translateY(-0.7em);
}
.local-results__filters {
    font-size: 13px;
    margin: -0.5em 0 0.5em;
    color: #999;
}
.local-results__filters .icon {
    margin-right: 0.333em;
}
.local-results .filter-form--mobile {
    display: flex;
    flex-wrap: wrap;
}
.local-results .filter-form--mobile .filter-form__field {
    font-size: 13px;
    width: 50%;
    overflow-wrap: break-word;
}
.local-results .filter-form--mobile .filter-form__field label {
    font-size: 13px;
}
.local-categories {
    font-size: 13px;
    margin: 0 0 1.25em;
}
.local-categories-title {
    font-weight: 700;
    display: inline-block;
    margin: 0 0.75em 0.5em 0;
}
@media (max-width: 480px) {
    .local-categories-title {
        display: none;
    }
}
.local-category-list {
    display: inline;
    margin: 0;
    padding: 0;
}
.local-category,
.local-category-active {
    list-style: none;
    display: inline-block;
    border-bottom: 3px solid transparent;
    padding: 0 0 0.25em 0;
    margin: 0 0.75em 0em 0;
}
@media (max-width: 480px) {
    .local-category,
    .local-category-active {
        margin: 0 0.75em 0.25em 0;
    }
}
.local-category a,
.local-category-active a {
    color: #999;
    text-decoration: none;
}
.local-category-active a {
    color: #525252;
}
.local-category a:hover,
.local-category-active a:hover {
    color: #525252;
}
.local-category:hover {
    border-bottom-color: #d7d7d7;
}
.local-category:hover a {
    color: #000;
}
.local-category-active {
    list-style: none;
    line-height: 1;
    border-bottom: 3px solid #f85f1c;
}
@media (max-width: 480px) {
    .local-category-active {
        border-bottom: 2px solid #f85f1c;
    }
}
.local-item {
    font-size: 14px;
    line-height: 1.25em;
    position: relative;
    margin-bottom: 15px;
    padding: 15px 20px;
    display: flex;
    align-items: stretch;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(217, 221, 235, 0.5);
    border: 1px solid #d7d7d7;
    float: none;
}
.local-item:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 768px) {
    .local-item {
        display: block;
        line-height: 1.25;
        padding: 14px;
        margin-bottom: 12px;
    }
}
.local-item__img {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #a7b7e7;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 25px;
}
.local-item__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.local-item__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.local-item__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.local-item__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
@media (max-width: 768px) {
    .local-item__img {
        width: 70px;
        height: 70px;
        margin-right: 12px;
    }
}
.local-item__body {
    overflow: hidden;
    flex: 1;
    align-self: center;
}
.local-item__name {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-weight: normal;
    padding: 0;
    margin: 0 0 8px;
    text-decoration: none;
}
@media (max-width: 640px) {
    .local-item__name {
        font-size: 14px;
    }
}
.local-item__name a,
.local-item__name a:visited {
    color: inherit;
    text-decoration: none;
}
.local-item__name a:hover,
.local-item__name a:visited:hover {
    color: #000;
    text-decoration: underline;
}
.local-item__address {
    color: #999;
}
.local-item__rating {
    margin-bottom: 10px;
}
.local-item .yelp-rating-stars {
    margin-right: 0.5em;
    vertical-align: middle;
}
.local-item__reviews {
    color: #999;
    display: inline-block;
    vertical-align: middle;
}
.local-item__more {
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
}
.local-item__more:hover {
    color: #000;
    text-decoration: underline;
}
.local-detail {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .local-detail {
        margin-top: 15px;
    }
}
.local-detail__layout {
    float: none;
}
.local-detail__layout:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 1160px) {
    .local-detail__layout {
        margin-bottom: 40px;
    }
}
.local-detail__main {
    float: left;
    width: calc(100% - (460px + 40px));
    background: #fff;
    padding: 35px 30px 35px 35px;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(217, 221, 235, 0.5);
    border: 1px solid #d7d7d7;
    margin-bottom: 40px;
}
@media (max-width: 1160px) {
    .local-detail__main {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .local-detail__main {
        padding: 20px;
    }
}
.local-detail__sidebar {
    float: right;
    width: 460px;
}
@media (max-width: 1160px) {
    .local-detail__sidebar {
        width: 100%;
    }
}
.local-detail__media {
    color: #999;
    font-size: 17px;
    float: none;
}
.local-detail__media:after {
    content: "";
    display: table;
    clear: both;
}
.local-detail__img {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 250px;
    width: 100%;
    float: left;
    margin-right: 50px;
}
.local-detail__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.local-detail__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.local-detail__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .local-detail__img {
        max-width: 120px;
        margin: 0 20px 20px 0;
    }
}
@media (max-width: 320px) {
    .local-detail__img {
        max-width: 80px;
    }
}
.local-detail__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.local-detail__yelp-logo {
    max-width: 80px;
    display: block;
    float: right;
    margin: -0.5em 0 0 0.25em;
}
@media (max-width: 768px) {
    .local-detail__yelp-logo {
        display: none;
    }
}
.local-detail__yelp-logo img {
    width: 100%;
}
.local-detail__heading {
    font-size: 24px;
    color: #000;
}
.local-detail__heading:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .local-detail__heading {
        font-size: 23px;
    }
}
@media (max-width: 380px) {
    .local-detail__heading {
        font-size: 16px;
    }
}
.local-detail__heading a {
    text-decoration: none;
}
.local-detail__info {
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    float: none;
}
.local-detail__info:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 768px) {
    .local-detail__info {
        font-size: 13px;
        margin: 14px 0;
        flex-direction: column;
    }
}
.local-detail__rating {
    float: left;
    flex: 1;
}
.local-detail__rating .yelp-rating-stars {
    margin-right: 0.33em;
}
.local-detail__reviews-count {
    color: #999;
    display: inline-block;
    vertical-align: top;
    padding-right: 1em;
}
.local-detail__summary {
    overflow: hidden;
}
@media (max-width: 768px) {
    .local-detail__summary {
        margin-top: 1em;
        font-size: 14px;
        clear: both;
    }
}
.local-detail__summary a {
    text-decoration: none;
}
.local-detail__summary i {
    margin-right: 0.5em;
    color: #999;
}
.local-detail__summary > a,
.local-detail__summary > div {
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .local-detail__summary > a,
    .local-detail__summary > div {
        margin-bottom: 10px;
    }
}
.local-detail__price {
    margin-bottom: 0.75em;
}
@media (max-width: 768px) {
    .local-detail__price {
        margin-top: 10px;
    }
}
.local-detail__price-value {
    color: #c2c2c2;
}
.local-detail__price-value span {
    font-weight: bold;
    color: #525252;
}
.local-detail__phone {
    display: block;
}
.local-detail__site {
    display: block;
}
.local-detail__reviews-heading {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0.5em;
}
@media (max-width: 768px) {
    .local-detail__reviews-heading {
        font-size: 15px;
    }
}
.local-detail__side-info {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 1.25em 1.5em;
    margin-bottom: 1.5em;
}
@media (max-width: 768px) {
    .local-detail__side-info {
        font-size: 14px;
    }
}
.local-detail__side-info--lg {
    font-size: 16px;
}
.local-detail__side-info hr {
    margin: 1.5em 0;
}
.local-detail__side-heading {
    font-size: 17px;
    margin-bottom: 0.75em;
}
.local-detail__today {
    margin: 0 0 0.5em 0;
}
.local-detail__today-status.is-closed,
.local-detail__today-status.is-open {
    font-weight: bold;
}
.local-detail__today-hours {
    margin-right: 0.333em;
}
.local-detail__hours dd,
.local-detail__hours dt {
    margin-bottom: 0.45em;
}
.local-detail__hours dt {
    min-width: 3em;
    font-weight: normal;
    color: #999;
}
dl.local-detail__features dd,
dl.local-detail__features dt {
    margin-bottom: 0.45em;
}
dl.local-detail__features dt {
    font-weight: normal;
}
dl.local-detail__features dd {
    font-weight: bold;
}
.local-detail__items-wrap {
    display: flex;
    margin-bottom: 70px;
}
.local-detail__items {
    width: 100%;
}
.local-detail__items:first-child {
    margin-right: 20px;
}
@media (max-width: 768px) {
    .local-detail__items:first-child {
        display: none;
    }
}
.local-review {
    font-size: 14px;
    margin-bottom: 1.2em;
}
.local-review__img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 65px;
    float: left;
    margin-right: 1em;
}
.local-review__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.local-review__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.local-review__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 480px) {
    .local-review__img {
        width: 50px;
    }
}
.local-review__img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.local-review__body {
    overflow: hidden;
}
.local-review__name {
    font-size: 15px;
    margin: -0.15em 0 0.25em;
}
.local-review__rating .yelp-rating-stars {
    margin-right: 0.333em;
}
.local-review__date {
    color: #999;
    display: inline-block;
    vertical-align: top;
}
.local-review__more {
    color: #000;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}
.local-review__more img {
    width: 14px;
    display: inline-block;
    transform: translateY(0.2em);
    margin-right: 0.2em;
}
.local-article__item {
    padding: 15px 30px 20px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
    .local-article__item {
        padding: 15px 18px;
    }
}
.local-article__label {
    color: white;
    font-size: 11px;
    background: #f85f1c;
    padding: 5px 10px;
    border-radius: 12px;
}
.local-article a {
    display: block;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin: 15px 0 8px;
    text-decoration: none;
}
.local-article a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .local-article a {
        margin: 10px 0 4px;
        font-size: 16px;
    }
}
.local-article__text {
    font-size: 15px;
    color: #999;
    font-weight: 400;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
}
@media (max-width: 768px) {
    .local-article__text {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 14px;
    }
}
.article-layout {
    font-size: 16px;
    float: none;
    background: #fff;
    padding: 2em 0em;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.article-layout:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 768px) {
    .article-layout {
        padding: 0;
    }
}
.article-layout__main {
    width: calc(99.9% - 280px);
    float: left;
    padding-right: 3.5em;
}
@media (max-width: 1100px) {
    .article-layout__main {
        padding-right: 2em;
    }
}
@media (max-width: 1023px) {
    .article-layout__main {
        width: 100%;
        padding-right: 0;
    }
}
.article-layout__sidebar {
    width: 280px;
    float: left;
    margin-bottom: 1.5em;
}
@media (max-width: 1023px) {
    .article-layout__sidebar {
        width: 100%;
    }
}
.article-detail {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .article-detail {
        margin-bottom: 30px;
    }
}
@media (min-width: 1023px) and (max-width: 1100px) {
    .article-detail {
        font-size: 15px;
    }
}
@media (max-width: 480px) {
    .article-detail {
        font-size: 14px;
    }
}
.article-detail img {
    max-width: 100%;
}
.article-detail figure {
    display: block;
}
.article-detail figure img {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
}
.article-detail figure figcaption {
    text-align: center;
    color: #c2c2c2;
    font-size: 13px;
    margin-top: 0.5em;
}
.article-detail .img--narrow img {
    width: initial;
    max-height: 500px;
    max-width: 100%;
}
.article-detail .img--md img {
    width: 300px;
    max-width: 100%;
}
.article-detail .img--sm img {
    width: 150px;
    max-width: 100%;
}
.article-detail__category {
    display: inline-block;
    background: #f85f1c;
    text-align: center;
    color: white;
    width: 100px;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 0;
}
@media (max-width: 768px) {
    .article-detail__category {
        font-size: 9px;
        width: 70px;
        padding: 3px 0;
    }
}
.article-detail__navigation {
    margin-bottom: 15px;
    font-size: 15px;
    color: #000;
}
@media (min-width: 769px) {
    .article-detail__navigation {
        display: none;
    }
}
.article-detail__navigation-name {
    color: #f85f1c;
}
.article-detail__header {
    float: none;
}
.article-detail__header:after {
    content: "";
    display: table;
    clear: both;
}
.article-detail__share--top {
    margin-bottom: 1em;
}
.article-detail__share--top a[class^="icon"] {
    font-size: 1.5em;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.article-detail__share--sidebar .share-icons {
    margin-bottom: 1em;
    justify-content: flex-end;
}
h1.article-detail__heading {
    font-size: 28px;
    line-height: 1.25;
    color: #000;
    margin: 12px 0 20px;
}
@media (max-width: 480px) {
    h1.article-detail__heading {
        font-size: 24px;
    }
}
.article-detail__footer {
    float: none;
    clear: both;
    border-top: 1px solid #d7d7d7;
    padding: 1.5em 0 0.5em;
    margin-right: 1.75em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.article-detail__footer:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 1100px) {
    .article-detail__footer {
        margin-right: 0;
    }
}
@media (max-width: 640px) {
    .article-detail__footer {
        flex-wrap: wrap;
    }
}
.article-detail__footer-left {
    float: left;
    width: 150px;
}
@media (max-width: 640px) {
    .article-detail__footer-left {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }
    .article-detail__footer-left .share-icons {
        justify-content: center;
    }
}
.article-detail__footer-right {
    float: right;
    flex: 1;
}
@media (max-width: 640px) {
    .article-detail__footer-right {
        width: 100%;
        float: none;
    }
}
a.article-detail__next {
    color: #f85f1c;
    font-size: 17px;
    text-decoration: none;
    color: #000;
    max-width: 50%;
    float: right;
    transform: translateY(-5px);
}
@media (max-width: 1023px) {
    a.article-detail__next {
        max-width: unset;
    }
}
@media (max-width: 640px) {
    a.article-detail__next {
        text-align: left;
    }
}
@media (max-width: 480px) {
    a.article-detail__next {
        font-size: 15px;
    }
}
a.article-detail__next span {
    font-size: 11px;
    color: #c2c2c2;
    display: block;
    text-align: left;
}
a.article-detail__next .icon {
    margin-left: 0.5em;
}
.video-wrap {
    display: block;
    position: relative;
    overflow: hidden;
}
.video-wrap:before {
    display: block;
    content: "";
    width: 100%;
    padding: 56.25% 0 0 0;
    z-index: 1;
}
.video-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article-detail__info {
    font-size: 14px;
    float: none;
}
.article-detail__info:after {
    content: "";
    display: table;
    clear: both;
}
.article-detail__info > div {
    margin: 0 0 1.5em 0;
}
@media (max-width: 480px) {
    .article-detail__info > div {
        margin: 0 0 1em 0;
    }
}
.article-detail__author {
    float: right;
    font-style: italic;
}
.article-detail__date {
    float: left;
    margin-right: 1em;
}
.articles--sidebar {
    padding: 1em;
    margin-bottom: 1.5em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 480px) {
    .articles--sidebar {
        margin-left: -15px;
        margin-right: -15px;
        padding: 1em;
    }
}
.articles--sidebar__heading {
    margin-bottom: 0.75em;
}
.articles--sidebar .article-media__title {
    color: #7d7d7d;
}
@media (min-width: 480px) and (max-width: 1023px) {
    .articles--sidebar .article-media__title {
        font-size: 17px;
    }
}
.ypaSidebar {
    margin-bottom: 0.5em;
}
.article-detail__list {
    counter-reset: section;
    margin: 0;
    padding: 0;
}
.article-detail__list li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
ol.article-detail__list li:before {
    counter-increment: section;
    content: counter(section);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #ffd334;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 2em;
    z-index: 1;
}
.article-li {
    border: 1px solid #d7d7d7;
    padding: 1.5em;
    margin-bottom: 0.75em;
    border-radius: 4px;
    float: none;
}
.article-li:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 480px) {
    .article-li {
        margin-right: -15px;
        margin-left: -15px;
        padding: 1em;
    }
}
.article-li__img {
    width: 33.3%;
    min-width: 100px;
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    text-align: initial;
    margin: 0 1em 1em 0;
}
.article-li__img:before {
    display: block;
    content: "";
    width: 100%;
    padding: 100% 0 0 0;
    z-index: 1;
}
.article-li__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
}
.article-li__img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article-li__img img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    text-align: initial;
}
.article-li__body {
    overflow: hidden;
    font-size: 14px;
}
@media (max-width: 768px) {
    .article-li__body {
        overflow: initial;
    }
}
h3.article-li__title {
    margin-top: 0 !important;
}
@media (max-width: 480px) {
    h3.article-li__title {
        font-size: 16px;
    }
}
.page-info .formatted-text {
    color: #000;
    font-size: 15px;
    line-height: 1.45;
    margin: 1.2em auto 4em;
}
@media (max-width: 480px) {
    .page-info .formatted-text {
        margin: 0 auto;
        font-size: 14px;
    }
}
.page-info .formatted-text h1 {
    color: #000;
    font-size: 42px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.75em;
    text-align: center;
    margin: 1em 0 1.5em;
}
@media (max-width: 768px) {
    .page-info .formatted-text h1 {
        font-size: 25px;
        text-align: left;
    }
}
.page-info .formatted-text h2 {
    font-size: 25px;
}
@media (max-width: 768px) {
    .page-info .formatted-text h2 {
        font-size: 17px;
    }
}
.page-info .formatted-text a {
    color: inherit;
}
.page-info .formatted-text a:hover,
.page-info .formatted-text a:visited:hover {
    color: #000;
}
.page-info__content {
    padding: 1em 0;
}
@media (max-width: 480px) {
    .page-info__content {
        padding: 0.5em 0;
    }
}
.page-info__container--hero {
    padding-top: 300px;
    background-size: auto 400px;
    background-repeat: no-repeat;
    background-position: center 0;
}
@media (max-width: 480px) {
    .page-info__container--hero {
        padding-top: 150px;
        background-size: auto 200px;
    }
}
.page-privacy .page-info__container--hero {
    background-image: url(../../images/privacy-hero.jpg);
    background-position: right 0;
}
.page-about .page-info__container--hero {
    background-image: url(../../images/about-hero.jpg);
}
.page-info__container--hero .page-info__content {
    background: #fff;
    padding: 0.5em 2em;
}
@media (max-width: 480px) {
    .page-info__container--hero .page-info__content {
        padding: 0.5em 1em;
    }
}
@media (max-width: 480px) {
    .address-image {
        width: 150px;
    }
}
.page-about {
    color: #000;
}
.page-about__hero {
    color: #fff;
    background: linear-gradient(109deg, #f85f1c 0%, #f85f1c 22%, #f85f1c 53%, rgba(247, 145, 16, 0) 49%), url(..//images/about-hero.jpg) right center repeat-y;
    -o-object-fit: contain;
    object-fit: contain;
    background-size: contain;
    border-radius: 12px;
    padding: 40px;
    min-height: 340px;
    display: flex;
    align-items: flex-end;
}
@media (max-width: 1100px) {
    .page-about__hero {
        min-height: 29.8vw;
    }
}
@media (max-width: 1023px) {
    .page-about__hero {
        padding: 20px;
        margin: 0 -20px;
        border-radius: 0;
    }
}
.page-about__hero h1 {
    font-size: 48px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .page-about__hero h1 {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .page-about__hero h1 {
        font-size: 25px;
    }
}
.page-about__hero h1 span {
    color: #000;
}
.page-about__lead {
    font-weight: 500;
    font-size: 20px;
    margin: 40px;
}
@media (max-width: 768px) {
    .page-about__lead {
        font-size: 16px;
        margin: 20px 0;
    }
}
.page-about__lead span {
    color: #f85f1c;
}
.page-contacts {
    color: #000;
}
.page-contacts__hero {
    color: #fff;
    background: linear-gradient(108deg, #f85f1c 0%, #f85f1c 25%, #f85f1c 58%, rgba(247, 145, 16, 0) 52%), url(..//images/contact-hero.jpg) right center repeat-y;
    background-size: contain;
    border-radius: 12px;
    padding: 40px;
    min-height: 340px;
    display: flex;
    align-items: flex-end;
}
@media (max-width: 1100px) {
    .page-contacts__hero {
        min-height: 29.8vw;
    }
}
@media (max-width: 1023px) {
    .page-contacts__hero {
        padding: 20px;
        margin: 0 -20px 2em;
    }
}
.page-contacts__hero h1 {
    font-size: 48px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .page-contacts__hero h1 {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .page-contacts__hero h1 {
        font-size: 25px;
    }
}
.page-contacts__hero h1 span {
    color: #000;
}
.page-contacts__info {
    margin-bottom: 2em;
}
.contacts-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -10px;
    margin-right: -10px;
}
.contacts-grid__item {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 2em;
    float: left;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 820px) {
    .contacts-grid__item {
        padding: 1em;
        float: left;
        width: calc(100% - 20px);
        margin: 0 10px 15px 10px;
    }
}
.contacts-grid__heading {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0.75em;
}
@media (max-width: 768px) {
    .contacts-grid__heading {
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    .contacts-grid__heading {
        font-size: 18px;
    }
}
.contacts-grid__email {
    font-weight: 500;
    color: #f85f1c;
    text-decoration: none;
}
.page-404 {
    background: #fff;
}
.page-404__header {
    text-align: center;
    color: #f85f1c;
    font-size: 120px;
}
.page-404__search-bar {
    position: relative;
    overflow: hidden;
    transition: border 0.3s;
    display: flex;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    transition: border-color 0.2s;
}
.page-404__search-bar:focus-within {
    border: 1px solid #fff0e1;
}
.page-404 input.page-404__input {
    flex: 1;
    border-radius: 0;
    font-size: 14px;
    padding: 0 0.25em 0 1.2em;
    border: none;
    height: 40px;
    line-height: 40px;
    float: left;
    min-width: 0;
    background: transparent;
}
.page-404 button.page-404__btn {
    color: white;
    background: #f85f1c;
    font-weight: bold;
    text-align: center;
    height: 41px;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    padding: 0 1em;
    float: right;
}
.page-404 button.page-404__btn:hover {
    color: #f85f1c;
}
.page-404 button.page-404__btn::-moz-focus-inner {
    border: 0;
}
.page-404 button.page-404__btn:after {
    font-size: 18px;
    content: "";
    font-family: "icomoon";
    font-weight: normal;
}
.page-404__wrapper {
    max-width: 680px;
    padding-top: 5vh;
    padding-bottom: 5vh;
}
@media (max-width: 480px) {
    .page-404__wrapper {
        padding-top: 4vh;
        padding-bottom: 4vh;
    }
}
#page-404__img {
    margin: 0 auto 5vh;
    display: block;
    width: 70%;
    max-height: 150px;
}
@media (max-width: 480px) {
    #page-404__img {
        margin: 0 auto 3vh;
    }
}
.page-404__info {
    font-size: 25px;
    text-align: center;
    font-weight: normal;
    margin: 0 0 5vh;
}
@media (max-width: 480px) {
    .page-404__info {
        font-size: 17px;
    }
}
.page-404__info h1 {
    font-weight: inherit;
}
@media (max-width: 768px) {
    .page-404__info h1 {
        display: inline;
    }
}
@media (max-width: 768px) {
    .page-404__info p {
        display: inline;
    }
}
.page-404__info a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.page-404__info a:hover {
    color: #000;
}
.page-404__search-bar {
    margin: 0 0 4vh;
}
@media (max-width: 480px) {
    .page-404__search-bar {
        margin: 1.5em 0;
    }
}
.page-404__search-bar input.search-bar__input,
.page-404__search-bar button.search-bar__btn {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
}
@media (max-width: 480px) {
    .page-404__search-bar input.search-bar__input,
    .page-404__search-bar button.search-bar__btn {
        font-size: 15px;
        height: 45px;
        line-height: 45px;
    }
}
.page-404__search-bar button.search-bar__btn:after {
    font-size: 25px;
}
@media (max-width: 480px) {
    .page-404__search-bar button.search-bar__btn:after {
        font-size: 22px;
    }
}
.page-404__results-heading {
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    margin: 0 0 0.25em;
}
@media (max-width: 480px) {
    .page-404__results-heading {
        font-size: 17px;
    }
}
i.icon {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-map-pin-outline:before {
    content: "\e047";
}
.icon-phone-outline:before {
    content: "\e918";
}
.icon-search:before {
    content: "\e900";
}
.icon-path:before {
    content: "\e901";
}
.icon-menu:before {
    content: "\e902";
}
.icon-chevron-down:before {
    content: "\e903";
}
.icon-chevron-left:before {
    content: "\e904";
}
.icon-chevron-right:before {
    content: "\e905";
}
.icon-triangle-right:before {
    content: "\e906";
}
.icon-check:before {
    content: "\e907";
}
.icon-cross:before {
    content: "\e908";
}
.icon-star:before {
    content: "\e909";
}
.icon-facebook-with-circle:before {
    content: "\e90a";
}
.icon-instagram-with-circle:before {
    content: "\e90b";
}
.icon-twitter-with-circle:before {
    content: "\e90c";
}
.icon-chevron-up:before {
    content: "\e90d";
}
.icon-external-link:before {
    content: "\e90e";
}
.icon-map-pin:before {
    content: "\e90f";
}
.icon-phone:before {
    content: "\e910";
}
.icon-pinterest-with-circle:before {
    content: "\e911";
}
.icon-filter:before {
    content: "\e912";
}
.icon-right-thin-arrow:before {
    content: "\e913";
}
.icon-chevron-thin-down:before {
    content: "\e914";
}
.icon-chevron-thin-left:before {
    content: "\e915";
}
.icon-chevron-thin-right:before {
    content: "\e916";
}
.icon-chevron-thin-up:before {
    content: "\e917";
}
@media (max-width: 768px){
h2.latest-products__heading.heading-with-line {
    font-size: 16px !important;
    width: 100px !important;
    margin-top: -18px !important;
}
form.search-bar-mobile {
    width: 200px;
    margin-left: 75px;
}
}