@charset "UTF-8";
*,
:after,
:before {
    box-sizing: inherit;
}
:root {
	--primary-color: #1f5f8b;
	--secondary-color:#d26e4b;
	--alert-color:#b10001;
	--success-color:#a8c26e;
	--dark-color:#222222;
	--light-color:#cccccc;
}
html {font-size: 62.5%; font-size-adjust: 100%;  font-weight: 400;  box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {overflow-x: hidden;  max-width: 1980px; margin:0 auto;  padding: 0; background-color: #ffffff;	box-shadow: 20px -15px 10px 5px rgba(0, 0, 0, .2);	border-left: 1px solid #ccc;}
main { display: block;  position: relative; flex: 1 1 auto;}
body:not(.loaded) * { transition: all 0s !important;}
.page-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: margin 0.4s, opacity 0.5s;
    background-color: var(--rio-page-wrapper-bg-color);
    background-image: var(--rio-page-wrapper-bg-image);
    background-repeat: var(--rio-page-wrapper-bg-repeat);
    background-position: var(--rio-page-wrapper-bg-position);
    background-size: var(--rio-page-wrapper-bg-size);
    background-attachment: var(--rio-page-wrapper-bg-attachment);
}
.loaded > .page-wrapper { opacity: 1;}
.main-content:after { content: ""; display: block; clear: both;}
.woo-strong{color: #094581;}

.breadcrumb,
.comment > ol,
.commentlist,
.comments > ol,
.dropdown-box,
.list,
.menu,
.menu ul,
.mobile-menu,
.mobile-menu ul,
.nav,
.nav-filters,
.nav ul,
.pagination,
.product-category ul,
.product-col > ul,
.product-nav,
.product-tabs > div ul,
.products,
.tabs,
.widget ul,
.woocommerce-error {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.size-guide {color: inherit;}
a {text-decoration: none; color: #222; transition: color 0.3s;}
a:focus,a:hover {color:#1f5f8b;}
:focus { outline: 0;}
figure { margin: 0;}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
hr {
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid #eee;
}
input {
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    font-family: inherit;
    background: transparent;
}
input:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
i {
    font-style: normal;
}
button:focus {
    outline: none;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}
code {display: inline-block; border-radius: 4px;  padding: 2px 5px; font-size: 1.4rem;  color:#1f5f8b;}
pre {
    margin: 20px 0;
    padding: 20px;
    color: #1f5f8b;
    background-color: #f2f3f5;
    overflow: auto;
    font-size: calc(16px * var(--rio-typo-ratio, 1));
}
dd {
    margin-left: 1rem;
}
.scrollable,
.sidebar-content {
    -webkit-overflow-scrolling: touch;
}
.scrollable::-webkit-scrollbar,
.sidebar-content::-webkit-scrollbar {
    height: 7px;
    width: 4px;
}
.scrollable::-webkit-scrollbar-thumb,
.sidebar-content::-webkit-scrollbar-thumb {
    margin-right: 2px;
    background: rgba(0, 0, 0, 0);
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}
.scrollable:hover::-webkit-scrollbar-thumb,
.sidebar-content:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
}
.scrollable-light:hover::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}
.single-attachment .attachment > a {
    display: inline-block;
}
@keyframes bouncedelay {
    0%,
    80%,
    to {
        transform: scale(1);
    }
    40% {
        transform: scale(1.2);
    }
}
@keyframes rotatedelay {
    0% {
        transform: rotateZ(0);
    }
    to {
        transform: rotateZ(360deg);
    }
}
.loading-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    background: #fff;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
}
.loaded > .loading-overlay {
    opacity: 0;
    visibility: hidden;
}
@keyframes reveal-1 {
    0% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
    20% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(55%, 55%, 0);
        border-radius: 0;
    }
    80% {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(55%, 55%, 0);
        border-radius: 0;
    }
    to {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
}
@keyframes reveal-2 {
    0% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
    20% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(55%, -55%, 0);
        border-radius: 0;
    }
    80% {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(55%, -55%, 0);
        border-radius: 0;
    }
    to {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
}
@keyframes reveal-3 {
    0% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
    20% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(-55%, -55%, 0);
        border-radius: 0;
    }
    80% {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(-55%, -55%, 0);
        border-radius: 0;
    }
    to {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
}
@keyframes reveal-4 {
    0% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
    20% {
        transform: rotate3d(0, 0, 1, 135deg) translate3d(-55%, 55%, 0);
        border-radius: 0;
    }
    80% {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(-55%, 55%, 0);
        border-radius: 0;
    }
    to {
        transform: rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius: 50%;
    }
}
.bounce-loader {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transition: all 0.2s;
    text-align: center;
    z-index: 10000;
}
.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3,
.bounce-loader .bounce4 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    background-color: #27c;
}
.bounce-loader .bounce1 {
    animation: 2s infinite reveal-1;
}
.bounce-loader .bounce2 {
    animation: 2s infinite reveal-2;
}
.bounce-loader .bounce3 {
    animation: 2s infinite reveal-3;
}
.bounce-loader .bounce4 {
    animation: 2s infinite reveal-4;
}
.bounce-loader .bounce3 {
    border: 3px solid #27c;
    background-color: transparent;
}
.appear-animate {
    transform: translate3d(0, 0, 0) scale(1);
    will-change: transform, filter, opacity;
}
.d-lazyload {
    height: 0 !important;
    background: var(--rio-lazy-load-bg, #f4f4f4);
}
.d-lazyload[data-lazy$="png"] {
    background: none;
}
.screen-reader-text,
script {
    display: none !important;
}
@keyframes fixedTop {
    0% {
        transform: translateY(-100%);
        transform-origin: center top 0px;
    }
    to {
        transform: translateY(0);
    }
}
@keyframes fixedBottom {
    0% {
        transform: translateY(100%);
        transform-origin: center top 0px;
    }
    to {
        transform: translateY(0);
    }
}
.sticky-content {
    transition: opacity 0.5s;
}
.sticky-content.fix-top {
    top: 0;
}
.sticky-content.fix-bottom {
    bottom: 0;
}
.sticky-content.fixed {
    position: fixed;
    left: 0;
    right: 0;
    opacity: 1;
    background: #fff;
    z-index: 1051;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.sticky-content.fixed.fix-top {
    animation: fixedTop 0.4s;
}
.sticky-content.fixed.fix-bottom {
    animation: fixedBottom 0.4s;
}
form.d-loading {
    opacity: 0.3;
}
.d-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
}
.d-loading.small i {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}
.d-loading i {
    position: absolute;
    left: calc(50% - 17px);
    top: calc(50% - 17px);
    width: 34px;
    height: 34px;
    border: 2px solid transparent;
    border-top-color:#1f5f8b;
    border-radius: 50%;
    animation: spin 0.75s infinite linear;
}
.d-loading i:before {
    content: "";
    top: -2px;
    left: -2px;
    position: absolute;
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    animation: spin 1.5s infinite ease;
}
@keyframes spin {
    0% {
        transform: none;
    }
    to {
        transform: rotate(360deg);
    }
}
.more-loader {
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
}
.more-loader > * {
    animation: 1.4s ease-in-out 0s normal both infinite running moredelay;
    background-color: #ccc;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    display: inline-block;
    height: 18px;
    width: 18px;
}
.more-loader .more1 {
    animation-delay: -0.32s;
}
.more-loader .more2 {
    animation-delay: -0.16s;
}
@keyframes moredelay {
    0%,
    80%,
    to {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
@media (max-width: 767px) {
    .riode-disable-mobile-animation .appear-animate,
    .riode-disable-mobile-animation [data-vce-animate] {
        opacity: 1;
        visibility: visible;
    }
}
.d-lazy-back {
    background-image: none !important;
}
#wp-admin-bar-my-account .d-lazyload.avatar {
    padding-top: 0 !important;
    height: auto !important;
    width: auto !important;
}
.image-gallery .image-wrap {
    display: flex;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color:#000000;
}
h1,h2,h3,h4,h5,h6 {clear: both; margin:.2em 0;}
p {margin: 0 0 1rem; text-align: justify;}
h2{color: #094581;}
/*h1-h6*/
h1, .h1 {font-size: 28px;}
h2, .h2 {font-size: 24px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 14px;}

@media (min-width: 1360px) and (max-width: 1599px) {
h1, .h1 {font-size: 26px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}

}
@media (max-width: 1359px){
h1, .h1 {font-size: 24px;}
h2, .h2 {font-size: 22px;}
h3, .h3 {font-size: 18px;}
h4, .h4 {font-size: 16px;}
h5, .h5 {font-size: 15px;}
}
@media (max-width: 767px){
h2, .h2 {font-size: 20px;}
}
/*end h1-h6*/
.heading-title-block-f-rezka{min-height:300px; padding-top:50px; background-image: url('/wp-content/uploads/cncfrezer-banner.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; align-items: center;}
.block-fr-rezka{background-image: url('/wp-content/uploads/frezerovka-polikarbonat.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center right 65%; align-items: center; display: flex;}
.block-fr-rezka-akp{background-image: url('/wp-content/uploads/fr-rezka-kompozit.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; align-items: center;}
.block-fr-polistirol{background-image: url('/wp-content/uploads/frezerovka-polistirola-01.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.block-fr-polikarbonat{background-image: url('/wp-content/uploads/rezka-polikarbonat.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.block-fr-fanera{background-image: url('/wp-content/uploads/frezerovka-fanera.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.block-fr-pet{background-image: url('/wp-content/uploads/frezerovka-pet.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.block-pvc-rezka{background-image: url('/wp-content/uploads/fr-rezka-pvh.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.block-printing{background-image: url('/wp-content/uploads/printing.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 60%; align-items: center;}
.sch-pecat{background-image: url('/wp-content/uploads/i-print.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 60%; align-items: center;}
.block-uslugi{background-image: url('/wp-content/uploads/u-07.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 485px; background-position: center right 65%; align-items: center; display: flex;}
.block-about{background-image: url('/wp-content/uploads/about.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 485px; background-position: center right 65%; align-items: center;
display: flex;}
.block-sign{background-image: url('/wp-content/uploads/sign.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 485px; background-position: center right 65%; align-items: center;
display: flex;}
.info-signs{background-image: url('/wp-content/uploads/info-signs.jpg');}
.ofis-signs{background-image: url('/wp-content/uploads/ofis-signs.jpg');}
.kabinet-signs{background-image: url('/wp-content/uploads/sign-kabinet.jpg');}
.fasad-signs{background-image: url('/wp-content/uploads/sign-fasad.jpg');}
@media (max-width: 1599px) {.block-uslugi, .block-about, .block-sign {min-height: 350px;}}
@media (min-width: 600px) {.block-uslugi, .block-about, .block-sign {margin: 30px!important;}}
.heading-uslugi{max-width: 350px;}
.heading-uslugi .title {color:#000000;}
.heading-uslugi .subtitle {color:#000000;}
@media (max-width: 991px) {.block-uslugi, .block-about, .block-sign {min-height: 230px; align-items: flex-end;background-position: center right;margin-bottom: 18px;} .heading-uslugi {background:#f5f5f5;; padding: 7px 14px; box-shadow: 20px -15px 10px 5px rgba(0, 0, 0, .2);
border-radius: 10px 10px 0 0; text-align: center;}}
.block-printing-banner{background-image: url('/wp-content/uploads/baner-Banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 70%; align-items: center;}
.block-printing-canvas{background-image: url('/wp-content/uploads/baner-canvas.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 70%; align-items: center;}
.block-printing-backlit{background-image: url('/wp-content/uploads/baner-backlit.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 70%; align-items: center;}
.block-printing-plenka{background-image: url('/wp-content/uploads/baner-ploenka.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 70%; align-items: center;}
.block-uv-plenka{background-image: url('/wp-content/uploads/uv-printer.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top right 70%; align-items: center;}
.block-plot-rezka{background-image: url('/wp-content/uploads/plotter-rezka.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 70%; align-items: center;}
.heading-title-block-plot-rezka{min-height: 240px; background-image: url('/wp-content/uploads/plotternaya-rezka.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;
padding-top: 35px; align-items: center;}
.block-lr-akril{background-image: url('/wp-content/uploads/lr-akril.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center; align-items: center;}
.heading-pvc {padding:50px 0; max-width:900px;}
.heading-pvc02 {padding:50px 0; max-width:800px;}
.heading-printing {padding:50px 0; max-width:700px;}
@media (max-width: 1023px){
.heading-pvc, .heading-pvc02, .heading-printing {padding: 35px 0;}
}
.heading-print {padding:50px 0;}
.text-print {max-width:700px;}
@media (max-width: 1023px){
.heading-print {padding: 35px 0;}
}
.subheading-pvc {font-size: 16px;text-shadow: 2px 1px 1px #ffffff;}
.title-pvc {font-size: 34px;color: #145084;text-shadow: 1px 1px 1px #ffffff;}
.subtitle-pvc{display: block; font-size: 21px;}
.heading-termogibka{min-height: 240px; background-image: url('/wp-content/uploads/termogibka-02.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;
padding-top: 35px; align-items: center;}
.heading-uv-print{min-height: 240px; background-image: url('/wp-content/uploads/uv-printing-header.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center right;
padding-top: 35px; align-items: center;}
.heading-lamination{background-image: url('/wp-content/uploads/printing-lamination-banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 60%;
align-items: center;}
.heading-bending{background-image: url('/wp-content/uploads/letter-bending.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center right 60%;
align-items: center;}
.heading-title-block-uslugi{min-height: 240px; background-image: url('/wp-content/uploads/uslugi.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;
padding-top: 35px; align-items: center;}
.heading-termoperenos{min-height: 240px; background-image: url('/wp-content/uploads/termoperenos-1.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;
padding-top: 35px; align-items: center;}

.heading-title-block-ps-obrabotka{min-height: 240px; background-image: url('/wp-content/uploads/fon-peskostrujnaya-obrabotka.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; padding: 35px 0 18px 0; align-items: center;}
.heading-title-subblock{padding: 30px 0;}
.heading-title{color: #f3f3f3; font-size: 34px;    text-shadow: 1px 1px 1px #000;}
.heading-title-dark {color: #000; font-size: 34px; text-shadow: 1px 1px 1px #fff;}
@media (max-width: 1023px){
.heading-title, .heading-title-dark, .title-pvc{font-size: 30px;}
.subtitle-pvc{display: block; font-size: 18px;}
}
@media (max-width: 767px){
.heading-title, .heading-title-dark, .title-pvc{font-size: 28px;}
.heading-title, .heading-title-dark, .title-pvc{font-size: 16px;}
}
@media (max-width: 479px){
.heading-title, .heading-title-dark, .title-pvc{font-size: 24px;}
}
.subheading{color: #f3f3f3; text-shadow: 1px 1px 1px #000; font-size: 21px;}
.subheading-dark{color: #000; text-shadow: 1px 1px 1px #fff; font-size: 21px;}
@media (max-width: 767px){
.subheading, .subheading-dark{font-size: 16px;}
}
.breadcrumb-white, .breadcrumb-white a{color: #f3f3f3;text-shadow: 1px 1px 1px #000;}
.breadcrumb-dark, .breadcrumb-dark a{color: #000;text-shadow: 1px 1px 1px #fff;}
.text-bd-left {
    position: relative;
    padding-left: 2rem;
}
.text-bd-left:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 2px;
    top: 5px;
    bottom: 5px;
    background-color: #dae1e5;
}
.text-bd-right {
    position: relative;
    padding-right: 2rem;
}
.text-bd-right:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 2px;
    top: 5px;
    bottom: 5px;
    background-color: #dae1e5;
}
.list-type-none {
    list-style: none;
    padding-left: 0;
}
.list-type-check {
    list-style: none;
    padding-left: 0;
}
.list-type-check li {
    position: relative;
    padding-left: 2.4rem;
}
.list-type-check li:before {
    position: absolute;
    display: block;
    left: 3px;
    top: 2px;
    content: "";
    font-family: "riode";
    font-weight: 700;
    font-size: 1.2rem;
    color: #222;
}
.list-type-number {
    list-style-type: decimal;
}
.riode-rounded-skin .btn,
.riode-rounded-skin .minipopup-box,
.riode-rounded-skin .post-calendar,
.riode-rounded-skin .post-framed,
.riode-rounded-skin .post-media,
.riode-rounded-skin .post-single .post-author-detail,
.riode-rounded-skin .post-single > .post-wrap img,
.riode-rounded-skin .product-category,
.riode-rounded-skin .product-category .category-content,
.riode-rounded-skin .product-details .btn-product,
.riode-rounded-skin .product-details .btn-product-icon,
.riode-rounded-skin .product-hide-details .btn-product,
.riode-rounded-skin .product-hide-details .btn-product-icon,
.riode-rounded-skin .product-with-qty .quantity button,
.riode-rounded-skin .vendor-widget .vendor-banner,
.riode-rounded-skin .vendor-widget .vendor-logo,
.riode-rounded-skin .vendor-widget .vendor-product > figure {
    border-radius: 3px;
    overflow: hidden;
}
.riode-rounded-skin .product-category img {
    border-radius: 4px;
    overflow: hidden;
}
.riode-rounded-skin .login-popup {
    border-radius: 3px;
}
.riode-rounded-skin .form-control,
.riode-rounded-skin .form-row [type="email"],
.riode-rounded-skin .form-row [type="password"],
.riode-rounded-skin .form-row [type="tel"],
.riode-rounded-skin .form-row [type="text"],
.riode-rounded-skin .form-row textarea,
.riode-rounded-skin .wpcf7-form-control {
    border-radius: 8px;
}
.riode-rounded-skin .btn-link,
.riode-rounded-skin .form-coupon .input-text,
.riode-rounded-skin .product-category.cat-type-icon-overlay .category-content {
    border-radius: 0;
    overflow: visible;
}
.riode-rounded-skin .post.post-mask.gradient:before {
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}
.riode-rounded-skin .mfp-product:not(.mfp-offcanvas) .product,
.riode-rounded-skin .product-category.cat-type-default,
.riode-rounded-skin .product-category.cat-type-icon-overlay {
    border-radius: 10px;
}
.riode-rounded-skin .product-category.cat-type-default img,
.riode-rounded-skin .product-category.cat-type-icon-overlay img {
    border-radius: 12px;
    overflow: hidden;
}
.riode-rounded-skin .product-category.cat-type-default figure:after,
.riode-rounded-skin .product-category.cat-type-icon-overlay figure:after {
    border-radius: 12px;
    overflow: hidden;
}
.riode-block {
    position: relative;
}
.container-fluid .container-fluid,
.container .container-fluid {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.container-fluid .container-fluid,
.container .container {
    padding-left: 0;
    padding-right: 0;
}
.container-fluid {
    max-width: 1820px; padding-left: 40px;
    padding-right: 20px;
}
.container-fluid .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1180px;
}
.container,
.container-fluid,
.fixed .container,
.fixed .container-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: var(--rio-container-width)) {
    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 479px) {
    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 480px) and (max-width: 1199px){
.container {padding-left: 30px;padding-right: 30px;}
}
@media (min-width: 1200px) {
.container {max-width: 1100px;}
}

@media (min-width: 1401px){
.container { max-width: 1200px;}
}

.divider {
    display: inline-block;
    vertical-align: middle;
    height: 1.9rem;
    width: 1px;
    background-color: #e1e1e1;
}
.row {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2 * 10px);
    margin-left: calc(-1 * 10px);
    margin-right: calc(-1 * 10px);
}
.row > * {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.gutter-lg {
    margin-left: calc(-1 * var(--rio-gutter-lg));
    margin-right: calc(-1 * var(--rio-gutter-lg));
    width: calc(100% + 2 * var(--rio-gutter-lg));
}
.gutter-lg > * {
    padding-left: var(--rio-gutter-lg);
    padding-right: var(--rio-gutter-lg);
}
.gutter-sm {
    margin-left: calc(-1 * var(--rio-gutter-sm));
    margin-right: calc(-1 * var(--rio-gutter-sm));
    width: calc(100% + 2 * var(--rio-gutter-sm));
}
.gutter-sm > * {
    padding-left: var(--rio-gutter-sm);
    padding-right: var(--rio-gutter-sm);
}
.gutter-xs {
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
}
.gutter-xs > * {
    padding-left: 1px;
    padding-right: 1px;
}
.gutter-no {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.gutter-no > * {
    padding-left: 0;
    padding-right: 0;
}
.cols-1 > * {
    max-width: 100%;
    flex: 0 0 100%;
}
.cols-2 > * {
    max-width: 50%;
    flex: 0 0 50%;
}
.cols-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
}
.cols-4 > * {
    max-width: 25%;
    flex: 0 0 25%;
}
.cols-5 > * {
    max-width: 20%;
    flex: 0 0 20%;
}
.cols-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%;
}
.cols-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%;
}
.cols-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 9;
}
@media (min-width: 480px) {
    .cols-xs-1 > * {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cols-xs-2 > * {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cols-xs-3 > * {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .cols-xs-4 > * {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .cols-xs-5 > * {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .cols-xs-6 > * {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .cols-xs-7 > * {
        max-width: 14.2857%;
        flex: 0 0 14.2857%;
    }
    .cols-xs-8 > * {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
}
@media (min-width: 576px) {
    .cols-sm-1 > * {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cols-sm-2 > * {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cols-sm-3 > * {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .cols-sm-4 > * {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .cols-sm-5 > * {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .cols-sm-6 > * {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .cols-sm-7 > * {
        max-width: 14.2857%;
        flex: 0 0 14.2857%;
    }
    .cols-sm-8 > * {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
    .order-sm-auto {
        order: 0;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 9;
    }
}
@media (min-width: 768px) {
    .cols-md-1 > * {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cols-md-2 > * {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cols-md-3 > * {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .cols-md-4 > * {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .cols-md-5 > * {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .cols-md-6 > * {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .cols-md-7 > * {
        max-width: 14.2857%;
        flex: 0 0 14.2857%;
    }
    .cols-md-8 > * {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
    .order-md-auto {
        order: 0;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 9;
    }
}
@media (min-width: 992px) {
    .cols-lg-1 > * {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cols-lg-2 > * {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cols-lg-3 > * {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .cols-lg-4 > * {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .cols-lg-5 > * {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .cols-lg-6 > * {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .cols-lg-7 > * {
        max-width: 14.2857%;
        flex: 0 0 14.2857%;
    }
    .cols-lg-8 > * {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
    .order-lg-auto {
        order: 0;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 9;
    }
}
@media (min-width: 1200px) {
    .cols-xl-1 > * {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cols-xl-2 > * {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cols-xl-3 > * {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .cols-xl-4 > * {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .cols-xl-5 > * {
        max-width: 20%;
        flex: 0 0 20%;
    }
    .cols-xl-6 > * {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .cols-xl-7 > * {
        max-width: 14.2857%;
        flex: 0 0 14.2857%;
    }
    .cols-xl-8 > * {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
}
.col-1 {
    max-width: 8.3333%;
    flex: 0 0 8.3333%;
}
.col-2 {
    max-width: 16.6667%;
    flex: 0 0 16.6667%;
}
.col-3 {
    max-width: 25%;
    flex: 0 0 25%;
}
.col-4 {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
}
.col-5 {
    max-width: 41.6667%;
    flex: 0 0 41.6667%;
}
.col-6 {
    max-width: 50%;
    flex: 0 0 50%;
}
.col-7 {
    max-width: 58.3333%;
    flex: 0 0 58.3333%;
}
.col-8 {
    max-width: 66.6667%;
    flex: 0 0 66.6667%;
}
.col-9 {
    max-width: 75%;
    flex: 0 0 75%;
}
.col-10 {
    max-width: 83.3333%;
    flex: 0 0 83.3333%;
}
.col-11 {
    max-width: 91.6667%;
    flex: 0 0 91.6667%;
}
.col-12 {
    max-width: 100%;
    flex: 0 0 100%;
}
@media (min-width: 480px) {
    .col-xs-1 {
        max-width: 8.3333%;
        flex: 0 0 8.3333%;
    }
    .col-xs-2 {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .col-xs-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .col-xs-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .col-xs-5 {
        max-width: 41.6667%;
        flex: 0 0 41.6667%;
    }
    .col-xs-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .col-xs-7 {
        max-width: 58.3333%;
        flex: 0 0 58.3333%;
    }
    .col-xs-8 {
        max-width: 66.6667%;
        flex: 0 0 66.6667%;
    }
    .col-xs-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }
    .col-xs-10 {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .col-xs-11 {
        max-width: 91.6667%;
        flex: 0 0 91.6667%;
    }
    .col-xs-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 576px) {
    .col-sm-1 {
        max-width: 8.3333%;
        flex: 0 0 8.3333%;
    }
    .col-sm-2 {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .col-sm-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .col-sm-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .col-sm-5 {
        max-width: 41.6667%;
        flex: 0 0 41.6667%;
    }
    .col-sm-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .col-sm-7 {
        max-width: 58.3333%;
        flex: 0 0 58.3333%;
    }
    .col-sm-8 {
        max-width: 66.6667%;
        flex: 0 0 66.6667%;
    }
    .col-sm-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }
    .col-sm-10 {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .col-sm-11 {
        max-width: 91.6667%;
        flex: 0 0 91.6667%;
    }
    .col-sm-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 768px) {
    .col-md-1 {
        max-width: 8.3333%;
        flex: 0 0 8.3333%;
    }
    .col-md-2 {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .col-md-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .col-md-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .col-md-5 {
        max-width: 41.6667%;
        flex: 0 0 41.6667%;
    }
    .col-md-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .col-md-7 {
        max-width: 58.3333%;
        flex: 0 0 58.3333%;
    }
    .col-md-8 {
        max-width: 66.6667%;
        flex: 0 0 66.6667%;
    }
    .col-md-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }
    .col-md-10 {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .col-md-11 {
        max-width: 91.6667%;
        flex: 0 0 91.6667%;
    }
    .col-md-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 992px) {
    .col-lg-1 {
        max-width: 8.3333%;
        flex: 0 0 8.3333%;
    }
    .col-lg-2 {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .col-lg-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .col-lg-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .col-lg-5 {
        max-width: 41.6667%;
        flex: 0 0 41.6667%;
    }
    .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .col-lg-7 {
        max-width: 58.3333%;
        flex: 0 0 58.3333%;
    }
    .col-lg-8 {
        max-width: 66.6667%;
        flex: 0 0 66.6667%;
    }
    .col-lg-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }
    .col-lg-10 {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .col-lg-11 {
        max-width: 91.6667%;
        flex: 0 0 91.6667%;
    }
    .col-lg-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 1200px) {
    .col-xl-1 {
        max-width: 8.3333%;
        flex: 0 0 8.3333%;
    }
    .col-xl-2 {
        max-width: 16.6667%;
        flex: 0 0 16.6667%;
    }
    .col-xl-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .col-xl-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .col-xl-5 {
        max-width: 41.6667%;
        flex: 0 0 41.6667%;
    }
    .col-xl-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .col-xl-7 {
        max-width: 58.3333%;
        flex: 0 0 58.3333%;
    }
    .col-xl-8 {
        max-width: 66.6667%;
        flex: 0 0 66.6667%;
    }
    .col-xl-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }
    .col-xl-10 {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .col-xl-11 {
        max-width: 91.6667%;
        flex: 0 0 91.6667%;
    }
    .col-xl-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 1600px) {
    .col-xxl-2 {
        flex: 0 0 16.6666%;
        max-width: 16.6666%;
    }
}
.grid,
.grid-gallery {
    display: flex;
    flex-wrap: wrap;
}
.grid-gallery .grid-item,
.grid .grid-item {
    transform: translate3d(0, 0, 0);
}
.grid,
.grid-gallery,
.grid-gallery.gutter-md,
.grid.gutter-md {
    width: calc(100% + 2 * var(--rio-gutter-md));
    margin: calc(-1 * var(--rio-gutter-md));
}
.grid-gallery .grid-item,
.grid-gallery.gutter-md .grid-item,
.grid .grid-item,
.grid.gutter-md .grid-item {
    padding: 10px;
}
.grid-gallery.gutter-sm,
.grid.gutter-sm {
    width: calc(100% + 2 * var(--rio-gutter-sm));
    margin: calc(-1 * var(--rio-gutter-sm));
}
.grid-gallery.gutter-sm .grid-item,
.grid.gutter-sm .grid-item {
    padding: var(--rio-gutter-sm);
}
.grid-gallery.gutter-lg,
.grid.gutter-lg {
    width: calc(100% + 2 * var(--rio-gutter-lg));
    margin: calc(-1 * var(--rio-gutter-lg));
}
.grid-gallery.gutter-lg .grid-item,
.grid.gutter-lg .grid-item {
    padding: var(--rio-gutter-lg);
}
.grid-gallery.gutter-xs,
.grid.gutter-xs {
    width: calc(100% + 2px);
    margin: -1px;
}
.grid-gallery.gutter-xs .grid-item,
.grid.gutter-xs .grid-item {
    padding: 1px;
}
.grid-gallery.gutter-no,
.grid.gutter-no {
    width: 100%;
    margin: 0;
}
.grid-gallery.gutter-no .grid-item,
.grid.gutter-no .grid-item {
    padding: 0;
}
.creative-grid .banner,
.creative-grid.banner,
.creative-grid .banner-img img,
.creative-grid .owl-item,
.creative-grid .owl-stage,
.creative-grid .owl-stage-outer,
.creative-grid .product-category,
.creative-grid .product-category > a,
.creative-grid figure,
.creative-grid figure img {
    height: 100%;
}
.creative-grid .banner-img .d-lazyload,
.creative-grid .product-cateogry .d-lazyload {
    height: 100% !important;
    padding-top: 0 !important;
}
.creative-grid img {
    object-fit: cover;
}
.grid-float {
    display: block !important;
}
.grid-float .grid-item {
    float: left;
}
.grid-float:after {
    content: "";
    display: block;
    clear: both;
}
.grid-float + * {
    clear: both;
}
.creative-display-grid {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-auto-rows: 1fr;
}
.creative-display-grid img {
    object-fit: cover;
    width: 100%;
}
.creative-display-grid > * {
    padding-top: var(--rio-gutter-md);
    padding-bottom: var(--rio-gutter-md);
}
.creative-display-grid.gutter-no > * {
    padding-top: 0;
    padding-bottom: 0;
}
.creative-display-grid.gutter-xs > * {
    padding-top: 1px;
    padding-bottom: 1px;
}
.creative-display-grid.gutter-sm > * {
    padding-top: var(--rio-gutter-sm);
    padding-bottom: var(--rio-gutter-sm);
}
.creative-display-grid.gutter-lg > * {
    padding-top: var(--rio-gutter-lg);
    padding-bottom: var(--rio-gutter-lg);
}
.creative-display-grid.grid-equal-height {
    grid-auto-rows: auto;
}
.creative-display-grid.grid-layout-1 > div:nth-child(7n + 1) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-2 {
    grid-template-columns: 25% 50% 25%;
}
.creative-display-grid.grid-layout-2 > div:nth-child(5n + 2) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-3 {
    grid-template-columns: 50% 25% 25%;
}
.creative-display-grid.grid-layout-3 > div:nth-child(5n + 1) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-4 {
    grid-template-columns: 25% 25% 50%;
}
.creative-display-grid.grid-layout-4 > div:nth-child(5n + 3) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-5 {
    grid-template-columns: 50% 25% 25%;
}
.creative-display-grid.grid-layout-5 > div:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-5 > div:nth-child(4n + 2) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-6 {
    grid-template-columns: 50% 25% 25%;
}
.creative-display-grid.grid-layout-6 > div:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-6 > div:nth-child(4n + 3) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-7 {
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.creative-display-grid.grid-layout-7 > div:nth-child(4n + 1) {
    grid-column-end: span 2;
}
.creative-display-grid.grid-layout-7 > div:nth-child(4n + 2) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-8 {
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.creative-display-grid.grid-layout-8 > div:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.creative-display-grid.grid-layout-8 > div:nth-child(4n + 2) {
    grid-column-end: span 2;
}
.creative-display-grid.grid-layout-9 > div:nth-child(10n + 1) {
    grid-row-end: span 3;
}
@media (max-width: 767px) {
    .creative-display-grid.creative-grid {
        grid-template-columns: 50% 50%;
    }
    .creative-display-grid.grid-layout-2 > div:nth-child(5n + 2) {
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .creative-display-grid.grid-layout-3 > div:nth-child(5n + 1) {
        grid-column-end: span 2;
    }
    .creative-display-grid.grid-layout-4 > div:nth-child(5n) {
        grid-column-end: span 2;
    }
    .creative-display-grid.grid-layout-4 > div:nth-child(5n + 3) {
        grid-column-end: span 1;
    }
    .creative-display-grid.grid-layout-5 > div:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .creative-display-grid.grid-layout-6 > div:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .creative-display-grid.grid-layout-7 > div:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .creative-display-grid.grid-layout-8 > div:nth-child(4n + 2) {
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-column-start: 1;
    }
}
.editor-mode > [class*="grid-item"] {
    position: relative;
    overflow: hidden;
    border: 1px dashed rgba(34, 34, 34, 0.4);
}
.editor-mode > [class*="grid-item"]:before {
    content: attr(data-grid-idx);
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    z-index: 99;
}
.editor-mode > [class*="grid-item"]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 50px solid #27c;
    border-bottom: 50px solid transparent;
    z-index: 98;
}
.mt-0 {
    margin-top: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.mt-1 {
    margin-top: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.mt-2 {
    margin-top: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.mt-3 {
    margin-top: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.mt-4 {
    margin-top: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.mt-5 {
    margin-top: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.mt-6 {
    margin-top: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.mt-7 {
    margin-top: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.mt-8 {
    margin-top: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.mt-9 {
    margin-top: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.mt-10 {
    margin-top: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.mb-0 {
    margin-bottom: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.mb-1 {
    margin-bottom: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.mb-2 {
    margin-bottom: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.mb-3 {
    margin-bottom: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.mb-4 {
    margin-bottom: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.mb-5 {
    margin-bottom: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.mb-6 {
    margin-bottom: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.mb-7 {
    margin-bottom: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.mb-8 {
    margin-bottom: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.mb-9 {
    margin-bottom: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.mb-10 {
    margin-bottom: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.ml-0 {
    margin-left: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.ml-1 {
    margin-left: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.ml-2 {
    margin-left: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.ml-3 {
    margin-left: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.ml-4 {
    margin-left: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.ml-5 {
    margin-left: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.ml-6 {
    margin-left: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.ml-7 {
    margin-left: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.ml-8 {
    margin-left: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.ml-9 {
    margin-left: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.ml-10 {
    margin-left: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.mr-0 {
    margin-right: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.mr-1 {
    margin-right: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.mr-2 {
    margin-right: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.mr-3 {
    margin-right: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.mr-4 {
    margin-right: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.mr-5 {
    margin-right: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.mr-6 {
    margin-right: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.mr-7 {
    margin-right: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.mr-8 {
    margin-right: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.mr-9 {
    margin-right: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.mr-10 {
    margin-right: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.pt-0 {
    padding-top: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.pt-1 {
    padding-top: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.pt-2 {
    padding-top: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.pt-3 {
    padding-top: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.pt-4 {
    padding-top: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.pt-5 {
    padding-top: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.pt-6 {
    padding-top: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.pt-7 {
    padding-top: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.pt-8 {
    padding-top: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.pt-9 {
    padding-top: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.pt-10 {
    padding-top: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.pb-0 {
    padding-bottom: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.pb-1 {
    padding-bottom: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.pb-2 {
    padding-bottom: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.pb-3 {
    padding-bottom: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.pb-4 {
    padding-bottom: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.pb-5 {
    padding-bottom: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.pb-6 {
    padding-bottom: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.pb-7 {
    padding-bottom: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.pb-8 {
    padding-bottom: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.pb-9 {
    padding-bottom: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.pb-10 {
    padding-bottom: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.pl-0 {
    padding-left: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.pl-1 {
    padding-left: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.pl-2 {
    padding-left: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.pl-3 {
    padding-left: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.pl-4 {
    padding-left: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.pl-5 {
    padding-left: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.pl-6 {
    padding-left: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.pl-7 {
    padding-left: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.pl-8 {
    padding-left: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.pl-9 {
    padding-left: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.pl-10 {
    padding-left: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.pr-0 {
    padding-right: 0rem !important;
}
.ms-0 {
    margin-left: 0rem !important;
}
.me-0 {
    margin-right: 0rem !important;
}
.ps-0 {
    padding-left: 0rem !important;
}
.pe-0 {
    padding-right: 0rem !important;
}
.pr-1 {
    padding-right: 0.5rem !important;
}
.ms-1 {
    margin-left: 0.5rem !important;
}
.me-1 {
    margin-right: 0.5rem !important;
}
.ps-1 {
    padding-left: 0.5rem !important;
}
.pe-1 {
    padding-right: 0.5rem !important;
}
.pr-2 {
    padding-right: 1rem !important;
}
.ms-2 {
    margin-left: 1rem !important;
}
.me-2 {
    margin-right: 1rem !important;
}
.ps-2 {
    padding-left: 1rem !important;
}
.pe-2 {
    padding-right: 1rem !important;
}
.pr-3 {
    padding-right: 1.5rem !important;
}
.ms-3 {
    margin-left: 1.5rem !important;
}
.me-3 {
    margin-right: 1.5rem !important;
}
.ps-3 {
    padding-left: 1.5rem !important;
}
.pe-3 {
    padding-right: 1.5rem !important;
}
.pr-4 {
    padding-right: 2rem !important;
}
.ms-4 {
    margin-left: 2rem !important;
}
.me-4 {
    margin-right: 2rem !important;
}
.ps-4 {
    padding-left: 2rem !important;
}
.pe-4 {
    padding-right: 2rem !important;
}
.pr-5 {
    padding-right: 2.5rem !important;
}
.ms-5 {
    margin-left: 2.5rem !important;
}
.me-5 {
    margin-right: 2.5rem !important;
}
.ps-5 {
    padding-left: 2.5rem !important;
}
.pe-5 {
    padding-right: 2.5rem !important;
}
.pr-6 {
    padding-right: 3rem !important;
}
.ms-6 {
    margin-left: 3rem !important;
}
.me-6 {
    margin-right: 3rem !important;
}
.ps-6 {
    padding-left: 3rem !important;
}
.pe-6 {
    padding-right: 3rem !important;
}
.pr-7 {
    padding-right: 3.5rem !important;
}
.ms-7 {
    margin-left: 3.5rem !important;
}
.me-7 {
    margin-right: 3.5rem !important;
}
.ps-7 {
    padding-left: 3.5rem !important;
}
.pe-7 {
    padding-right: 3.5rem !important;
}
.pr-8 {
    padding-right: 4rem !important;
}
.ms-8 {
    margin-left: 4rem !important;
}
.me-8 {
    margin-right: 4rem !important;
}
.ps-8 {
    padding-left: 4rem !important;
}
.pe-8 {
    padding-right: 4rem !important;
}
.pr-9 {
    padding-right: 4.5rem !important;
}
.ms-9 {
    margin-left: 4.5rem !important;
}
.me-9 {
    margin-right: 4.5rem !important;
}
.ps-9 {
    padding-left: 4.5rem !important;
}
.pe-9 {
    padding-right: 4.5rem !important;
}
.pr-10 {
    padding-right: 5rem !important;
}
.ms-10 {
    margin-left: 5rem !important;
}
.me-10 {
    margin-right: 5rem !important;
}
.ps-10 {
    padding-left: 5rem !important;
}
.pe-10 {
    padding-right: 5rem !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
.ms-auto {
    margin-left: auto !important;
}
.me-auto {
    margin-right: auto !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (min-width: 576px) {
    .mt-sm-0 {
        margin-top: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .mt-sm-1 {
        margin-top: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .mt-sm-2 {
        margin-top: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .mt-sm-3 {
        margin-top: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .mt-sm-4 {
        margin-top: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .mt-sm-5 {
        margin-top: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .mt-sm-6 {
        margin-top: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .mt-sm-7 {
        margin-top: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .mt-sm-8 {
        margin-top: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .mt-sm-9 {
        margin-top: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .mt-sm-10 {
        margin-top: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .mb-sm-0 {
        margin-bottom: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .mb-sm-6 {
        margin-bottom: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .mb-sm-7 {
        margin-bottom: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .mb-sm-8 {
        margin-bottom: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .mb-sm-9 {
        margin-bottom: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .mb-sm-10 {
        margin-bottom: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .ml-sm-0 {
        margin-left: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .ml-sm-1 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .ml-sm-2 {
        margin-left: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .ml-sm-3 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .ml-sm-4 {
        margin-left: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .ml-sm-5 {
        margin-left: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .ml-sm-6 {
        margin-left: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .ml-sm-7 {
        margin-left: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .ml-sm-8 {
        margin-left: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .ml-sm-9 {
        margin-left: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .ml-sm-10 {
        margin-left: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .mr-sm-0 {
        margin-right: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .mr-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .mr-sm-2 {
        margin-right: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .mr-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .mr-sm-4 {
        margin-right: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .mr-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .mr-sm-6 {
        margin-right: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .mr-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .mr-sm-8 {
        margin-right: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .mr-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .mr-sm-10 {
        margin-right: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .pt-sm-0 {
        padding-top: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .pt-sm-1 {
        padding-top: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .pt-sm-2 {
        padding-top: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .pt-sm-3 {
        padding-top: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .pt-sm-4 {
        padding-top: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .pt-sm-5 {
        padding-top: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .pt-sm-6 {
        padding-top: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .pt-sm-7 {
        padding-top: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .pt-sm-8 {
        padding-top: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .pt-sm-9 {
        padding-top: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .pt-sm-10 {
        padding-top: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .pb-sm-7 {
        padding-bottom: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .pb-sm-8 {
        padding-bottom: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .pb-sm-9 {
        padding-bottom: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .pb-sm-10 {
        padding-bottom: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .pl-sm-0 {
        padding-left: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .pl-sm-1 {
        padding-left: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .pl-sm-2 {
        padding-left: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .pl-sm-3 {
        padding-left: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .pl-sm-4 {
        padding-left: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .pl-sm-5 {
        padding-left: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .pl-sm-6 {
        padding-left: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .pl-sm-7 {
        padding-left: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .pl-sm-8 {
        padding-left: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .pl-sm-9 {
        padding-left: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .pl-sm-10 {
        padding-left: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .pr-sm-0 {
        padding-right: 0rem !important;
    }
    .ms-sm-0 {
        margin-left: 0rem !important;
    }
    .me-sm-0 {
        margin-right: 0rem !important;
    }
    .ps-sm-0 {
        padding-left: 0rem !important;
    }
    .pe-sm-0 {
        padding-right: 0rem !important;
    }
    .pr-sm-1 {
        padding-right: 0.5rem !important;
    }
    .ms-sm-1 {
        margin-left: 0.5rem !important;
    }
    .me-sm-1 {
        margin-right: 0.5rem !important;
    }
    .ps-sm-1 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-1 {
        padding-right: 0.5rem !important;
    }
    .pr-sm-2 {
        padding-right: 1rem !important;
    }
    .ms-sm-2 {
        margin-left: 1rem !important;
    }
    .me-sm-2 {
        margin-right: 1rem !important;
    }
    .ps-sm-2 {
        padding-left: 1rem !important;
    }
    .pe-sm-2 {
        padding-right: 1rem !important;
    }
    .pr-sm-3 {
        padding-right: 1.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }
    .pr-sm-4 {
        padding-right: 2rem !important;
    }
    .ms-sm-4 {
        margin-left: 2rem !important;
    }
    .me-sm-4 {
        margin-right: 2rem !important;
    }
    .ps-sm-4 {
        padding-left: 2rem !important;
    }
    .pe-sm-4 {
        padding-right: 2rem !important;
    }
    .pr-sm-5 {
        padding-right: 2.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 2.5rem !important;
    }
    .me-sm-5 {
        margin-right: 2.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 2.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 2.5rem !important;
    }
    .pr-sm-6 {
        padding-right: 3rem !important;
    }
    .ms-sm-6 {
        margin-left: 3rem !important;
    }
    .me-sm-6 {
        margin-right: 3rem !important;
    }
    .ps-sm-6 {
        padding-left: 3rem !important;
    }
    .pe-sm-6 {
        padding-right: 3rem !important;
    }
    .pr-sm-7 {
        padding-right: 3.5rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.5rem !important;
    }
    .me-sm-7 {
        margin-right: 3.5rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.5rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.5rem !important;
    }
    .pr-sm-8 {
        padding-right: 4rem !important;
    }
    .ms-sm-8 {
        margin-left: 4rem !important;
    }
    .me-sm-8 {
        margin-right: 4rem !important;
    }
    .ps-sm-8 {
        padding-left: 4rem !important;
    }
    .pe-sm-8 {
        padding-right: 4rem !important;
    }
    .pr-sm-9 {
        padding-right: 4.5rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.5rem !important;
    }
    .me-sm-9 {
        margin-right: 4.5rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.5rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.5rem !important;
    }
    .pr-sm-10 {
        padding-right: 5rem !important;
    }
    .ms-sm-10 {
        margin-left: 5rem !important;
    }
    .me-sm-10 {
        margin-right: 5rem !important;
    }
    .ps-sm-10 {
        padding-left: 5rem !important;
    }
    .pe-sm-10 {
        padding-right: 5rem !important;
    }
    .ml-sm-auto {
        margin-left: auto !important;
    }
    .mr-sm-auto {
        margin-right: auto !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .mt-md-1 {
        margin-top: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .mt-md-2 {
        margin-top: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .mt-md-3 {
        margin-top: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .mt-md-4 {
        margin-top: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .mt-md-5 {
        margin-top: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .mt-md-6 {
        margin-top: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .mt-md-7 {
        margin-top: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .mt-md-8 {
        margin-top: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .mt-md-9 {
        margin-top: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .mt-md-10 {
        margin-top: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .mb-md-0 {
        margin-bottom: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .mb-md-1 {
        margin-bottom: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .mb-md-2 {
        margin-bottom: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .mb-md-4 {
        margin-bottom: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .mb-md-5 {
        margin-bottom: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .mb-md-6 {
        margin-bottom: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .mb-md-7 {
        margin-bottom: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .mb-md-8 {
        margin-bottom: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .mb-md-9 {
        margin-bottom: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .mb-md-10 {
        margin-bottom: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .ml-md-0 {
        margin-left: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .ml-md-1 {
        margin-left: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .ml-md-2 {
        margin-left: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .ml-md-3 {
        margin-left: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .ml-md-4 {
        margin-left: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .ml-md-5 {
        margin-left: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .ml-md-6 {
        margin-left: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .ml-md-7 {
        margin-left: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .ml-md-8 {
        margin-left: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .ml-md-9 {
        margin-left: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .ml-md-10 {
        margin-left: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .mr-md-0 {
        margin-right: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .mr-md-1 {
        margin-right: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .mr-md-2 {
        margin-right: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .mr-md-3 {
        margin-right: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .mr-md-4 {
        margin-right: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .mr-md-5 {
        margin-right: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .mr-md-6 {
        margin-right: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .mr-md-7 {
        margin-right: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .mr-md-8 {
        margin-right: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .mr-md-9 {
        margin-right: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .mr-md-10 {
        margin-right: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .pt-md-0 {
        padding-top: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .pt-md-1 {
        padding-top: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .pt-md-2 {
        padding-top: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .pt-md-3 {
        padding-top: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .pt-md-4 {
        padding-top: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .pt-md-5 {
        padding-top: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .pt-md-6 {
        padding-top: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .pt-md-7 {
        padding-top: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .pt-md-8 {
        padding-top: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .pt-md-9 {
        padding-top: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .pt-md-10 {
        padding-top: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .pb-md-1 {
        padding-bottom: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2 {
        padding-bottom: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4 {
        padding-bottom: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .pb-md-5 {
        padding-bottom: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .pb-md-6 {
        padding-bottom: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .pb-md-7 {
        padding-bottom: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .pb-md-8 {
        padding-bottom: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .pb-md-9 {
        padding-bottom: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .pb-md-10 {
        padding-bottom: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .pl-md-0 {
        padding-left: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .pl-md-1 {
        padding-left: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .pl-md-2 {
        padding-left: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .pl-md-3 {
        padding-left: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .pl-md-4 {
        padding-left: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .pl-md-5 {
        padding-left: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .pl-md-6 {
        padding-left: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .pl-md-7 {
        padding-left: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .pl-md-8 {
        padding-left: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .pl-md-9 {
        padding-left: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .pl-md-10 {
        padding-left: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .pr-md-0 {
        padding-right: 0rem !important;
    }
    .ms-md-0 {
        margin-left: 0rem !important;
    }
    .me-md-0 {
        margin-right: 0rem !important;
    }
    .ps-md-0 {
        padding-left: 0rem !important;
    }
    .pe-md-0 {
        padding-right: 0rem !important;
    }
    .pr-md-1 {
        padding-right: 0.5rem !important;
    }
    .ms-md-1 {
        margin-left: 0.5rem !important;
    }
    .me-md-1 {
        margin-right: 0.5rem !important;
    }
    .ps-md-1 {
        padding-left: 0.5rem !important;
    }
    .pe-md-1 {
        padding-right: 0.5rem !important;
    }
    .pr-md-2 {
        padding-right: 1rem !important;
    }
    .ms-md-2 {
        margin-left: 1rem !important;
    }
    .me-md-2 {
        margin-right: 1rem !important;
    }
    .ps-md-2 {
        padding-left: 1rem !important;
    }
    .pe-md-2 {
        padding-right: 1rem !important;
    }
    .pr-md-3 {
        padding-right: 1.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1.5rem !important;
    }
    .me-md-3 {
        margin-right: 1.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1.5rem !important;
    }
    .pr-md-4 {
        padding-right: 2rem !important;
    }
    .ms-md-4 {
        margin-left: 2rem !important;
    }
    .me-md-4 {
        margin-right: 2rem !important;
    }
    .ps-md-4 {
        padding-left: 2rem !important;
    }
    .pe-md-4 {
        padding-right: 2rem !important;
    }
    .pr-md-5 {
        padding-right: 2.5rem !important;
    }
    .ms-md-5 {
        margin-left: 2.5rem !important;
    }
    .me-md-5 {
        margin-right: 2.5rem !important;
    }
    .ps-md-5 {
        padding-left: 2.5rem !important;
    }
    .pe-md-5 {
        padding-right: 2.5rem !important;
    }
    .pr-md-6 {
        padding-right: 3rem !important;
    }
    .ms-md-6 {
        margin-left: 3rem !important;
    }
    .me-md-6 {
        margin-right: 3rem !important;
    }
    .ps-md-6 {
        padding-left: 3rem !important;
    }
    .pe-md-6 {
        padding-right: 3rem !important;
    }
    .pr-md-7 {
        padding-right: 3.5rem !important;
    }
    .ms-md-7 {
        margin-left: 3.5rem !important;
    }
    .me-md-7 {
        margin-right: 3.5rem !important;
    }
    .ps-md-7 {
        padding-left: 3.5rem !important;
    }
    .pe-md-7 {
        padding-right: 3.5rem !important;
    }
    .pr-md-8 {
        padding-right: 4rem !important;
    }
    .ms-md-8 {
        margin-left: 4rem !important;
    }
    .me-md-8 {
        margin-right: 4rem !important;
    }
    .ps-md-8 {
        padding-left: 4rem !important;
    }
    .pe-md-8 {
        padding-right: 4rem !important;
    }
    .pr-md-9 {
        padding-right: 4.5rem !important;
    }
    .ms-md-9 {
        margin-left: 4.5rem !important;
    }
    .me-md-9 {
        margin-right: 4.5rem !important;
    }
    .ps-md-9 {
        padding-left: 4.5rem !important;
    }
    .pe-md-9 {
        padding-right: 4.5rem !important;
    }
    .pr-md-10 {
        padding-right: 5rem !important;
    }
    .ms-md-10 {
        margin-left: 5rem !important;
    }
    .me-md-10 {
        margin-right: 5rem !important;
    }
    .ps-md-10 {
        padding-left: 5rem !important;
    }
    .pe-md-10 {
        padding-right: 5rem !important;
    }
    .ml-md-auto {
        margin-left: auto !important;
    }
    .mr-md-auto {
        margin-right: auto !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .mt-lg-1 {
        margin-top: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .mt-lg-2 {
        margin-top: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .mt-lg-3 {
        margin-top: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .mt-lg-4 {
        margin-top: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .mt-lg-5 {
        margin-top: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .mt-lg-6 {
        margin-top: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .mt-lg-7 {
        margin-top: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .mt-lg-8 {
        margin-top: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .mt-lg-9 {
        margin-top: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .mt-lg-10 {
        margin-top: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .mb-lg-0 {
        margin-bottom: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .mb-lg-6 {
        margin-bottom: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .mb-lg-7 {
        margin-bottom: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .mb-lg-8 {
        margin-bottom: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .mb-lg-9 {
        margin-bottom: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .mb-lg-10 {
        margin-bottom: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .ml-lg-0 {
        margin-left: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .ml-lg-1 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .ml-lg-2 {
        margin-left: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .ml-lg-3 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .ml-lg-4 {
        margin-left: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .ml-lg-5 {
        margin-left: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .ml-lg-6 {
        margin-left: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .ml-lg-7 {
        margin-left: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .ml-lg-8 {
        margin-left: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .ml-lg-9 {
        margin-left: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .ml-lg-10 {
        margin-left: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .mr-lg-0 {
        margin-right: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .mr-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .mr-lg-2 {
        margin-right: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .mr-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .mr-lg-4 {
        margin-right: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .mr-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .mr-lg-6 {
        margin-right: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .mr-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .mr-lg-8 {
        margin-right: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .mr-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .mr-lg-10 {
        margin-right: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .pt-lg-0 {
        padding-top: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .pt-lg-1 {
        padding-top: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .pt-lg-2 {
        padding-top: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .pt-lg-3 {
        padding-top: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .pt-lg-4 {
        padding-top: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .pt-lg-5 {
        padding-top: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .pt-lg-6 {
        padding-top: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .pt-lg-7 {
        padding-top: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .pt-lg-8 {
        padding-top: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .pt-lg-9 {
        padding-top: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .pt-lg-10 {
        padding-top: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .pb-lg-6 {
        padding-bottom: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .pb-lg-7 {
        padding-bottom: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .pb-lg-8 {
        padding-bottom: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .pb-lg-9 {
        padding-bottom: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .pb-lg-10 {
        padding-bottom: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .pl-lg-0 {
        padding-left: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .pl-lg-1 {
        padding-left: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .pl-lg-2 {
        padding-left: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .pl-lg-3 {
        padding-left: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .pl-lg-4 {
        padding-left: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .pl-lg-5 {
        padding-left: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .pl-lg-6 {
        padding-left: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .pl-lg-7 {
        padding-left: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .pl-lg-8 {
        padding-left: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .pl-lg-9 {
        padding-left: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .pl-lg-10 {
        padding-left: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .pr-lg-0 {
        padding-right: 0rem !important;
    }
    .ms-lg-0 {
        margin-left: 0rem !important;
    }
    .me-lg-0 {
        margin-right: 0rem !important;
    }
    .ps-lg-0 {
        padding-left: 0rem !important;
    }
    .pe-lg-0 {
        padding-right: 0rem !important;
    }
    .pr-lg-1 {
        padding-right: 0.5rem !important;
    }
    .ms-lg-1 {
        margin-left: 0.5rem !important;
    }
    .me-lg-1 {
        margin-right: 0.5rem !important;
    }
    .ps-lg-1 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-1 {
        padding-right: 0.5rem !important;
    }
    .pr-lg-2 {
        padding-right: 1rem !important;
    }
    .ms-lg-2 {
        margin-left: 1rem !important;
    }
    .me-lg-2 {
        margin-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 1rem !important;
    }
    .pe-lg-2 {
        padding-right: 1rem !important;
    }
    .pr-lg-3 {
        padding-right: 1.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }
    .pr-lg-4 {
        padding-right: 2rem !important;
    }
    .ms-lg-4 {
        margin-left: 2rem !important;
    }
    .me-lg-4 {
        margin-right: 2rem !important;
    }
    .ps-lg-4 {
        padding-left: 2rem !important;
    }
    .pe-lg-4 {
        padding-right: 2rem !important;
    }
    .pr-lg-5 {
        padding-right: 2.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 2.5rem !important;
    }
    .me-lg-5 {
        margin-right: 2.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 2.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 2.5rem !important;
    }
    .pr-lg-6 {
        padding-right: 3rem !important;
    }
    .ms-lg-6 {
        margin-left: 3rem !important;
    }
    .me-lg-6 {
        margin-right: 3rem !important;
    }
    .ps-lg-6 {
        padding-left: 3rem !important;
    }
    .pe-lg-6 {
        padding-right: 3rem !important;
    }
    .pr-lg-7 {
        padding-right: 3.5rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.5rem !important;
    }
    .me-lg-7 {
        margin-right: 3.5rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.5rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.5rem !important;
    }
    .pr-lg-8 {
        padding-right: 4rem !important;
    }
    .ms-lg-8 {
        margin-left: 4rem !important;
    }
    .me-lg-8 {
        margin-right: 4rem !important;
    }
    .ps-lg-8 {
        padding-left: 4rem !important;
    }
    .pe-lg-8 {
        padding-right: 4rem !important;
    }
    .pr-lg-9 {
        padding-right: 4.5rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.5rem !important;
    }
    .me-lg-9 {
        margin-right: 4.5rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.5rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.5rem !important;
    }
    .pr-lg-10 {
        padding-right: 5rem !important;
    }
    .ms-lg-10 {
        margin-left: 5rem !important;
    }
    .me-lg-10 {
        margin-right: 5rem !important;
    }
    .ps-lg-10 {
        padding-left: 5rem !important;
    }
    .pe-lg-10 {
        padding-right: 5rem !important;
    }
    .ml-lg-auto {
        margin-left: auto !important;
    }
    .mr-lg-auto {
        margin-right: auto !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .mt-xl-1 {
        margin-top: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .mt-xl-2 {
        margin-top: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .mt-xl-3 {
        margin-top: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .mt-xl-4 {
        margin-top: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .mt-xl-5 {
        margin-top: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .mt-xl-6 {
        margin-top: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .mt-xl-7 {
        margin-top: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .mt-xl-8 {
        margin-top: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .mt-xl-9 {
        margin-top: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .mt-xl-10 {
        margin-top: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .mb-xl-0 {
        margin-bottom: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .mb-xl-6 {
        margin-bottom: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .mb-xl-7 {
        margin-bottom: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .mb-xl-8 {
        margin-bottom: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .mb-xl-9 {
        margin-bottom: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .ml-xl-0 {
        margin-left: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .ml-xl-1 {
        margin-left: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .ml-xl-2 {
        margin-left: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .ml-xl-3 {
        margin-left: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .ml-xl-4 {
        margin-left: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .ml-xl-5 {
        margin-left: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .ml-xl-6 {
        margin-left: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .ml-xl-7 {
        margin-left: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .ml-xl-8 {
        margin-left: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .ml-xl-9 {
        margin-left: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .ml-xl-10 {
        margin-left: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .mr-xl-0 {
        margin-right: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .mr-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .mr-xl-2 {
        margin-right: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .mr-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .mr-xl-4 {
        margin-right: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .mr-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .mr-xl-6 {
        margin-right: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .mr-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .mr-xl-8 {
        margin-right: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .mr-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .mr-xl-10 {
        margin-right: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .pt-xl-0 {
        padding-top: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .pt-xl-1 {
        padding-top: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .pt-xl-2 {
        padding-top: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .pt-xl-3 {
        padding-top: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .pt-xl-4 {
        padding-top: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .pt-xl-5 {
        padding-top: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .pt-xl-6 {
        padding-top: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .pt-xl-7 {
        padding-top: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .pt-xl-8 {
        padding-top: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .pt-xl-9 {
        padding-top: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .pt-xl-10 {
        padding-top: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .pb-xl-6 {
        padding-bottom: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .pb-xl-7 {
        padding-bottom: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .pb-xl-8 {
        padding-bottom: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .pb-xl-9 {
        padding-bottom: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .pb-xl-10 {
        padding-bottom: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .pl-xl-0 {
        padding-left: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .pl-xl-1 {
        padding-left: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .pl-xl-2 {
        padding-left: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .pl-xl-3 {
        padding-left: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .pl-xl-4 {
        padding-left: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .pl-xl-5 {
        padding-left: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .pl-xl-6 {
        padding-left: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .pl-xl-7 {
        padding-left: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .pl-xl-8 {
        padding-left: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .pl-xl-9 {
        padding-left: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .pl-xl-10 {
        padding-left: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .pr-xl-0 {
        padding-right: 0rem !important;
    }
    .ms-xl-0 {
        margin-left: 0rem !important;
    }
    .me-xl-0 {
        margin-right: 0rem !important;
    }
    .ps-xl-0 {
        padding-left: 0rem !important;
    }
    .pe-xl-0 {
        padding-right: 0rem !important;
    }
    .pr-xl-1 {
        padding-right: 0.5rem !important;
    }
    .ms-xl-1 {
        margin-left: 0.5rem !important;
    }
    .me-xl-1 {
        margin-right: 0.5rem !important;
    }
    .ps-xl-1 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-1 {
        padding-right: 0.5rem !important;
    }
    .pr-xl-2 {
        padding-right: 1rem !important;
    }
    .ms-xl-2 {
        margin-left: 1rem !important;
    }
    .me-xl-2 {
        margin-right: 1rem !important;
    }
    .ps-xl-2 {
        padding-left: 1rem !important;
    }
    .pe-xl-2 {
        padding-right: 1rem !important;
    }
    .pr-xl-3 {
        padding-right: 1.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1.5rem !important;
    }
    .pr-xl-4 {
        padding-right: 2rem !important;
    }
    .ms-xl-4 {
        margin-left: 2rem !important;
    }
    .me-xl-4 {
        margin-right: 2rem !important;
    }
    .ps-xl-4 {
        padding-left: 2rem !important;
    }
    .pe-xl-4 {
        padding-right: 2rem !important;
    }
    .pr-xl-5 {
        padding-right: 2.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 2.5rem !important;
    }
    .me-xl-5 {
        margin-right: 2.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 2.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 2.5rem !important;
    }
    .pr-xl-6 {
        padding-right: 3rem !important;
    }
    .ms-xl-6 {
        margin-left: 3rem !important;
    }
    .me-xl-6 {
        margin-right: 3rem !important;
    }
    .ps-xl-6 {
        padding-left: 3rem !important;
    }
    .pe-xl-6 {
        padding-right: 3rem !important;
    }
    .pr-xl-7 {
        padding-right: 3.5rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.5rem !important;
    }
    .me-xl-7 {
        margin-right: 3.5rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.5rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.5rem !important;
    }
    .pr-xl-8 {
        padding-right: 4rem !important;
    }
    .ms-xl-8 {
        margin-left: 4rem !important;
    }
    .me-xl-8 {
        margin-right: 4rem !important;
    }
    .ps-xl-8 {
        padding-left: 4rem !important;
    }
    .pe-xl-8 {
        padding-right: 4rem !important;
    }
    .pr-xl-9 {
        padding-right: 4.5rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.5rem !important;
    }
    .me-xl-9 {
        margin-right: 4.5rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.5rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.5rem !important;
    }
    .pr-xl-10 {
        padding-right: 5rem !important;
    }
    .ms-xl-10 {
        margin-left: 5rem !important;
    }
    .me-xl-10 {
        margin-right: 5rem !important;
    }
    .ps-xl-10 {
        padding-left: 5rem !important;
    }
    .pe-xl-10 {
        padding-right: 5rem !important;
    }
    .ml-xl-auto {
        margin-left: auto !important;
    }
    .mr-xl-auto {
        margin-right: auto !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.w-auto {
    width: auto !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.h-100 {
    height: 100% !important;
}
.p-relative {
    position: relative !important;
}
.p-absolute {
    position: absolute !important;
}
.p-static {
    position: static !important;
}
.d-none {
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-1 {
    flex: 1 !important;
}
.flex-none {
    flex: none !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.vertical-top {
    vertical-align: top !important;
}
.vertical-middle {
    vertical-align: middle !important;
}
.vertical-bottom {
    vertical-align: bottom !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-block {
        display: block;
    }
    .d-md-flex {
        display: flex !important;
    }
    .w-md-auto {
        width: auto !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .flex-md-1 {
        flex: 1 !important;
    }
    .flex-md-none {
        flex: none !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .w-lg-auto {
        width: auto !important;
    }
    .w-lg-100 {
        width: 100% !important;
    }
    .flex-lg-1 {
        flex: 1 !important;
    }
    .flex-lg-none {
        flex: none !important;
    }
    .col-lg-1-5 {
        max-width: 20%;
        flex-basis: 20%;
    }
    .col-lg-2-5 {
        max-width: 40%;
        flex-basis: 40%;
    }
    .col-lg-3-5 {
        max-width: 60%;
        flex-basis: 60%;
    }
    .col-lg-4-5 {
        max-width: 80%;
        flex-basis: 80%;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .w-xl-auto {
        width: auto !important;
    }
    .w-xl-100 {
        width: 100% !important;
    }
    .flex-xl-1 {
        flex: 1 !important;
    }
    .flex-xl-none {
        flex: none !important;
    }
}
.font-primary {
    font-family: var(--rio-body-font-family), sans-serif !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-semi-bold {
    font-weight: 600 !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-normal {
    text-transform: none !important;
}
.font-italic {
    font-style: italic !important;
}
.font-normal {
    font-stretch: normal !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-white {
    color: #fff !important;
}
.text-light {
    color: var(--light-color) !important;
}
.text-grey {
    color: #999 !important;
}
.text-body {
    color: var(--rio-body-color) !important;
}
.text-primary {
    color: #1f5f8b!important;
}

.text-success {
    color: var(--success-color) !important;
}
.text-alert {
    color: var(--alert-color) !important;
}
.text-light {
    color: var(--light-color) !important;
}
.text-dark {
    color: var(--dark-color) !important;
}
.text-black {
    color: #000 !important;
}
.ls-s {
    letter-spacing: -0.01em !important;
}
.ls-m {
    letter-spacing: -0.025em !important;
}
.ls-l {
    letter-spacing: -0.05em !important;
}
.ls-normal {
    letter-spacing: 0 !important;
}
.lh-1 {
    line-height: 1 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-dark {
    background-color: var(--dark-color) !important;
}
.bg-grey {
    background-color: #999 !important;
}
.bg-light {
    background-color: var(--light-color) !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-primary {
    background-color: #1f5f8b !important;
}

.border-no {
    border: none !important;
}
.br-3 {
    border-radius: 3px;
}
.br-10 {
    border-radius: 10px;
}
.no-transition {
    transition: none !important;
}
.t-none {
    transform: translate(0, 0) !important;
}
.t-m {
    transform: translateY(-50%) !important;
}
.t-c {
    transform: translateX(-50%) !important;
}
.t-mc {
    transform: translate(-50%, -50%) !important;
}
@media (min-width: 1200px) {
    .hide-on-xl {
        display: none !important;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .hide-on-lg {
        display: none !important;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .hide-on-md {
        display: none !important;
    }
}
@media (max-width: 767px) and (min-width: 576px) {
    .hide-on-sm {
        display: none !important;
    }
}
@media (max-width: 575px) {
    .hide-on-xs {
        display: none !important;
    }
}
.customize-partial-edit-shortcut button,
.widget .customize-partial-edit-shortcut button {
    display: none;
}
.widget-block .riode-block {
    text-align: initial;
}
.widget_media_gallery .gallery {
    display: flex;
    flex-wrap: wrap;
    margin: calc(-1 * var(--rio-gutter-sm));
}
.widget_media_gallery figure {
    width: 100%;
    padding: var(--rio-gutter-sm);
}
.gallery-columns-1 > * {
    max-width: 100%;
    flex: 0 0 100%;
}
.gallery-columns-2 > * {
    max-width: 50%;
    flex: 0 0 50%;
}
.gallery-columns-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
}
.gallery-columns-4 > * {
    max-width: 25%;
    flex: 0 0 25%;
}
.gallery-columns-5 > * {
    max-width: 20%;
    flex: 0 0 20%;
}
.gallery-columns-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%;
}
.gallery-columns-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%;
}
.gallery-columns-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
.riode-mini-logo:before,
div.dashicons-riode-logo:before,
span.dashicons-riode-logo:before {
    content: "";
    display: block;
    box-shadow: -2px 2px 0 4px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
}
div.dashicons-riode-logo:before,
span.dashicons-riode-logo:before {
    margin-left: 50%;
    margin-top: 14px;
    padding: 0;
}
#wp-admin-bar-riode .dashicons-riode-logo:before {
    margin: 50% 4px 0 10px;
}
#wp-admin-bar-riode .ab-icon.dashicons-admin-network {
    margin-top: 3px;
}
.editor-styles-wrapper .has-small-font-size,
.has-small-font-size {
    font-size: calc(1.5rem * var(--rio-typo-ratio, 1));
}
.editor-styles-wrapper .has-normal-font-size,
.editor-styles-wrapper .has-regular-font-size,
.has-normal-font-size,
.has-regular-font-size {
    font-size: calc(1.8rem * var(--rio-typo-ratio, 1));
}
.editor-styles-wrapper .has-medium-font-size,
.has-medium-font-size {
    font-size: calc(2.4rem * var(--rio-typo-ratio, 1));
}
.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
    font-size: calc(3rem * var(--rio-typo-ratio, 1));
}
.editor-styles-wrapper .has-huge-font-size,
.editor-styles-wrapper .has-larger-font-size,
.has-huge-font-size,
.has-larger-font-size {
    font-size: calc(3.4rem * var(--rio-typo-ratio, 1));
}
.alignleft {
    float: left;
    clear: both;
    margin-right: 1.5em;
}
.alignright {
    float: right;
    clear: both;
    margin-left: 1.5em;
}
.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
ol.aligncenter,
ul.aligncenter {
    list-style-position: inside;
    padding: 0;
}
.alignfull,
.alignwide {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 24px;
}
.wp-caption.aligncenter,
img.aligncenter {
    display: block;
    margin: 0 auto;
}
.has-primary-color {
    color: #1f5f8b;
}
.wp-block-table {
    display: table;
}
.wp-block-cover {
    color: #fff;
}
.wp-block-cover a {
    color: inherit;
}
.wp-block-cover .wp-block-cover__inner-container p {
    font-size: 2em !important;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover .wp-block-cover__inner-container p,
section.wp-block-cover-image > h2 {
    padding: 0;
    max-width: 100%;
}
.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim {
    background-color: #000;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
    width: 100%;
}
.wp-block-separator {
    clear: both;
}
.wp-block-table table td,
.wp-block-table table th {
    padding: 0.5em;
}
.wp-calendar-table {
    font-size: 12px;
}
.wp-calendar-table th {
    padding: 5px 0 4px 0;
    font-weight: 600;
    color: #222;
    line-height: 1;
    background: #edeef0;
    text-align: center;
}
.wp-calendar-table tbody tr:first-child td {
    padding-top: 16px;
}
.wp-calendar-table td {
    padding: 8px 10px;
    text-align: center;
    border: 0;
}
.wp-calendar-table caption {
    margin-bottom: 1.3rem;
    font-weight: 600;
    font-size: calc(14px * var(--rio-typo-ratio, 1));
    color: #222;
    text-transform: uppercase;
    line-height: 1;
}
.wp-block-quote {
    position: relative;
    padding: 0.8em 1em;
    border-left: 2px solid #1f5f8b;
    background-color: #f2f3f5;
}
.wp-block-quote.has-text-align-right {
    border-right: 2px solid #1f5f8b;
}
.wp-block-quote p {
    margin: 0;
}
.wp-block-quote.is-large {
    padding: 1em 1.5em;
    border-left: 2px solid #1f5f8b;
    background-color: #f2f3f5;
}
.wp-block-quote.is-large.has-text-align-right {
    border-right: 2px solid #1f5f8b;
}
.wp-block-quote.is-style-large {
    margin-bottom: 2rem;
    padding: 0 0 0 6rem;
    background: none;
}
.wp-block-quote.is-style-large p {
    font-size: calc(1.8rem * var(--rio-typo-ratio, 1));
    line-height: 1.4;
}
.wp-block-quote.is-style-large:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
    font-size: 2.5rem;
    font-family: "Font Awesome 5 Free";
    color: #222;
    line-height: 1;
}
@media (max-width: 1199px) {
    .wp-block-quote.is-style-large {
        padding: 0 0 0 4rem;
    }
    .wp-block-quote.is-style-large p {
        font-size: calc(1.5rem * var(--rio-typo-ratio, 1));
    }
}
@media (max-width: 479px) {
    .wp-block-quote.is-style-large cite,
    .wp-block-quote.is-style-large p {
        font-size: calc(1.5rem * var(--rio-typo-ratio, 1));
    }
}
.wp-block-pullquote {
    background-color: #f2f3f5 !important;
}
.wp-block-pullquote blockquote {
    margin-bottom: 0;
    padding: 0;
    border-left: none;
    background-color: transparent;
}
.wp-block-button {
    margin-bottom: 2rem;
}
.wp-block-button .wp-block-button__link {
    background-color:#1f5f8b;
    color: #fff;
    transition: color, background-color 0.3s;
}
.wp-block-button .wp-block-button__link:hover {
    background-color: #2977d8;
}
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    color:#1f5f8b;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color:#1f5f8b;
    color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}
.post-password-form,
.wp-block-search {
    margin-bottom: 2rem;
}
.post-password-form > p {
    display: flex;
    align-items: flex-end;
}
.post-password-form input[type="password"],
.wp-block-search input {
    display: block;
    width: 100%;
    min-height: 3.6rem;
    padding: 0.85rem 2rem;
    border: 1px solid #e3e3e3;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.5;
    font-weight: 400;
    color: #666;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}
.post-password-form input[type="password"]::placeholder,
.wp-block-search input::placeholder {
    color: inherit;
    transition: color 0.3s;
}
.post-password-form input[type="password"]::-webkit-input-placeholder,
.wp-block-search input::-webkit-input-placeholder {
    color: inherit;
    transition: color 0.3s;
}
.post-password-form input[type="password"]::-moz-placeholder,
.wp-block-search input::-moz-placeholder {
    color: inherit;
    transition: color 0.3s;
}
.post-password-form input[type="password"]:focus::placeholder,
.wp-block-search input:focus::placeholder {
    color: transparent;
}
.post-password-form input[type="password"]:focus::-webkit-input-placeholder,
.wp-block-search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.post-password-form input[type="password"]:focus::-moz-placeholder,
.wp-block-search input:focus::-moz-placeholder {
    color: transparent;
}
.post-password-form input[type="password"].form-solid,
.wp-block-search input.form-solid {
    background-color: #fff;
    border: 0;
    color: #8d8d8d;
}
.post-password-form input[type="submit"],
.wp-block-search__button {
    display: inline-block;
    border: 2px solid #1f5f8b;
    background-color: #1f5f8b;
    color: #fff;
    outline: 0;
    border-radius: 0;
    padding: 0.7em 2em;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap;
    cursor: pointer;
}
.post-password-form input[type="submit"]:hover,
.wp-block-search__button:hover {
    border: 2px solid  #27c;
    background-color: #27c;
}
.widget-block .riode-block {
    text-align: initial;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: calc(-1 * var(--rio-gutter-sm));
}
.gallery-item {
    margin-bottom: 1.5rem;
    width: 100%;
    padding: var(--rio-gutter-sm);
}
.gallery-columns-1 > * {
    max-width: 100%;
    flex: 0 0 100%;
}
.gallery-columns-2 > * {
    max-width: 50%;
    flex: 0 0 50%;
}
.gallery-columns-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
}
.gallery-columns-4 > * {
    max-width: 25%;
    flex: 0 0 25%;
}
.gallery-columns-5 > * {
    max-width: 20%;
    flex: 0 0 20%;
}
.gallery-columns-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%;
}
.gallery-columns-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%;
}
.gallery-columns-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%;
}
.gallery-columns-9 > * {
    max-width: 11.1111%;
    flex: 0 0 11.1111%;
}
.main-content > .wp-block-columns:not(.alignwide):not(.alignfull) {
    max-width: 1220px;
}
.main-content > .alignwide {
    max-width: var(--rio-container-fluid-width, 1820px);
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.main-content > .wp-block-columns:not(.alignfull) {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid .wp-block-columns:not(.alignfull),
.container .wp-block-columns:not(.alignfull) {
    padding-left: 0;
    padding-right: 0;
}
.container-fluid .main-content > .wp-block-columns,
.container .main-content > .wp-block-columns {
    margin-left: calc(-1 * var(--rio-gutter-md));
    margin-right: calc(-1 * var(--rio-gutter-md));
}
.container-fluid .alignwide,
.container .alignwide {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 1260px) {
    .container-fluid .main-content > .wp-block-columns:not(.alignwide):not(.alignfull) {
        margin-left: auto;
        margin-right: auto;
    }
}
.wp-block-columns {
    margin-left: calc(-1 * var(--rio-gutter-md));
    margin-right: calc(-1 * var(--rio-gutter-md));
}
@media (max-width: 479px) {
    .wp-block-columns:not(.alignfull) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.wp-block-columns > .wp-block-column {
    padding-left: var(--rio-gutter-md);
    padding-right: var(--rio-gutter-md);
    margin-left: 0;
}
.blocks-gallery-grid[class*="columns-"] .blocks-gallery-image,
.blocks-gallery-grid[class*="columns-"] .blocks-gallery-item,
.wp-block-gallery[class*="columns-"] .blocks-gallery-image,
.wp-block-gallery[class*="columns-"] .blocks-gallery-item {
    margin-bottom: calc(var(--rio-gutter-md) * 2);
    margin-right: calc(var(--rio-gutter-md) * 2);
}
.blocks-gallery-grid[class*="columns-"] .blocks-gallery-image:last-child,
.blocks-gallery-grid[class*="columns-"] .blocks-gallery-item:last-child,
.wp-block-gallery[class*="columns-"] .blocks-gallery-image:last-child,
.wp-block-gallery[class*="columns-"] .blocks-gallery-item:last-child {
    margin-right: 0;
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image,
.blocks-gallery-grid.columns-2 .blocks-gallery-item,
.wp-block-gallery.columns-2 .blocks-gallery-image,
.wp-block-gallery.columns-2 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 2) / 2);
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 4) / 3);
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 6) / 4);
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 8) / 5);
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 10) / 6);
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 12) / 7);
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 14) / 8);
}
.blocks-gallery-grid.columns-9 .blocks-gallery-image,
.blocks-gallery-grid.columns-9 .blocks-gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-image,
.wp-block-gallery.columns-9 .blocks-gallery-item {
    width: calc((100% - var(--rio-gutter-md) * 16) / 9);
}
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--rio-gutter-md));
    margin-right: calc(-1 * var(--rio-gutter-md));
}
.wp-block-column {
    padding-left: var(--rio-gutter-md);
    padding-right: var(--rio-gutter-md);
}
@media (max-width: 781px) and (min-width: 600px) {
    .wp-block-column {
        flex-basis: 50% !important;
        flex-grow: 0;
    }
}
.form-row [type="email"],
.form-row [type="password"],
.form-row [type="tel"],
.form-row [type="text"],
.form-row textarea {
    display: block;
    width: 100%;
    min-height: 4.5rem;
    padding: 1.2rem 1.5rem;
    border: 1px solid #e1e1e1;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.5;
    font-weight: 400;
    color: #999;
    background-color: transparent;
    box-shadow: none;
    outline: 0;
}
.form-row [type="email"]::placeholder,
.form-row [type="password"]::placeholder,
.form-row [type="tel"]::placeholder,
.form-row [type="text"]::placeholder,
.form-row textarea::placeholder {
    color: #999;
}
.form-row [type="email"]:focus,
.form-row [type="password"]:focus,
.form-row [type="tel"]:focus,
.form-row [type="text"]:focus,
.form-row textarea:focus {
    border: 1px solid #222;
}
.woocommerce-form {
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
}
.woocommerce-form .form-row {
    margin-bottom: 1.8rem;
}
.woocommerce-form label {
    margin-bottom: 8px;
}
.button {
    display: inline-block;
    border: 2px solid #e4eaec;
    background-color: #e4eaec;
    color: #222;
    outline: 0;
    border-radius: 0;
    padding: 1em 2em;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    text-align: center;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    border-color:#1f5f8b;
    background-color:#1f5f8b;
}
.button:active,
.button:focus,
.button:hover {
    color: #fff;
    border-color: #3478dd);
    background-color:#3478dd);
}
.button.btn-solid {
    color: #1f5f8b;
    border-color: #fff;
    background-color: #fff;
}
.button.btn-solid:active,
.button.btn-solid:focus,
.button.btn-solid:hover {
    border-color:#1f5f8b;
    background-color:#1f5f8b;
    color: #fff;
}
.button.btn-outline {
    color: #1f5f8b;
    border-color:#1f5f8b;
    background-color: transparent;
}
.button.btn-outline:active,
.button.btn-outline:focus,
.button.btn-outline:hover {
    background-color:#1f5f8b;
    color: #fff;
}
.button.btn-link {
    background-color: transparent;
    color:#1f5f8b;
}
.button.btn-link:active,
.button.btn-link:focus,
.button.btn-link:hover {
    color: #222;
}
.button.btn-underline:active,
.button.btn-underline:focus,
.button.btn-underline:hover {
    color:#1f5f8b;
}
.button.loading {
    opacity: 0.3;
}
.button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
}
.form-footer label {
    margin-bottom: 0;
}
.lost_password {
    margin-bottom: 0;
}

#yith-wcwl-popup-message {
    display: none !important;
}
.woocommerce-message .button {
    width: auto;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none;
}
.wcml-spinner {
    display: none;
}
.entry-summary .product_meta .wcml_currency_switcher {
    display: none;
}
.main-content > .woocommerce-info {
    padding-top: 1.8rem;
}
@media (min-width: 992px) {
    .sidebar-toggle-remain.left-sidebar.closed ~ .main-content > .woocommerce-info {
        padding-left: 10rem;
    }
}
.woocommerce .alert {
    color: inherit;
    margin-bottom: 2rem;
}
.woocommerce .alert + .alert {
    margin-top: -1rem;
}
.woocommerce .alert-success a:not(.btn),
.woocommerce .alert-success i {
    color: var(--success-color);
}
.woocommerce .alert-error a:not(.btn),
.woocommerce .alert-error i {
    color: var(--alert-color);
}
.woocommerce .alert-primary a:not(.btn),
.woocommerce .alert-primary i {
    color:#1f5f8b;
}
.woocommerce .showcoupon + .btn-close,
.woocommerce .showlogin + .btn-close {
    display: none;
}
.blockOverlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    opacity: 0.6 !important;
}
.blockMsg {opacity: 0;}
.titlekMsg {margin-bottom: 0; max-width: 100%;}
.woocommerce .add_to_wishlist .blockOverlay {
    background: transparent !important;
}
.woocommerce .blockUI.blockOverlay:before {
    background: none;
}
.yith_woocompare_colorbox #cboxBottomCenter,
.yith_woocompare_colorbox #cboxBottomLeft,
.yith_woocompare_colorbox #cboxBottomRight,
.yith_woocompare_colorbox #cboxMiddleLeft,
.yith_woocompare_colorbox #cboxMiddleRight,
.yith_woocompare_colorbox #cboxTopCenter,
.yith_woocompare_colorbox #cboxTopLeft,
.yith_woocompare_colorbox #cboxTopRight {
    background: transparent;
    width: 0;
    height: 0;
}
.yith-woocompare-widget ul.products-list li .title {
    line-height: 2;
}

.background-none {
    background-image: none !important;
}

.background-trans {
    background-color: transparent !important;
}
.banner-img,
.banner-img img,
 {
    min-height: inherit;
    max-height: inherit;
    object-fit: cover;
}

.el-banner-fixed > .banner-content,
.el-banner-fixed > div > .banner-content {
    width: auto;
}

.banner .item-inline {
    display: inline-block;
}
.banner .item-block {
    display: block;
}

.custom-header .mobile-menu-toggle,
.custom-header .mobile-menu-toggle i {
    display: block;
}
.custom-header .cart-dropdown .minicart-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.vc_section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.vc_row.wpb_row {
    display: flex;
    flex-wrap: wrap;
	margin: 0;
}

.vc_row.wpb_row.vc_row-no-padding > .vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_row:after,
.vc_row:before {
    content: none;
}
.vc_row.section-with-divider {
    overflow: visible;
}
.row:after,
.row:before,
.vc_column-inner:after,
.vc_column-inner:before {
    content: none;
}
.vc_row.wpb_row.vc_column-gap-1 {
    margin-left: -0.5px;
    margin-right: -0.5px;
}
.vc_row.wpb_row.vc_column-gap-1 > .vc_column_container {
    padding: 0.5px;
}
.vc_row.wpb_row.vc_column-gap-2 {
    margin-left: -1px;
    margin-right: -1px;
}
.vc_row.wpb_row.vc_column-gap-2 > .vc_column_container {
    padding: 1px;
}
.vc_row.wpb_row.vc_column-gap-3 {
    margin-left: -1.5px;
    margin-right: -1.5px;
}
.vc_row.wpb_row.vc_column-gap-3 > .vc_column_container {
    padding: 1.5px;
}
.vc_row.wpb_row.vc_column-gap-4 {
    margin-left: -2px;
    margin-right: -2px;
}
.vc_row.wpb_row.vc_column-gap-4 > .vc_column_container {
    padding: 2px;
}
.vc_row.wpb_row.vc_column-gap-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.vc_row.wpb_row.vc_column-gap-5 > .vc_column_container {
    padding: 2.5px;
}
.vc_row.wpb_row.vc_column-gap-10 {
    margin-left: -5px;
    margin-right: -5px;
}
.vc_row.wpb_row.vc_column-gap-10 > .vc_column_container {
    padding: 5px;
}
.vc_row.wpb_row.vc_column-gap-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.vc_row.wpb_row.vc_column-gap-15 > .vc_column_container {
    padding: 7.5px;
}
.vc_row.wpb_row.vc_column-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
}
.vc_row.wpb_row.vc_column-gap-20 > .vc_column_container {
    padding: 10px;
}
.vc_row.wpb_row.vc_column-gap-25 {
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.vc_row.wpb_row.vc_column-gap-25 > .vc_column_container {
    padding: 12.5px;
}
.vc_row.wpb_row.vc_column-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
}
.vc_row.wpb_row.vc_column-gap-30 > .vc_column_container {
    padding: 15px;
}
.vc_row.wpb_row.vc_column-gap-35 {
    margin-left: -17.5px;
    margin-right: -17.5px;
}
.vc_row.wpb_row.vc_column-gap-35 > .vc_column_container {
    padding: 17.5px;
}


.vc_row .vc_column_container > .wpb_wrapper.vc_column-inner {
    padding: 0;
}
.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
    z-index: auto;
}
body .wpb_alert {
    padding: 15px;
}
body .wpb_alert .messagebox_text {
    background-image: none;
    padding-left: 0;
}
body .vc_message_box-icon > * {
    transform: translate(-50%, -50%);
}
.vc_message_box .alert-link {
    font-weight: bold;
}
body .wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: -50px;
}
.wpb_content_element.wpb_flickr_widget {
    margin-bottom: 15px;
}
.upb_row_bg {
    min-height: 0 !important;
}

.upb_bg_overlay,
.upb_bg_overlay_pattern {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.wpb_gallery .theme-default .nivoSlider {
    box-shadow: none;
}
.wpb_gallery .theme-default .nivo-controlNav {
    padding-top: 20px;
}
.wpb_gallery.nav-right .nivo-controlNav {
    float: right;
}
.wpb_gallery.nav-left .nivo-controlNav {
    float: left;
}
.custom-header .vc_column-inner {
    display: flex;
    align-items: center;
    flex-direction: row !important;
    height: 100%;
}

.wpb-riode-counter-subtitle,
.wpb-riode-counter-title {
    margin-bottom: 0;
}
.vce-banner .banner-img img {
    background: transparent;
}
.vce-banner.parallax .banner-img img {
    visibility: hidden;
}
.vce-tab.tab-justify .nav-item {
    flex: 1;
}
.vce-carousel.owl-loaded .owl-stage-outer {
    padding-left: 0;
    padding-right: 0;
}
.vc-riode-breadcrumb .breadcrumb {
    padding: 0;
}
.vce-heading.border-middle-center,
.vce-heading.border-middle-left,
.vce-heading.border-middle-right {
    display: flex;
    align-items: center;
}
.grid-item .vce-banner-wrapper,
.grid-item .vce-carousel,
.grid-item .vce-carousel .owl-item,
.grid-item .vce-carousel .owl-stage,
.grid-item .vce-carousel .owl-stage-outer,
.grid-item .vce-single-image-container,
.grid-item .vce-single-image-inner,
.grid-item .vce-single-image-wrapper,
.grid-item .vce-single-image-wrapper figure {
    height: 100%;
}

.vc-single-product-share .social-icons {
    width: 100%;
}
.vcvhelper[data-vcvs-html] {
    position: relative;
}
.vcvhelper .d-loading {
    z-index: 1;
}
.custom-header .vce-col-content {
    display: flex;
    align-items: center;
}
.custom-header .vce-col-content > div:not(:last-child) {
    margin-right: 20px;
}
.vce-col.vce-col--md-flex-1 {
    flex: 1;
    width: auto;
    align-self: center;
}
.vce-col.vce-col--md-flex-auto {
    flex: none;
    width: auto;
    align-self: center;
}
.riode-header-preset text {
    text-transform: none;
}
.vce-col.vce-col--md-flex-1:last-child .vce-col-content {
    justify-content: flex-end;
}
.vce-col.vce-col--md-flex-1:nth-child(2):not(:last-child) .vce-col-content {
    justify-content: center;
}
body.riode_popup_template .vc-popup-container {
    position: fixed;
    background: #fff;
    z-index: 10002;
}
.vc-popup-container.x-center.y-center {
    transform: translate(-50%, -50%);
}
.vc-popup-container.x-left.y-top {
    transform: translate(0, 0);
}
.vc-popup-container.x-center.y-top {
    transform: translate(-50%, 0);
}
.vc-popup-container.x-left.y-center {
    transform: translate(0, -50%);
}
.mfp-content .popup .vc-popup-container {
    position: static;
    transform: none;
    max-width: none;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.woocommerce-form-login .form-row label.radio {
    display: block;
    padding-left: 30px;
    margin: 0;
    line-height: 1.5;
}

.widget-collapsible .caret-icon {
    position: absolute;
    right: 0;
}


.sidebar .widget .parent-cat-wrap {
    position: relative;
}
#cat-drop-stack > ul li.parent-cat-wrap a {
    border-bottom: 0 !important;
}
#cat-drop-stack > ul li.parent-cat-wrap .selected {
    font-weight: 400 !important;
    color:#1f5f8b;
}




@media (min-width: 768px) {
    .profile-layout-default .profile-info-head > * {
        text-align: left !important;
    }
    .profile-layout-default .profile-info-head {
        padding-left: 3rem;
    }
}


.widget-collapsible .caret-icon {
    font-size: 16px;
    color: #666;
    margin-right: 12px;
}
.widget-collapsible .caret-icon .fa-angle-right:not(.fa-rotate-90) {
    transform: rotate(-90deg);
}


.store-open-close label.day {
    width: 100px;
    text-align: left;
}


.product-edit-container label.form-label {
    color: #333;
    font-size: 1.4rem;
}

.clear:before {
    content: "";
    display: block;
    clear: both;
}


.edit-account fieldset legend {
    margin-bottom: 2rem;
}
.owl-image-org.owl-loaded img {
    width: auto;
}
.owl-image-gallery.owl-loaded .owl-stage,
.owl-image-gallery.owl-loaded figure {
    display: flex;
}
.owl-image-gallery img {
    object-fit: cover;
}
.owl-image-gallery figcaption {
    margin: 10px;
}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
    position: static;
    width: auto;
}
.owl-loaded .owl-stage:after {
    content: "";
}
.owl-carousel:not(.owl-loaded) {
    flex-wrap: nowrap;
    overflow: hidden;
}
.owl-prev:before {
    content: "";
    font-family: riode;
}
.owl-next:before {
    content: "";
    font-family: riode;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 1.5rem;
}
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
    margin: 0;
    transform: translateY(-50%);
    color:#1f5f8b;
    font-size: 24px;
    font-weight: 400;
    width: 1.5em;
    height: 1.5em;
    border-radius: 5px;
}
.owl-theme .owl-nav .owl-next:not(.disabled):hover,
.owl-theme .owl-nav .owl-prev:not(.disabled):hover {
    background-color:#1f5f8b;
    border-color:#1f5f8b;
    color: #fff;
}
.owl-theme .owl-nav .owl-next.disabled,
.owl-theme .owl-nav .owl-prev.disabled {
    color: #aaa;
}
.owl-theme .owl-nav .owl-prev {
    left: -60px;
}
.owl-theme .owl-nav .owl-next {
    right: -60px;
}
.owl-theme .owl-dots {
    margin-top: 2rem;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color:#1f5f8b;
    border-color:#1f5f8b;
}
.owl-theme .owl-dots .owl-dot span {
    margin: 5px;
}
@media (max-width: 1300px) {
    .owl-theme .owl-nav .owl-prev {
        left: -15px;
    }
    .owl-theme .owl-nav .owl-next {
        right: -15px;
    }
}
.owl-nav-simple2 .owl-nav .owl-next,
.owl-nav-simple2 .owl-nav .owl-prev,
.owl-nav-simple .owl-nav .owl-next,
.owl-nav-simple .owl-nav .owl-prev {
    margin: 0;
    color: #666;
    font-weight: 400;
    width: 1em;
    height: 1em;
    border: none;
}
.owl-nav-simple2 .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-simple2 .owl-nav .owl-prev:not(.disabled):hover,
.owl-nav-simple .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-simple .owl-nav .owl-prev:not(.disabled):hover {
    color: #1f5f8b;
    background: transparent;
}
.owl-nav-simple2 .owl-nav .owl-next.disabled,
.owl-nav-simple2 .owl-nav .owl-prev.disabled,
.owl-nav-simple .owl-nav .owl-next.disabled,
.owl-nav-simple .owl-nav .owl-prev.disabled {
    color: #aaa;
}
.owl-nav-simple2 .owl-prev:before {
    content: "";
}
.owl-nav-simple2 .owl-next:before {
    content: "";
}
.owl-nav-inner .owl-nav .owl-prev {
    left: 0.8rem;
}
.owl-nav-inner .owl-nav .owl-next {
    right: 0.8rem;
}
.owl-nav-full .owl-nav .owl-next,
.owl-nav-full .owl-nav .owl-prev {
    margin: 0;
    top: 0;
    height: 100%;
    transform: none;
    border: 0;
    font-weight: 400;
    font-size: 2.4rem;
    color: #333;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
    transition: 0.4s;
}
.owl-nav-full .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-full .owl-nav .owl-prev:not(.disabled):hover {
    color: #1f5f8b;
    background-color: rgba(255, 255, 255, 0.8);
}
.owl-nav-full .owl-nav .owl-next.disabled,
.owl-nav-full .owl-nav .owl-prev.disabled {
    visibility: hidden;
    opacity: 0;
}
.owl-nav-full .owl-nav .owl-prev {
    left: 0;
    box-shadow: 4px 0px 7px -5px rgba(0, 0, 0, 0.2);
}
.owl-nav-full .owl-nav .owl-next {
    right: 0;
    box-shadow: -4px 0px 7px -5px rgba(0, 0, 0, 0.2);
}
.owl-nav-full:hover .owl-prev {
    left: 0;
}
.owl-nav-full:hover .owl-next {
    right: 0;
}
.owl-nav-top .owl-nav {
    position: absolute;
    top: -4rem;
    right: 0;
}
.owl-nav-top .owl-nav .owl-next,
.owl-nav-top .owl-nav .owl-prev {
    display: inline-block;
    position: static;
    transform: none;
}
.owl-nav-top .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-top.owl-nav-simple .owl-nav .owl-next {
    margin-left: 0;
}
.owl-nav-bottom .owl-nav {
    position: absolute;
    bottom: 1.7rem;
    right: -0.4rem;
    color: #999;
}
.owl-nav-bottom .owl-nav .owl-next,
.owl-nav-bottom .owl-nav .owl-prev {
    font-size: 2rem;
    font-weight: 700;
}
.owl-nav-bottom .owl-prev {
    margin-right: 0.8rem;
}
.owl-dot-white .owl-dots .owl-dot span {
    background-color: #fff;
    border-color: #fff;
    opacity: 0.8;
}
.owl-dot-white .owl-dots .owl-dot.active span {
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
}
.owl-dot-grey .owl-dots .owl-dot span {
    background-color: #efefef;
    border-color: #efefef;
}
.owl-dot-grey .owl-dots .owl-dot.active span {
    background-color: #999;
    border-color: #999;
}
.owl-dot-dark .owl-dots .owl-dot span {
    background-color: #a1a1a1;
    border-color: #a1a1a1;
}
.owl-dot-dark .owl-dots .owl-dot.active span {
    background-color: #333;
    border-color: #333;
}
.owl-carousel.owl-theme.owl-dot-close .owl-dots {
    margin-top: 0;
}
.owl-dot-inner .owl-dots {
    position: absolute;
    bottom: 4.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.slider-thumb-dots {
    text-align: center;
    margin-top: 2rem;
    z-index: 1;
}
.slider-thumb-dots .owl-dot {
    position: relative;
    padding: 3px;
    border-radius: 3px;
    border-width: 0;
    background: #ccc;
    width: 5.4rem;
    height: 5.4rem;
    vertical-align: middle;
    transition: border 0.3s, color 0.3s, background 0.3s;
    cursor: pointer;
    z-index: 1;
}
.slider-thumb-dots .owl-dot {
    margin-right: 1rem;
}
.slider-thumb-dots .owl-dot.active,
.slider-thumb-dots .owl-dot:hover {
    background-color:#1f5f8b;
}
.slider-thumb-dots button.owl-dot:last-child {
    margin-right: 0;
}
.vertical-dots + .slider-thumb-dots button.owl-dot:last-child {
    margin-bottom: 0;
}
.slider-thumb-dots img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-thumb-dots.disabled {
    display: none;
}
.owl-carousel.owl-dot-inner ~ .slider-thumb-dots {
    margin-top: -10rem;
}
.owl-dot-close ~ .slider-thumb-dots {
    margin-top: -4rem;
}
.vertical-dots + .slider-thumb-dots {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.slider-thumb-dots.disabled {
    display: none !important;
}
.owl-carousel .slide-animate {
    transform: translate3d(0, 0, 0) scale(1);
    will-change: filter, transform, opacity;
    visibility: hidden;
    opacity: 0;
}
.owl-carousel .slide-animate.animated,
.owl-carousel .slide-animate.appear-animation-visible,
.owl-carousel .slide-animate.show-content {
    visibility: visible;
    opacity: 1;
}
.owl-full-height,
.owl-full-height .owl-item,
.owl-full-height .owl-stage,
.owl-full-height .owl-stage-outer {
    height: 100%;
}
.owl-full-height .owl-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.owl-same-height .owl-item > * {
    height: 100%;
}
.owl-same-height .owl-stage {
    display: flex;
}
.owl-nav-fade .owl-nav .owl-prev {
    opacity: 0;
    margin-left: 4rem;
}
.owl-nav-fade .owl-nav .owl-next {
    opacity: 0;
    margin-right: 4rem;
}
.owl-nav-fade.owl-nav-inner .owl-prev {
    margin-left: -4rem;
}
.owl-nav-fade.owl-nav-inner .owl-next {
    margin-right: -4rem;
}
.owl-nav-fade.owl-nav-full .owl-prev {
    margin-left: 0;
}
.owl-nav-fade.owl-nav-full .owl-next {
    margin-right: 0;
}
.owl-nav-fade:hover .owl-nav .owl-prev {
    opacity: 1;
    margin-left: 0;
}
.owl-nav-fade:hover .owl-nav .owl-next {
    opacity: 1;
    margin-right: 0;
}
.owl-top .owl-stage {
    display: flex;
    align-items: flex-start;
}
.owl-middle .owl-stage {
    display: flex;
    align-items: center;
}
.owl-bottom .owl-stage {
    display: flex;
    align-items: flex-end;
}
.grid-item > .owl-carousel .owl-item,
.grid-item > .owl-carousel .owl-stage,
.grid-item > .owl-carousel .owl-stage-outer {
    height: 100%;
}
.rotate-slider {
    padding-left: 17.9%;
}
.rotate-slider .owl-stage-outer {
    margin: -20px;
    padding: 20px;
    padding-left: 23%;
    margin-left: -23%;
}
.rotate-slider .owl-item {
    transition: 1s;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
}
.rotate-slider .owl-item:not(.active) {
    transform: scale(0.8) translateX(100%);
    transform-origin: left;
}
.rotate-slider .owl-nav .owl-prev {
    display: none;
}
.rotate-slider .owl-nav .owl-next {
    right: auto;
    left: 40px;
    font-size: 36px;
}
.rotate-slider .owl-nav .owl-next:before {
    content: "";
}
@media (max-width: 479px) {
    .rotate-slider .owl-nav .owl-next {
        right: auto;
        left: 15px;
        font-size: 24px;
    }
}
.owl-shadow-carousel .owl-stage-outer {
    margin: -2rem;
    padding: 2rem;
}

.price_slider_wrapper {
    width: 100%;
}
.price_slider_amount {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1.5rem;
    padding-left: 2px;
}
.price_slider_amount button {
    width: auto;
    padding: 0.86em 2em;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
    background: #313438;
    border-color: #313438;
    color: #fff;
    border-radius: 2px; text-transform: none;
}
.price_slider_amount button:focus,
.price_slider_amount button:hover {
    background-color:#1f5f8b;
    border-color:#1f5f8b;
}
.price_slider_amount .clear,
.price_slider_amount input {
    display: none;
}
.price_slider_amount .price_label {
    margin-bottom: 20px;
    order: -1;
    color: #222;
}
.ui-slider-horizontal {
    height: 23px;
}
.ui-slider-horizontal:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    background: #eee;
}
.ui-slider-horizontal .ui-slider-range {
    top: 11px;
    height: 3px;
}
.ui-slider {
    position: relative;
    margin: 5px 7px 20px 7px;
}
.ui-slider .ui-slider-range {
    display: block;
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    border: 0;
    border-radius: 1em;
    background: #999;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2rem;
    height: 1.7rem;
    background: #444;
    border-radius: 3px;
    cursor: pointer;
    outline: 0;
    top: 4px;
    margin-left: -0.55rem;
}
.accordion {
    overflow: hidden;
}
.accordion .collapsed,
.accordion .expanding {
    display: none;
}
.accordion .card {
    margin-bottom: -1px;
    border: 1px solid #ebebeb;
    background: #fff;
}
.accordion .card:last-child {
    margin-bottom: 0;
}
.accordion .card .card-body {
    padding: 1rem 2rem 2rem;
}
.accordion .card-header {font-size: 16px; font-weight: 600;}
.accordion .card-header a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2rem;
}
.accordion .card-header a > i:first-child {
    margin-right: 15px;
}
.accordion .card-header a.collapse,
.accordion .card-header a:hover {
    color:#1f5f8b;
}
.accordion .card-header .closed,
.accordion .card-header .opened {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
}
.accordion .collapse .closed,
.accordion .expand .opened {
    display: none;
}
.accordion-shadow {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08);
}
.accordion-shadow .card {
    border: none;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 0;
}
.accordion-shadow .card:last-child {
    border: none;
}
.accordion-shadow .card .card-header a {
    color: inherit;
}
.accordion-stacked .card {
    border: none;
    margin-bottom: 10px;
}
.accordion-stacked .card .card-body {
    padding-top: 2rem;
    border: 1px solid #f4f4f4;
    border-width: 0 1px 1px 1px;
}
.accordion-stacked .card-header {
    background-color: #1f5f8b;
}
.accordion-stacked .card-header a,
.accordion-stacked .card-header a.collapse,
.accordion-stacked .card-header a:hover {
    color: #fff;
}
.alert-round {
    border-radius: 3px;
}
.alert {
    position: relative;
    padding: 1.6rem 4.5rem 1.6rem 1.8rem;
    border: 1px solid #222;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.75;
}
.alert strong {
    margin-right: 3px;
    text-transform: uppercase;
    font-weight: 600;
}
.alert .close-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.alert .close-icon:before {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    height: 1px;
    top: calc(50% - 0.5px);
}
.alert .close-icon:after {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 1px;
    left: calc(50% - 0.5px);
}
.alert .btn-close {
    display: inline-block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    line-height: 0;
}
.alert-title {
    color: inherit;
}
.btn-close .close-icon:after,
.btn-close .close-icon:before {
    transition: background-color 0.3s;
}
.btn-close:hover .close-icon:after,
.btn-close:hover .close-icon:before {
    background-color: #000;
}
.alert-primary {
    background-color:#1f5f8b;
    border-color: #1f5f8b;
    color:#1f5f8b;
}
.alert-success {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: var(--success-color);
}
.alert-warning {
    background-color:  #d26e4b;
    border-color: #d26e4b;
    color:#d26e4b;
}
.alert-error {
    background-color: var(--alert-color);
    border-color: var(--alert-color);
    color: var(--alert-color);
}
.alert-error .btn-close:hover .close-icon:after,
.alert-error .btn-close:hover .close-icon:before {
    background-color: #000;
}
.alert-black {
    background-color: #222;
    border-color: #222;
}
.alert-black .btn-close:hover .close-icon:after,
.alert-black .btn-close:hover .close-icon:before {
    background-color: #666;
}
.alert .close-icon:after,
.alert .close-icon:before {
    background: #222;
}
.alert-simple {
    background-color: transparent;
    border-style: dashed;
    border-color: #cacbcc;
}
.alert-dark {
    color: #fff;
}
.alert-dark .close-icon:after,
.alert-dark .close-icon:before {
    box-shadow: none;
    background-color: #fff;
}
.alert-icon {
    padding: 1.5rem 4.5rem 1.5rem 1.9rem;
}
.alert-icon > i {
    vertical-align: middle;
    margin-right: 1.2rem;
    line-height: 1;
    font-size: 2.4rem;
    font-weight: 600;
}
.alert-light.alert-primary {
    background-color: #edf4f9;
    border-color: #edf4f9;
}
.alert-light.alert-error {
    background-color: #f6d6d5;
    border-color: #f6d6d5;
    color: #6d1a17;
}
.alert-light.alert-error .close-icon:after,
.alert-light.alert-error .close-icon:before {
    box-shadow: none;
    background-color: #6d1a17;
}
.alert-light.alert-warning {
    background-color: #fff5eb;
    border-color: #fff5eb;
}
.alert-message {
    display: block;
    padding: 1.3rem 3.9rem 1.9rem 1.9rem;
}
.alert-message .btn-close {
    position: absolute;
    transform: translateY(0);
    top: 2rem;
    right: 2rem;
}
.alert-message .alert-title {
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.7;
}
.alert-message p {
    margin: 0;
    line-height: 1.7;
}
.alert-message.alert-link p {
    color: #666;
}
.alert-message.alert-link a {
    color: #1f5f8b;
}
.alert-message.alert-link a:hover {
    text-decoration: underline;
}
.alert-message.alert-inline {
    padding-right: 4rem;
}
.alert-message.alert-inline .alert-title {
    display: inline-block;
    margin: 0 0.8rem 0 0;
}
.alert-message.alert-inline p {
    display: inline;
}
.alert-btn:not(.alert-message) {
    padding: 0.9rem 3.9rem 0.9rem 0.9rem;
}
.alert-btn .btn:not(.btn-close) {
    margin-right: 1rem;
    padding: 0.73em 1.61em;
    vertical-align: middle;
}
.alert-btn.alert-message p {
    margin-bottom: 1rem;
}
.alert-btn.alert-dark.alert-warning .btn:not(.btn-close) {
    background-color: transparent;
    padding: 0.7em 1.43em;
    border-width: 3px;
    color: #fff;
}
.alert-btn.alert-dark.alert-warning .btn:not(.btn-close):hover {
    background-color: #df7f50;
    border-color: #df7f50;
}
.alert-btn.alert-light.alert-warning .btn:not(.btn-close) {
    color: #d26e4b;
    background-color: #fff;
    border-color: #fff;
}
.alert-btn.alert-light.alert-warning .btn:not(.btn-close):hover {
    color: #fff;
    background-color: #d26e4b;
    border-color:#d26e4b;
}
@media (min-width: 992px) {
    .alert-message p {
        padding-right: 2rem;
    }
}
.maskUp {
    animation-name: maskUp;
}
.maskRight {
    animation-name: maskRight;
}
.maskDown {
    animation-name: maskDown;
}
.maskLeft {
    animation-name: maskLeft;
}
.fadeInUpShorter,
[data-vcv-o-animated="true"][data-vce-animate*="vce-o-animate--fadeInUpShorter"] {
    animation-name: fadeInUpShorter;
}
.fadeInRightShorter,
[data-vcv-o-animated="true"][data-vce-animate*="vce-o-animate--fadeInRightShorter"] {
    animation-name: fadeInRightShorter;
}
.fadeInLeftShorter,
[data-vcv-o-animated="true"][data-vce-animate*="vce-o-animate--fadeInLeftShorter"] {
    animation-name: fadeInLeftShorter;
}
.fadeInDownShorter,
[data-vcv-o-animated="true"][data-vce-animate*="vce-o-animate--fadeInDownShorter"] {
    animation-name: fadeInDownShorter;
}
.blurIn,
[data-vcv-o-animated="true"][data-vce-animate*="vce-o-animate--blurIn"] {
    animation-name: blurIn;
}
.grayOut {
    animation-name: grayOut;
}
.dotPulse {
    animation-name: dotPulse;
    animation-iteration-count: infinite;
    animation-duration: 4s;
}
.brightIn {
    animation-name: brightIn;
}
.appear-animate,
[data-vce-animate] {
    visibility: hidden;
    opacity: 0;
}
.appear-animation-visible,
[data-vcv-o-animated="true"] {
    visibility: visible;
    opacity: 1;
}
.zoomInShorter {
    animation-name: zoomInShorter;
}
.slideZoomIn {
    animation-name: slideZoomIn;
}
@keyframes maskUp {
    0% {
        transform: translate(0, 100%);
    }
    to {
        transform: translate(0, 0);
    }
}
@keyframes maskRight {
    0% {
        transform: translate(-100%, 0);
    }
    to {
        transform: translate(0, 0);
    }
}
@keyframes maskDown {
    0% {
        transform: translate(0, -100%);
    }
    to {
        transform: translate(0, 0);
    }
}
@keyframes maskLeft {
    0% {
        transform: translate(100%, 0);
    }
    to {
        transform: translate(0, 0);
    }
}
@keyframes fadeInUpShorter {
    0% {
        opacity: 0;
        transform: translate(0, 50px);
        transform-origin: 0 0;
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRightShorter {
    0% {
        opacity: 0;
        transform: translate(50px, 0);
        transform-origin: 0 0;
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInLeftShorter {
    0% {
        opacity: 0;
        transform: translate(-50px, 0);
        transform-origin: 0 0;
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInDownShorter {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
        transform-origin: 0 0;
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes blurIn {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }
}
@keyframes grayOut {
    0% {
        opacity: 1;
        filter: grayscale(0);
    }
    15% {
        filter: grayscale(100%);
    }
    to {
        opacity: 0;
        filter: grayscale(100%);
    }
}
@keyframes dotPulse {
    0% {
        opacity: 1;
        transform: scale(0.2);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
    to {
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
    to {
        transform: perspective(400px);
    }
}
@keyframes flipOutX {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px);
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}
@keyframes flipOutY {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px);
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
}
@keyframes brightIn {
    0% {
        animation-timing-function: ease-in;
        filter: brightness(0%);
    }
    to {
        filter: brightness(100%);
    }
}
@-webkit-keyframes zoomInShorter {
    0% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomInShorter {
    0% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% {
        opacity: 1;
    }
}
@keyframes bounceInUp {
    60%,
    75%,
    90%,
    0%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideZoomIn {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    to {
        transform: scale3d(1.1, 1.1, 1);
        opacity: 1;
    }
}
@-webkit-keyframes kenBurnsToRight {
    0% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
@keyframes kenBurnsToRight {
    0% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
.kenBurnsToRight {
    -webkit-animation-name: kenBurnsToRight;
    animation-name: kenBurnsToRight;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform-origin: right;
}
@-webkit-keyframes kenBurnsToLeft {
    0% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
@keyframes kenBurnsToLeft {
    0% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
.kenBurnsToLeft {
    -webkit-animation-name: kenBurnsToLeft;
    animation-name: kenBurnsToLeft;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform-origin: left;
}
.kenBurnsToLeftTop {
    -webkit-animation-name: kenBurnsToLeft;
    animation-name: kenBurnsToLeft;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform-origin: left top;
}
.kenBurnsToRightTop {
    -webkit-animation-name: kenBurnsToRight;
    animation-name: kenBurnsToRight;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform-origin: right top;
}
.particle-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.snowfall {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+4AAAAflBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yfIzaAAAAKnRSTlMADA59UQIRE6xvglltsnmVCXZlaA2hio4PVBVzWnxJbmB3l4SjqkgSYhknwrn0AAACaElEQVR4Ae3dAY7iBBSA4VfajjMPqkDVKWMBUAX3/hfcwA1INsk27/vu8ecPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWKxm1XZ9LNbbL+8ffbyEbNe5icUa3n8dfouXsN1l5n7sYpl+/2MYhj8/P+IFTId8imX6+mt4Cl7Q5sM8xTK9Dw/Hr+AFp/MlM69NLNP+73+GYfj3LXjJmPMx+1iqz+H439AHL7nlvYnl+n/49hY/DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANKu264NKsl3nJqhku8vM/dgFdUyHfArqaPNhnoI6TudLZl6boJIx52P2QSW3vDcBAAAAAAAAAABAhRgHMQ5iHMQ4iHEQ4yDGQYwDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0Kzarg8qyXadm6CS7S4z92MX1DEd8imoo82HeQrqOJ0vmXltohLGnI/ZRyXc8t4EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAfi38s/rE/Mf9Y/GPxj8U/Fv9YAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACaVdv1UQnZrnMTlbDdZeZ+7KIOpkM+RR20+TBPUQen8yUzr01UwpjzMfuohFvem1gsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaFZt10clZLvOTVTCdpeZ+7GLOpgO+RR10ObDPEUdnM6XzLw2UQljzsfsoxJueW+iFgAAAAAAAAAAAAAQZiLMRJiJMBNhJsJMhJkIMwEAAAAAAAAAAAAA4DsKzBoY+5vMCQAAAABJRU5ErkJggg=='), url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/s2.png'), url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/s3.png');
    animation: snow 10s linear infinite;
    z-index: 1;
}
@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 300px, -200px 250px;
    }
    to {
        background-position: 400px 800px, 300px 600px, -200px 400px;
    }
}
.effect-snow {
    background-image: url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/s4.png'), url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/s5.png');
    animation: snowsecond 20s linear infinite;
}
@keyframes snowsecond {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    to {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}
.sparkle {
    background-image: url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/sparkle1.png'), url('/wp-content/themes/adv-lion/assets/css/theme/../../images/effects/sparkle2.png');
    animation: sparkle 60s linear infinite;
}
@keyframes sparkle {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    to {
        background-position: -500px -1000px, -400px -400px, 300px 300px;
    }
}
.banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-text-main {}
.banner figure {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
}
.banner figure img {
    display: block;
    width: 100%;
    height: auto;
}
.banner .banner-content {
    position: relative;
    z-index: 1;
}
.banner .banner-item:last-child {
    margin-bottom: 0;
}
.banner .banner-img.banner-img-hidden {
    visibility: hidden;
}
.banner.parallax:not(.ui-sortable) img {
    visibility: hidden;
    opacity: 0;
}
.banner-fixed > .container,
.banner-fixed > .container-fluid {
    position: absolute;
    z-index: 1;
}
.banner-fixed > .container-fluid .banner-content,
.banner-fixed > .container .banner-content {
    margin-left: 20px;
    margin-right: 20px;
}
.banner-fixed .banner-content {
    position: absolute;
    z-index: 1;
}
.banner-fixed > .container,
.banner-fixed > .container-fluid {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.banner-full {
    height: 100vh;
}
.banner-full figure img {
    height: 100%;
    object-fit: cover;
}

@media (max-width: 479px) {
    .banner-fixed > .container-fluid > .banner-content,
    .banner-fixed > .container > .banner-content {
        margin-left: 15px;
        margin-right: 15px;
    }
}
.banner-item {
    color: #fff;
}
.simple-center .banner-content {
    text-align: center;
}
.simple-center.banner-fixed .banner-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.simple-left.banner-fixed .banner-content {
    left: 40px;
    top: 50%;
    transform: translate(0, -50%);
}
.simple-right .banner-content {
    text-align: right;
}
.simple-right.banner-fixed .banner-content {
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
}
.badge-simple.banner-fixed .banner-content {
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
}
.badge-simple .banner-content {
    text-align: center;
}
.boxed.banner-fixed .banner-content {
    top: 50%;
    transform: translate(0, -50%);
}
.boxed .banner-content {
    padding: 3rem;
    max-width: 36rem;
    width: 100%;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    background-color: #999;
    text-align: center;
}
.boxed-left .banner-content {
    margin-right: auto;
}
.boxed-left.banner-fixed .banner-content {
    left: 40px;
}
.boxed-center .banner-content {
    margin: 0 auto;
}
.boxed-center.banner-fixed .banner-content {
    left: 50%;
    transform: translate(-50%, -50%);
}
.boxed-right .banner-content {
    margin-left: auto;
}
.boxed-right.banner-fixed .banner-content {
    right: 40px;
}
.boxed-round .banner-content {
    padding: 7.5rem 4.5rem;
    max-width: 42rem;
    border-radius: 50%;
    margin: 0 auto;
}
.boxed-round.banner-fixed .banner-content {
    left: 60px;
}

.btn {
    display: inline-block;
    border: 2px solid #e4eaec;
    background-color: #e4eaec;
    color: #222;
    outline: 0;
    border-radius: 0;
    padding: 1.22em 2.78em;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap;
    cursor: pointer;
}
.btn:active,
.btn:focus,
.btn:hover {
    color: #222;
    border-color: #cfdadd;
    background-color: #cfdadd;
}
.btn i {
    display: inline-block;
    margin-left: 0.4rem;
    line-height: 0;
    vertical-align: middle;
}
.btn-solid {
    background-color: #fff;
    border-color: #fff;
    color: #222;
}
.btn-solid:active,
.btn-solid:focus,
.btn-solid:hover {
    border-color: #222;
    background-color: #222;
    color: #fff;
}
.btn-outline {
    border: 2px solid #e4eaec;
    color: #666;
    background-color: transparent;
}
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    border-color: #666;
    background-color: #666;
    color: #fff;
}
.btn-outline.btn-outline-light {
    padding: 1.07em 2.21em;
    border-width: 1px;
}
.btn-outline.btn-bg {
    color: #fff;
}
.btn-icon-left > i,
.btn-icon-right > i,
.btn.icon-after > i,
.btn.icon-before > i {
    font-size: 19px;
}
.btn-icon-right > i {
    margin-left: 0.7rem;
}
.btn-icon-left > i {
    margin-right: 0.7rem;
}
.btn-icon-after > i {
    margin-left: 0.7rem;
}
.btn-icon-before > i {
    margin-right: 0.7rem;
}
.btn-icon > i {
    margin: 0;
    line-height: 1;
}
.btn-reveal-left i {
    opacity: 0;
    margin-left: -1em;
    transform: translateX(0.5em);
    margin-right: 0;
    transition: transform 0.3s, opacity 0.3s, margin 0.3s;
}
.btn-reveal-left:active i,
.btn-reveal-left:focus i,
.btn-reveal-left:hover i {
    opacity: 1;
    margin-left: 0;
    transform: translateX(0);
    margin-right: 0.7rem;
}
.btn-reveal-right i {
    opacity: 0;
    margin-right: -1em;
    transform: translateX(-0.5em);
    margin-left: 0;
    transition: transform 0.3s, opacity 0.3s, margin 0.3s;
}
.btn-reveal-right:active i,
.btn-reveal-right:focus i,
.btn-reveal-right:hover i {
    opacity: 1;
    margin-left: 0.7rem;
    transform: translateX(0);
    margin-right: 0;
}
@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-0.5em);
    }
    to {
        transform: translateX(0);
    }
}
.btn-slide-left:active i,
.btn-slide-left:focus i,
.btn-slide-left:hover i {
    animation: 0.5s ease slideLeft;
}
@keyframes slideRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(0.5em);
    }
    to {
        transform: translateX(0);
    }
}
.btn-slide-right:active i,
.btn-slide-right:focus i,
.btn-slide-right:hover i {
    animation: 0.5s ease slideRight;
}
@keyframes slideUp {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-0.5em);
    }
    to {
        transform: translateY(0);
    }
}
.btn-slide-up:active i,
.btn-slide-up:focus i,
.btn-slide-up:hover i {
    animation: 0.5s ease slideUp;
}
@keyframes slideDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0.5em);
    }
    to {
        transform: translateY(0);
    }
}
.btn-slide-down:active i,
.btn-slide-down:focus i,
.btn-slide-down:hover i {
    animation: 0.5s ease slideDown;
}
.btn-infinite:hover i {
    animation-iteration-count: infinite;
}
.btn.btn-shadow-lg {
    box-shadow: 0 13px 20px -10px rgba(0, 0, 0, 0.15);
}
.btn.btn-shadow-lg:active,
.btn.btn-shadow-lg:focus,
.btn.btn-shadow-lg:hover {
    box-shadow: 0 13px 20px -10px rgba(0, 0, 0, 0.2);
}
.btn.btn-shadow {
    box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.15);
}
.btn.btn-shadow:active,
.btn.btn-shadow:focus,
.btn.btn-shadow:hover {
    box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.2);
}
.btn.btn-shadow-sm {
    box-shadow: 0 17px 20px -20px rgba(0, 0, 0, 0.15);
}
.btn.btn-shadow-sm:active,
.btn.btn-shadow-sm:focus,
.btn.btn-shadow-sm:hover {
    box-shadow: 0 17px 20px -20px rgba(0, 0, 0, 0.2);
}
.btn-underline:active:after,
.btn-underline:focus:after,
.btn-underline:hover:after {
    transform: scaleX(1);
}
.btn-underline:after {
    display: block;
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2px;
    border-top: 2px solid;
    transform: scaleX(0);
    transition: transform 0.3s;
    content: "";
}
.btn-underline i {
    margin-bottom: 0.1em;
}
.btn-underline.sm:after {
    width: 46%;
}
.btn-underline.lg:after {
    margin-left: -16.5%;
    margin-right: -16.5%;
    width: 133%;
}
.btn-link {
    padding: 0;
    color: #222;
    border: 0;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    background-color: transparent;
}
.btn-load {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2rem; margin-top: 3rem;
}
.btn.disabled,
.button.disabled {
    background-color: #e4eaec;
    color: #999;
    border-color: #e4eaec;
    box-shadow: none;
    cursor: not-allowed;
}
.btn.btn-square,
.btn.btn-square:after,
.btn.btn-square:before {
    border-radius: 0;
}
.btn.btn-rounded,
.btn.btn-rounded:after,
.btn.btn-rounded:before {
    border-radius: 3px;
}
.btn.btn-ellipse,
.btn.btn-ellipse:after,
.btn.btn-ellipse:before {
    border-radius: 100px;
}
.btn.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btn.btn-lg {
    padding: 1.5em 3.42em;
}
.btn.btn-md {
    padding: 1.07em 2.15em;
    font-size: 1.3rem;
}
.btn.btn-sm {
    padding: 0.92em 1.61em;
    font-size: 1.3rem;
}
.btn.btn-link {
    padding: 0;
}
.btn-primary {
    color: #fff;
    border-color:#1f5f8b;
    background-color:#1f5f8b;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    border-color: #3478dd);
    background-color: #3478dd);
}
.btn-primary.btn-solid {
    color: #1f5f8b;
    border-color: #fff;
    background-color: #fff;
}
.btn-primary.btn-solid:active,
.btn-primary.btn-solid:focus,
.btn-primary.btn-solid:hover {
    border-color:#1f5f8b;
    background-color:#1f5f8b;
    color: #fff;
}
.btn-primary.btn-outline {
    color: #1f5f8b;
    border-color: #1f5f8b;
    background-color: transparent;
}
.btn-primary.btn-outline:active,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:hover {
    background-color:#1f5f8b;
    color: #fff;
}
.btn-primary.btn-link {
    background-color: transparent;
    color: #1f5f8b;
}
.btn-primary.btn-link:active,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover {
    color: #222;
}
.btn-primary.btn-underline:active,
.btn-primary.btn-underline:focus,
.btn-primary.btn-underline:hover {
    color: #1f5f8b;
}
.btn-secondary {
    color: #fff;
    border-color: #d26e4b;
    background-color: #d26e4b;
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    border-color: #d98568;
    background-color:#d98568;
}
.btn-secondary.btn-solid {
    color: #d26e4b;
    border-color: #fff;
    background-color: #fff;
}
.btn-secondary.btn-solid:active,
.btn-secondary.btn-solid:focus,
.btn-secondary.btn-solid:hover {
    border-color: #d26e4b;
    background-color:#d26e4b;
    color: #fff;
}
.btn-secondary.btn-outline {
    color: #d26e4b;
    border-color:#d26e4b;
    background-color: transparent;
}
.btn-secondary.btn-outline:active,
.btn-secondary.btn-outline:focus,
.btn-secondary.btn-outline:hover {
    background-color: #d26e4b;
    color: #fff;
}
.btn-secondary.btn-link {
    background-color: transparent;
    color: #d26e4b;
}
.btn-secondary.btn-link:active,
.btn-secondary.btn-link:focus,
.btn-secondary.btn-link:hover {
    color: #222;
}
.btn-secondary.btn-underline:active,
.btn-secondary.btn-underline:focus,
.btn-secondary.btn-underline:hover {
    color:#d26e4b;
}
.btn-alert {
    color: #fff;
    border-color: var(--alert-color);
    background-color: var(--alert-color);
}
.btn-alert:active,
.btn-alert:focus,
.btn-alert:hover {
    color: #fff;
    border-color: var(--alert-color-hover, #d50001);
    background-color: var(--alert-color-hover, #d50001);
}
.btn-alert.btn-solid {
    color: var(--alert-color);
    border-color: #fff;
    background-color: #fff;
}
.btn-alert.btn-solid:active,
.btn-alert.btn-solid:focus,
.btn-alert.btn-solid:hover {
    border-color: var(--alert-color);
    background-color: var(--alert-color);
    color: #fff;
}
.btn-alert.btn-outline {
    color: var(--alert-color);
    border-color: var(--alert-color);
    background-color: transparent;
}
.btn-alert.btn-outline:active,
.btn-alert.btn-outline:focus,
.btn-alert.btn-outline:hover {
    background-color: var(--alert-color);
    color: #fff;
}
.btn-alert.btn-link {
    background-color: transparent;
    color: var(--alert-color);
}
.btn-alert.btn-link:active,
.btn-alert.btn-link:focus,
.btn-alert.btn-link:hover {
    color: #222;
}
.btn-alert.btn-underline:active,
.btn-alert.btn-underline:focus,
.btn-alert.btn-underline:hover {
    color: var(--alert-color);
}
.btn-success {
    color: #fff;
    border-color: var(--success-color);
    background-color: var(--success-color);
}
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    border-color: var(--success-color-hover, #b7cd87);
    background-color: var(--success-color-hover, #b7cd87);
}
.btn-success.btn-solid {
    color: var(--success-color);
    border-color: #fff;
    background-color: #fff;
}
.btn-success.btn-solid:active,
.btn-success.btn-solid:focus,
.btn-success.btn-solid:hover {
    border-color: var(--success-color);
    background-color: var(--success-color);
    color: #fff;
}
.btn-success.btn-outline {
    color: var(--success-color);
    border-color: var(--success-color);
    background-color: transparent;
}
.btn-success.btn-outline:active,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover {
    background-color: var(--success-color);
    color: #fff;
}
.btn-success.btn-link {
    background-color: transparent;
    color: var(--success-color);
}
.btn-success.btn-link:active,
.btn-success.btn-link:focus,
.btn-success.btn-link:hover {
    color: #222;
}
.btn-success.btn-underline:active,
.btn-success.btn-underline:focus,
.btn-success.btn-underline:hover {
    color: var(--success-color);
}
.btn-dark {
    color: #fff;
    background-color:#094581;
}
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: #1f5f8b;
}
.btn-dark.btn-solid {
    color: var(--dark-color);
    border-color: #fff;
    background-color: #fff;
}
.btn-dark.btn-solid:active,
.btn-dark.btn-solid:focus,
.btn-dark.btn-solid:hover {
    border-color: var(--dark-color);
    background-color: var(--dark-color);
    color: #fff;
}
.btn-dark.btn-outline {
    color: var(--dark-color);
    border-color: var(--dark-color);
    background-color: transparent;
}
.btn-dark.btn-outline:active,
.btn-dark.btn-outline:focus,
.btn-dark.btn-outline:hover {
    background-color: var(--dark-color);
    color: #fff;
}
.btn-dark.btn-link {
    background-color: transparent;
    color: var(--dark-color);
}
.btn-dark.btn-link:active,
.btn-dark.btn-link:focus,
.btn-dark.btn-link:hover {
    color: #222;
}
.btn-dark.btn-underline:active,
.btn-dark.btn-underline:focus,
.btn-dark.btn-underline:hover {
    color: var(--dark-color);
}
.btn-white {
    color: #666;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    color: #fff;
    border-color:#1f5f8b;
    background-color:#1f5f8b;
}
.btn-white.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.btn-white.btn-outline:active,
.btn-white.btn-outline:focus,
.btn-white.btn-outline:hover {
    color:#1f5f8b;
    background-color: #fff;
}
.btn-white.btn-link {
    color: #fff;
    background-color: transparent;
}
.btn-white.btn-link:active,
.btn-white.btn-link:focus,
.btn-white.btn-link:hover {
    color: #fff;
    background-color: transparent;
}

.btn-gradient {
    position: relative;
    color: #fff;
    background: linear-gradient(135deg, #edf7fa, #cee3ea);
    border: none;
    transition: background 0.25s, color 0.25s, border 0.25s;
}
.btn-gradient:hover {
    color: #fff;
}
.btn-gradient:after {
    content: "";
    position: absolute;
    top: -50%;
    left: 0%;
    right: 0%;
    bottom: -50%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 80%);
    transform: skewX(-45deg) translateX(-100%);
    transition: transform 0.8s;
}
.btn-gradient:hover:after {
    transform: skewX(-45deg) translateX(100%);
}
.btn-gra-default {
    color: #222;
}
.btn-gra-default:hover {
    color: #222;
}
.btn-gra-blue {
    background: linear-gradient(135deg, #3b8df1, #5449ff);
}
.btn-gra-orange {
    background: linear-gradient(135deg, #ffa35f, #e95454);
}
.btn-gra-pink {
    background: linear-gradient(135deg, #f85283, #b33c9e);
}
.btn-gra-green {
    background: linear-gradient(135deg, #a0ec69, #87cf47);
}
.btn-gra-dark {
    background: linear-gradient(135deg, #555555, #222222);
}
.product-category {
    position: relative;
    font-size: calc(1rem * var(--rio-typo-ratio, 1));
}
.product-category figure {
    text-align: center;
}
.product-category img {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.product-category mark {
    color: inherit;
    background: transparent;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
}
.product-category .btn {
    color: inherit;
}
.product-category i {
    display: inline-block;
    font-size: 4.2rem;
    color: #666;
    margin-bottom: 1.5rem;
    transition: transform 0.3s;
}
.product-category.content-left .category-content {
    align-items: flex-start;
    text-align: left;
}
.product-category.content-center .category-content {
    align-items: center;
    text-align: center;
}
.product-category.content-right .category-content {
    align-items: flex-end;
    text-align: right;
}
.woocommerce-loop-category__title {
    margin-bottom: 0.3rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
}
.woocommerce-loop-category__title a {
    color: inherit;
}
.category-wrap {margin-bottom: 21px;}
.product-archive .category-wrap {max-width: 33.33%;}
@media (max-width: 767px) {
.product-archive .category-wrap {max-width: 50%;}
}

.category-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: background 0.3s;
}
.cat-type-absolute .category-content {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    min-height: 50px;
}
.cat-type-default {
    overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); border-radius: 20px;}
.cat-type-default .category-content {
    padding: 1.8rem 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f3f3f5;
}
.cat-type-default .woocommerce-loop-category__title {
    margin-bottom: 0;
}
.cat-type-default:hover .category-content {
        background-color: #1f5f8b!important;
    color: #fff;
}
.cat-type-default.default-content-auto .category-content {
    padding: 0;
    background: none;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.cat-type-default.default-content-auto .woocommerce-loop-category__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.8rem 3.9rem;
    border-radius: inherit;
    transition: padding 0.3s, background 0.3s;
    background: #fff;
    white-space: nowrap;
}
.cat-type-default.default-content-auto .woocommerce-loop-category__title a {
    position: relative;
    transition: padding 0.3s;
}
.cat-type-default.default-content-auto .woocommerce-loop-category__title a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: riode;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.3s;
}
.cat-type-default.default-content-auto:hover .woocommerce-loop-category__title {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    background:#26b;
}
.cat-type-default.default-content-auto:hover .woocommerce-loop-category__title a {
    padding-right: 23px;
}
.cat-type-default.default-content-auto:hover .woocommerce-loop-category__title a:after {
    opacity: 1;
}
.cat-type-classic.product {
    color: #fff;
}
.cat-type-classic.product .category-content {
    border-radius: 0;
}
.cat-type-classic mark {
    display: block;
    opacity: 0;
    line-height: 0;
    visibility: hidden;
    transition: opacity 0.3s, line-height 0.3s, visibility 0.3s, padding 0.3s;
}
.cat-type-classic .woocommerce-loop-category__title {
    margin-bottom: 0;
    text-transform: uppercase;
}
.cat-type-classic .category-content {
    width: 100%;
    height: 25%;
    background-color: rgba(38, 38, 38, 0.9);
}
.cat-type-classic:hover mark {
    visibility: visible;
    line-height: 1.2;
    opacity: 1;
    padding-top: 4px;
}
.cat-type-icon {
    padding: 2.4rem 0.5rem;
    border: 1px solid #e1e1e1;
    color: #222;
    text-align: center;
    transition: border 0.3s;
}
.cat-type-icon .woocommerce-loop-category__title {
    margin: 0;
    color: #222;
}
.cat-type-icon:hover {
    border-color:#26b;
}
.cat-type-icon:hover i,
.cat-type-icon:hover svg {
    fill: #26b;
    transform: translateY(-4px);
}
.cat-type-icon:hover .category-content {
    background: transparent;
}
.cat-type-icon-inline {
    display: inline-flex;
    align-items: center;
}
.cat-type-icon-inline figure {
    font-size: calc(3.2rem * var(--rio-typo-ratio, 1));
    line-height: 1;
    color: #444;
    transition: color 0.3s;
}
.cat-type-icon-inline figure i {
    margin-right: 0.8rem;
}
.cat-type-icon-inline .woocommerce-loop-category__title {
    margin: 0;
    text-transform: none;
    text-align: left;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.08;
    color: inherit;
    transition: color 0.3s;
}
.cat-type-icon-inline:hover .woocommerce-loop-category__title,
.cat-type-icon-inline:hover figure {
    color: #26b;
}
.cat-type-icon-inline:hover svg {
    stroke: #26b;
}
.cat-type-icon-inline:hover i,
.cat-type-icon-inline:hover svg {
    animation: slideUpShorter 0.6s;
}
@keyframes slideUpShorter {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
    to {
        transform: translateY(0);
    }
}
.cat-type-ellipse.product-category figure img {
    border-radius: 50%;
}
.cat-type-ellipse figure {
    border-radius: 50%;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
}
.cat-type-ellipse figure img {
    padding: 12px;
    transform: rotateZ(-10deg) translateX(-14px);
    transition: transform 0.3s;
}
.cat-type-ellipse .woocommerce-loop-category__title {
    color: #222;
}
.cat-type-ellipse .woocommerce-loop-category__title:hover {
    color: #26b;
}
.cat-type-ellipse mark {
    color: #666;
    text-transform: uppercase; display: none;
}
.cat-type-ellipse .category-content {
    padding-top: 20px;
}
.cat-type-ellipse:hover figure img {
    transform: rotateZ(0);
}
.riode-rounded-skin .cat-type-ellipse.product-category {
    overflow: visible;
}
.cat-type-ellipse2 figure {
    border-radius: 50%;
    overflow: hidden;
}
.cat-type-ellipse2 .category-content {
    width: 100%;
    min-height: 25%;
    background-color: #fff;
}
.cat-type-ellipse2 .woocommerce-loop-category__title {
    color: #222;
}
.cat-type-ellipse2 .woocommerce-loop-category__title:hover {
    color: #26b;
}
.cat-type-group,
.cat-type-group-2 {
    display: flex;
    align-items: center;
}
.cat-type-group-2 > *,
.cat-type-group > * {
    flex: 1;
}
.cat-type-group {
    color: #666;
    border: 1px solid #e1e1e1;
}
.cat-type-group .category-content {
    position: static;
    padding: 2rem 0 2rem 1rem;
    background: transparent;
    text-align: left;
    align-items: flex-start;
}
.cat-type-group .woocommerce-loop-category__title {
    margin-bottom: 1.5rem;
    text-transform: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: #222;
}
.cat-type-group .category-list {
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
}
.cat-type-group .category-list li:not(:last-child) {
    margin-bottom: 0.9rem;
}
.cat-type-group .category-list a {
    position: relative;
    display: inline-block;
    transition: text-decoration 0.3s;
}
.cat-type-group .category-list a:hover {
    color: #222;
    text-decoration: underline;
}
.cat-type-group .category-list a:active {
    color: #26b;
}
.cat-type-group:hover .woocommerce-loop-category__title {
    margin-bottom: 1.5rem;
}
.cat-type-group:hover .category-content {
    background: transparent;
}
.cat-type-group-2 {
    color: #fff;
    background-color:#26b;
    overflow: hidden;
}
.cat-type-group-2 figure i {
    display: inline-block;
    font-size: 4.8rem;
    transition: transform 0.3s;
    color: #fff;
}
.cat-type-group-2 img {
    margin-bottom: 1.5rem;
}
.cat-type-group-2 > a {
    padding-right: 1rem;
}
.cat-type-group-2 > a:hover i {
    transform: translateY(-0.5rem);
}
.cat-type-group-2 .category-content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: transparent;
    text-align: left;
    align-items: flex-start;
}
.cat-type-group-2 .woocommerce-loop-category__title {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}
.cat-type-group-2 .category-list {
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    text-align: left;
}
.cat-type-group-2 .category-list li {
    white-space: nowrap;
}
.cat-type-group-2 .category-list li:before {
    content: "";
    padding-right: 0.8rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
}
.cat-type-group-2 .category-list li:not(:last-child) {
    margin-bottom: 0.9rem;
}
.cat-type-group-2 .category-list a {
    position: relative;
    display: inline-block;
    transition: text-decoration 0.3s;
}
.cat-type-group-2 .category-list a:hover {
    color: inherit;
    text-decoration: underline;
}
.cat-type-group-2:hover .woocommerce-loop-category__title {
    margin-bottom: 0;
}
.cat-type-group-2:hover .category-content {
    background: transparent;
}
.cat-type-banner {
    overflow: hidden;
    color: #222;
}
.cat-type-banner.text-white {
    color: #fff;
}
.cat-type-banner.text-white .btn {
    color: #fff;
}
.cat-type-banner .category-content {
    top: 3.7rem;
    left: 3.8rem;
    bottom: auto;
    align-items: flex-start;
    z-index: 1;
    background-color: transparent;
    transition: top 0.3s, padding 0.3s;
    min-height: 0;
}
.cat-type-banner .woocommerce-loop-category__title {
    text-transform: none;
    text-align: left;
    font-size: 2rem;
    font-family: inherit;
}
.cat-type-banner mark {
    visibility: visible;
    opacity: 1;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    transition: color 0.3s;
    z-index: 1;
}
.cat-type-banner .btn {
    position: absolute;
    opacity: 0;
    bottom: 0;
    transition: transform 0.3s, opacity 0.3s;
}
.cat-type-banner:hover .category-content {
    top: 3rem;
    padding-bottom: 3rem;
    background-color: transparent;
}
.cat-type-banner:hover .btn {
    opacity: 1;
}
.cat-type-simple .category-content {
    padding: 1.7rem 0;
}
.cat-type-simple .category-content mark {
    text-transform: uppercase;
}
.cat-type-simple .woocommerce-loop-category__title {
    margin-bottom: 0.5rem;
    color: #222;
    text-transform: uppercase;
}
.cat-type-simple .woocommerce-loop-category__title:hover {
    color:#26b;
}
.cat-type-badge .woocommerce-loop-category__title {
    margin: 0;
    padding: 1.8rem 4rem;
    color: #222;
}
.cat-type-badge .btn {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.28em 2rem;
    top: 100%;
    left: 0;
    opacity: 0;
    height: 100%;
    transition: top 0.3s, opacity 0.3s;
    color: #fff;
}
.cat-type-badge .category-content {
    left: 2rem;
    top: auto;
    bottom: 2rem;
    min-height: 0;
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
}
.cat-type-badge .category-content:hover .btn {
    top: 0;
    opacity: 1;
}
.cat-type-overlay .category-content {
    align-items: center;
    width: auto;
    min-height: 0;
}
.cat-type-overlay mark {
    padding: 0;
    line-height: 0;
    opacity: 0;
    transform: translateY(-1rem);
    transition: transform 0.3s, opacity 0.3s, line-height 0.3s, padding 0.3s;
}
.cat-type-overlay .woocommerce-loop-category__title {
    margin: 0;
    font-size: calc(24px * var(--rio-typo-ratio, 1));
    text-transform: uppercase;
    color: #fff;
}
.cat-type-overlay:hover .category-content {
    padding: 0;
    top: 50%;
}
.cat-type-overlay:hover mark {
    padding-top: 1rem;
    transform: translateY(0);
    opacity: 1;
}
.cat-type-overlay .category-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cat-type-block {
    color: #222;
}

.cat-type-block > a {
    color: inherit;
}
.cat-type-block .woocommerce-loop-category__title {
    margin: 0;
    font-weight: 400;
    line-height: 1.7rem;
    text-transform: none;
}
.cat-type-block:hover .woocommerce-loop-category__title {
    color: #26b;
}
.recently-viewed-products .product-wrap {margin: 10px;border: 1px solid #cccccc;}
.recently-viewed-products .product-details{padding: 10px;}
.filter-categories .active {
    color: #26b;
}
.grid-item > .product-category {
    height: 100%;
}
.cat-type-icon-overlay {
    overflow: hidden;
}
.cat-type-icon-overlay .category-content {
    width: 100%;
    min-height: 25%;
    background-color: #eaf0f9;
    color: #222;
    border-radius: 0;
}
.cat-type-icon-overlay figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #27c;
    opacity: 0.9;
}
.cat-type-icon-overlay figure i {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 37.5%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 5px 15px 0 #27c;
    z-index: 1;
    color: #fff;
}
.cat-type-icon-overlay mark {
    display: block;
    opacity: 0;
    line-height: 0;
    visibility: hidden;
    transition: opacity 0.3s, line-height 0.3s, visibility 0.3s, padding 0.3s;
}
.cat-type-icon-overlay:hover mark {
    visibility: visible;
    line-height: 1.2;
    opacity: 1;
    padding-top: 4px;
}
.comments {
    position: relative;
    margin-bottom: 6rem;
    padding-top: 4.5rem;
}
.comments .title {
    margin-bottom: 2.6rem;
    font-size: calc(2.1rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
    line-height: 1.2;
    color: #222;
    text-transform: capitalize;
}
.commentlist .children {
    margin-left: 6rem;
    padding-top: 4.5rem;
}
.commentlist li.comment {
    margin-bottom: 4.5rem;
}
.commentlist li.comment:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.comment_container,
div.comment {
    display: flex;
}
.comment-text {
    position: relative;
    padding: 0.8rem 0 0 2.5rem;
}
.comment-text > p {
    margin-bottom: 1rem;
}
.comment-reply-link {
    text-transform: uppercase;
}
.comment-reply-link:after {
    content: "";
    font-family: "riode";
    margin-left: 10px;
    transition: margin 0.4s;
}
.comment-reply-link:hover:after {
    margin-left: 15px;
}
.comment-avatar {
    background: #ebebeb;
    max-width: 6rem;
    flex: 0 0 6rem;
    height: 6rem;
}
.comment-name {
    margin-bottom: 1rem;
    font-size: calc(1.8rem * var(--rio-typo-ratio, 1));
    font-weight: 600;
}
.comment-date {
    margin-bottom: 0.5rem;
    color: #999;
    font-weight: 400;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
}
.comment-respond {
    margin-bottom: 4.5rem;
}
.comment-respond .comment-reply-title {
    font-size: calc(2rem * var(--rio-typo-ratio, 1));
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.comment-respond .comment-reply-title small {
    display: inline-block;
    float: right;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    text-transform: uppercase;
    margin-top: 7px;
}
.comment-respond .comment-form-rating label {
    color: #222;
}
.comment-respond .form-control {
    margin-bottom: 2rem;
    max-width: 100%;
    color: #999;
    border-color: #e1e1e1;
    background: #fff;
}
.comment-respond .comment-notes {
    margin-bottom: 2.5rem;
}
.comment-respond p {
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
}
.comment-respond .form-submit {
    margin-bottom: 0;
}
.comment-respond .btn-submit {
    padding: 1.2em 2.8em;
}
.comment-respond .btn-submit i {
    font-size: 2rem;
    margin: 0 0 3px 10px;
}
@media (max-width: 767px) {
    .commentlist .children {
        margin-left: 3rem;
    }
}
@media (max-width: 575px) {
    .comment-avatar {
        max-width: 5rem;
        flex: 0 0 5rem;
        height: 5rem;
    }
    .comment-text {
        padding-left: 2rem;
        width: calc(100% - 5rem);
    }
}
@media (max-width: 479px) {
    .commentlist .children {
        margin-left: 1rem;
    }
}
.compare-page .main {
    padding-top: 1rem;
}
.riode-compare-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 50px;
}
.riode-compare-table .compare-row {
    display: flex;
    flex-wrap: nowrap;
}
.riode-compare-table .compare-col {
    padding: 25px 0;
    word-break: break-word;
}
.riode-compare-table .compare-col > :last-child {
    margin-bottom: 0;
}
.riode-compare-table .compare-col ul {
    margin-top: 0;
}
.riode-compare-table .compare-col + .compare-col {
    padding-left: 2rem;
    padding-right: 1rem; border: 7px solid #fff;
}
.riode-compare-table .compare-basic .compare-value {
    padding-right: 0;
}
.riode-compare-table .compare-field {
    flex: 0 0 130px;
    max-width: 130px;
    color: #999;
    padding-left: 14px;
}
.riode-compare-table .compare-type {
    text-transform: capitalize;
}
.riode-compare-table .compare-sku {
    text-transform: uppercase;
}
.riode-compare-table .compare-value {
    position: relative;
    flex: 0 0 30%;
    max-width: 30%;
}
.riode-compare-table .compare-value .swatch {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    margin-right: 8px;
    border-radius: 2px;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
}
.riode-compare-table .compare-value .swatch.color {
    border: none;
}
.riode-compare-table .compare-basic-info {
    position: relative;
}
.riode-compare-table .compare-row:nth-child(2n) > .compare-col {
    background-color: #f8f8f8;
}
.riode-compare-table .compare-basic {
    font-size: 1rem;
    text-align: center;
}
.riode-compare-table .compare-basic .compare-field {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.riode-compare-table .to-left,
.riode-compare-table .to-right {
    font-size: 18px;
    margin: 0 5px 5px;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.riode-compare-table .to-left {
    transform: translateX(30px);
}
.riode-compare-table .to-right {
    transform: translateX(-30px);
}
.riode-compare-table .compare-basic-info:hover .to-left,
.riode-compare-table .compare-basic-info:hover .to-right {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.riode-compare-table .compare-value:last-child .to-right,
.riode-compare-table .compare-value:nth-child(2) .to-left {
    pointer-events: none;
    color: #e1e1e1;
}
.riode-compare-table .product-action {
    position: static;
    opacity: 1;
    visibility: visible;
    justify-content: center;
}
.riode-compare-table .btn-product-icon {
    border: 1px solid #e1e1e1;
    margin: 0 5px;
    border-radius: 3px;
}
.riode-compare-table .remove_from_compare {
    font-size: 18px;
}
.riode-compare-table .product-title {
    font-weight: 600;
}
.riode-compare-table .product-media {
    margin-bottom: 1.5rem;
}
.riode-compare-table .stock {
    margin: 0;
    background: transparent;
    color: inherit;
    font-weight: inherit;
    padding: 0;
}
.riode-compare-table .woocommerce-Price-amount {
    color: #1f5f8b;
}
.riode-compare-table del {
    color: #999;
}
.riode-compare-table del .woocommerce-Price-amount {
    color: inherit;
}
.riode-compare-table .compare-value[data-title="Availability"] {
    color: var(--success-color);
}
.riode-compare-table .compare-value[data-title="Availability"] .stock {
    color: var(--alert-color);
}
.riode-compare-table.empty {
    color: inherit;
    text-align: center;
}
.riode-compare-table.empty h2 {
    font-size: inherit;
    color: inherit;
    margin: 22px 0;
}
.riode-compare-table.empty .button {
    margin-top: 1rem;
    width: 20rem;
    border-radius: 2px;
}
.riode-compare-table.empty i {
    font-size: 80px;
}
@media (max-width: 1199px) {
    .riode-compare-table .compare-field,
    .riode-compare-table .compare-value {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 991px) {
    .riode-compare-table .compare-field,
    .riode-compare-table .compare-value {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media (max-width: 767px) {
    .riode-compare-table .compare-field,
    .riode-compare-table .compare-value {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 399px) {
    .riode-compare-table .compare-field,
    .riode-compare-table .compare-value {
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.dropdown {
    position: relative;
}
.dropdown.show .dropdown-box,
.dropdown:hover .dropdown-box {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.dropdown.show .dropdown-box,
.dropdown:hover .dropdown-box {
    transform: translate3d(0, 0, 0);
}
.dropdown.show > a,
.dropdown:hover > a {
    color:#1f5f8b;
}
.dropdown a {
    display: flex;
    align-items: center;
}
.dropdown > a {
    line-height: 1.1;
    padding: 9px 0;
}
.dropdown > a:after {
    display: inline-block;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 8px;
    line-height: 1;
    content: "";
}
.dropdown li.active > a,
.dropdown li:hover > a {
    color: #1f5f8b;
}
.dropdown.dir-up.show .dropdown-box,
.dropdown.dir-up:hover .dropdown-box {
    top: auto;
    bottom: 100%;
}
.dropdown-box {
    position: absolute;
    right: 0;
    top: -9999px;
    margin: 0;
    padding: 0.5rem 0;
    color: #000;
    background-color: #fff;
    box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.2s ease-out;
    transform: translate3d(0, -10px, 0);    width: 305px;
}
.dropdown-box a {
    padding: 0.6rem 1rem;
}
.dropdown-box .menu > li:last-child  {border-bottom: 0;}
.menu li > ul li:last-child  {border-bottom: 0;}
.dir-up .dropdown-box {
    transform: translate3d(0, 10px, 0);
}
.form .form-control {
    margin-bottom: 2rem;
}
.form-control {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 1.2rem 1.5rem;
    border: 1px solid #e1e1e1;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.5;
    font-weight: 400;
    color: #999;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}
.form-control::placeholder {
    color: inherit;
    transition: color 0.3s;
}
.form-control::-webkit-input-placeholder {
    color: inherit;
    transition: color 0.3s;
}
.form-control::-moz-placeholder {
    color: inherit;
    transition: color 0.3s;
}
.form-control:focus::placeholder {
    color: transparent;
}
.form-control:focus::-webkit-input-placeholder {
    color: transparent;
}
.form-control:focus::-moz-placeholder {
    color: transparent;
}
.form-control.form-solid {
    background-color: #fff;
    border: 0;
    color: #8d8d8d;
}
textarea {
    font-family: inherit;
    min-width: 100%;
    max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    color: #fff;
    cursor: pointer;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 4px;
}
input[type="checkbox"] ~ label,
input[type="checkbox"] ~ span,
input[type="radio"] ~ label,
input[type="radio"] ~ span {
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background: #222;
    border-color: #222;
}
input[type="checkbox"]:checked:before {
    content: "";
    font-size: 9px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    line-height: 18px;
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="radio"]:checked:before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    background: #666;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 2px;
}





input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.quantity {
    display: inline-flex;
    height: 4.5rem;
    line-height: 4.5rem;
    vertical-align: middle;
}
.quantity .qty {
    -moz-appearance: textfield;
    width: 48px;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
    border: solid #ccc;
    border-width: 1px 0;
    color: #222;
    text-align: center;
}
.quantity button {
    padding: 8px;
    border: 1px solid #ccc;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1;
    color: #222;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
}
.input-wrapper input.form-control {
    flex: 1;
    min-width: 40px;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
}
.input-wrapper-inline {
    display: flex;
    position: relative;
    max-width: 61.3rem;
    width: 100%;
    height: 40px;
}
.input-wrapper-inline .btn {
    line-height: 1;
}
.icon-box .icon-box-title {
    margin: 0 0 0.7rem;
    text-transform: uppercase;
    font-size: calc(1.5rem * var(--rio-typo-ratio, 1));
    line-height: 1.6;
}
.icon-box p {
    margin: 0;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.72;
    color: #666;
}
.icon-box i:before {
    margin: 0;
}
.icon-box .icon-box-content {
    text-align: center;
}
.icon-box-icon-wrapper {
    display: inline-block;
    margin-bottom: 2.4rem;
}
.icon-box-icon {
    display: inline-block;
    transition: all 0.3s;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 0;
    color: #222;
}
.icon-box-side {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-box-side .icon-box-icon-wrapper {
    margin-right: 1.5rem;
    margin-bottom: 0;
}
.icon-box-side .icon-box-content {
    text-align: left;
}
.icon-box-side .icon-box-content + .icon-box-icon-wrapper {
    margin-left: 1.5rem;
    margin-right: 0;
}
.icon-box-side .icon-box-title {
    margin: 0;
}
.icon-border .icon-box-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.1rem;
    height: 5.1rem;
    border-radius: 50%;
    border: 1px solid #9e9e9e;
    font-size: 2.4rem;
}
.icon-border svg {
    height: 2.4rem;
}
.icon-inversed .icon-box-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.1rem;
    height: 5.1rem;
    border-radius: 50%;
    background-color: #1f5f8b;
    color: #fff;
    font-size: 2.4rem;
}
.icon-inversed svg {
    height: 2.4rem;
    fill: white;
}
.icon-solid .icon-box-icon {
    font-size: 4.8rem;
    color: #1f5f8b;
}
.icon-solid svg {
    height: 6rem;
    fill:#1f5f8b;
}
.icon-solid.icon-box-side {
    align-items: flex-start;
}
.icon-box-tiny .icon-box-icon {
    margin: 0 1rem 0 0;
    font-size: 2.4rem;
}
.icon-box-tiny svg {
    height: 2.8rem;
    width: 2.8rem;
}
.icon-box-tiny .icon-box-title {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infobox-anim:hover.infobox-anim-pushup .icon-box-icon {
    transform: translateY(-10px);
}
.infobox-anim:hover.infobox-anim-pushdown .icon-box-icon {
    transform: translateY(10px);
}
.infobox-anim:hover.infobox-anim-pushleft .icon-box-icon {
    transform: translateX(-10px);
}
.infobox-anim:hover.infobox-anim-pushright .icon-box-icon {
    transform: translateX(10px);
}
.stacked .icon-box-icon {
    background-color: #1f5f8b;
    color: #fff;
    width: 60px;
    height: 60px;
}
.framed .icon-box-icon {
    border: 1px solid #1f5f8b;
    color: #1f5f8b;
    width: 60px;
    height: 60px;
}
.circle .icon-box-icon {
    border-radius: 50%;
}
.icon-box-right .icon-box-icon-wrapper {
    margin-right: 0;
    margin-left: 1.5rem;
}

.menu-icon {
    display: inline-block;
    color: #fff;
    width: 1.7rem;
}
.menu-icon:after,
.menu-icon:before {
    display: block;
    content: "";
    width: 100%;
}
.menu-icon:before {
    height: 6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.menu-icon:after {
    height: 4px;
    border-bottom: 2px solid;
}
.close-icon {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    transform: rotateZ(45deg);
}
.close-icon:after,
.close-icon:before {
    display: block;
    position: absolute;
    background-color: #ccc;
    content: "";
}
.close-icon:before {
    height: 2px;
    width: 100%;
    left: 0;
    top: calc(50% - 1px);
}
.close-icon:after {
    height: 100%;
    width: 2px;
    top: 0;
    left: calc(50% - 1px);
}
.minicart-icon {
    display: inline-block;
    position: relative;
    width: 2.5em;
    height: 2.5em;
    margin-top: 1px;
    border: solid 2px;
    border-radius: 2px;
    text-align: center;
    transition: background 0.4s;
}
.minicart-icon:before {
    content: "";
    position: absolute;
    top: -0.75em;
    left: calc(50% - 0.5em);
    width: 1em;
    height: 0.5em;
    border-radius: 5em 5em 0 0;
    border: inherit;
    border-bottom: none;
    transition: transform 0.4s;
}
.minicart-icon.adding:before {
    transform: rotateZ(30deg) translate(3px, -3px);
}
.minicart-icon2 {
    height: 1.83em;
    transition: color 0.4s;
}
.minicart-icon2:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.3em;
    left: 50%;
    transform: translateX(-50%) scale(0.7);
    width: 1.29em;
    height: 1.07em;
    border: solid 2px;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.minicart-icon2:after {
    content: "";
    display: inline-block;
    width: 2.5em;
    height: 2.1425em;
    border: solid 2px;
    background-color: transparent;
    border-radius: 0 0 3px 3px;
    transform: scale(0.7);
}
.btn .d-icon-arrow-left,
.btn .d-icon-arrow-right {
    position: relative;
}
.image-box figure {
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
}
.image-box img {
    display: block;
}
.image-box.inner .subtitle,
.image-box.inner .title {
    color: #fff;
}
.image-box .title {
    margin-bottom: 3px;
    font-size: calc(1.4rem / 14px * var(--rio-body-size, 14px));
    text-transform: uppercase;
}
.image-box .subtitle {
    margin-bottom: 0;
    font-size: calc(1.2rem / 14px * var(--rio-body-size, 14px));
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
}
.image-box .content {
    margin-top: 1rem;
}
.image-box.outer .content {
    margin-top: 0;
}


.subcat-title {
    display: inline;
    margin-right: 2rem;
}
.subcat-title:after {
    margin-left: 0;
    margin-right: 2rem;
    line-height: 1;
}
.subcat-menu {
    display: inline;
    margin: 0;
    padding: 0;
}
.subcat-menu li {
    display: block;
    margin-bottom: 2rem;
}
.subcat-nav a {
    position: relative;
}
.subcat-nav a:focus:before,
.subcat-nav a:hover:before {
    transform: scaleX(1);
}
.subcat-nav a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transition: transform 0.3s;
}
.subcat-nav a:not(:last-child) {
    display: inline-block;
    margin-right: 2rem;
}
.subcat-nav a:not(:last-child):after {
    display: inline-block;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #999;
}
.subcat-nav a:last-child:before {
    width: 100%;
}
.overlay,
.overlay-visible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s;
}
.overlay {
    padding-top: 10rem;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
a > .overlay {
    cursor: pointer;
}
figure:hover .overlay {
    padding-top: 0;
    opacity: 1;
}
figure:hover .overlay-visible {
    background-color: rgba(34, 119, 204, 0.9);
    padding-bottom: 10rem;
}
.overlay-transparent {
    background: transparent;
}
.overlay-dark .banner,
.overlay-dark figure,
.overlay-light .banner,
.overlay-light figure {
    position: relative;
}
.overlay-dark.banner:after,
.overlay-dark figure:after,
.overlay-dark figure > a:after,
.overlay-light.banner:after,
.overlay-light figure:after,
.overlay-light figure > a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--dark-color);
    opacity: 0;
    transition: opacity 0.3s, background 0.3s, transform 0.3s;
}
.overlay-dark.banner:hover:after,
.overlay-dark:hover figure:after,
.overlay-dark:hover figure > a:after,
.overlay-light.banner:hover:after,
.overlay-light:hover figure:after,
.overlay-light:hover figure > a:after {
    opacity: 0.2;
}
.overlay-dark.post > figure > a:after,
.overlay-light.post > figure > a:after {
    z-index: 1;
}
.overlay-light.banner:after,
.overlay-light figure:after,
.overlay-light figure > a:after {
    background: var(--light-color);
}
.overlay-zoom,
.overlay-zoom .post-media,
.overlay-zoom figure {
    overflow: hidden;
    -webkit-transform: translateZ(0);
}
.overlay-zoom img {
    transition: transform 0.3s;
}
.overlay-zoom:hover img {
    transform: scale(1.08);
}
.overlay-effect-1 figure:after,
.overlay-effect-1 figure:before,
.overlay-effect-1:after,
.overlay-effect-1:before {
    content: "";
    position: absolute;
    opacity: 1;
}
.overlay-effect-1 figure:before,
.overlay-effect-1:before {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    left: 50%;
    right: 51%;
    top: 0;
}
.overlay-effect-1 figure:after,
.overlay-effect-1:after {
    bottom: 50%;
    left: 0;
    right: 0;
    top: 50%;
}
.overlay-effect-1:hover:after,
.overlay-effect-1:hover:before,
.overlay-effect-1:hover figure:after,
.overlay-effect-1:hover figure:before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: 0.5s linear;
}
.overlay-effect-2,
.overlay-effect-2 figure,
.overlay-effect-3,
.overlay-effect-3 figure {
    overflow: hidden;
    position: relative;
}
.overlay-effect-2 figure:after,
.overlay-effect-2 figure:before,
.overlay-effect-2:after,
.overlay-effect-2:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    left: 0;
    opacity: 0.4;
    top: 0;
    transition: 0.9s;
    width: 100%;
}
.overlay-effect-2 figure:before,
.overlay-effect-2:before {
    transform: translate(105%, 0%);
}
.overlay-effect-2 figure:after,
.overlay-effect-2:after {
    transform: translate(-105%, 0%);
}
.overlay-effect-2:hover:after,
.overlay-effect-2:hover:before,
.overlay-effect-2:hover figure:after,
.overlay-effect-2:hover figure:before {
    opacity: 0;
    transform: none;
}
.overlay-effect-3 figure:before,
.overlay-effect-3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 120%;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transition: 0.5s linear;
    backface-visibility: hidden;
}
.overlay-effect-3:hover:before,
.overlay-effect-3:hover figure:before {
    top: 100%;
    left: -100%;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
}
.overlay-effect-4 figure:after,
.overlay-effect-4 figure:before,
.overlay-effect-4:after,
.overlay-effect-4:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
    transition: 0.5s;
}
.overlay-effect-4 figure:before,
.overlay-effect-4:before {
    bottom: 0;
    left: 50%;
    right: 51%;
    top: 0;
}
.overlay-effect-4 figure:after,
.overlay-effect-4:after {
    bottom: 50%;
    left: 0;
    right: 0;
    top: 50%;
}
.overlay-effect-4:hover:after,
.overlay-effect-4:hover:before,
.overlay-effect-4:hover figure:after,
.overlay-effect-4:hover figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
}
.overlay-image-filter img {
    transition: filter 0.4s;
}
.overlay-blur:hover img {
    filter: blur(4px);
}
.overlay-brightness:hover img {
    filter: brightness(1.5);
}
.overlay-contrast:hover img {
    filter: contrast(1.5);
}
.overlay-grayscale:hover img {
    filter: grayscale(1);
}
.overlay-hue:hover img {
    filter: hue-rotate(270deg);
}
.overlay-opacity:hover img {
    filter: opacity(0.5);
}
.overlay-saturate:hover img {
    filter: saturate(3);
}
.overlay-sepia:hover img {
    filter: sepia(0.5);
}
.background-effect-wrapper {
    overflow: hidden;
}
.background-effect,
.background-effect-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.page-header {
    background-color: var(--rio-ptb-bg-color);
    background-image: var(--rio-ptb-bg-image);
    background-repeat: var(--rio-ptb-bg-repeat);
    background-position: var(--rio-ptb-bg-position);
    background-size: var(--rio-ptb-bg-size);
    background-attachment: var(--rio-ptb-bg-attachment);
}
.page-header .page-title {
    margin-bottom: 0;
    font-family: var(--rio-ptb-title-font-family, var(--rio-heading-font-family), var(--rio-body-font-family)), sans-serif;
    font-weight: var(--rio-ptb-title-font-weight, var(--rio-heading-font-weight));
    font-size: var(--rio-ptb-title-font-size);
    line-height: var(--rio-ptb-title-line-height, var(--rio-heading-line-height, var(--rio-heading-line-height)));
    letter-spacing: var(--rio-ptb-title-letter-spacing, var(--rio-heading-letter-spacing, var(--rio-heading-letter-spacing)));
    text-transform: var(--rio-ptb-title-text-transform, var(--rio-heading-text-transform, var(--rio-heading-text-transform)));
    color: var(--rio-ptb-title-color, var(--rio-heading-color, var(--rio-body-color)));
}
.page-header .page-subtitle {
    margin-bottom: 5px;
    font-family: var(--rio-ptb-subtitle-font-family), var(--rio-heading-font-family), var(--rio-body-font-family), sans-serif;
    font-weight: var(--rio-ptb-subtitle-font-weight, var(--rio-heading-font-weight));
    font-size: var(--rio-ptb-subtitle-font-size);
    line-height: var(--rio-ptb-subtitle-line-height, var(--rio-heading-line-height, var(--rio-body-line-height)));
    letter-spacing: var(--rio-ptb-subtitle-letter-spacing, var(--rio-heading-letter-spacing, var(--rio-body-letter-spacing)));
    text-transform: var(--rio-ptb-subtitle-text-transform, var(--rio-heading-text-transform, var(--rio-body-text-transform)));
    color: var(--rio-ptb-subtitle-color, var(--rio-heading-color, var(--rio-body-color)));
}
.page-title-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: var(--rio-ptb-height);
}
.page-title-bar .breadcrumb {
    margin-top: 1em;
    padding: 0;
}
.page-title-bar .breadcrumb:first-child {
    margin-top: 0;
}
.page-title-bar.type-left {
    align-items: flex-start;
}
.page-title-bar.type-center,
.page-title-bar.type-depart {
    text-align: center;
}
.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0;
    font-family: var(--rio-ptb-breadcrumb-font-family), var(--rio-body-font-family), sans-serif;
    font-weight: var(--rio-ptb-breadcrumb-font-weight, var(--rio-body-font-weight));
    font-size: var(--rio-ptb-breadcrumb-font-size, var(--rio-body-font-size));
    line-height: var(--rio-ptb-breadcrumb-line-height, var(--rio-body-line-height));
    letter-spacing: var(--rio-ptb-breadcrumb-letter-spacing, var(--rio-body-letter-spacing));
    text-transform: var(--rio-ptb-breadcrumb-text-transform, var(--rio-body-text-transform));
    color: var(--rio-ptb-breadcrumb-color, #fff);
}
.page-header .page-title-bar .breadcrumb {
    margin-bottom: 0;
}
.breadcrumb .delimiter {
    opacity: 0.5;
}
.breadcrumb .delimiter i {
    vertical-align: middle;
}
.breadcrumb a,
.breadcrumb span {
    opacity: 0.5;
    transition: color 0.3s, opacity 0.3s;
}
.breadcrumb a:focus,
.breadcrumb a:hover {
    opacity: 1;
    color: inherit;
}
.breadcrumb .delimiter {
    margin: 0 0.7em;
    font-size: 85%;
}
.breadcrumb.home-icon > li:first-of-type > a:before {
    font-family: "riode";
    content: "";
}
.breadcrumb_wrapper .breadcrumb {
    color: inherit;
}
.type-center .breadcrumb {
    justify-content: center;
}
@media (min-width: 992px) {
    .page-title-bar.type-inline {
        justify-content: space-between;
        flex-direction: row;
    }
    .page-title-bar.type-inline .breadcrumb {
        margin-top: 0;
    }
}
.page-header ~ .breadcrumb_wrapper {
    border-top: none;
}
.breadcrumb_wrapper ~ main {
    padding-top: 0;
}
@media (max-width: 767px) {
    .page-title-bar .page-title {
        font-size: calc(3rem * var(--rio-typo-ratio, 1));
    }
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
}
.pagination i {
    font-size: calc(2rem * var(--rio-typo-ratio, 1));
}
.pagination .prev i {
    margin-right: 0.8rem;
}
.pagination .next i {
    margin-left: 0.8rem;
}
.pagination-footer {
    padding-top: 15px;
    clear: both;
}
.pagination-footer > .links {
    text-align: center;
    margin: 15px 0;
}
.pagination-footer .name {
    display: inline-block;
    margin-right: 1rem;
}
.page-numbers,
.pagination-footer .links .post-page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    height: 4rem;
    padding: 0 0.3rem;
    line-height: 1;
    background-color: transparent;
    border: 0.1rem solid transparent;
    transition: border 0.3s;
}
.page-numbers.current,
.page-numbers:hover,
.pagination-footer .links .post-page-numbers.current,
.pagination-footer .links .post-page-numbers:hover {
    border-color: #dadada;
    color: #222;
}
.page-numbers.disabled,
.pagination-footer .links .post-page-numbers.disabled {
    color: #aaa;
    pointer-events: none;
}
.page-numbers:not(:last-child),
.pagination-footer .links .post-page-numbers:not(:last-child) {
    margin-right: 0.5rem;
}
.page-numbers.dots,
.pagination-footer .links .post-page-numbers.dots {
    min-width: auto;
    padding: 0 0 0.8rem;
    border: none;
}
.pagination .next,
.pagination .prev {
    min-width: 8rem;
    padding: 1.2rem;
}
.pagination .prev {
    margin-right: 5px;
}
.pagination .next {
    margin-left: 5px;
}
.show-info {
    margin: 0;
    color: #aaa;
}
.show-info span {
    color: #222;
}
.mfp-bg {
    background: #000;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.mfp-container {
    padding: 4rem 2rem;
}
.mfp-preloader {
    margin-top: 0;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.4;
}
.mfp-bg.mfp-removing,
.mfp-bg.mfp-removing.mfp-fade {
    opacity: 0;
}
.mfp-product .mfp-container {
    overflow-y: auto;
}
.mfp-product .product {
    box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.2);
}


.mfp-close span {
    display: none;
}

.mfp-content > * {
    position: relative;
    margin: auto;
    background: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
}
.mfp-ready .mfp-content > * {
    opacity: 1;
}
.mfp-removing .mfp-content > * {
    opacity: 0;
}

.mfp-login .mfp-preloader {
    max-width: 50rem;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
}
.mfp-preloader .login-popup {
    height: 43.5rem;
    background: #fff;
}
.mfp-popup-template .popup {
    background: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    background: #fff;
    width: calc(100% - 20px);
}
.mfp-popup-template .mfp-content {
    position: static;
}
.mfp-popup-template .mfp-preloader {
    max-width: 60rem;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    height: 40rem;
    transition: max-width 0.3s;
}
.mfp-popup-template .d-loading {
    background: transparent;
}

.mfp-figure {
    line-height: normal;
}
.mfp-product .mfp-container {
    padding: 4rem 2rem 2rem;
}
.mfp-product .mfp-content,
.mfp-product .mfp-preloader {
    width: 100%;
    max-width: 98.8rem;
    margin: auto;
}
.mfp-product .mfp-figure {
    background: transparent;
}
.mfp-product .mfp-preloader {
    transform: translateY(-50%);
    width: calc(100% - 6rem);
}
.mfp-product .woocommerce-product-gallery {
    margin-bottom: 0;
}
.mfp-product .product {
    background: #fff;
    padding: 3rem 2rem;
    transition: opacity 0.3s;
}
.mfp-product .product .woocommerce-product-gallery__image {
    width: 100%;
}
.mfp-product .product img {
    width: 100%;
}
.mfp-product .product .col-md-6 {
    min-height: 15rem;
}
.mfp-product figcaption {
    display: none;
}
.mfp-product .product {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.mfp-product .mfp-close {
    position: absolute;
    top: -2.7rem;
    right: 0;
}
.mfp-product img.mfp-img {
    padding: 0;
}
.mfp-product .thumbs {
    display: flex;
}
.mfp-product .thumbs > img {
    flex: 0 0 25%;
    max-width: 25%;
}
.mfp-product .mfp-animated-image {
    margin: 5px;
}
@media (min-width: 768px) {
    .mfp-product .product-gallery {
        margin-bottom: 0;
    }
    .mfp-product:not(.mfp-offcanvas) .product-single.product-quickview .summary {
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 0;
        overflow-y: auto;
        padding-bottom: 0;
        height: 100%;padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .mfp-product .product {
        padding: 2rem 1rem;
    }
    .mfp-product:not(.mfp-offcanvas) .summary {
        margin-top: 2rem;
        padding-bottom: 1rem;
    }
}
.mfp-figure:after {
    content: none;
}
.mfp-with-zoom.mfp-bg,
.mfp-with-zoom .mfp-container {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.4;
}
.mfp-with-zoom.mfp-removing.mfp-bg,
.mfp-with-zoom.mfp-removing .mfp-container {
    opacity: 0;
}
.mfp-anim .summary > * {
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1), opacity 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
    transition-delay: 0.35s;
}
.mfp-anim .summary > :first-child {
    transition-delay: 0.05s;
}
.mfp-anim .summary > :nth-child(2) {
    transition-delay: 0.1s;
}
.mfp-anim .summary > :nth-child(3) {
    transition-delay: 0.15s;
}
.mfp-anim .summary > :nth-child(4) {
    transition-delay: 0.2s;
}
.mfp-anim .summary > :nth-child(5) {
    transition-delay: 0.25s;
}
.mfp-anim .summary > :nth-child(6) {
    transition-delay: 0.3s;
}
.mfp-anim.mfp-anim-finish .summary > * {
    opacity: 1;
    transform: none;
}
.mfp-anim .summary >.product_title {font-size: 16px; font-weight: 600;}
.offcanvas .offcanvas-overlay {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.offcanvas .offcanvas-content {
    padding: 3rem;
    width: 34rem;
    max-width: 95vw;
    position: fixed;
    top: 0;
    right: -34rem;
    height: 110vh;
    min-width: auto;
    opacity: 1;
    visibility: visible;
    transition: right 0.6s;
    transform: none;
    z-index: 9999;
    background: #fff;
}
.offcanvas.opened .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
}
.offcanvas.opened .offcanvas-content {
    right: 0;
}
.mfp-offcanvas .mfp-container {
    animation: 0.4s ease-out slideInRight;
}
.mfp-removing + .mfp-offcanvas .mfp-container {
    animation: 0.4s ease-in slideOutRight;
}
.mfp-removing + .mfp-offcanvas .mfp-container .mfp-content,
.mfp-removing + .mfp-offcanvas .mfp-content > * {
    opacity: 1;
}
.mfp-offcanvas .mfp-bg {
    transition: 0.4s;
}
.mfp-offcanvas .mfp-container {
    padding: 0;
    text-align: right;
}
.mfp-offcanvas .mfp-content {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
}
.mfp-offcanvas .mfp-close {
    position: fixed;
    right: 42rem;
    top: 2rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.mfp-offcanvas .mfp-close:after,
.mfp-offcanvas .mfp-close:before {
    background: #fff;
    transition: transform 0.3s;
}
.mfp-offcanvas .mfp-close:before {
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.mfp-offcanvas .mfp-close:after {
    height: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.mfp-offcanvas .woocommerce-product-gallery {
    padding: 0;
    margin-bottom: 0;
}
.mfp-offcanvas .product {
    width: 40rem;
    height: 100%;
    padding: 1.5rem;
    margin: 0 0 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.mfp-offcanvas .mfp-preloader {
    overflow: hidden;
    width: 40rem;
    transform: none;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    left: auto;
}
.mfp-offcanvas .owl-item,
.mfp-offcanvas .owl-stage,
.mfp-offcanvas .owl-stage-outer,
.mfp-offcanvas .product-gallery,
.mfp-offcanvas .product-single-carousel,
.mfp-offcanvas .woocommerce-product-gallery__image,
.mfp-offcanvas .woocommerce-product-gallery__image a,
.mfp-offcanvas .woocommerce-product-gallery__image img {
    height: 100%;
}
.mfp-offcanvas .summary .yith-wcwl-add-to-wishlist + .compare {
    margin-left: 1rem;
}
.mfp-offcanvas .summary .yith-wcwl-add-to-wishlist + .compare:after {
    border-left-width: 0;
}
.mfp-offcanvas .summary .yith-wcwl-add-to-wishlist + .compare.remove_from_compare {
    margin-left: 3rem;
    top: -4px;
}
.mfp-offcanvas .summary .yith-wcwl-add-to-wishlist + .compare.remove_from_compare:after {
    border-left-width: 1px;
    left: -11px;
}
@media (max-width: 575px) {
    .mfp-offcanvas .product {
        width: 31rem;
    }
    .mfp-offcanvas .mfp-close {
        right: 31rem;
        top: 0.5rem;
    }
    .mfp-offcanvas .summary .social-icons {
        display: inline-flex;
        margin-right: 1rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .product-quickview .cart .button {
        padding: 0 3rem;
    }
}
body.riode_popup_template main {
    min-height: 100vh;
}
body.riode_popup_template .popup-overlay {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10001;
}
body.riode_popup_template .popup-container {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    background: #fff;
    width: calc(100% - 40px);
    z-index: 10001;
}
.posts.text-left .post-meta {
    justify-content: flex-start;
}
.posts.text-center .post-cats,
.posts.text-center .post-meta {
    justify-content: center;
}
.posts.text-right .post-cats,
.posts.text-right .post-meta {
    justify-content: flex-end;
}

.post .btn i {
    margin-left: 5px;
    font-size: 20px;
}
.post .btn i:before {
    margin: 0;
}
.post .post-details > :last-child {
    margin-bottom: 0;
}
.post.sticky .post-title:after {
    content: "Sticky";
}

.post-calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 4.5rem;
    height: 4.7rem;
    background: rgba(255, 255, 255, 0.9);
    color: #222;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}
.post-calendar .post-day {
    display: block;
    margin-bottom: 1px;
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
}
.post-calendar .post-month {
    display: block;
    margin-left: 2px;
    font-size: calc(1rem * var(--rio-typo-ratio, 1));
}
.post-calendar + .post-details .post-meta {
    display: none;
}
.post-media {
    position: relative; padding-top: 24px; padding-right: 24px;
}
.post-media img {
    display: block;
    width: 100%;
}
.post-media .post-calendar {
    position: absolute;
    left: 2rem;
    top: 2rem;
}
.post-media .owl-dots {
    bottom: 2.5rem;
}
.post-media .owl-dots .owl-dot span {
    border-color: #fff;
    background-color: transparent;
}
.post-media .owl-dots .owl-dot:hover span {
    border-color: #fff;
    background-color: #fff;
}
.post-media.no-image {
    padding: 2rem;
    background: #ebebeb;
}
.post-media.no-image h4 {
    margin-bottom: 0;
}
.post-mask .post-media.no-image {
    padding: 12rem 2rem;
}
.post-details {
    padding-bottom: 2rem;
}
.post-media + .post-details,
.post-media-carousel + .post-details {
    padding-top: 2.3rem;
}

.post-title a:hover {
    color:#1f5f8b;
}
.post-content {
    line-height: 1.72;
}
.post-content p {
    margin-top: 0;
    margin-bottom: 1.8rem;
}
.post-meta {
    margin-bottom: 0.4rem;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    color: #999;
}
.post-meta > * {
    margin-right: 5px;
}
.post-meta > :before {
    margin-right: 5px;
}
.post-meta .post-author:before {
    content: "by";
}
.post-meta .post-date:before {
    content: "on";
}
.post-meta .comments-link:before {
    content: "|";
    margin: 0 8px 0 3px;
}
.post-meta mark {
    background: transparent;
    transition: color 0.4s;
}
.post-meta .post-author a,
.post-meta .post-date a,
.post-meta mark {
    color: #222;
    font-weight: 600;
}
.post-meta .post-author a {
    text-transform: uppercase;
}
.post-meta a:hover mark,
.post-meta span a:hover {
    color: #1f5f8b;
}
.post-cats {
    margin-bottom: 0.4rem;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    color: #999;
}
.post-cats:before {
    content: "in";
    margin-right: 2px;
}
.post-cats a {
    margin-left: 3px;
}
.post-sm .post-details {
    padding: 2.2rem 0.3rem 2rem;
}
.post-cats,
.post-meta {
    display: flex;
    flex-wrap: wrap;
}
.post .mejs-overlay-button {
    background: none;
    border: 2px solid #fff;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s, opacity 0.3s;
}
.post .mejs-overlay-button:hover {
    box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
    background: #fff;
    color: #1f5f8b;
}
.post .mejs-overlay-button:before {
    content: "";
    margin-left: 4px;
}
.posts .post .mejs-overlay-button {
    width: 4rem;
    height: 4rem;
    line-height: 3.6rem;
}
.post .mejs-overlay-button,
.post.post-full .mejs-overlay-button {
    width: 6.8rem;
    height: 6.8rem;
    line-height: 6.4rem;
}
.post-wrap .post-list img {
    min-height: 20rem;
    object-fit: cover;
    height: 100%;
}
.post-wrap .post-list .post-details {
    padding: 2rem 24px 0 0;
}
.post-wrap .post-list .post-title {
    margin-bottom: 5px;
}
.post-wrap .post-list .post-media,
.post-wrap .post-list .post-media-carousel {
    display: flex;
    align-self: stretch;
}
.post-wrap .post-list .post-media-carousel > a,
.post-wrap .post-list .post-media > a {
    width: 100%;
}
.post-wrap .post-list .post-media-carousel .post-media {
    width: 100%;
}
@media (min-width: 768px) {
    .post-list {
        display: flex;
        align-items: center;
    }
    .post-list .post-media,
    .post-list .post-media-carousel {
        margin-left: 0;
        margin-right: 2rem;
    }
    .post-list .post-media,
    .post-list .post-media-carousel {
        width: calc(max(51.7%, 340px) - 2rem);
    }
    .post-list .post-details {
        width: calc(100% - min(51.7%, 380px));
    }
    @supports (-ms-ime-align: auto) {
        .post-list .post-media,
        .post-list .post-media-carousel {
            width: calc(51.7% - 2rem);
            min-width: 320px;
        }
        .post-list .post-details {
            width: calc(100% - 51.7%);
            max-width: calc(100% - 380px);
        }
    }
    .post-list .post-media-carousel .owl-item,
    .post-list .post-media-carousel .owl-stage,
    .post-list .post-media-carousel .post-media {
        height: 100%;
    }
    .post-list img.d-lazyload {
        position: absolute;
        height: 100% !important;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 !important;
    }
}
.post-list-xs {
    display: flex;
    align-items: center;
}
.post-list-xs .post-details {
    flex: 1;
    margin: 0 0 0 2rem;
    padding: 0;
}
.post-list-xs .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    text-transform: none;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.69;
    color: inherit;
    white-space: normal;
}
.post-widget {
    display: flex;
    align-items: center;
}
.post-widget .post-media {
    width: 9rem;
    flex: 0 0 9rem;
}
.post-widget .post-details {
    padding: 0;
    margin-left: 2rem;
}
.post-widget .post-meta {
    text-transform: uppercase;
}
.post-widget .post-meta a {
    color: #666;
    font-weight: 400;
}
.post-widget .post-meta > :before {
    content: none;
}
.post-widget .post-title {
    margin-bottom: 0;
    white-space: normal;
    text-transform: none;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    font-weight: 600;
}
.post.post-mask {
    position: relative;
}
.post.post-mask:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(51, 51, 51, 0.5);
    opacity: 0.75;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 1;
}
.post.post-mask.gradient:before {
    height: 50%;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #000 100%);
}
.post.post-mask .post-media img {
    min-height: 190px;
}
.post.post-mask .post-details {
    position: absolute;
    padding: 0;
    left: 3rem;
    right: 3rem;
    bottom: 2.2rem;
    z-index: 2;
    transform: translateY(4rem);
    transition: transform 0.4s;
}
.post.post-mask .btn-link {
    margin-top: 1.5rem;
    margin-bottom: -1rem;
    opacity: 0;
    transition: opacity 0.4s;
}
.post.post-mask:hover .post-details {
    transform: translateY(0);
}
.post.post-mask:hover .btn-link {
    opacity: 1;
}
.post.post-mask .post-details a,
.post.post-mask .post-details a:hover {
    color: #fff;
}
.post.post-mask .post-title {
    white-space: normal;
}
.post.post-mask:hover .post-media a:before {
    opacity: 0.1;
}
.post.post-mask .post-meta a {
    font-weight: 400;
}
.post.post-mask .post-meta > :before,
.post.post-mask .post-meta mark {
    color: #fff;
}
.post.post-mask .post-content {
    color: #fff;
}
.post.post-framed {
    padding: 20px 20px 0 20px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.post.post-framed .post-media {
    border-radius: 0;
}
.blog-filters span {
    margin-left: 8px;
    color: #aaa;
}
.blog-filters li {padding: 10px; margin: 0 7px 12px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}
.posts.grid:not(.masonry) .post-wrap {
    margin-bottom: 0;
}
.posts.grid:not(.masonry) .post {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.posts.grid:not(.masonry) .post-media {
    flex: 1;
    height: 0;
}
.posts.grid:not(.masonry) .post-media > a {
    display: block;
    height: 100%;
}
.posts.grid:not(.masonry) .post-media img {
    height: 100%;
}
.post-media-carousel .owl-dots {
    bottom: 2.5rem;
}
.posts .post-wrap {
    margin-bottom: 2rem;
}
.thumbnail-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    text-align: center;
}
@media (max-width: 479px) {
    .post-meta {
        font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    }
}
.equal-height .product {
    height: 100%;
}
.product-shadow {
    transition: box-shadow 0.3s;
}
.product-shadow:hover {
    box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.1);
}
.product-label-round .product-label {
    padding: 0.5rem 1.1rem;
    border-radius: 1rem;
}
.text-center .product-details {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.products .short-desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.products .short-desc p {-webkit-line-clamp: 2;}
}
@media (max-width: 575px) {
.products .short-desc p, .product-cat {display: none;}
.product-list .woocommerce-loop-product__title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 21px; max-height: 46px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
}
.product-wrap {margin-bottom: 2rem;}
.product-wrap.grid-item {
    margin-bottom: 0;
}
.product-wrap .product-countdown-container {
    position: absolute;
    margin-bottom: 0;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    transition: opacity 0.4s, visibility 0.4s;
}
.product-wrap .product-countdown-container .countdown-wrap {
    display: flex;
    justify-content: center;
}
.product-wrap .product-countdown-container.countdown-variations {
    display: block;
}
.product-wrap .product-countdown-container .product-countdown {
    margin-left: 0;
}
.product-wrap .countdown-section:after {
    content: none;
}
.product-wrap .product:hover .product-countdown-container {
    opacity: 0;
    visibility: hidden;
}
.product-wrap .product .countdown-row {
    display: flex;
    justify-content: center;
}
.product-wrap .product .countdown-section {
    min-width: 0;
    flex: 1;
    padding: 5px 2px 15px;
    background: rgba(34, 34, 34, 0.6);
    border-radius: 2px;
}
.product-wrap .product .countdown-section:not(:last-child) {
    margin-right: 1rem;
}
.product-wrap .product .countdown-period {
    color: rgba(255, 255, 255, 0.6);
    font-size: calc(10px * var(--rio-typo-ratio, 1));
    bottom: -3px;
}
.product-wrap .product .product-countdown {
    width: 100%;
    text-align: center;
}
.product-wrap .box-type .countdown-wrap {
    background: transparent;
    border: none;
    font-weight: 400;
    padding: 0;
}
.product-wrap .box-type .countdown-amount {
    font-size: calc(19px * var(--rio-typo-ratio, 1));
}
@media (max-width: 575px) {
    .product-wrap .product .countdown-section:not(:last-child) {
        margin-right: 0.5px;
    }
    .product-wrap .product-countdown-container .countdown-wrap {
        padding: 0 0.6rem;
    }
    .product-wrap .product-countdown-container .countdown-amount {
        font-size: calc(10px * var(--rio-typo-ratio, 1));
    }
    .product-wrap .box-type .countdown-wrap {
        padding: 0;
    }
    .product-wrap .box-type .countdown-amount {
        font-size: calc(16px * var(--rio-typo-ratio, 1));
    }
    .product-wrap .box-type .countdown-period {
        font-size: calc(8px * var(--rio-typo-ratio, 1));
    }
}
li > .product {
    position: relative;
    transition: 0.3s;
}
li > .product .product-media:hover img:first-child {
    opacity: 0;
}
li > .product .product-media:hover img:last-of-type {
    opacity: 1;
}
li > .product:hover .product-action,
li > .product:hover .product-action-vertical {
    visibility: visible;
    opacity: 1;
}
.products .product {
    text-align: left;
}
.product.content-center {
    text-align: center;  border: 1px solid #cccccc;
}
.product.content-right {
    text-align: right;
}
.product-media {
    position: relative;
    margin-bottom: 0;
    transition: box-shadow 0.3s;
    overflow: hidden;
}
.product-media img {
    display: block;
    width: 100%;
    transition: opacity 0.5s;
}
.product-media img:last-of-type {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    object-fit: cover;
}
.product-media img:first-child {
    position: relative;
    opacity: 1;
}
.product-label-group {position: absolute;  bottom: 2%; display: flex; flex-direction: column; align-items: flex-start;}
.product-single .product-label-group {position: absolute;  top: 2%; display: flex; flex-direction: column; align-items: flex-start;}
.product-label-infomessage { display: inline-block; text-align: center; margin: 14px; padding: 14px; background: #ffffff; line-height: 1.6; color: #000000;}
.primechaniye {line-height: 1.4; margin:14px 0 24px 0; border-left: 3px solid #039ee3; padding-left: 10px;}
.my-custom-product-info{line-height: 1.4; margin-bottom: 24px; margin-top: 24px; border-left: 3px solid #039ee3; padding-left: 10px;}
.product-label {
    display: inline-block;
    text-align: center;
    margin-bottom: 0.5rem;
    padding: 10px 15px;
    line-height: 1;
    color: #fff;
    border-radius: 2px;
}
.product-label.label-top {
    background: #1f5f8b;
}
.product-label.label-sale {
    background: #ff9800;
}
.product-label.label-top {
    background-color: var(--rio-product-top-label-color, #27c);
}

.product-label.label-stock { background-color: #009ee3;}
.product-label.label-new {
    background-color: var(--rio-product-new-label-color, #a8c26e);
}
.btn-quickview {
    border: 0;
    cursor: pointer;
}
.btn-quickview.button {
    border: 2px solid;
}
.btn-quickview.button:hover {
    border-color:#1f5f8b;
}
.product-loop .btn-product-icon {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    margin-bottom: 0.5rem;
    color: #999;
    background-color: #fff;
    font-size: 1.6rem;
    transition: border-color 0.3s, color 0.3s, background-color 0.3s;
    overflow: hidden;
}
.product-loop .btn-product-icon.yith-wcwl-add-to-wishlist a:before,
.product-loop .btn-product-icon:before {
    float: left;
    width: 100%;
    text-indent: 0;
    text-align: center;
}
.product-loop .btn-product-icon.yith-wcwl-add-to-wishlist a {
    color: inherit;
    transition: none;
}
.product-loop .btn-product-icon:hover {
    border-color: #1f5f8b;
    color: #fff;
    background-color: #1f5f8b;
}
.product-loop.content-right .btn-product-icon:before {
    float: right;
}
.product-media .btn-product-icon {
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}
.btn-product-icon.btn-quickview:before {
    content: "";
    top: -1px;
    font-family: "riode";
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
}
.btn-product-icon.product_type_simple:before {
    content: "";
    font-family: "riode";
    font-weight: 400;
    font-size: 20px;
    position: relative;
    top: -1px;
}
.btn-product-icon.add_to_cart_button:before {
    content: "";
    font-family: "riode";
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: -1px;
}
.btn-product-icon.product_type_grouped:before,
.btn-product-icon.product_type_variable:before {
    content: "";
    font-family: "riode";
    font-weight: 400;
    font-size: 20px;
    position: relative;
    top: -1px;
}
.outofstock a.btn-product-icon {
    text-indent: -9999px;
}
.outofstock a.btn-product-icon:before {
    content: "";
    font-family: "riode";
    font-weight: 400;
    position: relative;
    top: -1px;
}
.btn-product {position: relative;  display: flex; align-items: center; justify-content: center;  flex: 1;  padding: 1.14em 0;  background-color: #1f5f8b; color: #ffffff;  line-height: 1.2; text-align: center;
 transition: opacity 0.3s;}
.product-media .btn-product {
    opacity: 0.8;
    transition: opacity 0.3s;
}
.product-media .btn-product:hover {
    opacity: 1;
}
.product-action-vertical {
    position: absolute;
    top: 15px;
    right: 15px;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 1;
    visibility: hidden;
}
.product-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background-color: transparent;
    z-index: 1;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 1;
    visibility: hidden;
}

.product-cat {
    margin-bottom: 5px;
    font-size: calc(1rem * var(--rio-typo-ratio, 1));
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    padding-right: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999;
}
.product-cat a:hover {
    color: #1f5f8b;
}
.products .woocommerce-loop-product__title {
    padding-right: 4rem;
}
.products .content-center .woocommerce-loop-product__title {padding: 0 15px;}
.products .content-right .woocommerce-loop-product__title {
    padding-left: 4rem;
    padding-right: 0;
}
.woocommerce-loop-product__title {
    margin-bottom: 3px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.woocommerce-loop-product__title a:hover {
    color: #1f5f8b;
}
.price { margin-bottom: 12px; display: inline-block; font-size: 16px; color: #094581;    padding-top: 12px;}
.price del {
    color: #aaa;
}
.price ins {
    margin-right: 6px;
    text-decoration: none;
}
.products .price {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  padding-left: 8px; padding-right: 8px;
}
.woocommerce-product-rating {
    display: flex;
    align-items: center;
    margin-left: 1px;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    font-size: calc(1.1rem * var(--rio-typo-ratio, 1));
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products .woocommerce-product-rating {
    justify-content: flex-start;
}
.content-center .woocommerce-product-rating {
    justify-content: center;
}
.content-right .woocommerce-product-rating {
    justify-content: flex-end;
}
.split-line .woocommerce-product-rating {
    margin-bottom: 0;
}
.star-rating {
    display: inline-block;
    position: relative;
    font-family: "riode";
    letter-spacing: 0.2em;
    cursor: pointer;
}
.star-rating + .woocommerce-review-link {
    margin-left: 1rem;
}
.star-rating:before {
    content: "\e955 " "\e955 " "\e955 " "\e955 " "\e955";
    color: rgba(0, 0, 0, 0.16);
}
.star-rating:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-indent: -9999rem;
}
.star-rating span:after {
    content: "" "" "" "" "";
    text-indent: 0;
    position: absolute;
    left: 0;
    color:#d26e4b;
}
.star-rating .tooltiptext {
    left: 50%;
    top: auto;
    bottom: 150%;
    text-indent: 0;
    overflow: initial;
    letter-spacing: 0;
}
.star-rating .tooltiptext:after {
    float: none;
    content: "";
    left: inherit;
}
.star-rating + a {
    margin: 2px 0;
    font-size: calc(1.1rem * var(--rio-typo-ratio, 1));
    line-height: 1.1;
    color: #aaa;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}
.star-rating + a:hover {
    color: #1f5f8b;
}
.product-variations {
    margin-bottom: 0.8rem;
}
.product-variations.list-type {
    display: flex;
}
.product-variations.list-type:last-child {
    margin-bottom: 0;
}
.ratings-container + .product-variations.list-type {
    margin-top: -5px;
}
/* {
    display: inline-block;
    margin: 3px 8px 3px 0;
    padding: 0 5px;
    background-color: transparent;
    background-size: cover;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    font-family: inherit;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 26px;
    height: 26px;
    color: #222;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    transition: 0.3s;
}
.product-variations.list-type > :last-child {
    margin-right: 0;
}*/

/*кнопки вариаций*/
.pa_tsvet>button {width: 45px; height: 45px; border-radius: 50%;}
.pa_tm-3100>button {width: 40px; height: 40px; border-radius: 50%;}


.product-variations.list-type .color{text-shadow: 1px 1px 1px #000; color: #fff;   letter-spacing: .5px;border-radius: 50%;    padding: 14px 10px;}
.product-variations.list-type .color:hover {box-shadow: 4px 4px white, 6px 6px #767575; transform-style: preserve-3d;
    transform: rotateX( 33deg) rotateY( -7deg) rotateZ( 12deg);}
.product-variations.list-type .color, .product-variations.list-type .image {position: relative;}
.product-variations.list-type .image {width: 43px; height: 43px; border-radius: 50%;}
.product-variations.list-type .image:hover, .pa_abs-plastik> .active, .pa_abs-plastik>button:focus{box-shadow: 4px 4px white, 6px 6px #767575; transform-style: preserve-3d; transform: rotateX( 33deg) rotateY( -7deg) rotateZ( 12deg);}
.product-variations.list-type .color:before, .product-variations.list-type .image:before {content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; top: 0;}


.summary .product-variations > * {margin: 5px 8px 5px 0;border: none;    transition: all 1s cubic-bezier(0, 0, 0.2, 1);}

/*.summary .product-variations >* :hover,.summary .product-variations > :active, .summary .product-variations > :focus {transform: translateY(-5px); transition: all 1s cubic-bezier(0, 0, 0.2, 1);}*/



/*цвета*/
.pa_palitra-tsvetov-oracal-641>.active,
.pa_color>.active,
.pa_palitra-tsvetov-oracal-352>.active,
.pa_palitra-tsvetov-oracal-6510>.active,
.pa_palitra-tsvetov-oracal-8300>.active,
.pa_palitra-tsvetov-oracal-8500>.active,
.pa_tm-3100>.active {box-shadow: 2px 2px white, 8px 8px #767575;transform-style: preserve-3d;
    transform: rotateX( 33deg) rotateY( -7deg) rotateZ( 12deg);}



.pa_vysota>button{background-color: #056bd1; border-radius: 7px; padding: 8px 12px; text-shadow: none;color: #ffffff;letter-spacing: .5px;}
.pa_vysota>button:focus{background-color: #fff;}


.pa_color>button{text-shadow: 1px 1px 1px #000; color: #fff;    letter-spacing: .5px;border-radius: 50%;    padding: 15px 11px;box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}



.pa_shirina>button,
.pa_tip-plenki>button,
.pa_color-text>button,
.pa_tolshhina>button{padding: 10px 15px;
    border: 1px solid #e4eaec;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #e4eaec), color-stop(50%, transparent));
    background: -webkit-linear-gradient(left, #e4eaec 50%, transparent 50%);
    background: -o-linear-gradient(left, #e4eaec 50%, transparent 50%);
    background: linear-gradient(to right, #e4eaec 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}

.pa_shirina>button:hover,
.pa_tip-plenki>button:hover,
.pa_color-text>button:hover,
.pa_tolshhina>button:hover,
.product-variations.list-type>button:hover {padding: 10px 15px; background-position: left bottom; cursor: pointer;}
.pa_shirina> .active,
.pa_shirina> :focus,
.pa_tip-plenki>.active,
.pa_color-text>.active,
.pa_tip-plenki>:focus,
.pa_color-text>:focus,
.pa_tolshhina> .active,
.pa_tolshhina> :focus,
.pa_rexcolor> .active,
.pa_rexcolor> :focus  {box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; transform: translateY(-5px);}


.pa_obem>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;}
.pa_obem>button:hover,.pa_obem> .active,.pa_obem> :focus {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;}

.pa_kolichestvo>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;}
.pa_kolichestvo>button:hover,.pa_kolichestvo> .active,.pa_kolichestvo> :focus {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;}










.pa_razmery-mm>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;}
.pa_razmery-mm>button:hover,.pa_razmery-mm> .active {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;}

.pa_razmer>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;
min-width: 31.5%;}
.pa_razmer>button:hover {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;color: #000000;}
.pa_razmer>.active, .pa_razmer>:focus{box-shadow: inset 0 0 0 2px #ccc; background-color: #979595; color: #fff;}


 .pa_tsvet-plenki>button{border-radius: 3px; padding: 8px 12px; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2); text-shadow: 1px 1px 1px rgb(0 0 0 / .5); color: #fff;width: 22%;}



.pa_vysota>button{background-color: #056bd1; border-radius: 7px; padding: 8px 12px; text-shadow: none;color: #ffffff;letter-spacing: .5px;}
.pa_vysota>button:focus{background-color: #fff;}


.pa_color>button{text-shadow: 1px 1px 1px #000; color: #fff;    letter-spacing: .5px;border-radius: 50%;    padding: 15px 11px;box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}







.pa_obem>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;}
.pa_obem>button:hover,.pa_obem> .active,.pa_obem> :focus {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;}












.pa_razmery-mm>button{padding: 8px 12px; box-shadow: 0 0 0 1px rgb(194 192 184) inset, 0 5px 0 -4px rgb(255 255 255), 0 5px 0 -3px rgb(194 192 184), 0 11px 0 -8px rgb(255 255 255);background-color: #ffffff;}
.pa_razmery-mm>button:hover,.pa_razmery-mm> .active {box-shadow: inset 0 0 0 2px #ccc; background-color: #f0f0f0;}


 .pa_tsvet-plenki>button{border-radius: 3px; padding: 8px 12px; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2); text-shadow: 1px 1px 1px rgb(0 0 0 / .5); color: #fff;width: 22%;}


.product-variations.dropdown-type .select-box {
    display: inline-block;
}
.product-variations.dropdown-type .guide-link {
    display: none;
}
.product-details .product-action,
.product-hide-details .product-action {
    position: relative;
    visibility: visible;
    opacity: 1;
}
.product-details .btn-product-icon,
.product-hide-details .btn-product-icon {
    padding: 0;
    width: 20px;
    height: 4.2rem;
    line-height: 4rem;
    margin: 0 0 0 1.5rem;
    background: none;
    color: #222;
    font-size: 18px;
    transition: color 0.3s, background-color 0.3s, visibility 0.3s, hid;
}
.product-details .btn-product-icon i,
.product-hide-details .btn-product-icon i {
    font-size: 1.2rem;
}
.product-details .btn-product-icon:hover,
.product-hide-details .btn-product-icon:hover {
    background: none;
    color:#1f5f8b;
}
.product-details .btn-product-icon .d-loading i,
.product-hide-details .btn-product-icon .d-loading i {
    top: calc(50% - 12px);
}
.product-details .btn-product,
.product-hide-details .btn-product { flex: 1; height: 4.2rem; text-align: center; transition: color 0.3s, background-color 0.3s, border-color 0.3s; z-index: 1;}
.product-details .btn-product:hover,
.product-hide-details .btn-product:hover {
    border-color: #1f5f8b;
}
.product-details .add_to_cart_button:before,
.product-hide-details .add_to_cart_button:before {
    display: inline-block;
    margin-right: 0.8rem;
    line-height: 3.8rem;
    text-align: center;
    font-family: "riode";
    font-size: 18px;
    font-weight: 400;
}
.product-details {
    position: relative;padding-top: 25px;}
.product-details > .yith-wcwl-add-to-wishlist.btn-product-icon {
    overflow: visible;
    position: absolute;
    top: 1.2rem;
    right: 0;
    z-index: 1;
    width: auto;
    height: auto;
    color: #999;
    background: none;
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
    line-height: 1;
}
.content-right .product-details > .yith-wcwl-add-to-wishlist.btn-product-icon {
    right: auto;
    left: 0;
    margin: 0 0.8rem 0 0;
}
.product-details > .yith-wcwl-add-to-wishlist a:before {
    display: block;
    transition: transform 0.3s;
}
.product-details > .yith-wcwl-add-to-wishlist a:hover {
    color: #1f5f8b;
    background: none;
}
.product-details > .yith-wcwl-add-to-wishlist a:hover:before {
    transform: rotateY(180deg);
}
.product-details > :last-child {
    margin-bottom: 0;
}
.product-loop .yith-wcwl-add-to-wishlist a span,
.product-loop .yith-wcwl-icon {
    display: none;
}
.compare {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    border: 0;
    padding: 0;
    background: transparent;
    font-size: 13px;
    line-height: 1.2;
}
.compare:before {
    font-family: "riode";
    content: "";
    margin-right: 12px;
}
.product-loop.product .compare:before {
    font-size: 1.8rem;
}
.product-loop.product .compare:hover {
    color: #fff;
}
.compare.remove_from_compare:before {
    content: "";
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .product-details .add_to_cart_button,
    .product-hide-details .add_to_cart_button {
        flex: 0 0 12.3rem;
    }
}
@media (-ms-high-contrast: active) and (max-width: 575px), (-ms-high-contrast: none) and (max-width: 575px) {
    .product-details .add_to_cart_button,
    .product-hide-details .add_to_cart_button {
        flex: 0 0 9.5rem;
    }
}
.product-default:not(.product-with-qty) .product-details .btn-product {
    max-width: 100%;
}
.product-with-qty .quantity {
    margin: 0 7px;
    align-items: center;
    line-height: 1;
    height: auto;
}
.product-with-qty .quantity .qty {
    width: 3.2rem;
    font-size: 1.2rem;
    border: none;
}
.product-with-qty .quantity-minus,
.product-with-qty .quantity-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #333;
    font-size: 10px;
    width: 24px;
    height: 24px;
    border-radius: 0;
    border: none;
    background: #f4f4f4;
    transition: background 0.3s, color 0.3s;
}
.product-with-qty .quantity-minus:hover,
.product-with-qty .quantity-plus:hover {
    background: #1f5f8b;
    color: #fff;
}
.product-classic .btn-product {
    display: block;
    line-height: 3.8rem;
    padding: 0 0.3em;
    max-width: 18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    background-color: #1f5f8b;
    margin-right: 5px;
}
.product-classic .product-details .btn-product:hover:hover,
.product-classic .product-hide-details .btn-product:hover:hover {
    background: #16589b;
    border-color: #16589b;
    color: #fff;
}
.product-classic .add_to_cart_button.product_type_simple:before {
    content: "";
}
.product-classic .btn-product-icon {
    transform: translateX(-200%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.product-classic .btn-quickview {
    transition: transform 0.5s, opacity 0.5s, visibility 0.5s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.product-classic .btn-quickview:before {
    content: "";
    font-size: 18px;
    transform: scale(0.95);
}
.product-classic.content-center .btn-product {
    margin-left: 5px;
}
.product-classic.content-center .btn-product-icon {
    transform: translateX(200%);
    transition: transform 0.4s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s;
}
.product-classic.content-center .btn-quickview {
    transform: translateX(-200%);
}
.product-classic.content-right .btn-product {
    margin-right: 0;
    margin-left: 5px;
}
.product-classic.content-right .btn-product-icon {
    transform: translateX(200%);
    transition: transform 0.5s, opacity 0.5s, visibility 0.5s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.product-classic.content-right .btn-quickview {
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.product-classic.content-center .yith-wcwl-add-to-wishlist,
.product-classic.content-right .btn-product-icon {
    margin: 0 1.5rem 0 0;
}
.product-classic:hover .btn-product-icon {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.product-popup {
    overflow: hidden;
}
.product-popup .product-hide-details {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transition: transform 0.3s;
    background-color: #fff;
}
.product-popup .product-details {
    padding-bottom: 1px;
    background-color: #fff;
    transition: transform 0.3s;
}
.product-slideup {
    z-index: 1;
}
.product-slideup .product-details {
    padding-bottom: 0;
}
.product-slideup .product-action {
    position: absolute;
    padding-top: 1.5rem;
    top: 100%;
    bottom: auto;
    visibility: hidden;
    opacity: 0;
}
.product-slideup:hover {
    transform: translateY(-58px);
}
.product .btn-product:hover {
    color: #fff;
    background-color: #1f5f8b;
}
.product-boxed {
    padding: 0.9rem;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}
.product-boxed .product-details {
    padding: 1.8rem 1rem 1rem;
}
.product-boxed .product-hide-details {
    padding: 0 2rem 2rem;
}
.product-boxed .product-hide-details .product-action {
    margin: 0 -1rem;
}
.product-boxed:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.split-line {
    position: relative;
    overflow: hidden;
}
.split-line:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-right: 2px solid #fff;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.split-line .product-wrap {position: relative;}

.split-line.owl-carousel .product-wrap:last-child:after {
    content: none;
}
.split-line > .owl-stage-outer {
    margin-right: 1px;
}

@media (max-width: 575px) {
    .split-line.list-type-products .product-wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.product-list, .product-list-sm {display: flex; align-items: center; border: 1px solid #cccccc;}
.product-list:hover, .product-list-sm:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}
.product-list-sm .woocommerce-loop-product__title,
.product-list .woocommerce-loop-product__title {
    padding-right: 0;
    color: #222;
}
@media (min-width: 576px) {
.product-list .product-media { max-width: calc(50% - 1rem);  width: 28rem;  margin: 0 2rem 0 0;}
.product-list .woocommerce-loop-product__title {font-size: 16px; font-weight: 600;}
.product-list .price {font-size: calc(1.8rem * var(--rio-typo-ratio, 1)); font-weight: 600;}
.product-list .woocommerce-product-rating {margin-bottom: 0.8rem;}
.product-list .product-details {padding: 14px 14px 14px 0; flex: 1; max-width: 50%;}
}

@media (min-width: 1200px) {
.product-list .product-media { max-width: calc(35% - 2rem);  width: 28rem;  margin: 0 2rem 0 0;}
.product-list .woocommerce-loop-product__title {font-size: 16px; font-weight: 600;}
.product-list .woocommerce-loop-product__title strong{font-weight: 900;}
.product-list .price {font-size: calc(1.8rem * var(--rio-typo-ratio, 1)); font-weight: 600;}
.product-list .woocommerce-product-rating {margin-bottom: 0.8rem;}
.product-list .product-details {padding: 14px 14px 14px 0; flex: 1; max-width: 65%;}
}
.product-list-sm .product-media {
    flex: 0 0 10rem;
    max-width: 10rem;
    margin-right: 1rem;
}
.product-list-sm .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.7rem;
    white-space: normal;
}
.product-list-sm .woocommerce-product-rating {
    margin-bottom: 0;
}
.product-list-sm .btn-product {
    display: inline-flex;
    margin-top: 1rem;
    height: 3.3rem;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    min-width: 11rem;
}
.product-list-sm.content-right {
    justify-content: flex-end;
}
.product-list-sm.content-right figure {
    order: 1;
    margin: 0 0 0 1rem;
}
.product-list-sm .product-details {
    padding: 0;
    flex: 1;
    max-width: calc(100% - 11rem);
}
.product_list_widget .product-list-sm .product-title {
    display: block;
    margin-bottom: 1rem;
}
.content-left .product-action {
    justify-content: flex-start;
}
.content-center .product-cat {
    padding: 0;
}
.content-center .product-action {
    justify-content: center;
}
.content-center .product-variations {
    justify-content: center;
}
.content-right .product-cat {
    padding: 0;
    padding-left: 4rem;
}
.content-right .product-action {
    justify-content: flex-end;
}
.content-right .product-variations {
    justify-content: flex-end;
}
.shadow-media:hover .product-media {
    box-shadow: 0px 20px 20px -16px rgba(0, 0, 0, 0.5);
}
.products.grid:not(.masonry) .product-wrap {
    margin-bottom: 0;
}
.products.grid:not(.masonry) .product {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.products.grid:not(.masonry) .product-media {
    flex: 1;
    height: 0;
}
.products.grid:not(.masonry) .product-media > a {
    display: block;
    height: 100%;
}
.products.grid:not(.masonry) .product-media img {
    height: 100%;
}
.products-col .product-list-sm {
    flex-flow: row;
}
.products-col .product-list-sm .product-media {
    margin: 0 1rem 0 0;
}
.add_to_cart_button.loading {
    opacity: 0.6;
}
.owl-nav-full .product-wrap {
    margin-bottom: 0;
}
.owl-nav-full .product-details {
    padding-bottom: 0;
}

.yith-wcwl-add-to-wishlist a i {
    display: none;
}
.products .yith-wcwl-add-to-wishlist a:after {
    content: "";
    clear: both;
    display: block;
}
.yith-wcwl-wishlistaddedbrowse a:before,
.yith-wcwl-wishlistexistsbrowse a:before {
    content: ""; font-family: 'riode' !important;
}
.product-details .yith-wcwl-wishlistaddedbrowse a:hover:before,
.product-details .yith-wcwl-wishlistexistsbrowse a:hover:before {
    transform: rotateY(180deg);
}
.count-progress {
    height: 1rem;
    margin: 1rem 0 6px;
    border-radius: 1rem;
    background: #eee;
    overflow: hidden;
}
.count-now {
    background: #d26e4b;
    border-radius: inherit;
    height: 100%;
    transition: width 0.8s cubic-bezier(0, 0, 0.2, 1);
}
.sales-progress .count-now {
    background: #a8c26e;
}
.stock-progress .count-now.progress-many {
    background: #a8c26e;
}
.stock-progress .count-now.progress-few {
    background: #b10001;
}
.product .count-text {
    display: flex;
}
.product .count-text > :nth-child(2) {
    margin-left: auto;
}
.content-center .count-text {
    justify-content: center;
}
.content-right .count-text {
    justify-content: flex-end;
}
@media (max-width: 575px) {
    .product-list {
        display: block;
    }
    .product-list .product-details,
    .product-list .product-media {
        margin: 0;
        max-width: 100%;
    }
    .product-list .product-media {
        width: 100%;
    }
    .product-list .product-details {
        padding: 14px;
    }
    .split-line .product-list .product-media {
        width: 100%;
    }
    .split-line .product-list .product-details {
        padding-bottom: 0;
    }
    .product-action-vertical {
        top: 10px;
        right: 10px;
    }
    .product-label-group {
        top: 0px;
        left: 0px;
    }
}
@media (max-width: 575px) {
    .product-with-qty .product-details .add_to_cart_button,
    .product-with-qty .product-details .btn-product {
        min-width: 3.5rem;
        max-width: 100%;
        padding: 0;
    }
    .product-with-qty .product-details .add_to_cart_button {
        display: block;
        overflow: hidden;
        text-indent: -9999rem;
    }
    .product-with-qty .product-details .add_to_cart_button:before {
        content: "";
        width: 100%;
        float: left;
        text-indent: 0;
    }
    .product-with-qty .product-details .product_type_variable:before {
        content: "";
    }
}
@media (max-width: 479px) {
    .product-details .add_to_cart_button,
    .product-details .btn-product,
    .product-hide-details .add_to_cart_button,
    .product-hide-details .btn-product {
        min-width: 3.5rem;
        padding: 0;
    }
    .product-details .add_to_cart_button,
    .product-hide-details .add_to_cart_button {
        display: block;
        overflow: hidden;
    }
    .product-hide-details .add_to_cart_button:before {
        content: "";
        width: 100%;
        float: left;
        text-indent: 0;
    }
    .product-hide-details .product_type_variable:before {
        content: "";
    }

    .product-with-qty .quantity {
        margin-right: 1rem;
    }
    .product-default:not(.product-with-qty) .product-details .btn-product {
        height: auto;
        padding: 0.8em 0;
        text-indent: 0;
    }
    .product-default:not(.product-with-qty) .product-details .btn-product:before {
        display: none;
    }
}
.product-filtering + .d-loading {
    position: relative;
    min-height: 100px;
    margin-bottom: 2rem;
}
.products-banner {
    display: flex;
}
.products-banner > .products-banner-inner,
.products-banner > .woocommerce {
    flex: 1;
    padding: 0 10px;
}
.products-banner > .nav-filters {
    display: block;
}
.products > .product-banner-wrap .banner {
    height: 100%;
}
.products > .product-banner-wrap .banner img {
    height: 100%;
    object-fit: cover;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-auto-rows: auto;
}
.product-grid > .product-wrap {
    margin-bottom: 0;
}
.product-grid.products > * {
    padding-top: var(--rio-gutter-md);
    padding-bottom: var(--rio-gutter-md);
}
.product-grid.gutter-no > * {
    padding-top: 0;
    padding-bottom: 0;
}
.product-grid.gutter-xs > * {
    padding-top: 1px;
    padding-bottom: 1px;
}
.product-grid.gutter-sm > * {
    padding-top: var(--rio-gutter-sm);
    padding-bottom: var(--rio-gutter-sm);
}
.product-grid.gutter-lg > * {
    padding-top: var(--rio-gutter-lg);
    padding-bottom: var(--rio-gutter-lg);
}
.product-grid.split-line > :before,
.product-grid.split-line > :last-child:after {
    bottom: 0;
}
.product-grid .product-loop {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.product-grid .product-media {
    flex: 1;
}
.product-grid .product-media img {
    height: auto;
    object-fit: cover;
    min-height: 100%;
}
.product-grid .product-list {
    flex-direction: row;
}
.product-grid .product-list .product-media {
    width: 26rem;
    max-width: calc(40% - 2rem);
}
.product-grid .product-list-sm {
    flex-direction: row;
}
.grid-layout-1 > li:nth-child(7n + 1) {
    grid-row-end: span 2;
}
.grid-layout-2 {
    grid-template-columns: 25% 50% 25%;
}
.grid-layout-2 > li:nth-child(5n + 2) {
    grid-row-end: span 2;
}
.grid-layout-3 {
    grid-template-columns: 50% 25% 25%;
}
.grid-layout-3 > li:nth-child(5n + 1) {
    grid-row-end: span 2;
}
.grid-layout-4 {
    grid-template-columns: 25% 25% 50%;
}
.grid-layout-4 > li:nth-child(5n + 3) {
    grid-row-end: span 2;
}
.grid-layout-5 {
    grid-template-columns: 50% 25% 25%;
}
.grid-layout-5 > li:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.grid-layout-5 > li:nth-child(4n + 2) {
    grid-row-end: span 2;
}
.grid-layout-6 {
    grid-template-columns: 50% 25% 25%;
}
.grid-layout-6 > li:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.grid-layout-6 > li:nth-child(4n + 3) {
    grid-row-end: span 2;
}
.grid-layout-7 {
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.grid-layout-7 > li:nth-child(4n + 1) {
    grid-column-end: span 2;
}
.grid-layout-7 > li:nth-child(4n + 2) {
    grid-row-end: span 2;
}
.grid-layout-8 {
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.grid-layout-8 > li:nth-child(4n + 1) {
    grid-row-end: span 2;
}
.grid-layout-8 > li:nth-child(4n + 2) {
    grid-column-end: span 2;
}
.grid-layout-9 > li:nth-child(10n + 1) {
    grid-row-end: span 3;
}
.product-single.product-widget .woocommerce-product-gallery__image {
    width: 100%;
}
@media (max-width: 991px) {
    .product-grid {
        grid-template-columns: 50% 50%;
    }
    .grid-layout-2 > li:nth-child(5n + 2) {
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .grid-layout-3 > li:nth-child(5n + 1) {
        grid-column-end: span 2;
    }
    .grid-layout-4 > li:nth-child(5n) {
        grid-column-end: span 2;
    }
    .grid-layout-5 > li:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .grid-layout-6 > li:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .grid-layout-7 > li:nth-child(4n + 1) {
        grid-column-end: span 2;
    }
    .grid-layout-8 > li:nth-child(4n + 2) {
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-column-start: 1;
    }
}
@media (max-width: 359px) {
    .product-default .product-details .btn-quickview {
        padding: 0.8em 0;
    }
}

.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image img {
    width: 100%;
    display: block;
}
.product-single-carousel,
.product-thumbs-wrap {
    flex-basis: 100%;
    max-width: 100%;
}
.product-single-carousel {overflow: hidden;  margin:0 1em 1em 0;  border: 1px solid #ccc; box-shadow: 2px 2px white, 8px 8px #c3c1c1;}
.product-single .col-md-6 .woocommerce-product-gallery {
    position: sticky;
    top: 0;
}
.product-single-carousel .owl-nav .owl-next,
.product-single-carousel .owl-nav .owl-prev {
    color: #222;
    border: 0;
}
.product-gallery {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.product-thumbs-wrap {
    position: relative;
    margin-top: 1rem;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
}
.product-thumbs-wrap img {
    display: block;
    width: 100%;
}
.product-thumbs-wrap button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    border: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 2;
    opacity: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
    cursor: pointer;
}
.product-thumbs-wrap:hover button:not(.disabled) {
    opacity: 0.9;
    transform: none;
}
.product-thumbs-wrap button:not(.disabled):hover {
    opacity: 1;
}
.product-thumbs-wrap > button {
    display: none;
}
.product-thumbs-wrap button,
.product-thumbs .owl-nav .owl-next,
.product-thumbs .owl-nav .owl-prev {
    background-color: #fff;
    color: #666;
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
}
.product-thumb:after,
.product-thumbs-wrap button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.product-thumbs {
    transition: top 0.3s ease-out;
    display: flex;
}
.product-thumbs.row {
    flex-wrap: nowrap;
    margin: 0 -0.5rem;
    width: calc(100% + 1rem);
}
.product-thumbs.owl-carousel {
    width: calc(100% + 8px);
    margin: 0 -4px;
}
.product-thumbs .owl-stage {
    display: flex;
}
.product-thumbs .owl-prev {
    left: 4px;
    right: auto;
    transform: translateX(-100%);
}
.product-thumbs .owl-next {
    left: auto;
    right: 4px;
    transform: translateX(100%);
}
.product-thumb {
    position: relative;
    margin: 0 0.5rem;
    cursor: pointer;
    backface-visibility: hidden;
}
.row > .product-thumb {
    max-width: calc(25% - 1rem);
    flex: 0 0 25%;
}
.product-thumb:after {
    content: "";
    transition: border-color 0.3s;
    border: 1px solid transparent;
}
.product-thumb.active:after {
    border-color: #cccccc;
}
.product-single {
    position: relative;
}
.product-single .summary > hr {
    margin-bottom: 1rem;
}
.product-single .product-variations {
    margin-bottom: 0;
}
.product-single .compare:hover {
    color: #1f5f8b;
}
.product-single .compare:before {
    font-size: 25px;
}
.woocommerce-product-gallery .product-label-group { z-index: 2;}
.sticky-both .product-label-group {
    left: 3rem;
}
.summary {
    padding: 0 0 2rem;
}
.summary .woocommerce-review-link {
    color: #999;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
}
.summary .woocommerce-product-rating {
    margin-bottom: 1.8rem;
    font-size: 1.4rem;
}

.summary .yith-wcwl-add-to-wishlist {
    position: relative;
    display: inline-block;
    margin: 0.5rem 0 1rem;
}
.summary .yith-wcwl-add-to-wishlist a {
    color: #039ee3;
    font-size:13px;
}
.summary .yith-wcwl-add-to-wishlist a:before {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    font-size: 1.8rem;
    line-height: 0;
}
.summary .yith-wcwl-add-to-wishlist a:hover {
    color: #1f5f8b;
}
.summary .yith-wcwl-wishlistaddedbrowse a {
    line-height: inherit;
    background: transparent;
}
.summary .yith-wcwl-wishlistaddedbrowse a:before {
    float: none;
    width: auto;
}
.summary .yith-wcwl-add-to-wishlist + .compare {
    position: relative;
    margin-left: 25px;
}
.summary .yith-wcwl-add-to-wishlist + .compare:after {
    content: "";
    position: absolute;
    left: -20px;
    height: 2.1rem;
    border-left: 1px solid #ccc;
}




.summary .social-icons {
    padding-right: 1rem;
    margin-right: 1rem;
    margin-left: 0;
    border-right: 1px solid #e1e1e1;
	margin-top: 18px;
}
.summary .social-icons:last-child {
    border-right: none;
}
.product-countdown-container {
    margin-bottom: 2.5rem;
    text-transform: none;
    line-height: 3.4rem;
    color: #fff;
    font-weight: 600;
}
.product-countdown-container label {
    margin-right: 0.5rem;
    text-transform: none;
    font-weight: 400;
    color: #fff;
}
.product-countdown-container .product-sale-info {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    flex: 1;
    white-space: nowrap;
}
.product-countdown-container .product-sale-info i {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.product-countdown-container .product-sale-info:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    height: 2.4rem;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}
.product-countdown-container .product-countdown {
    margin-left: 0.5rem;
}
.product-countdown-container .countdown-amount {
    color: inherit;
    font-size: inherit;
}
.product-countdown-container .countdown-wrap {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1.6rem;
    border: 1px solid #444;
    background-color: #444;
    border-radius: 2px;
    overflow: hidden;
}
.product-countdown-container.countdown-variations {
    display: none;
}
.product-gallery + .product-countdown-container {
    position: absolute;
    bottom: 20px;
    margin: 0 -50% 0 50%;
    transform: translateX(-50%);
}
.product-variations > .disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.product_title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.6rem;
}
.product_title strong{
	font-weight: 900;
}
.product_title:first-child {
    margin-top: 1.5rem;
}
.single-product-type-gallery .product_title {
    margin-top: 0;
}
.product_title a {
    color: inherit;
}
p.price {display: block; margin-bottom: 1rem; color: #094581; font-size: calc(2.2rem * var(--rio-typo-ratio, 1)); line-height: 1; font-weight: bold;}
p.price del {
    font-size: calc(2.4rem * var(--rio-typo-ratio, 1));
    font-weight: 600;
}
.quantity .label {
    padding-right: 1rem;
    min-width: 7.5rem;
    color: #222;
    font-size: calc(16px * var(--rio-typo-ratio, 1));
    letter-spacing: -0.025em;
}
.variations_form .label {padding-top: 16px; padding-bottom: 5px;}
.quantity .label:after,
.variations_form .label:after {
    content: ":";
}
.quantity-minus {
    border-radius: 3px 0 0 3px;
}
.quantity-plus {
    border-radius: 0 3px 3px 0;
}
.variations {
    margin-bottom: 2rem;
    width: auto;
    border-collapse: separate;
}
.variations td {
    padding: 0;
    border-bottom: none;
}
.variations .list-type:last-child td {
    border-bottom-width: 1.5rem;
}
.variations .select-type td {
    border-bottom-width: 2rem;
}
.variations .select-type .label {
    line-height: 37px;
}
.variations .value > * {
    display: inline-block;
}

.variations .select-box:before {
    right: 1.4rem;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1));
    color: #222;
}
.variations select {
    max-width: none;
    padding: 0.8rem 3rem 0.8rem 1.4rem;
    color: #222;
    border-color: #ccc;
    font-size: calc(1.3rem * var(--rio-typo-ratio, 1));
}
.variations .list-type {
    line-height: 36px;
}
.variations .reset-variation-cont {
    display: block;
}
.variations .reset_variations {
    display: inline-block;
    margin-top: 1em;
    padding: 0.3em 1em;
    background: #f4f4f4;
    font-size: calc(1rem * var(--rio-typo-ratio, 1));
    line-height: 2;
}
.reset-variation-tr,
.variations .product-variations + select {
    display: none;
}
hr.product-divider {
    margin-top: 0;
    margin-bottom: 2rem;
}
.woocommerce-variation p{display: inline-block; padding:10px; margin-top: 14px; background: #f9f9f9;     border-bottom: .062rem solid #ccc;}
p.in-stock,
p.out-of-stock,
p.stock.available-on-backorder {
    display: inline-block;
    padding: 5px 12px;
    margin-top: 14px;
    border-radius: 2px;
    background: #f9f9f9;
    border-left: 5px solid #ccc;
}
.woocommerce-variation-availability .woocommerce-variation p,
.woocommerce-variation-availability p.in-stock,
.woocommerce-variation-availability p.out-of-stock,
.woocommerce-variation-availability p.stock.available-on-backorder {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
p.out-of-stock {
    margin-top: 24px;
    margin-bottom: 24px;
    background: #e9e9e9;     border: none;
}
.woocommerce-variation p.out-of-stock {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.stock.hurryup-bar {
    margin-bottom: 3rem;
}
.woocommerce-variation-availability .stock.hurryup-bar {
    margin-bottom: 1rem;
}
.stock.hurryup-bar > p {
    margin-bottom: 0.5rem;
    color: #222;
    background: transparent;
    padding: 0;
}
.stock.hurryup-bar .bar {
    position: relative;
    display: block;
    width: 100%;
    max-width: 38rem;
    height: 14px;
    background: #eee;
    border-radius: 10px;
}
.stock.hurryup-bar .stock-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    background: #d26e4b;
    border-radius: 10px;
}
.woocommerce-variation {
    display: none;
}
.woocommerce-variation .price {
    margin-bottom: -10px;
}
.woocommerce-variation > * {
    transform: translateY(-10px);
}
.cart .quantity {
    margin-right: 8px;
    margin-bottom: 2rem;
}
.single_add_to_cart_button {
    display: inline-block;
    width: auto;
    border: 0;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    font-weight:500;
    line-height: 4.5rem;
    padding: 0 3.5em;
    vertical-align: middle;
    border-radius: 3px;
    text-transform: none;
}

/*
.single_add_to_cart_button:before {
    content: "";
    font-family: "riode";
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1;
    margin-right: 1rem;
    position: relative;
    bottom: -1px;
}
*/

.external_add_to_cart_button {
    margin-top: 1rem;
    background-color: #ee8204;
    text-transform: uppercase;
}
.external_add_to_cart_button:before {
    content: none;
}
.external-product-form hr {
    display: none;
}
.product_meta {display: inline-block; }
.product_meta > span {  display: inline-block; margin: 0 1.5rem 0 0;}
.product_meta a {padding: 7px 14px; background-color: #f4f5f6;  display: inline-block;  margin: 7px 12px 7px 0;}
.my-custom-product-subtitle{font-size: 0.95em; font-style: italic; color: #555; margin-bottom: 10px;}

.guide-link {
    line-height: 30px;
    color: #1f5f8b;
}
.guide-link:hover {
    text-decoration: underline;
}
.guide-link i {
    margin-right: 0.8rem;
    font-size: 2.1rem;
    vertical-align: middle;
    line-height: 0;
    color: #666;
}
.woocommerce-variation-price .price {
    font-size: calc(2.4rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
}
.woocommerce-variation-price del {
    font-weight: 400;
}
.grouped_form .product {
    box-shadow: none;
}
.grouped_form .product-thumbnail {
    width: 100px;
}
.grouped_form .product-thumbnail img {
    display: block;
}
.grouped_form td,
.grouped_form th {
    vertical-align: middle;
    padding: 20px 10px;
    border-bottom-color: #eee;
}
.grouped_form td:last-child,
.grouped_form th:last-child {
    padding-right: 0;
}
.grouped_form .group_table {
    line-height: 1.4;
    border-top: 1px solid #eee;
}
.grouped_form .group_table .btn {
    display: block;
    width: 110px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.grouped_form .woocommerce-grouped-product-list-item__label {
    padding-right: 3rem;
}
.grouped_form .woocommerce-grouped-product-list-item__price {
    font-weight: 600;
    color: #222;
    width: 23%;
}
.grouped_form .woocommerce-grouped-product-list-item__price del {
    color: #ccc;
    margin-left: 5px;
}
.grouped_form .woocommerce-grouped-product-list-item__quantity {
    width: 120px;
}
.grouped_form .quantity {
    margin-bottom: 0;
    margin-right: 0;
}
.grouped_form .sell-individually input {
    margin-right: 8px;
}
.grouped_form + hr,
.grouped_form hr {
    display: none;
}
.grouped_form > button {
    margin-top: 1rem;
}
@media (min-width: 992px) {
    .product-label-group.pg-vertical-label {
        left: 140px;
    }
    .product-single .col-md-6 .summary,
    .product-single .col-md-6 .woocommerce-tabs {
        padding-left: 1rem;
    }
    .pg-vertical .product-thumbs-wrap {
        order: -1;
        max-width: 109px;
        margin: 0 10px 0 0;
    }
    .pg-vertical .product-single-carousel {
        max-width: calc(100% - 119px);
    }
    .pg-vertical .product-thumbs {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
    }
    .pg-vertical .product-thumb {
        margin: 0 0 1rem;
    }
    .pg-vertical .product-thumb img {
        margin-bottom: -1px;
    }
    .pg-vertical .row > .product-thumb {
        flex: 0;
        max-width: none;
    }
    .pg-vertical .thumb-down,
    .pg-vertical .thumb-up {
        display: flex;
        width: 100%;
        height: 2.4rem;
    }
    .pg-vertical .thumb-up {
        transform: translateY(-100%);
    }
    .pg-vertical .thumb-up:before {
        content: "";
    }
    .pg-vertical .thumb-down {
        top: auto;
        transform: translateY(100%);
    }
    .pg-vertical .thumb-down:before {
        content: "";
    }
    .variations select {
        width: 20rem;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .sidebar + .main-content .product-single .social-icons {
        display: flex;
    }
}
@media (max-width: 399px) {
    .summary .yith-wcwl-add-to-wishlist + .compare:after {
        content: "";
    }
}
@media (max-width: 575px) {
    .grouped_form .group_table td {
        display: block;
        width: 100%;
        padding: 5px;
        text-align: center;
        border: none;
    }
    .grouped_form tbody {
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid #eee;
    }
    .grouped_form tr {
        width: 50%;
        display: block;
        padding: 20px 10px;
        border: 1px solid #eee;
        border-width: 0 1px 1px 0;
    }
}
.social-icons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
}
.social-icons.inline-icons {
    margin-left: -14px;
    margin-right: -14px;
}
.social-facebook {
    color: #3b5998;
}
.social-facebook.social-custom:hover {
    color: #3b5998;
}
.social-facebook.stacked {
    background-color: #3b5998;
    color: #fff;
}
.social-facebook.framed:focus,
.social-facebook.framed:hover,
.social-facebook.stacked:focus,
.social-facebook.stacked:hover {
    border-color: #3b5998;
    background-color: #3b5998;
    color: #fff;
}
.social-twitter {
    color: #1da1f2;
}
.social-twitter.social-custom:hover {
    color: #1da1f2;
}
.social-twitter.stacked {
    background-color: #1da1f2;
    color: #fff;
}
.social-twitter.framed:focus,
.social-twitter.framed:hover,
.social-twitter.stacked:focus,
.social-twitter.stacked:hover {
    border-color: #1da1f2;
    background-color: #1da1f2;
    color: #fff;
}
.social-linkedin {
    color: #0073b2;
}
.social-linkedin.social-custom:hover {
    color: #0073b2;
}
.social-linkedin.stacked {
    background-color: #0073b2;
    color: #fff;
}
.social-linkedin.framed:focus,
.social-linkedin.framed:hover,
.social-linkedin.stacked:focus,
.social-linkedin.stacked:hover {
    border-color: #0073b2;
    background-color: #0073b2;
    color: #fff;
}
.social-email {
    color: #6567a5;
}
.social-email.social-custom:hover {
    color: #6567a5;
}
.social-email.stacked {
    background-color: #6567a5;
    color: #fff;
}
.social-email.framed:focus,
.social-email.framed:hover,
.social-email.stacked:focus,
.social-email.stacked:hover {
    border-color: #6567a5;
    background-color: #6567a5;
    color: #fff;
}
.social-google {
    color: #dd4b39;
}
.social-google.social-custom:hover {
    color: #dd4b39;
}
.social-google.stacked {
    background-color: #dd4b39;
    color: #fff;
}
.social-google.framed:focus,
.social-google.framed:hover,
.social-google.stacked:focus,
.social-google.stacked:hover {
    border-color: #dd4b39;
    background-color: #dd4b39;
    color: #fff;
}
.social-pinterest {
    color: #c8232c;
}
.social-pinterest.social-custom:hover {
    color: #c8232c;
}
.social-pinterest.stacked {
    background-color: #c8232c;
    color: #fff;
}
.social-pinterest.framed:focus,
.social-pinterest.framed:hover,
.social-pinterest.stacked:focus,
.social-pinterest.stacked:hover {
    border-color: #c8232c;
    background-color: #c8232c;
    color: #fff;
}
.social-reddit {
    color: #c6c6c6;
}
.social-reddit.social-custom:hover {
    color: #c6c6c6;
}
.social-reddit.stacked {
    background-color: #c6c6c6;
    color: #fff;
}
.social-reddit.framed:focus,
.social-reddit.framed:hover,
.social-reddit.stacked:focus,
.social-reddit.stacked:hover {
    border-color: #c6c6c6;
    background-color: #c6c6c6;
    color: #fff;
}
.social-tumblr {
    color: #34526f;
}
.social-tumblr.social-custom:hover {
    color: #34526f;
}
.social-tumblr.stacked {
    background-color: #34526f;
    color: #fff;
}
.social-tumblr.framed:focus,
.social-tumblr.framed:hover,
.social-tumblr.stacked:focus,
.social-tumblr.stacked:hover {
    border-color: #34526f;
    background-color: #34526f;
    color: #fff;
}
.social-vk {
    color: #2b587a;
}
.social-vk.social-custom:hover {
    color: #2b587a;
}
.social-vk.stacked {
    background-color: #2b587a;
    color: #fff;
}
.social-vk.framed:focus,
.social-vk.framed:hover,
.social-vk.stacked:focus,
.social-vk.stacked:hover {
    border-color: #2b587a;
    background-color: #2b587a;
    color: #fff;
}
.social-whatsapp {
    color: #3c8a38!important;
}
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist .add_to_wishlist img {color: #d26e4b;}
.social-whatsapp.social-custom:hover {
    color: #3c8a38;
}
.social-whatsapp.stacked {
    background-color: #3c8a38;
    color: #fff;
}
.social-whatsapp.framed:focus,
.social-whatsapp.framed:hover,
.social-whatsapp.stacked:focus,
.social-whatsapp.stacked:hover {
    border-color: #3c8a38;
    background-color: #3c8a38;
    color: #fff;
}
.social-xing {
    color: #126567;
}
.social-xing.social-custom:hover {
    color: #126567;
}
.social-xing.stacked {
    background-color: #126567;
    color: #fff;
}
.social-xing.framed:focus,
.social-xing.framed:hover,
.social-xing.stacked:focus,
.social-xing.stacked:hover {
    border-color: #126567;
    background-color: #126567;
    color: #fff;
}
.social-instagram {
    color: #3f729b;
}
.social-instagram.social-custom:hover {
    color: #3f729b;
}
.social-instagram.stacked {
    background-color: #3f729b;
    color: #fff;
}
.social-instagram.framed:focus,
.social-instagram.framed:hover,
.social-instagram.stacked:focus,
.social-instagram.stacked:hover {
    border-color: #3f729b;
    background-color: #3f729b;
    color: #fff;
}
.social-youtube {
    color: #c4302b;
}
.social-youtube.social-custom:hover {
    color: #c4302b;
}
.social-youtube.stacked {
    background-color: #c4302b;
    color: #fff;
}
.social-youtube.framed:focus,
.social-youtube.framed:hover,
.social-youtube.stacked:focus,
.social-youtube.stacked:hover {
    border-color: #c4302b;
    background-color: #c4302b;
    color: #fff;
}
.social-tiktok {
    color: #010101;
}
.social-tiktok.social-custom:hover {
    color: #010101;
}
.social-tiktok.stacked {
    background-color: #010101;
    color: #fff;
}
.social-tiktok.framed:focus,
.social-tiktok.framed:hover,
.social-tiktok.stacked:focus,
.social-tiktok.stacked:hover {
    border-color: #010101;
    background-color: #010101;
    color: #fff;
}
.social-wechat {
    color: #7bb22e;
}
.social-wechat.social-custom:hover {
    color: #7bb22e;
}
.social-wechat.stacked {
    background-color: #7bb22e;
    color: #fff;
}
.social-wechat.framed:focus,
.social-wechat.framed:hover,
.social-wechat.stacked:focus,
.social-wechat.stacked:hover {
    border-color: #7bb22e;
    background-color: #7bb22e;
    color: #fff;
}
.main-content .social-custom:not(:hover),
.product-quickview .social-custom:not(:hover) {
    color:#27c;
    border-color: #27c;
}
.main-content .social-custom.stacked:not(:hover),
.product-quickview .social-custom.stacked:not(:hover) {
    background-color: var(--rio-share-custom-color);
    color: #fff;
}
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 50%;
    transition: color 0.3s, background 0.3s, border 0.3s;
    margin: 3px 10px 3px 10px;
}
.social-icon.rounded {
    border-radius: 3px;
}
.social-icon.framed,
.social-icon.stacked {
    margin: 3px 4px 3px 4px;
}
.social-icon.framed,
.social-icon.stacked {
    width: 30px;
    height: 30px;
}
.social-icon.framed {
    border: 2px solid;
}
.social-icon:hover {
    color: #1f5f8b;
}
.main-content-wrap {
    overflow: hidden;
}
.main-content-wrap .main-content {
    flex: 1;
    overflow: hidden;
    max-width: none;
}
.left-sidebar-active .left-sidebar .sidebar-close,
.left-sidebar-active .left-sidebar .sidebar-overlay,
.right-sidebar-active .right-sidebar .sidebar-close,
.right-sidebar-active .right-sidebar .sidebar-overlay,
.top-sidebar-active .top-sidebar .sidebar-close,
.top-sidebar-active .top-sidebar .sidebar-overlay {
    visibility: visible;
    opacity: 1;
}
.left-sidebar-active .left-sidebar .sidebar-content,
.right-sidebar-active .right-sidebar .sidebar-content,
.top-sidebar-active .top-sidebar .sidebar-content {
    transform: translateX(0);
    opacity: 1;
}
.sidebar-close {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    z-index: 1061;
}

.sidebar-content,
.sidebar-overlay,
.sidebar-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
}
.sidebar-overlay {
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s;
}
.sidebar-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 45%;
    width: 40px;
    height: 40px;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    color: #fff;
    background-color: rgba(28, 26, 26, 0.8);
}
.sidebar-close {
    margin: 0;
    left: calc(100vw - 50px);
    top: 25px;
    transition: opacity 0.3s;
}
.sidebar-content {
    bottom: 0;
    width: 30rem;
    padding: 2rem;
    transform: translateX(-100%);
    overflow: auto;
    opacity: 0;
    line-height: 1.3;
    transition: transform 0.4s, opacity 0.4s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.sidebar-content a:focus,
.sidebar-content a:hover {
    color:#1f5f8b;
}
.sidebar-offcanvas .sidebar-content {
    background: #fff;
}
.sidebar-overlay ~ .sidebar-content {
    box-shadow: none;
}
.sidebar-content .sidebar-close {
    display: flex;
    position: static;
    align-items: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
    line-height: 1;
}
.sidebar-content .close-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.6rem;
}
.sidebar-content .close-icon:after,
.sidebar-content .close-icon:before {
    background: #666;
}
.rtl .left-sidebar {
    order: 2;
}
.rtl .right-sidebar {
    order: initial;
}
.right-sidebar {
    order: 2;
}
.right-sidebar .sidebar-toggle {
    left: auto;
    right: 0;
}
.right-sidebar .sidebar-close {
    left: 40px;
}
.right-sidebar .sidebar-content {
    transform: translateX(100%);
    left: auto;
    right: 0;
}
@media (max-width: 991px) {
    .sidebar-content {
        width: 30rem;
        background: #fff;
    }
}
@media (min-width: 992px) {
    .sidebar-toggle {
        display: none;
    }
    .sidebar-fixed .sidebar-overlay {
        display: none;
    }
    .sidebar-fixed .sidebar-content {
        position: relative;
        overflow: visible;
        padding: 0;
        opacity: 1;
        z-index: 1;
    }
    .sidebar-fixed .sidebar-content {
        width: auto;
        transform: none;
    }
}

.sidebar .widget-title.collapsed {
    margin-bottom: 0;
}
.sidebar .widget > ul > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.sidebar .widget > :not(.widget-title) {
    transition: opacity 0.3s;
}
.sidebar .widget > :last-child:not(ul):not(form) {
    margin-bottom: 2rem;
}
.sidebar .widget:last-child {
    border-bottom: none;
}
.sidebar .widget form,
.sidebar .widget ul {
    margin-bottom: 1.8rem;
}
.sidebar .widget > select {
    margin-bottom: 2rem;
}
.sidebar .widget .widget .current-cat > a {
    color:#1f5f8b;
}
.sidebar .widget .children {
    position: relative;
    width: 100%;
    margin: 1rem 0 -0.5rem;
    padding-left: 1.3rem;padding-bottom: 16px;
}
.sidebar .widget .children:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 4px;
    bottom: 3px;
    border-left: 1px solid #eee;
}

.sidebar .widget li > a {
    padding: 0;
}
.sidebar .widget form { display: block;}
.sidebar .widget .count {
    color: #aaa;
    line-height: 1;
}
.sidebar .widget p {
    line-height: 1.86;
    font-size: var(--rio-body-font-size);
}
.sidebar .sidebar-content .widget_search:first-child {
    border-bottom: none;
}
.sidebar .sidebar-content .widget_search:first-child .search-wrapper {
    margin-bottom: 1rem;
}
.sidebar .sidebar-content .widget_search form {
    margin-bottom: 0;
}
.sidebar .sidebar-content .widget_search input.form-control {
    height: 45px;
    border-color: #ccc;
    padding-left: 1.5rem;
    font-size: calc(13px * var(--rio-typo-ratio, 1));
    color: #666;
}
.sidebar .sidebar-content .widget_search .btn-search {
    font-size: 17px;
}
.sidebar .widget-title {
    padding: 2.8rem 3px 1.4rem;
    margin: 0 0 5px;
    border: none;
}
.sidebar .widget-title.collapsed {
    padding-bottom: 2.8rem;
}
.sidebar .widget-title .toggle-btn {
    top: 36px;
}
.sidebar .widget_categories > form {
    margin-bottom: 2rem;
}
.sidebar .tag-cloud-link {
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 6px 13px;
    font-size: calc(1.2rem * var(--rio-typo-ratio, 1)) !important;
    border: 1px solid #ccc;
    color: #666;
    line-height: 1.35;
    transition: color 0.4s, border 0.4s;
}
.sidebar .tag-cloud-link:focus,
.sidebar .tag-cloud-link:hover {
    color: #1f5f8b;
    border-color: #1f5f8b;
}
.sidebar .collapsed ~ * {
    opacity: 0.1;
}
.sidebar .cat-item {
    position: relative;
    flex-wrap: wrap; margin-bottom: 10px;
}
.sidebar .cat-item > a {
    flex: none;
}
.sidebar .cat-item > .count {
    flex: 1;
    margin-left: 5px;
}
.sidebar .cat-item > ul {
    position: relative;
    display: none;
    width: 100%;
    margin: 1rem 0 0;
    padding-left: 1.3rem;
}
.sidebar .cat-item > ul:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 4px;
    bottom: 3px;
    border-left: 1px solid #eee;
}
.sidebar .cat-item li {
    padding: 5.5px 0;
}
.sidebar .cat-item > a > i {
    content: "";
    position: absolute;
    top: 11px;
    right: 10px;
    line-height: 0;
    margin-right: -3px;
    padding: 1rem 5px;
    font-size: 1.2rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    transition: transform 0.3s;
}
.sidebar .cat-item > a:hover > i {
    color: #1f5f8b;
}
.sidebar .cat-item.show > a {
    color: #1f5f8b;
}
.sidebar .cat-item.show > a i {
    transform: rotate(-180deg);
}
.sidebar .cat-item .cat-item > a > i {
    top: 4px;
    right: 6.5px;
}
.sidebar .menu li {
    padding: 0;
}
.sidebar .menu li a {
    padding: 0.7rem 0;
}
.sidebar .menu ul {
    padding: 0;
    margin: 0;
}
.widget-collapsible > .widget-title {
    position: relative;
    cursor: pointer;
    transition: padding 0.4s, margin 0.4s;
    font-weight: 600;
}
.widget-collapsible .toggle-btn {
    top: 22px;
    right: 12px;
    padding: 0;
    width: 10px;
    opacity: 1;
}
.widget-collapsible .toggle-btn:after,
.widget-collapsible .toggle-btn:before {
    content: "";
    position: absolute;
    border-top: 2px solid #666;
    width: 10px;
    transition: transform 0.3s;
}
.widget-collapsible > .collapsed .toggle-btn:before {
    transform: rotate(90deg);
}
.widget-collapsible > .collapsed .toggle-btn:after {
    transform: rotate(180deg);
}
.collapsed + ul {
    display: none;
}
.sidebar .widget-posts .owl-prev,
.sidebar .widget-products .owl-prev {
    left: -3rem;
}
.sidebar .widget-posts .owl-next,
.sidebar .widget-products .owl-next {
    right: 0.5rem;
}
.sidebar .widget-products .product-wrap,
.sidebar .widget .post-wrap {
    padding: 1rem 3px;
}
.sidebar .widget .product-wrap {
    padding-bottom: 0;
    padding-top: 0;
}
.sidebar .widget-products .owl-carousel {
    margin-top: 0;
}
.sidebar .widget-products .owl-nav {
    top: -4.2rem;
}
.sidebar .widget-products .owl-nav button:before,
.sidebar .widget-products .owl-nav i {
    font-size: 1.7rem;
}
.sidebar .widget-posts .owl-nav {
    top: -28px;
}
.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav-tabs :hover > .nav-link,
.nav-tabs .active > a,
.nav-tabs .nav-link.active {
    color: #094581;
}

.nav-item.nav-icon-down i,
.nav-item.nav-icon-up i {
    display: block;
}
.nav-icon-left > .nav-link,
.nav-icon-right > .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-link {
    display: block;
    padding: 1.6rem 0.2rem;
    line-height: 1;
    text-align: center;
    border-radius: 0;
    border: 0;
    transition: border-color 0.35s, color 0.35s, background-color 0.35s;
    white-space: nowrap;
}
.nav-fill > li {
    flex: 1;
}
.nav-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    color: #666;
}

.nav-filter {
    display: inline-block;
    position: relative;
    padding: 0.5rem 0;
    line-height: 1;
}
.active > .nav-filter,
.nav-filter.active {
    color: #1f5f8b;
}
.tab-nav-right .nav {
    justify-content: flex-end;
}
.tab-content {
    position: relative;
    width: 100%;
}
.tab-content > .tab-pane {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 0 !important;
    opacity: 0;
    z-index: -1;
    transition: visibility 0.3s, opacity 0.3s;
}
.tab-content > .active {
    position: relative;
    visibility: visible;
    height: auto !important;
    opacity: 1;
    z-index: auto;
}
.tab-pane {
    padding:2.3rem 0;
}
.tab .nav-link {
    position: relative;
    padding: 1rem 0;
}
.tab .nav-link:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    height: 2px;
    background: #094581;
    transform: scaleX(0) translateX(-50%);
    transform-origin: left;
    transition: transform 0.3s;
}
.tab .nav-link.active:after,
.tab .nav-link:hover:after {
    transform: scaleX(1) translateX(-50%);
}
.tab .nav > li:not(:last-child) {
    margin-right: 3rem;
}
.tab.tab-vertical {
    display: flex;
}
.tab.tab-vertical .nav-tabs {
    align-items: normal;
    flex-flow: column nowrap;
    width: 30%;
    border-right: 1px solid #e1e1e1;
    border-bottom: none;
}
.tab.tab-vertical .tab-pane {
    padding: 2rem 2.5rem;
}
.tab.tab-vertical .nav > li:not(:last-child) {
    margin-right: 0;
}
.tab.tab-vertical .nav > li:not(:last-child) {
    margin-bottom: 1px;
}
.tab.tab-vertical .tab-content {
    flex: 1;
}
.tab.tab-vertical .nav-link {
    text-align: left;
}
.tab.tab-vertical .nav-link:after {
    content: "";
    left: auto;
    bottom: auto;
    top: 50%;
    right: 0;
    max-height: 100%;
    height: 100%;
    width: 2px;
    transform: scaleY(0) translateY(-50%);
    transform-origin: top;
}
.tab.tab-vertical .nav-link.active:after,
.tab.tab-vertical .nav-link:hover:after {
    transform: scaleY(1) translateY(-50%);
}
.tab-stacked .nav-link {
    padding: 2rem 2.5rem;
    background: #f5f5f5;
    margin-bottom: 0;
}
.tab-stacked .nav-link:after {
    content: none;
}
.tab-stacked .nav-link.active,
.tab-stacked .nav-link:hover {
    background:#1f5f8b;
    color: #fff;
}
.tab-stacked .nav-tabs {
    border-bottom: none;
}
.tab-stacked .nav > li:not(:last-child) {
    margin-right: 1px;
}
.tab-stacked .tab-pane {
    border: 1px solid #e1e1e1;
    padding: 2.5rem;
}
.tab-stacked.tab-vertical .nav-tabs {
    border-right: none;
}
.tab-stacked.tab-vertical .nav-link:after {
    content: none;
}
.tab-border .nav-link {
    padding: 2rem 2.5rem;
    margin-bottom: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 1px 1px 0;
}
.tab-border .nav-link:after {
    bottom: auto;
    top: -1px;
}
.tab-border .nav-link.active,
.tab-border .nav-link:hover {
    border-color: #e1e1e1;
}
.tab-border .nav-tabs {
    border-bottom: none;
}
.tab-border .nav > li:not(:last-child) {
    margin-right: 0;
}
.tab-border .tab-pane {
    border: 1px solid #e1e1e1;
    padding: 2.5rem;
}
.tab-border.tab-vertical .nav-link {
    border-width: 1px 0 1px 1px;
}
.tab-border.tab-vertical .nav-link:after {
    left: -1px;
    right: auto;
}
.tab-border.tab-vertical .nav-tabs {
    border-right: none;
}
.tab-simple .nav-link:after {
    content: none;
}
.tab-simple .nav > li:not(:last-child) {
    margin-right: 4.5rem;
}
.tab-simple.tab-vertical .nav-link:after {
    content: none;
}
.tab-outline .nav-link {padding: 13px; border: 1px solid #e1e1e1;}
.tab-outline .nav-link:after {
    content: none;
}
.tab-outline .nav-link.active,
.tab-outline .nav-link:hover {
    border-color: #094581;
    color: #094581;
}

.tab-outline .nav > li:not(:last-child) {
    margin-right: 5px;
}
.tab-outline .nav-tabs {
    border-bottom: none;
}
.tab-outline.tab-vertical .nav-link:after {
    content: none;
}
.tab-outline.tab-vertical .nav > li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1rem;
}
.tab-outline.tab-vertical .nav-tabs {
    border-right: none;
}
.tab-inverse .nav-link {
    padding: 2rem 2.5rem;
    margin-bottom: 0;
}
.tab-inverse .nav-link:after {
    bottom: auto;
    top: -1px;
}
.tab-inverse .nav-link.active,
.tab-inverse .nav-link:hover {
    background: #fff;
}
.tab-inverse .nav-tabs {
    border-bottom: none;
}
.tab-inverse .nav > li:not(:last-child) {
    margin-right: 2px;
}
.tab-inverse .tab-content {
    background: #fff;
}
.tab-inverse .tab-pane {
    padding: 2.5rem;
}
.tab-inverse.tab-vertical .nav-link:after {
    right: auto;
    left: -1px;
}
.tab-inverse.tab-vertical .nav-tabs {
    border-right: none;
}
@media (max-width: 991px) {
    .tab .nav-item {
        flex: 1;
    }
	}
@media (max-width: 575px) {
    .tab .nav > li:not(:last-child) {
        margin-right: 0;
    }
    .tab.tab-vertical .nav-tabs {
        width: 100%;
    }
}


.tooltip-top:after {
    content: "";
    position: absolute;
    top: 96%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.title-wrapper {
    display: flex;
    align-items: center;
}
.title-wrapper .link {
    display: inline-flex;
    align-items: center;
}
.title-wrapper .divider {
    margin: 0 1.5rem;
}

.title:after,
.title:before {
    height: 2px;
    background-color: #e1e1e1;
}
.title-left .title {
    margin-right: auto;
}
.title-right .title {
    margin-left: auto;
    text-align: right;
}
.title-center .title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.link-left .title {
    margin-left: 0;
    margin-right: 0;
}
.link-left.title-left {
    justify-content: flex-start;
}
.link-left.title-center {
    justify-content: center;
}
.link-left.title-right {
    justify-content: flex-end;
}
.title-cross .title {
    display: flex;
    position: relative;
    align-items: center;
    flex: 1;
}
.title-cross .title:before {
    margin-right: 3rem;
}
.title-cross .title:after {
    margin-left: 3rem;
}
.title-cross .title:after,
.title-cross .title:before {
    flex: 1;
    content: "";
}
.title-cross.title-left .title:before,
.title-cross.title-right .title:after {
    content: none;
}
.title-underline {
    position: relative;
    text-align: left;
}
.title-underline:after {
    content: "";
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 2px;
    background-color: #e1e1e1;
}
.title-underline .title {
    display: inline-block;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}
.title-underline .title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: #1f5f8b;
}
.cross-sells h2,
.post-single .title,
.related h2,
.up-sells h2 {
    margin-bottom: 2.6rem;
    font-size: calc(2.4rem * var(--rio-typo-ratio, 1));
    line-height: 1.2;
    color: #222;
    text-transform: capitalize;
    font-weight: 700;
}
.widget-title {
    margin-bottom: 2rem;
    padding: 1.3rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: none;
    line-height: 1;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #e1e1e1;
}
.widget .contact-info label {
    margin-right: 3px;
}
.widget .contact-info .work label {
    display: block;
    margin-bottom: 15px;
}
.widget .children {
    padding-left: 1.3rem;
}
.error404 .main {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
.area_404 {
    background-color: #f7f7f7;
    padding: 16.5rem 2rem;
    text-align: center;
}
.area_404 h1 {
    font-size: calc(6rem * var(--rio-typo-ratio, 1));
}
.area_404 .img-area {
    max-width: 609px;
    height: 131px;
    background-position: center;
    background-image: url('/wp-content/themes/adv-lion/assets/css/theme/../../images/404.png');
}
.area_404 h4 {
    font-size: calc(2.4rem * var(--rio-typo-ratio, 1));
}
.area_404 p {
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    color: #999;
}
.area_404 .btn {
    padding: 1em 3.6em;
}

.header .dropdown:hover > a,
.header .search-wrapper.hs-toggle:hover,
.header a:focus,
.header a:hover {
    color: var(--rio-header-link-active-color, #1f5f8b));
}
.header p {
    font-size: inherit; margin-bottom: 0;
}
.header a:focus,
.header a:hover {
    color: var(--rio-header-link-active-color, #1f5f8b));
}
.logo {display: block; width: 200px;}
.logo img {
    display: block;
}
.margin-auto{
	margin-left: auto;
    margin-right: auto;
}




.live-search-list {
    position: absolute;
    margin-top: 3px;
    left: 0;
    top: 100%;
    right: 0;
    box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
    font-size: calc(13px * var(--rio-typo-ratio, 1));
    background: #fff;
    z-index: 1040;
}
.live-search-list .autocomplete-suggestions {
    max-height: 272px;
    margin: 0.5rem 2rem;
    overflow-y: scroll;
}
.live-search-list .autocomplete-suggestions::-webkit-scrollbar {
    width: 6px;
}
.live-search-list .autocomplete-suggestions::-webkit-scrollbar-thumb {
    background: rgba(194, 194, 194, 0.3);
    border-radius: 6px;
}
.live-search-list .autocomplete-suggestion {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}
.live-search-list .autocomplete-suggestion:last-child {
    border-bottom: none;
}
.live-search-list .search-name {
    color: #666;
    line-height: 1.3;
    word-break: break-word;
    text-transform: none;
    font-weight: 400;
}
.live-search-list .search-info:hover .search-name {
    color: #1f5f8b;
}
.live-search-list .search-price {
    display: block;
    margin-top: 5px;
    color: #222;
}
.live-search-list .search-price del {
    margin-left: 5px;
    color: #999;
}
.live-search-list .search-price ins {
    text-decoration: none;
}
.live-search-list img {
    max-width: 60px;
    margin-right: 10px;
}
.search-wrapper .live-search-list .d-loading {
    position: static;
    min-height: 80px;
    background: #fff;
}
.live-search-list .autocomplete-suggestion {
    transition: padding-left 0.3s;
}
.live-search-list .autocomplete-selected {
    padding-left: 15px;
}
.live-search-list .autocomplete-selected .search-name {
    color: #1f5f8b;
}
.live-search-list .autocomplete-selected storng {
    font-weight: 700;
}
.search-wrapper {
    position: relative;
}
.search-wrapper .input-wrapper {
    display: flex;
    position: relative;border: 1px solid #1f5f8b;
    border-radius: 5px;
}
.search-wrapper input.form-control {
    flex: 1;
    min-width: 40px;
    padding: 1.1rem 1.5rem;
    border: 0;
    background-color: #ffffff;
    font-size: calc(12px * var(--rio-typo-ratio, 1));
    letter-spacing: inherit;
}
.search-wrapper .btn-search {
    padding: 0;
    min-width: 40px;
    background-color: #1f5f8b;
    border: 0;
    color: #fff;
    font-size: 1.4rem;
}
.search-wrapper .btn-search i {
    display: block;
    margin: 0;
}
.search-wrapper .select-box select {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 0 15px 0 20px;
    border: 0;
    font-weight: 600;
    z-index: 1;
}
.search-wrapper.hs-toggle .input-wrapper {
    position: absolute;
    right: -1.5rem;
    top: 100%;
    padding: 1.5rem;
    height: 8rem;
    background-color: #fff;
    box-shadow: 0 3px 35px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    z-index: 1002;
    transition: transform 0.4s 0.2s, visibility 0.4s 0.2s, opacity 0.4s 0.2s;
    min-width: 54rem;
}
.search-wrapper.hs-toggle .form-control {
    background: #f4f4f4;
    padding: 1.4rem 2rem;
    font-size: calc(13px * var(--rio-typo-ratio, 1));
    color: #666;
}
.search-wrapper.hs-toggle .btn-search {
    background: #f4f4f4;
    min-width: 50px;
    font-size: calc(1.8rem * var(--rio-typo-ratio, 1));
    color: #222;
}
.search-wrapper.hs-toggle.show .input-wrapper,
.untouchable .search-wrapper.hs-toggle:hover .input-wrapper {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    transition: transform 0.4s;
    opacity: 1;
}
.search-wrapper.hs-toggle:hover {
    color: #1f5f8b;
}
.search-wrapper.hs-toggle .search-right + .input-wrapper {
    right: auto;
}
.search-wrapper .select-box {
    min-width: 15rem;
}
.search-wrapper.hs-expanded {
    max-width: 100%;
}
.search-wrapper.hs-expanded .input-wrapper {
    width: 100%;
}
.search-wrapper.hs-expanded .select-box {
    margin-right: 2px;
    color: #444;
    background-color: #ffffff;
}
.search-wrapper.hs-expanded .select-box,
.search-wrapper.hs-expanded .select-box select {
    cursor: pointer;
}
.search-wrapper.hs-expanded input.form-control {
    flex: 1;
    color: #ababab;
    margin-right: 2px;
}
.search-wrapper.hs-expanded .btn-search {
    padding-right: 5px;
    background-color: #ffffff;
    color: #444;
    font-size: 1.4rem;
}
.header-middle-search .search-wrapper select {padding: 0 3.2rem 0 1.5rem; font-size: 13px;  font-weight: 400; color: #666;}
.header-middle-search .select-box:after {content: ''; position: absolute; right: -3px; top: 8px; bottom: 8px;  width: 1px; background-color: #e1e1e1;}
.header-middle-search .search-wrapper .select-box { width: 13.3rem; border-radius: 5px;}
.search-wrapper.hs-expanded .btn-search:hover {
    color: #1f5f8b;
}

@media (min-width: 1600px) {
.search-wrapper.hs-simple { width: 450px; max-width: 100%;}
}
@media (min-width: 992px) and (max-width: 1359px) {
.search-wrapper.hs-simple { width: 220px; max-width: 100%;}
}




.search-wrapper.hs-simple input.form-control {
    padding: 0 4rem 0 2rem;
    border: 1px solid #e1e1e1;
    font-family: inherit;
    background-color: #fff;
    color: #999;
}
.search-wrapper.hs-simple .btn-search {
    position: absolute;
    background: transparent;
    color: #333;
    min-width: 43px;
    height: 100%;
    top: 0;
    right: 0;
}
.search-wrapper.hs-simple .btn-search:hover {
    color: #1f5f8b;
}
.search-wrapper.hs-flat input.form-control {
    border-width: 0 0 1px;
    padding-left: 1rem;
}
.search-wrapper.hs-flat .btn-search {
    transform: translateX(5px);
}
.search-wrapper.rounded .select-box,
.search-wrapper.rounded input {
    border-radius: 30px 0 0 30px;
}
.search-wrapper.rounded .select-box + input {
    border-radius: 0;
}
.search-wrapper.rounded.hs-simple input {
    border-radius: 30px;
}
.search-wrapper.rounded button {
    border-radius: 0 30px 30px 0;
}
.search-wrapper.hs-fullscreen.show .search-form-overlay {
    opacity: 1;
    visibility: visible;
}
.search-wrapper.hs-fullscreen.dark-style input.form-control {
    color: #ccc;
}
.search-wrapper.hs-fullscreen.dark-style .select-box {
    color: #ccc;
}
.search-wrapper.hs-fullscreen.dark-style .select-box option {
    color: #222;
}
.search-wrapper.hs-fullscreen.dark-style .select-box:after {
    background-color: #666;
}
.search-wrapper.hs-fullscreen.dark-style .btn-search {
    color: #eee;
}
.search-wrapper.hs-fullscreen.dark-style .search-container {
    background: #444;
    border-color: #333;
}
.search-wrapper.hs-fullscreen.dark-style .search-form-wrapper {
    background-color: #444;
}
.search-wrapper.hs-fullscreen.dark-style .search-image {
    background-color: #333;
}
.search-wrapper.hs-fullscreen.dark-style .search-info {
    color: #ccc;
}
.search-wrapper.hs-fullscreen.dark-style .search-price {
    color: #eee;
}
.search-wrapper.hs-fullscreen.dark-style .search-price del {
    color: #999;
}
.search-wrapper.hs-fullscreen.dark-style .search-product:hover {
    background-color: #444;
}
.search-wrapper.hs-fullscreen.dark-style .no-result p {
    color: #ccc;
}
.search-wrapper.hs-fullscreen.dark-style .no-result i {
    color: #222;
}
.search-wrapper.hs-fullscreen.dark-style .scrollable::-webkit-scrollbar {
    background: #333;
}
.search-wrapper.hs-fullscreen.dark-style .scrollable::-webkit-scrollbar-thumb {
    background: #222;
}
.search-wrapper.hs-fullscreen.rounded form.input-wrapper {
    border-radius: 30px;
}
.search-wrapper.hs-fullscreen .search-form-wrapper {
    position: relative;
    padding: 40px 30px 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.search-wrapper.hs-fullscreen .search-form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    z-index: 4000;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.search-wrapper.hs-fullscreen .close-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.search-wrapper.hs-fullscreen .search-form-close {
    position: absolute;
    display: flex;
    right: 30px;
    top: 30px;
    font-size: 32px;
    cursor: pointer;
    color: #ccc;
    transition: transform 0.4s;
}
.search-wrapper.hs-fullscreen .search-form-close:hover {
    color: #fff;
    transform: rotateZ(180deg) scale(1.2);
}
.search-wrapper.hs-fullscreen .search-form-overlay {
    padding: 70px 20px 0;
}
.search-wrapper.hs-fullscreen .input-wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.search-wrapper.hs-fullscreen input.form-control {
    padding: 15px 20px;
    border: none;
    font-family: inherit;
    font-size: 14px;
    color: #666;
    background: transparent;
}
.search-wrapper.hs-fullscreen .select-box {
    margin-right: 2px;
    max-width: 150px;
    border: none;
    font-size: 14px;
    background: transparent;
}
.search-wrapper.hs-fullscreen .select-box:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background-color: #e1e1e1;
}
.search-wrapper.hs-fullscreen .btn-search {
    min-width: 55px;
    font-size: 2rem;
    color: #222;
    background: transparent;
}
.search-wrapper.hs-fullscreen form.input-wrapper {
    border-radius: 5px;
    border: 2px solid var(--primary-color, #26b);
}
.search-wrapper.hs-fullscreen .search-container {
    background: #fff;
    padding: 1.8rem 1rem;
    border: 1px solid #e1e1e1;
}
.search-wrapper.hs-fullscreen .scrollable {
    height: calc(100vh - 300px);
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    overflow: auto;
}
.search-wrapper.hs-fullscreen .search-image {
    width: 100%;
    background-color: #f4f4f4;
}
.search-wrapper.hs-fullscreen .search-info {
    padding: 1rem 0;
    color: #222;
}
.search-wrapper.hs-fullscreen .search-name {
    text-transform: capitalize;
}
.search-wrapper.hs-fullscreen .search-price {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}
.search-wrapper.hs-fullscreen .search-price del {
    color: #666;
    font-size: 0.9em;
    margin-left: 0.5rem;
}
.search-wrapper.hs-fullscreen .search-product {
    margin-top: -1rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    transition: background-color 0.3s;
}
.search-wrapper.hs-fullscreen .search-product:hover {
    box-shadow: 0 0 0 1px var(--primary-color, #26b);
}
.search-wrapper.hs-fullscreen .d-loading {
    padding-top: 20px;
    flex: 0 0 100%;
    max-width: 100%;
    background: transparent;
}
.search-wrapper.hs-fullscreen .d-loading:first-child {
    padding-top: 150px;
}
.search-wrapper.hs-fullscreen .no-result {
    padding-top: 15vh;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
}
.search-wrapper.hs-fullscreen .no-result p {
    text-transform: capitalize;
    color: #666;
    font-size: 16px;
}
.search-wrapper.hs-fullscreen .no-result i {
    display: inline-block;
    font-size: 150px;
    color: #ccc;
}
.search-wrapper.hs-fullscreen .scrollable::-webkit-scrollbar {
    background: #f5f5f5;
    border-radius: 4px;
    width: 8px;
}
.search-wrapper.hs-fullscreen .scrollable::-webkit-scrollbar-thumb {
    background: #ccc;
}
.search-toggle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 1rem 0;
    transition: color 0.3s;
}
.search-toggle span {
    cursor: pointer;
    vertical-align: middle;
}
.search-toggle i {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 0.9;
    vertical-align: middle;
}
.search-toggle i:before {
    margin: 0;
}
.header .sticky-content.fixed {
    position: fixed;
    top: 0;
    z-index: 1041;
    animation: fixedTop 0.4s;
    border-bottom: none;
}
.mini-basket-dropdown > a:after {
    content: none;
}
.mini-basket-dropdown .dropdown-box {
    padding: 3rem;
    width: 34rem;
    max-width: 95vw;
}
.mini-basket-dropdown .mini-list {
    max-height: 20rem;
    overflow-x: hidden;
    margin: 0 -5px 0 0;
    padding-left: 0;
    padding-right: 5px;
    list-style: none;
    text-transform: capitalize;
}
.mini-basket-dropdown .mini-list + .buttons {
    margin-top: 20px;
}
.mini-basket-dropdown .buttons {
    margin-bottom: 0;
    text-align: center;
}
.mini-basket-dropdown .buttons .btn {
    display: inline-block;
    letter-spacing: 0;
}
.mini-basket-dropdown .buttons .btn-link {
    margin-bottom: 2rem;
    text-transform: capitalize;
    color: #222;
    border-bottom: 2px solid #222;
    line-height: 1.3;
}
.mini-basket-dropdown .buttons .btn-link:hover {
    color: #1f5f8b;
}
.mini-basket-dropdown .buttons .btn-block {
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
}
.mini-basket-dropdown .buttons .btn-block:hover {
    color: #fff;
}
.mini-basket-dropdown .empty-msg {
    margin: 0;
    line-height: 1;
    text-align: center;
}
.mini-basket-dropdown.offcanvas-type .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e1e1e1;
}
.mini-basket-dropdown.offcanvas-type h3 {
    margin-bottom: 0;
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
    text-transform: uppercase;
}
.mini-basket-dropdown.offcanvas-type .btn-close {
    font-size: 12px;
    font-weight: 600;
    color: #999;
}
.mini-basket-dropdown.offcanvas-type .btn-close:hover {
    color: #1f5f8b;
}
.mini-basket-dropdown.offcanvas-type .dropdown-box {
    position: fixed;
    right: -34rem;
    height: 110vh;
    min-width: auto;
    opacity: 1;
    visibility: visible;
    transition: right 0.6s;
    transform: none;
}
.mini-basket-dropdown.offcanvas-type div.dropdown-box {
    top: 0;
}
.mini-basket-dropdown.offcanvas-type:after {
    content: none;
}
.mini-basket-dropdown.offcanvas-type .offcanvas-overlay {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s, visibility 0.6s;
}
.mini-basket-dropdown.offcanvas-type .mini-list {
    max-height: calc(100vh - 18.5rem);
}
.mini-basket-dropdown.offcanvas-type .dropdown-box i {
    margin-bottom: 0;
}
.mini-basket-dropdown.offcanvas-type .dropdown-box {
    z-index: 9999;
}
.mini-basket-dropdown.offcanvas-type .btn-dark {
    color: #fff;
}
.mini-basket-dropdown.opened .dropdown-box {
    right: 0;
}
.mini-basket-dropdown.opened .offcanvas-overlay {
    opacity: 1;
    visibility: visible;
}
.mini-basket-dropdown .mini-item-meta a:hover {
    color: #1f5f8b;
}
.mini-basket-dropdown .mini-item-meta a {
    font-size: calc(14px * var(--rio-typo-ratio, 1));
    color: inherit;
}
.mini-basket-dropdown .d-loading.small i {
    top: calc(50% - 3px);
}
.mini-basket-dropdown .mini-list .mini-item {
    font-size: calc(13px * var(--rio-typo-ratio, 1));
    font-weight: 400;
}
.mini-basket-dropdown .mini-item {
    display: flex;
    position: relative;
    font-size: calc(14px * var(--rio-typo-ratio, 1));
}
.mini-basket-dropdown .mini-item + .mini-item {
    margin-top: 2rem;
}
.mini-basket-dropdown .mini-item:last-child {
    margin-bottom: 0;
}
.mini-basket-dropdown .mini-item .mini-item-meta {
    flex: 1;
    margin: 1rem 2.5rem 0.6rem 0;
    line-height: 1.3;
}
.mini-basket-dropdown .mini-item .mini-item-meta a {
    margin-bottom: 1.5rem;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mini-basket-dropdown .mini-item .mini-item-meta .variation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -12px;
}
.mini-basket-dropdown .mini-item .mini-item-meta dd,
.mini-basket-dropdown .mini-item .mini-item-meta dd p,
.mini-basket-dropdown .mini-item .mini-item-meta dt {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    color: #999;
}
.mini-basket-dropdown .mini-item .mini-item-meta dd {
    margin-left: 5px;
    margin-right: 5px;
}
.mini-basket-dropdown .mini-item .mini-item-meta dd:not(:last-child):after {
    content: ",";
}
.mini-basket-dropdown .mini-item .mini-item-meta dd p {
    display: inline-block;
}
.mini-basket-dropdown .mini-item .quantity {
    display: flex;
    align-items: center;
    color: #999;
    line-height: 1;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    height: auto;
}
.mini-basket-dropdown .mini-item .quantity span {
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
}
.mini-basket-dropdown .mini-item .quantity .count {
    margin-right: 1rem;
}
.mini-basket-dropdown .mini-item .count + .amount {
    margin-left: 1rem;
}
.mini-basket-dropdown .mini-item .amount {
    color: #222;
    font-weight: 600;
}
.mini-basket-dropdown .mini-item .amount:first-child {
    margin-right: 5px;
}
.mini-basket-dropdown .mini-item .amount + .amount {
    margin-left: 5px;
}
.mini-basket-dropdown .mini-item del .amount {
    color: #aaa;
    margin-left: 5px;
}
.mini-basket-dropdown .mini-item a {
    padding: 0;
}
.mini-basket-dropdown .mini-item > a:first-child {
    margin-right: 1.5rem;
    display: block;
    max-width: 8rem;
    flex: 0 0 8rem;
}
.mini-basket-dropdown .mini-item img {
    width: 100%;
    object-fit: cover;
}
.mini-basket-dropdown .mini-item .remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: -4px;
    z-index: 3;
    background: #fff;
    color: #222;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ccc;
    transition: color 0.4s, border 0.4s;
}
.mini-basket-dropdown .mini-item .remove:hover {
    color: #1f5f8b;
    border-color: #1f5f8b;
}
.cart-offcanvas .mini-item .mini-item-meta {
    margin: 0;
}
.cart-offcanvas .mini-item .mini-item-meta > a:first-child {
    padding-right: 20px;
}
.cart-dropdown .cart-toggle {
    padding: 0.6rem 0; font-size: 12px;
}
.cart-dropdown .cart-toggle:after {
    content: none;
}
.cart-dropdown .cart-label {
    display: block;
    cursor: pointer;
}
.cart-dropdown .cart-label span {
    display: inline-block;
}
.cart-dropdown .cart-name-delimiter {
    margin: 0 5px 0 3px;
}
.cart-dropdown .cart-label + .cart-count-wrap,
.cart-dropdown .cart-label + i {
    margin-left: 7px;
}
.cart-dropdown .inline-type .cart-name + .cart-price {
    margin-left: 7px;
}
.cart-dropdown .block-type .cart-name + .cart-price {
    margin-top: 5px;
}
.cart-dropdown .cart-label.block-type {
    display: flex;
    flex-direction: column;
}
.cart-dropdown.block-type .block-type {
    align-items: center;
}
.cart-dropdown .cart-label.block-type + i {
    margin-bottom: 3px;
}
.header .cart-dropdown .cart-toggle i {
    margin-top: 3px;
}
.cart-dropdown .minicart-icon {
    display: inline-block;
}
.cart-dropdown .d-icon-bag {
    position: relative;
}
.cart-dropdown .cart-count {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 25px;
}
.cart-dropdown .minicart-icon .cart-count {
    transition: color 0.4s;
}
.cart-dropdown:hover .minicart-icon {
    background: #1f5f8b;
}
.cart-dropdown:hover .minicart-icon:before {
    transform: rotateY(180deg);
}
.cart-dropdown:hover .minicart-icon .cart-count {
    color: #fff;
}
.cart-dropdown.badge-type .cart-toggle > i {
    text-align: center;
}
.cart-dropdown.badge-type .cart-toggle .fa {
    padding-right: 5px;
    font-size: 1.7em;
    font-family: inherit;
}
.cart-dropdown.badge-type .cart-toggle .fa:before {
    font-family: "Font Awesome 5 Free";
}
.cart-dropdown.badge-type:hover {
    color: #1f5f8b;
}
.cart-dropdown.label-type .cart-count {
    color: inherit;
}
.cart-dropdown .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-top: 1px solid #edeef0;
    border-bottom: 1px solid #edeef0;
    font-size: calc(1.4rem * var(--rio-typo-ratio, 1));
    line-height: 3;
    text-transform: capitalize;
    text-align: center;
    color: #222;
}
.cart-dropdown .total strong {
    margin-left: 3px;
    font-weight: 400;
    color: #666;
}
.cart-dropdown .total .amount {
    font-size: calc(1.6rem * var(--rio-typo-ratio, 1));
    font-weight: 700;
}
.cart-dropdown.block-type .cart-toggle {
    display: flex;
    flex-direction: column-reverse;
}
.cart-dropdown.block-type .cart-count-wrap,
.cart-dropdown.block-type .cart-toggle > i {
    margin-left: 0;
    margin-bottom: 5px;
}
.cart-dropdown .total-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid #edeef0;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    line-height: 1;
    color: #222529;
}
.cart-dropdown .pull-right {
    padding: 0;
    color: inherit;
}
.cart-dropdown .pull-right:focus,
.cart-dropdown .pull-right:hover {
    color: inherit;
    text-decoration: underline;
}
.cart-dropdown.offcanvas-type .mini-list {
    max-height: calc(100vh - 29rem);
}
@media (360px: max) {
    .mini-basket-dropdown .dropdown-box {
        padding: 1.5rem;
        min-width: 28rem;
    }
}
.compare-dropdown .compare-open:after {
    content: none;
}
.account,
.compare-open,
.login,
.wishlist {
    display: flex;
    align-items: center;
}
.account .delimiter {
    color: #aaa;
    margin: 0 5px;
}
.compare-open i + span,
.login i + span,
.wishlist i + span {
    margin-left: 9px;
}
.compare-open .badge-type i + span,
.login .badge-type i + span,
.wishlist .badge-type i + span {
    margin-left: 0;
    margin-top: 10px;
}
.compare-open i,
.login i,
.wishlist i {
    position: relative;
}
.compare-open.block-type,
.login.block-type,
.wishlist.block-type {
    flex-direction: column;
}
.compare-open.block-type span,
.login.block-type span,
.wishlist.block-type span {
    margin: 0;
}
.compare-open.block-type i + span,
.login.block-type i + span,
.wishlist.block-type i + span {
    margin: 3px 0 0;
}
.compare-open i {
    font-size: 24px;
}
.cart-dropdown.badge-type .cart-count,
.header .compare-count,
.header .wish-count {
    position: absolute;
    left: 100%;
    top: 3px;
    width: 1.72em;
    height: 1.72em;
    line-height: 1.63em;
    font-size: 1.1rem;
    border-radius: 50%;
    background-color: #1f5f8b;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    white-space: nowrap;
}
.header .account i,
.header .cart-toggle .d-icon-bag,
.header .compare i,
.header .wishlist i {
    font-size: 20px;
}
.mobile-menu-toggle .d-icon-bars2 {
    font-size: 2.5rem;
    line-height: 1;
}
@media (max-width: 359px) {
    .welcome-msg {
        white-space: nowrap;
        transform: translateX(0);
        animation: 6s linear 2s 1 show_msg_first, 12s linear 8s infinite show_msg;
    }
}
@keyframes show_msg_first {
    0% {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes show_msg {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
.menu.switcher a {
    white-space: nowrap;
}
.menu.switcher i,
.menu.switcher img {
    margin-right: 0.7rem;
}
.menu.switcher img {
    max-width: 14px;
    margin-top: -2px;
    vertical-align: middle;
}
.menu.switcher li.active > a,
.menu.switcher li:hover > a {
    color: #1f5f8b;
}
.menu.switcher:hover > a,
.menu.switcher > li.active > a,
.menu.switcher > li:hover > a {
    color: var(--rio-header-link-active-color, #1f5f8b);
}
.menu.switcher li a {
    padding: 6px 10px;
    line-height: 1.1;
}
.menu.switcher > li > a {
    padding: 9px 0;
}
.menu.switcher > li > a:after {
    margin-bottom: 1.5px;
}
.menu.switcher ul {
    left: auto;
    right: 0;
    min-width: 0;
    padding: 5px 0;
}
.menu.switcher ul li {
    padding: 0;
}
.menu.switcher ul a {
    color: #666;
    font-weight: 400;
}
.account-dropdown a {
    line-height: 1.2;
}
.account-dropdown .menu > ul > li > a {
    padding: 6px 10px;
    border: 0;
}
.account-dropdown .menu ul {
    padding: 0;
}
.account-dropdown .dropdown-box ul.menu > li {
    padding: 0;
}
.account-dropdown .dropdown-box ul.menu > li > a {
    padding: 6px 10px;
}
.account-dropdown a.block-type:after {
    display: none;
}
.account-avatar {
    width: 40px;
    height: 40px;
    background: #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
}
.absolute-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1040;
}
@media (max-width: 991px) {
    .header .cart-dropdown .cart-toggle > span,
    .header .compare-open > span,
    .header .wishlist > span {
        display: none;
    }
    .header .compare-open i,
    .header .wishlist i {
        margin-bottom: 0;
    }
    .header .cart-dropdown.block-type .cart-toggle i {
        margin-bottom: 0;
    }
    .sticky-wrapper {
        height: auto !important;
    }
    body .dropdown.mobile-links li {
        margin-right: 0;
    }
    body .dropdown.mobile-links li > a {
        display: block;
        padding: 0.6rem 1rem;
    }
    body .dropdown.mobile-links .menu {
        display: block;
    }
    body .dropdown.mobile-links li:hover > a {
        color: #1f5f8b;
    }
    .d-show-desk {
        display: none !important;
    }
    .has-mob-center .header-left,
    .has-mob-center .header-right {
        flex: 1;
    }
    .header .search-toggle i {
        font-size: 2rem;
    }
}
@media (min-width: 992px) {
    .dropdown.mobile-links:after {
        content: none;
    }
    .dropdown.mobile-links > a {
        display: none;
    }
    .dropdown.mobile-links .dropdown-box {
        position: static;
        visibility: visible;
        opacity: 1;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        padding: 9px 0;
        transform: none;
        color: inherit;
    }
    .dropdown.mobile-links .dropdown-box > li {
        margin-right: 1.95rem;
    }
    .dropdown.mobile-links .dropdown-box > li:last-child {
        margin-right: 0;
    }
    .dropdown.mobile-links .dropdown-box a {
        padding: 0;
    }
    .d-show-mob {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .dropdown.mobile-links {
        display: inline-block;
    }
    .mobile-links .dp-left {
        left: 0;
        right: auto;
    }
}
.custom-header {
    position: relative; box-shadow: 0px 10px 30px rgba(0,0,0,0.081321);
}
.rpb-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 5px;
    z-index: 99999;
}
.rpb-wrapper .rpb {
    position: absolute;
    left: 0;
    height: 5px;
    background: var(--primary-color, #26b);
}
.header .menu {
    display: flex;
    align-items: center;
}
.menu li > a {
    transition: color 0.3s, background 0.3s, border 0.3s;
}
.menu ul {padding-top: 1rem; background: #fff;}
.menu li {
    position: relative;
}
.menu li a {
    display: inline-block;
    padding: 10px 0 0;
    white-space: nowrap;
}
.menu li a i {
    display: inline-block;
    margin: -2px 5px 0 0;
    line-height: 0;
    vertical-align: middle;
}
.menu li > ul {
    position: absolute;
    top: -9999px;
    left: 100%;
    margin: 0;
    box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.2s ease-out;
    transform: translate3d(0, -10px, 0);
    will-change: transform, top;
    -webkit-backface-visibility: hidden; padding-bottom: 12px;
}
.menu li > ul {
    min-width: 246px;
    background-color: #fff;
}
.menu li > ul li {
    padding: 0 2rem; border-bottom: 1px solid #f5f5f5;
}
.menu .show > ul,
.menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: -2rem;
    transform: translate3d(0, 0, 0);
}
.header .menu > li:last-child {
    margin: 0;
}
.menu > li > a {
    position: relative;
}
.menu > li > a:after {
    margin-left: 0.8rem;
}
.menu > li > ul {
    left: -1.9rem;
}
.menu > li.show > ul,
.menu > li:hover > ul {
    top: 100%;
}
nav .menu > li.show > a,
nav .menu > li:hover > a {
    color: #1f5f8b;
}
.menu .menu-item-has-children > a {
    position: relative;
    display: block;
}
.menu > .menu-item-has-children > a {
    z-index: 998;
}
.menu > .menu-item-has-children > a:after {
    position: static;
    content: "";
    margin-top: 0;
}
.menu-item-has-children > a:after {
    display: inline-block;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    line-height: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 0.8em;
    color: inherit;
    transform: translateY(-50%);
    content: "";
}
.menu.horizontal-menu {
    display: flex;
    align-items: center;
}
.menu.vertical-menu {
    display: block;
    max-width: 100%;
}
.menu.vertical-menu > .menu-item {
    margin-right: 0;
    padding: 0 2rem; width: 305px;
}
.menu.vertical-menu > .menu-item > ul {
    left: 100%;
    transform: translate3d(-15px, 0, 0);
}
.menu.vertical-menu > .menu-item > a:after {
    content: none;
}
.menu.vertical-menu > .menu-item.show > ul,
.menu.vertical-menu > .menu-item:hover > ul {
    top: -1rem;
    transform: translate3d(0, 0, 0);
}
.menu.vertical-menu > .menu-item-has-children > a:after {
    position: absolute;
    line-height: 0;
    content: "";
}
.menu.vertical-menu.no-arrow > li {
    display: flex;
}
.menu.vertical-menu.no-arrow > li > a:after {
    content: none;
}
.menu.collapsible-menu {
    display: block;
}
.menu.collapsible-menu > .menu-item {
    margin-right: 0;
}
.menu.collapsible-menu .menu-item-has-children:after,
.menu.collapsible-menu .menu-item-has-children > a:after {
    content: none;
}
.menu.collapsible-menu .menu-item-has-children li {
    padding: 0 0 0 0.7rem;
}
.menu.collapsible-menu li > ul {
    display: none;
    position: static;
    visibility: visible;
    opacity: 1;
    min-width: 0;
    transform: none;
    background: transparent;
    box-shadow: none;
}
.menu.collapsible-menu ul {
    padding: 0;
}
.menu .toggle-btn,
.mobile-menu .toggle-btn,
.toggle-btn {
    display: block;
    position: absolute;
    padding: 6px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
}
.toggle-btn:before {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    transition: transform 0.5s;
}
.menu .toggle-btn:before,
.mobile-menu .toggle-btn:before {
    font-family: "Font Awesome 5 Free";
    content: "";
    position: static;
    border: none;
    width: auto;
}
.menu .toggle-btn,
.mobile-menu .toggle-btn {
    width: auto;
}
.menu .toggle-btn:after,
.mobile-menu .toggle-btn:after {
    content: none;
}
.show > a .toggle-btn:before {
    transform: rotate(630deg);
}
.menu-active-underline > li > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px solid;
    transform-origin: right center;
    transform: scale(0, 1);
    transition: transform 0.3s;
}
.menu-active-underline > li.current-menu-ancestor > a,
.menu-active-underline > li.current-menu-item > a,
.menu-active-underline > li:hover > a,
.menu-active-underline > li > a:hover {
    color: inherit;
}
.menu-active-underline > li.current-menu-ancestor > a:before,
.menu-active-underline > li.current-menu-item > a:before,
.menu-active-underline > li:hover > a:before,
.menu-active-underline > li > a:hover:before {
    transform-origin: left center;
    transform: scale(1, 1);
}
.menu .megamenu {
    display: flex;
    padding: 1rem;
    background: #fff;
    max-width: calc(100vw - 40px);
}
.menu .megamenu.full-megamenu {
    width: 1180px;
}
.menu .megamenu a {
    white-space: normal;
}
.menu .megamenu li {
    background-size: cover;
    padding: 0;
}
.menu .megamenu > li {
    flex: 1;
    padding: 1rem;
}
.menu .megamenu > li > a:after {
    content: none;
}
.menu .megamenu > li > a {
    margin-bottom: 7px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
}

.nolink { pointer-events: none; font-weight: 600;}
.menu .megamenu ul {
    position: static;
    min-width: 0;
    padding: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.menu .megamenu ul + a {
    margin-top: 10px;
}
.menu .megamenu.mp-left {
    left: -1.9rem;
    right: auto;
}
.menu .megamenu.mp-right {
    left: auto;
    right: -1.9rem;
}
.menu .megamenu.mp-center {
    right: auto;
}
.menu > li ul.mp-left {
    left: auto;
    right: 100%;
}
.menu > li ul.mp-left > li > ul:not(.mp-right) {
    left: auto;
    right: 100%;
}
.tip {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 7px;
    border-radius: 2px;
    padding: 0.3rem 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.tip.tip-hot {
    background-color:#d26e4b;
}
.tip.tip-new {
    background-color: #1f5f8b;
}
.skin1.toggle-menu .dropdown-menu-toggle {background-color: #1f5f8b; font-weight: 600; line-height: 1.6; text-transform: uppercase; color: #ffffff; letter-spacing: .3px;width: 305px;}
.skin1.toggle-menu .dropdown-menu-toggle:hover,
.skin1.toggle-menu:hover .dropdown-menu-toggle {
    background: var(--rio-menu-skin1-toggle-active-bg, var(--rio-menu-skin1-toggle-bg, #1f5f8b));
    color: var(--rio-menu-skin1-toggle-active-color, #fff);
}
.skin1 .menu {
    background: var(--rio-menu-skin1-ancestor-bg);
}
.dropdown-box .menu .menu-item-11959 > a {color: #1f5f8b;letter-spacing: .5px; padding-top: 17px;}
.dropdown-box .menu .menu-item-11959 > a:after {content: "\e950"; font-family: 'riode'; margin-left: .8rem;}
.skin1 .menu ul a:hover {
    color: var(--rio-menu-skin1-submenu-active-color, var(--primary-color));
}
.skin1 .menu li li > a {
    background: var(--rio-menu-skin1-submenu-bg, inherit);
}

.skin1 .menu > li, .skin3 .menu > li {border-bottom: 1px solid #f5f5f5;}
.skin1 .menu > li > a, .skin3 .menu > li > a {line-height: 1; padding: 11px 0;}

.skin1.toggle-menu:after {
    border-bottom-color: var(--rio-menu-skin1-ancestor-bg, #fff);
}
.skin1 .horizontal-menu > li {
    margin-right: var(--rio-menu-skin1-ancestor-gap);
}

.skin2.toggle-menu .dropdown-menu-toggle {
    background: #1f5f8b;
    padding: var(--rio-menu-skin2-toggle-padding);
    font-family: var(--rio-menu-skin2-toggle-font-family, var(--rio-header-font-family, var(--rio-body-font-family))), sans-serif;
    font-weight: var(--rio-menu-skin2-toggle-font-weight, 700);
    font-size: var(--rio-menu-skin2-toggle-font-size, inherit);
    line-height: var(--rio-menu-skin2-toggle-line-height, inherit);
    letter-spacing: var(--rio-menu-skin2-toggle-letter-spacing, inherit);
    text-transform: var(--rio-menu-skin2-toggle-text-transform, inherit);
    color: var(--rio-menu-skin2-toggle-color, #fff);
    background: var(--rio-menu-skin2-toggle-bg, var(--primary-color));
}
.skin2.toggle-menu .dropdown-menu-toggle:hover,
.skin2.toggle-menu:hover .dropdown-menu-toggle {
    background: var(--rio-menu-skin2-toggle-active-bg, var(--rio-menu-skin2-toggle-bg, #1f5f8b));
    color: var(--rio-menu-skin2-toggle-active-color, #fff);
}
.skin2 .menu {
    background: var(--rio-menu-skin2-ancestor-bg);
}
.toggle-menu{margin-right: 20px;

}

.skin2 .menu ul a:hover {
    color: var(--rio-menu-skin2-submenu-active-color, var(--primary-color));
}
.skin2 .menu li {line-height: 2;}
.skin2 .menu li li > a {
    background: var(--rio-menu-skin2-submenu-bg, inherit);
}
.skin2 .menu .active > a,
.skin2 .menu li > a:hover {
    color: var(--rio-menu-skin2-submenu-active-color, var(--primary-color));
    background: var(--rio-menu-skin2-submenu-active-bg);
}
.skin2 .menu > li {
    line-height: var(--rio-menu-skin2-ancestor-line-height, 1);
}
.skin2 .menu > li > a {padding: 10px 5px;text-transform: uppercase;font-weight: 600;}
.skin2 .menu > .current-menu-ancestor > a,
.skin2 .menu > .current-menu-item > a,
.skin2 .menu > li:hover > a,
.skin2 .menu > li > a:hover {
    color: #1f5f8b;
    background-color: var(--rio-menu-skin2-ancestor-active-bg);
}
.skin2 .menu > li > a:before {
    content: '';
    border-bottom: 1px solid #1f5f8b;
    position: absolute;
    left: 2px;
    right: 2px;
    margin-top: 2em;
    transform: scaleX(0);
    transition: transform .3s;
    transform-origin: right;
}
.skin2 .menu>li>a:hover:before, .skin2 .menu>li:hover>a:before, .skin2 .menu>.current-menu-item>a:before, .skin2 .menu>.current-menu-ancestor>a:before {
    transform: scaleX(1);
    transform-origin: left;
}
.skin2.toggle-menu:after {
    border-bottom-color: var(--rio-menu-skin2-ancestor-bg, #fff);
}
.skin2 .horizontal-menu > li {margin-right: 23px;}
@media (max-width: 1599px) {
.skin2 .horizontal-menu > li {margin-right: 12px;}
}
.skin2 .collapsible-menu > li,
.skin2 .vertical-menu > li {
    margin-bottom: var(--rio-menu-skin2-ancestor-gap);
}
.skin3.toggle-menu .dropdown-menu-toggle {
    background: #fff;
    padding: 10px 5px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: var(--rio-menu-skin3-toggle-line-height, inherit);
    color: #000;
	width: 100px;
}
.skin3.toggle-menu .dropdown-menu-toggle:hover, .skin3.toggle-menu:hover .dropdown-menu-toggle {color: #000;}
.skin3 .menu {
    background: var(--rio-menu-skin3-ancestor-bg);
}
.skin3 .menu ul {
    background: var(--rio-menu-skin3-submenu-bg, #fff);
    font-family: var(--rio-menu-skin3-submenu-font-family, var(--rio-header-font-family, var(--rio-body-font-family))), sans-serif;
    font-weight: var(--rio-menu-skin3-submenu-font-weight, 400);
    font-size: var(--rio-menu-skin3-submenu-font-size, inherit);
    line-height: var(--rio-menu-skin3-submenu-line-height, 1.5);
    letter-spacing: var(--rio-menu-skin3-submenu-letter-spacing, inherit);
    text-transform: var(--rio-menu-skin3-submenu-text-transform, inherit);
    color: var(--rio-menu-skin3-submenu-color, inherit);
}
.skin3 .menu ul a:hover {
    color: var(--rio-menu-skin3-submenu-active-color, var(--primary-color));
}
.skin3 .menu li li > a {
    background: var(--rio-menu-skin3-submenu-bg, inherit);
}

.skin3.toggle-menu:after {
    border-bottom-color: var(--rio-menu-skin3-ancestor-bg, #fff);
}
.skin3.toggle-menu .dropdown-menu-toggle:after {font-size: 0.8em; font-weight: 600;}
.skin3 .horizontal-menu > li {
    margin-right: var(--rio-menu-skin3-ancestor-gap);
}
.skin3 .collapsible-menu > li{
    margin-bottom: var(--rio-menu-skin3-ancestor-gap);
}
.mobile-menu-wrapper {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    transition: visibility 0.4s;
}
.mobile-menu-wrapper .loading1:after,
.mobile-menu-wrapper .loading1:before,
.mobile-menu-wrapper .loading2:after,
.mobile-menu-wrapper .loading2:before {
    background: #fff;
}
.mobile-menu-wrapper .loading1:before {
    box-shadow: inset 0 0 0 2px #fff;
}
.mobile-menu-container {
    max-width: 296px;
    padding: 20px 15px 60px 15px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
    transform: translateX(-296px);
    transition: transform 0.4s;
}
.mobile-menu-container .d-loading {
    background: rgba(34, 37, 41, 0.6);
}
.mobile-menu-container .hs-simple .input-wrapper {
    display: flex;
    margin-bottom: 0.6rem;
    height: 4rem;
}
.mobile-menu-container .hs-simple .input-wrapper .form-control {
    color: #7a8088;
    border: 1px solid;
    border-color: #2e3237;
    border-right: 0;
    background-color: transparent;
}
.mobile-menu-container .hs-simple .input-wrapper .btn-search {
    padding: 0;
    width: 4rem;
    min-width: 0;
    background-color: #1f5f8b;
    border-color: #1f5f8b;
    color: #fff;
    font-size: 1.4rem;
}
.mobile-menu-container .hs-simple .input-wrapper i {
    vertical-align: initial;
    margin: 0;
}
.mobile-menu-container .mobile-menu {
    margin-bottom: 0.5rem;
}
.mobile-menu-container .mobile-menu .menu-item > a > i {
    min-width: 20px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
}
.mobile-menu-container .tab {
    margin-top: 3rem;
}
.mobile-menu-container .tab-content {
    background-color: transparent;
}
.mobile-menu-container .tab-pane {
    padding-top: 1rem;
}
.mobile-menu-container .nav {
    border-width: 2px;
}
.mobile-menu-container .nav-link {
    margin-bottom: -2px;
    padding: 10px;
    font-size: calc(13px * var(--rio-typo-ratio, 1));
    color: #fff;
    text-transform: capitalize;
}
.mobile-menu-container .tab .nav > li:not(:last-child) {
    margin-right: 1rem;
}
.mobile-menu-container .nav-item:hover .nav-link {
    color: #fff;
    border-color: transparent;
}
.mobile-menu-container .nav-item .nav-link.active,
.mobile-menu-container .nav-item.show .nav-link {
    color: #1f5f8b;
    border-color: #1f5f8b;
}
.mobile-menu-container .nav-item + .nav-item {
    margin-left: 1px;
}

.mobile-menu ul {
    display: none;
    width: 100% !important;
}
.mobile-menu > li:first-child {
    padding-top: 0.5rem;
}
.mobile-menu > li:last-child {
    padding-bottom: 0.5rem;
}
.mobile-menu li a {
    display: block;
    position: relative;
    padding: 1.3rem 0.6rem 1.3rem 1rem;
}
.mobile-menu li li a {
    padding-left: 2.4rem;
}
.mobile-menu li li li a {
    padding-left: 3.6rem;
}
.mobile-menu li:not(:last-child) {
    border-bottom: 1px solid #2e3237;
}
.mobile-menu .active > a,
.mobile-menu .expanded {
    background: #2e3237;
}
.mobile-menu .menu-item-has-children > a:after {
    content: none;
}
.mobile-menu-title {
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
}
.mobile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.mobile-menu-close {
    position: fixed;
    left: calc(100vw - 50px);
    top: 25px;
    transition: opacity 0.3s;
    opacity: 0;
}
.mobile-menu-close i {
    font-size: 2.8rem;
    color: #e1e1e1;
}
.mmenu-active {
    overflow: hidden;
}
.mmenu-active .page-wrapper {
    margin-left: 296px;
    margin-right: -296px;
}
.mmenu-active .mobile-menu-wrapper {
    visibility: visible;
}
.mmenu-active .mobile-menu-container {
    transform: translateX(0);
}
.mmenu-active .mobile-menu-overlay {
    opacity: 0.8;
}
.mmenu-active .mobile-menu-close {
    opacity: 1;
}
@media (max-width: 400px) {
    .mobile-menu-close {
        left: calc(100vw - 40px);
        top: 10px;
    }
}
.dropdown-menu,
.toggle-menu,
nav .menu {
    display: inline-block;
}
.custom-header .dropdown-menu-toggle:after {
    content: "\e953";
    position: absolute;
    right: 19px;
    font: 1.3rem/1.1 'riode';
}
.toggle-menu:after {
    content: "";
    position: absolute;
    z-index: 1003;
    left: 50%;
    top: -9999px;
    transform: translate3d(-50%, -8px, 0);
    border: 11px solid transparent;
    border-bottom: 11px solid #fff;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
}
.toggle-menu > a {
    padding: 1.3rem 1.55rem;
    background-color: #1f5f8b;
    color: #fff;
    transition: background 0.3s, color 0.3s;
}
.toggle-menu > a:after {
    content: none;
}
.toggle-menu > a i {
    font-size: 1.4em;
}
.toggle-menu > a i + span {
    margin-left: 15px;
}
.toggle-menu > a .hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.toggle-menu:hover > a {
    color: #fff;
}
.toggle-menu:hover > a i:not(:first-child) {
    opacity: 0;
}
.toggle-menu:hover > a .hover {
    opacity: 1;
}
.toggle-menu .menu {
    padding: 1rem 0;
}
.toggle-menu .menu > li {
    margin-right: 0;
}
.toggle-menu .dropdown-box {
    padding: 0;
    right: auto;
}
.toggle-menu:after,
.toggle-menu:before {
    left: 25px;
}
.toggle-menu:hover .dropdown-box,
.toggle-menu:hover:after {
    visibility: hidden;
    opacity: 0;
}
.toggle-menu.show .dropdown-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.toggle-menu.show .dropdown-box,
.toggle-menu.show:after {
    visibility: visible;
    opacity: 1;
}
.toggle-menu.has-border:before {
    content: "";
    position: absolute;
    z-index: 1002;
    top: -9999px;
    transform: translateX(-50%);
    border: 11px solid transparent;
    border-bottom: 11px solid #e1e1e1;
    transition: opacity 0.4s ease;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}
.toggle-menu.has-border.show:before {
    visibility: visible;
    opacity: 1;
    top: calc(100% - 21px);
    transform: translate3d(-50%, 0, 0);
}
.toggle-menu.has-border.show:after {
    top: calc(100% - 20px);
    transform: translate3d(-50%, 0, 0);
}
.toggle-menu.has-border .menu {
    border: 1px solid #e1e1e1; width: 305px;
}
.sticky-content:not(.fixed) .show-home:after {
    top: 100%;
}
.sticky-content:not(.fixed) .show-home .dropdown-box {
    top: calc(100% + 20px);
}
.sticky-content:not(.fixed) .show-home .dropdown-box,
.sticky-content:not(.fixed) .show-home:after {
    visibility: visible;
    opacity: 1;
}
.sticky-content:not(.fixed) .show-home .dropdown-box {
    transform: translate3d(0, 0, 0);
}
.sticky-content:not(.fixed) .show-home:after {
    transform: translate3d(-50%, 0, 0);
}
.sticky-content:not(.fixed) .show-home.has-border:before {
    top: calc(100% - 1px);
    visibility: visible;
    opacity: 1;
}
.sticky-content:not(.fixed) .show-home .dropdown-box {
    box-shadow: none;
}
.lazy-menu > li:hover > ul {
    height: 32rem;
    min-width: 22.6rem;
}
.lazy-menu .d-loading li {
    height: 100%;
}
.mobile-icon-bar {
    transition: margin 0.4s;
    display: flex;
}
.mobile-icon-bar > * {
    flex: 1;
}
.mobile-icon-bar .cart-dropdown:hover .cart-toggle {
    color: #222;
}
.mobile-icon-bar .cart-toggle,
.mobile-icon-bar .search-toggle {
    padding: 0;
    color: inherit;
}
.mobile-icon-bar .cart-dropdown.dir-up:after {
    bottom: 100%;
}
.mobile-icon-bar .cart_list {
    max-height: 190px;
}
.mobile-icon-bar a.checkout {
    color: #fff;
}
.mobile-icon-bar .hs-toggle .input-wrapper {
    top: initial;
    bottom: 100%;
    right: 1.5rem;
    margin-bottom: 2rem;
    transform: translate3d(0, 10px, 0);
    min-width: 30rem;
}
.mobile-icon-bar .hs-toggle:after {
    top: initial;
    bottom: 100%;
    transform: translate3d(-50%, 5px, 0);
    border-bottom-color: transparent;
    border-top: 11px solid #fff;
}
.mobile-icon-bar .live-search-list {
    margin-bottom: 3px;
    top: initial;
    bottom: 100%;
}
.mmenu-active .mobile-icon-bar {
    margin-left: 296px;
    margin-right: -296px;
}
.mobile-icon-bar .scroll-top {
    position: static;
    display: flex;
    background: none;
    color: inherit;
    visibility: visible;
    opacity: 1;
    transform: none;
    width: auto;
    height: auto;
    box-shadow: none;
}
.mobile-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5rem 0 1.3rem;
}
.mobile-item span {
    margin-top: 0.8rem;
    font-size: 12px;
    line-height: 1;
}
.mobile-item i {
    transition: transform 0.3s;
}
.mobile-item:hover i {
    transform: translateY(-5px);
}
.mobile-icon-bar .mobile-item i {
    width: 17px;
    height: 18px;
    text-align: center;
    font-size: 17px;
    line-height: 1;
}
.mobile-icon-bar .mobile-item .d-icon-search {
    top: 2px;
    font-size: 19px;
}
.mobile-item.active,
.mobile-item:hover {
    color: #222;
}
@media (max-width: 479px) {
    .mobile-icon-bar .hs-toggle .input-wrapper {
        min-width: 27rem;
    }
}
@media (min-width: 576px) {
    .mobile-icon-bar {
        padding: 0 4rem;
    }
}
@media (min-width: 768px) {
    .mobile-icon-bar {
        display: none;
    }
}
/*образцы цввета */
.colour-samples {list-style: none; padding: 0; display: flex;  flex-direction: row; flex-wrap: wrap;}
.colour-samples>li {margin-top: 15px;}
.colour-samples>* { display: block; width: 16.6666666667%; padding-right: 15px;}
.colour-sample { border: 1px solid #ececec;}
.colour-sample .colour-preview { display: block; height: 150px; position: relative;}
.colour-sample .colour-preview img{height:150px;}
.colour-sample .colour-preview .colour-additional-info {position: absolute;  top: 1px;  left: 1px; right: 1px; padding: 5px; background: #fff; background: rgba(255,255,255,.9); font-size: 13px;}
.colour-sample .colour-preview .colour-additional-info .label { display: block; font-weight: 700;}
.colour-sample .colour-info { background: #fff; text-align: center; font-size: 13px; color: #4b4b4b; padding: 12px;}
.colour-sample .colour-code {font-size: 15px; margin-bottom: 1px; display: block;}
.colour-sample:hover .colour-additional-info { display: block;}
.colour-tab{padding-top:20px;}
@media (max-width: 1359px) {
.colour-samples>* {width: 20%;}
}
@media (max-width: 991px) {
.colour-samples>* {width: 25%;}
}
@media (max-width: 767px) {
.colour-samples>* {width: 33.3%;}
}
@media (max-width: 599px) {
.colour-samples>* {width: 50%;}
}
.tab_input,.tab_item {display: none;}


.tab_label {display: inline-block; border: 1px solid #ddd; padding: 7px 15px;  font-size: 14px;
  text-align: center;
  cursor: pointer; margin-right: 10px;
}

.tab_item { padding: 5px; }


.tab_input:nth-child(1):checked ~ .tab_container .tab_item:nth-child(1),
.tab_input:nth-child(2):checked ~ .tab_container .tab_item:nth-child(2) {
  display: block;
}
.sidebar.shop-sidebar { overflow-y: auto;}

.materials {display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin: 0;  margin-top: 40px; margin-bottom: 15px; padding: 0; list-style: none;  -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify;   justify-content: space-between;}
.materials__item-desktop, .materials__item_in-desktop {  display: -webkit-box;  display: -ms-flexbox;  display: flex; width: 23.5%;  margin-bottom: 18px; padding-right: 30px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #000;}
.materials__item, .materials__item_in {  display: -webkit-box;  display: -ms-flexbox;  display: flex; margin-bottom: 18px; padding-right: 30px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #000;}
.materials__image { width: 60px; height: 70px;  margin-right: 16px;  -webkit-transition: all .2s ease; -o-transition: all .2s ease;  transition: all .2s ease;  -ms-flex-negative: 0;  flex-shrink: 0;}
.materials__title { font-size: 16.5px;  font-weight: 700;}

/*карточки товаров на главной*/
@media (min-width: 599px) {
.index-ovl-main .woocommerce-loop-product__title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

}

.index-ovl-main .woocommerce-loop-category__title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cat-section-main{padding-right: 14px;}
/*breadcrumb*/
.breadcrumb-main{white-space: nowrap; overflow-x: auto;padding-bottom: 7px;}
.breadcrumb-main::-webkit-scrollbar { width: 1px; height: 1px;}
.breadcrumb-main::-webkit-scrollbar-button {  background-color: #666; }
.breadcrumb-main::-webkit-scrollbar-track {  background-color: #999;}
.breadcrumb-main::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.breadcrumb-main::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.breadcrumb-main::-webkit-scrollbar-corner { background-color: #999;}}
.breadcrumb-no-banner{padding: 15px 0;}
.info-zakaz{margin: 1em auto; padding: 1em; border: 2px dashed #c27153; display: inline-block;}
.pl-logo{padding-top: 26px;}
@media (max-width: 991px) {
.pl-logo{text-align: left;}
}
.texts-cards-shadow{box-shadow: 4px 4px #f5f5f5, 6px 6px #cccccc!important;}
.zakaz-button{text-align: center; color: #ffffff; padding: 10px 20px; background: rgba(20, 80, 132, 0.7); box-shadow: 2px 2px white, 3px 3px #837e7e; border-radius: 1em; display: inline-block;transition: all 1s cubic-bezier(0, 0, 0.2, 1);letter-spacing: .5px;margin-top:32px;margin-right:12px; margin-bottom: 50px;}
.zakaz-button:hover{transform: translateY(-5px); transition: all 1s cubic-bezier(0, 0, 0.2, 1);}
.zakaz-button a {color: #ffffff; padding: 0 10px; display: inline-block;}
.header-sdvig-1{padding-bottom: 100px;}
.header-sdvig-2{margin-top: -90px;}
@media (max-width: 599px) {
.header-sdvig-1{padding-bottom: 0px;}
.header-sdvig-2{margin-top: 0px;}
}
.oborudovanie{padding-top: 14rem!important;  padding-bottom: 11rem;  background-color: #f8f8f8; margin-top: 50px; margin-bottom: 16px;}
@media (max-width: 991px) {
.oborudovanie{padding-top: 9rem!important;  padding-bottom: 9rem!important; margin-top: 35px; margin-bottom: 16px;}
}
@media (max-width: 479px) {
.oborudovanie{padding-top: 32px!important;  padding-bottom: 32px!important; margin-top: 35px; margin-bottom: 16px;}
}
.img-krug {border-radius: 50%;  overflow: hidden;}

.underline-text {border-bottom: 1px solid #000; padding-bottom: 2px;}
.underline-dotted {border-bottom: 1px dotted #000; padding-bottom: 2px;}
.underline{text-decoration: underline; color: #1f5f8b;}
.banner-tovary { margin-top: 50px; padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; background: #bcdef3 url('/wp-content/uploads/pl-rezka-banner.jpg');
background-position:left center; background-repeat: no-repeat; background-size: cover; text-align: center;}
.rexcolor-oracal { margin-top: 50px; padding-top: 82px; padding-right: 20px; padding-bottom: 82px; padding-left: 20px; background: #bcdef3 url('/wp-content/uploads/Rexcolor-oracal.jpg');
background-position:left center; background-repeat: no-repeat; background-size: cover; text-align: center; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.rexcolor-oracal h3 {max-width: 800px; margin: 0 auto; text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;  color: #ffffff; font-size: 32px; padding: 15px;}
@media (max-width: 479px){
.rexcolor-oracal h3 {font-size: 24px;}
}
.banner-tovary-fr { margin-top: 50px; padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; background-image:url('/wp-content/uploads/frl-rezka-banner.png'); background-position:top center; background-repeat: no-repeat; background-size: cover; text-align: center;}

@media (min-width: 992px){
.shop-banner {
    margin-left: 20px!important;
    margin-top: 50px!important; margin-bottom: 50px!important;
}}
@media (max-width: 991px){
.shop-banner {
    margin-top: 24px!important; margin-bottom: 24px!important;
}}
/*описание категорий*/
.hos { background-color: #e2e2e3; padding: 10px;  margin-bottom: 0; font-weight: 400;letter-spacing: 1px;}
.os {background-color: #f5f5f5; padding: 16px 10px; text-align: justify;}
.phone-number {font-size: 24px; text-align: center; line-height: 140%; color: #414141;padding-top: 24px;}
.main-number a { border-bottom: 1px dashed gray; text-decoration: none;}
.main-number span {font-size: 18px;}
/*шапка-слайдер*/
.texts-strong { padding-top:14px; margin-bottom: 10px; color: #145084; border-bottom: 1px solid #145084;font-weight: 600; font-size: 16px;}

.podzagolovok {font-size: 18px; color: #094581; font-family: Brush Script;     font-style: italic;}
@media (min-width: 991px) {.podzagolovok:before {content: ""; width: 50px; height: 1px; background: #094581; display: inline-block; position: relative; vertical-align: middle; margin-right: 20px;}}
.heading-deskpiption {font-size: 18px; color: #4b54d2;  font-family: Brush Script; font-style: italic;  font-weight: normal;display: inline-block;}
.heading-deskpiption-smile {width: 25px; vertical-align: middle; margin-left: 10px;display: inline-block;}
a.button9 {
  position: relative;
  display: inline-block;
  color: #53595e;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.2) 3px 7px 3px;
  user-select: none;
  padding: 30px 10px;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
      width: 100%;
    text-align: center;
    font-size: 28px;
	letter-spacing: 1px; margin-top: 40px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
  top: 1px;
}
.max-width700{max-width: 700px;}
.body-link{color: #1f5f8b; border-bottom: 1px dotted #1f5f8b;}
.catalig-cbt{font-size: 18px; display: block!important;  font-weight: 500;}
.table-link{background: #1e73be; text-align: center;     padding: 10px 5px; font-size: 18px; margin: 14px 0;}
.color-fff, .color-fff:hover {color:#ffffff;}
/*меню картинки*/
.menu-img-sm-plenki{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABa1BMVEX///////////////////////8AAAABAQECAgIEBAQFBQUGBgYMDAwREREWFhYXFxcYGBggICAiIiIkJCQmJiYsLCwtLS0xMTEyMjIzMzM0NDQ4ODg7Ozs8PDw9PT0+Pj5AQEBBQUFCQkJLS0tUVFRZWVlbW1tiYmJjY2NnZ2doaGhqampwcHBxcXFzc3N1dXV2dnZ3d3d6enp7e3uAgICCgoKGhoaHh4eIiIiJiYmKioqLi4uOjo6QkJCRkZGTk5OUlJSWlpaZmZmampqbm5udnZ2enp6fn5+goKCjo6OlpaWnp6eoqKiqqqqrq6usrKyurq6vr6+xsbGzs7O0tLS1tbW2tra3t7e4uLi5ubm7u7u8vLy9vb2+vr7AwMDCwsLDw8PExMTHx8fLy8vMzMzNzc3Pz8/T09PY2Nja2trc3Nze3t7g4ODk5OTt7e3x8fHy8vLz8/P09PT19fX4+Pj8/Pz9/f3+/v7///9kEabNAAAABnRSTlMAyNPZ5PHx0kghAAABGElEQVQoz2NgYcUKWBgqcAAGVmSegTKMxQqXKDf1rfDlZtfCkAjyCTMSFJPn1EeTyLOtqNDmkJOV5rRASJQDGTHBQEKXW1ZOkisYSUdmUXwISF6VV1SIhzMXqBYsUWinbu4WV1FeVlGqJGXvKq4Ak3DVibbRDQDyyiv8PcLTM2WDIEYVmdklOen5gexKiE+zUox2NYFIFFuamxjpZYPscDCO8rVz8XaEWp6iZuicCDKoQpPNNTk20CQB5qpUjSSwDRVGXBKuUV4RCOcWWPuCZdwFpLgVM1B8bmdRAiQ9+fiFI8tRwyrUMLsiS5FdJgc9ECtCeVVE2NSKMUIX6FZ2bpOKCiwSFfk5FUgSOKOWkZkJC2BmZCAZAABe7asFdpGeNQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-kley {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAACcUlEQVQ4y93T3UuTARTH8e+255nMbb4unCjDueH7xKm4iVNz6sQ552ZzI6fmpjSltFRwk0yLytKkRMkoQo0iLSSxMCSlwIuoi2666qa/pS57bqW7zrn+wO+cw+E3p2tODezYsVm7jjzxIL300kuIICH6cbvNP/2Ts8QYlQIvPVT6nDXOjphmjHEuYceCFRsVCb/bMlOQ6sAuBbkUpBq3CAlr+nAKWlI4T4wo/ZiWrDnKu5lVk0SkAGSd5l9lu+VfdduoAZLIRE/OlO676onu2LCTrc2QAh3ZZ8t+5N4ofFX4UkE17cgB0C7Wf7MdNx+YD9FIV0OJQ7lt7EBM05uWuTYu22GCAKUk72g3xZA4l3FSpvNIQdXTKocRyKZIabllW2sWp4lmKXddKy+AKe4H+OJySIAzNoSIAjlZRDSKYzQV2DbNM6MsAgEeUlppPZGApoG+dMKij6DF0ZLHgUwFwodghQUQABVtFL6XAE9b8AqzyoDCb1p19KlvapNAtr9SUWemX/ARwtlC7lsJiJyxPSgiigfjiPtinbocEN6M9tlX5QuKeeL6vc5uw6YEdDS4J1seR8Yik01bJd1CQqMe5XZaeVfrvTxElNjCroVomgQ0XPCmMEwvQ2qHKZdDubaJwfrmnsbNVkO9oTG7dqltzlsrHXo4Sh5G8immXSV+JBnkR0FX8Zjqdfp6+jP9ht+c+U56uEddlwPh7v5zAz1h152idbsgQ9xrq8qHFJJJVePDsC8BthaWhbgioUgI1+WzieQR5Cg+e61TTDDOVeJEyfokjcTfEpjGj5PqePGGd8A34o11xboHa+ZNz//l4/4D8AdDxImh45puYgAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-sm-lenty {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACIUlEQVR42uzVS0hUURzH8SxTcSpSK8nM0dQe0KKHQkQKSaFgDookGNLGVQUhTE9mFS1cCEWLEtwEQeFGxCCG6SktyoVBYhaFRtCAUI3RxFTTa/oe+AmHy52uLRKCLnzmcebe87vnnP89k5FKpRb8zSNj3gJ8Pp/dfghHTDNK1dan93yUIAf78NrZaSKR+G3AFTTgKEaxGsfNuWiy+ulGG/biZbqAhY7wLtRiFQawA+YOAniGB9Y1p3ERV136cR2Bn7ch1GMjDuMpvsCv772YQcjqox8PccFrBB068QMOqsMzuIRtCOKERrXGuq4He7DIbQR2QAVuak4HEdPvQc39O1QiggPWdY8QR5VXwHd8xBJMWhXzDW8xgnK8wlpHPyZ8k1eAqZJMBf202pL6PIXF+IxsRz/mnKVeAabzZRrucrW9V3uBgk3tJ1wCctJVkR0wga2IYpc1bWPYj0It5FeXBS3CG68AU6LVmNZwW9Qe1hrcxT2tQ9K6boPa7sxlqziPHziGa5r359ipAjiJYZzDdfXxGLf0tHtuFeZlHGdxGZ2qDnPnN1SyNWhWaEg3FEi3VWQ69ym04j4260GL67dT2n9ua2TrVMLtmqKpP9lNKzQN5sJP1kMUlmlNTS62qOqyUGaKhBF0ewXMHsWakvX6vELVFtMdR7TgHRpJnSkGAhrnGuA88rAduxVm/hdW4gWeaKuPui7yv/+X+T8g3fFLgAEA7kO0YMyCSU4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-noj{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABb0lEQVR42uzVzStEURzG8bnyEopEFpLIHyB2ihR5WUw2FkopZbZK2VnMxspKihVLKwsWZjE2CmWDlLwWG7EQkZ2V63vqmfqZrmbuvCyUU5+6957m95xz7plzPd/3I8VsJZFiNzeDPGZRgStXBndYQtmPujkGVOICG+jGp0Kcc1TnE9COV1Nw2RXEnnkWzzVgwBTpxKiud1CFVd0nUnVLQ4w8hjV8oNeNEtdowQNOMazZ3IZ9yYsa2Y3W37V7zCnMN5rDvuRt/XA9oC+uvhesYAw12QbU4VIFxtGPXdOfUN+m1j94+/8S0IEnFRgyy3CIepzpfiHj/ysgwO2ULxVoNTtnXrN61/1UNn/goF0UhafrGRxoOz7iTc/79DynoyKWtiuSmNb1M9pC1TUBIzhCV1pAyj7Kw55xdokmda64dZ9ADxrRhGPM5nuaRs1o3S4ZLMgpbQJqTcAWGgod4NqJjoWCfWe8P//J/A/I2L4FGAB+IAZcFEilgAAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-profil{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACXUlEQVR42uyUTUhWQRSGvZVEZSX9ESEmWt+nUWYgZKEELSuFtuaiCIMCN6GVa7VEKwqK0pX0s4gWFQZuEqxNqYUSUhi4COxP06KgCKnP58B7Ybzd709o18DDuTP3zHnPzJwZLxaLZfzTZgLxoJXBGshTvxDWwqZE81w8fwWe55VgJum/88UZO4nZC2/hMeRAESyDy/j2J1vAAud7JfQStMhZ3UVMj1ZhQqMwDB+hAd+yZAKeewZM2I25AfsYf+OMn8BUwBd4AAUiD1rxHUxJQMEsq1uwn3+jISLT0A35EtkIbfgOpCSgYDslciAgchyzB6bgngSikBtPxItXpgTbhbkJlfi8DohYQazX/wJVlm3XeXyfpVOmdiZ2FtHA+Cl4Cv3qn4VL0AWROb7OpK2WSYiIrWTMFaEdg4NwFLZrrBnuwwfbMt/XLdOFcJctiAZWaJlWW7nyL6Lh5ZANWbBUYxdk++Bw2D3w4AWcI9DmgIhdqEMSWYd9CYv1+7fsBlXXHSX7l8B3XTa7tS0E2hKyknKoV7l+UlK+wB9YBZbAjD9vkRNgjKB1fF6BCThC3w44U4EyFNQyb4Aq+BXY4oRPhYn8xJjIN7sDqqKv4rOEHtojiG+3BNpJpIb+SJhIonvwBDMOQxqyWp/UisyugB1QC40aH9bhWzU2JxSQSETnYq3YCkAHbHv8Xo/eK1XVNatCuA3bUhIIESzFnNHzcFVPRpa2yp75Eb26pcQ9nbaARGwlj8Ce8h9OAVig1Tq7DuJ2zktAIk2YJU5wv2Xq4l0n7vN5C6SVzH+BZG1WgAEA0Hdgr0Vkq4YAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-list-m {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABs0lEQVR42mL8//8/Ay0BEwONAc0tYAAFEYnBVAXEZ4E4hChzSbAgG4j/gvQC8XcofQ+I3Si1IBOIf0MN3A/EWlBxXyB+DBW/CMS2pFqQAcQ/oQYcAGJ9HA4IBeK3UHUHYerwWZAMxD+gGo4AsQmRceMGDTKQvpXYLACF8QWogj1AbIGkWQGIFwCxPB4LWID4KFT/ImwW3IBKbkfTaAnEb6Byr4DYDk2eE4inI0W6Er4gioYqfA7E9UC8AspHx7uAuByIJyCJxUPNaAfiE9gsAEmYA7EgNOxhGkFJ8xMS/oNmWScQs0H1foGKNWCzABb+PWjeF8CC+ZHUiAHxMajeBTA5XEHkhOQydwKpBuTqxVC1V4FYDoh5QMEDxE+wWbADiMOgmpdCNe4FYlEshjcjOQSWk0ug/I9AHIzNAphrtkI1GCAZkgoVCwLiX1CxGqiYGVJObyaUky2gEQkS8IKK9aFFKsgBzND4OQgV2w3EsqQUFTOQyh4QUAXibVBfgUAtVP4zEHuTW9jZA/E3qEGBUDFzJJ80Uqu4no0lk0kTXc8QWR94QsM7gNSKjHG00icEAAIMAOKKXNbBuBBbAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-frezy {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAACOElEQVQ4y83T3UtTcRjA8e8s8S66s9IbLQgKCkKzkSahvRhK0+jCRQtdFOqOKJozydWyzNZ8wc2lwZQUF0YE6+w45ygMKmvLUnNaKBRhXfcHRKeLTmdHsQvv4nvz48AHngfOg8z6QkZG5DYCVqVWDh9LO5t8prjwKcNqI0ha0EYVl5QaMVrdx72ZlhoXHUoOehG14BaV1Cs1UFL2SvdZd6r2OjYlK86V4AbnqVaqodi4RFZkU8ijgsbVQERSm6Rn3/bXyBbhEyGlcSQCK0G899SYkdMiroyXmq9+7dJ+bJjVkW6y+Unq3DJXCjv5UxcOerQjjdOLGQsCAgJ1ZDctIu3OuTtAl9IdhhiLgxDP6eUyNmzYaUXI92/TyekBETcuXLgYYoygdgeJMBNM8ZYXfMGbgYxsN8QIEiaMhISo3SGAhMg4H1hgAonCFmRTs0M/SpgoEUbxrwVCvOMrCzxmx0h55zfqykSixJhAWgsECPKRq+f0/rZMk2kec0OOry9d77deXCKwGswQI8Ycy7Qf5GdzUUf6hWpkg82zl19ted+ZZpZZZuKg9LSh29Bd0m5seUZPYjjFU4S88cf9/cGt95JiGK+VOA0eg8dUqgIe/v3dRaLMY9enTFdUuVOjvGEK9RQeqEDYUJ7UlJhtR84dzPNmeU86d04mL+b3HfDmeg8NJMiIe8jmSHykWipxU1D/rzPTPUpkFyfioAoLbvIK6GcYHz58DDKovIbpT6hIYAtH42DdN/1/gd/6JswbhV+8yQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-led {background-image: url('/wp-content/uploads/led-menu.png'); background-repeat: no-repeat; background-position: center left 20px;}
.menu-img-noj> a, .menu-img-sm-plenki> a, .menu-img-kley> a, .menu-img-sm-lenty> a, .menu-img-profil> a, .menu-img-list-m> a, .menu-img-frezy> a, .menu-img-led> a {margin-left: 35px; }
/*чат*/
.messenger {
display: block;
position: fixed;
right: 50%;
bottom: 50%;
width: 260px;
height: 60px;
/* overflow: hidden; */
}
.messenger-btn {
padding: 14px;
display: block;
width: 60px;
height: 60px;
border-radius: 60px;
background-color: #9fbce0;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 2;
}
.messenger-btn img {
width: 32px;
height: 32px;
}
.messenger-links {
position: absolute;
left: 50px;
top: 10px;
width: 200px;
transform: scale(0);
transform-origin: 100% 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 0;
}
.messenger-links.show {
left: 0;
transform: scale(1);
}
.messenger-links a {
width: 40px;
margin-left: 4px;
}
.messenger-links img {
max-width: 40px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.messenger-links a:hover img {
transform: scale(1.1);
text-decoration: none;
}
.elem-file {display: block; position: relative; margin: 20px 10px 30px 5px; padding-left: 55px; padding-top: 16px;}
.elem-file a {display: block;}
.elem-file a:before {display: block; font-size: 0; content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAwCAMAAABUpcipAAAAyVBMVEUAAACHh4e0tLT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACHh4dzc3NWVlanp6eoqKinp6epqampqamqqqqrq6utra2urq60tLRzc3OHh4eLi4uurq60tLS1tbW4uLi9vb2+vr7AwMDBwcHCwsLExMTGxsbHx8fJycnR0dHT09Pa2trd3d3f39/k5OTl5eXm5ubn5+fo6Ojp6enq6urt7e3u7u7v7+/x8fHy8vLz8/P19fX5+fn6+vr9/f3+/v7///8LrDSrAAAAG3RSTlMAAAAAAgMHCgsNGB0jJk9YaYOGiI2VnKOvsfj4fsspAAAAzUlEQVQ4y+3TxxKCQAyAYdDg2nsXxV7XBoLd1bz/Q7mKjhfdZRxnvPBfcvluSRTjQ9UKBB4pvKBi4NtYh5bBC8TJmpbAC5zZJ1oED9C08EQLIIdbE7nMgxQeV3iTOZBB5uBdZkECzxt0ZQbEEPdb21461s6VAojz7mgw7PXbBgExXPBFtmYXVo+GxHBjNCnjU4+HxZCND/epJyJi+MyHMqiq6i+h2wtOfejD7+GnaulUMqn++ML//K4Nr7CuS3MhiSVkxcgNaiQii2gcXgERVJHzmQhrTgAAAABJRU5ErkJggg=='); position: absolute; left: 0; top: 0;}
.elem-file.pdf a:after {background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; content: ''; background-image: url('/wp-content/uploads/sprite.png');
background-position: -64px -162px; width: 30px; height: 15px; left: 9px;     position: absolute; top: 23px;}
/*слайдер 7колонок*/
.blok-slider{display: block; width: 100%; height: 440px;}
.slider-link-01{width: 50%; float: left; height: 440px;}
.slider-link-02{width: 25%; float: left; height: 220px;}
.slider-fon-01, .slider-fon-02, .slider-02-fon-01, .slider-02-fon-02{height: 100%; position: relative;}
.slider-img-01, .slider-img-02, .slider-img-03, .slider-img-04, .slider-img-05, .slider-02-img-01, .slider-02-img-02{border-radius: 20px; overflow: hidden;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}

.slider-img-04:before, .slider-img-05:before{height: 40%; opacity: 1; position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 30%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(184 33 38) 100%); background-repeat: repeat-x;}

.slider-img-01{background-image: url('/wp-content/uploads/tablichki-03.jpg'); background-size: cover; background-repeat: no-repeat;background-position: left center;}
.slider-img-02{background-image: url('/wp-content/uploads/baner-03.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;}
.slider-img-03{background-image: url('/wp-content/uploads/baner-02.jpg'); background-size: cover; background-repeat: no-repeat;background-position: top center;}
.slider-img-04{background-image: url('/wp-content/uploads/img-bi-04-01.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;}
.slider-img-05{background-image: url('/wp-content/uploads/baner-04.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;}
.slider-text-01{position: absolute;  z-index: 1; bottom: 15px; left: 30px; padding-right: 20px; backdrop-filter: blur(5px);border-radius: 20px;display: inline-flex;}
.slider-text-02{backdrop-filter: blur(5px);display: inline-flex; padding: 4px 8px; border-radius:3px; position: absolute; left: 10px; bottom: 10px;}
.slider-text-01-subtitle{position: absolute; left: 10px; bottom: 10px;padding: 4px 8px;}
.slider-text-02fon{backdrop-filter: blur(5px); display: inline-flex; padding: 4px 8px; border-radius: 20px; position: absolute; left: 10px; bottom: 10px;}
.slider-text-01-title{font-size: 24px; font-weight: 700; line-height: 32px;}
.slider-text-02-title{padding: 5px; font-size: 18px; font-weight: 700;  line-height: 26px;}

.blok-slider-02{display: block; width: 100%; height: 220px;}
.slider-02-link-01{width: 50%; float: left; height: 220px;}
.slider-02-link-02{width: 25%;  float: left;  height: 220px;}
.slider-02-img-01{background-image: url('/wp-content/uploads/img-bi-02.jpg'); background-size: cover; background-repeat: no-repeat;background-position: right center;border: 1px solid #e3e3e3;}
.slider-02-img-02{background-image: url('/wp-content/uploads/sliderr-bending.jpg'); background-size: cover; background-repeat: no-repeat;background-position: top right;}
.slider-02-img-03{background-image: url('/wp-content/uploads/banner-frezer.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center;}
.slider-02-text-01{position: absolute; z-index: 1; bottom: 20px; right: 30px; max-width: 320px; text-align: right;}
.slider-02-text-02{position: absolute;left: 15px; right: 10px; top: 15px;}
.slider-02-text-01-subtitle{color: #125e98;}
.slider-02-text-02-subtitle{}
.slider-02-text-01-title{font-size: 20px; font-weight: 700; line-height: 26px;}
.slider-02-text-02-title{font-size: 18px; font-weight: 700; line-height: 24px;}
.slider-text-light{color: #ffffff;}
.text-shadow {text-shadow: 1px 1px 1px #000;}
.txt-shadow {text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;}
.pd-o1{padding: 0 15px 15px 0;}
.pd-o2{padding: 0 0 15px 15px;}
.pd-o3{padding: 15px;}
.pd-o4{padding: 15px 0 15px 15px;}
.pd-o5{padding: 15px 15px 15px 0;}
.pd-o6{padding: 15px;}
.pd-o7{padding: 15px 0 15px 15px;}
@media (max-width: 1359px){
.slider-text-01-title{font-size: 20px; line-height: 30px;}
.pd-o1{padding: 0 10px 10px 0;}
.pd-o2{padding: 0 0 10px 10px;}
.pd-o3{padding: 10px;}
.pd-o4{padding: 10px 0 10px 10px;}
.pd-o5{padding: 10px 10px 10px 0;}
.pd-o6{padding: 10px;}
.pd-o7{padding: 10px 0 10px 10px;}
}
@media (max-width: 1360px) {
.blok-slider {height: 352px;}
.slider-link-01 {height: 352px;}
.slider-02-link-01, .slider-link-02, .slider-02-link-02, .blok-slider-02{height: 176px;}
}
@media (max-width: 991px){
.slider-text-01-title{font-size: 18px; line-height: 24px;}
.slider-text-02-title, .slider-02-text-02-title{font-size: 14px; line-height: 20px;}
.slider-02-text-01-title{font-size: 18px; font-weight: 700; line-height: 24px;}
.slider-02-img-02{background-position: top center;}
.slider-img-05{background-position: center right;}
.slider-02-text-01 { max-width: 250px;}
}
@media (max-width: 767px){
.slider-link-01{width: 100%; height: 220px;}
.slider-link-02, .slider-02-link-02{width: 50%;}
.slider-text-01 { text-align: right;}
.slider-02-text-01-title{font-size: 14px; font-weight: 700; line-height: 20px;}
.slider-02-text-01{text-align: center;  left: 10px; right: 10px;}
.pd-o1, .pd-o2, .pd-o3, .pd-o4, .pd-o5, .pd-o6, .pd-o7 {padding: 10px;}
}
@media (max-width: 479px){
.slider-link-02, .slider-02-link-02, .slider-02-link-01{width: 100%;}
.slider-text-01-title{font-size: 14px; line-height: 18px;}
.slider-link-01, .slider-02-link-01, .slider-link-02, .slider-02-link-02{ margin: 15px 0 0 0;}
.pd-o1, .pd-o2, .pd-o3, .pd-o4, .pd-o5, .pd-o6, .pd-o7 {padding: 0px;}
.slider-text-01 { text-align: center;}
.slider-02-text-01 { max-width: none;}
.slider-02-text-02 { top: inherit; bottom: 15px; text-align: center;}
.slider-img-01 {background-position: top center;}
}
.zakaz-button-02 {margin-top: 20px; padding: 10px 7px; background-color: #f5f5f5;  border: 1px solid #ddd; text-transform: uppercase; letter-spacing: .5px; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .1);}
.zakaz-button-02:hover {transform: translateY(-2px);}

.zakaz-button-03 {margin-top: 20px; padding: 10px 7px; background-color: #f5f5f5;  border: 1px solid #ddd; display: inline-block; float: right; letter-spacing: .5px; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .1);}
.zakaz-button-03:hover {transform: translateY(-2px);}

.biue-tel {font-weight: bold; letter-spacing: 1px; color:#0059a0;}
@media (max-width: 520px){
.display-block {display: block;}
}
/* Timeline Container */
.timeline {display: flex; flex-direction: column; margin: 20px auto; position: relative;}
.timeline__event { margin-bottom: 20px; position: relative; display: flex; margin: 20px 0; border-radius: 6px; align-self: center; width: 50vw;}
.timeline__event:nth-child(2n+1) {flex-direction: row-reverse;}
.timeline__event:nth-child(2n+1) .timeline__event__date {border-radius: 0 6px 6px 0;}
.timeline__event:nth-child(2n+1) .timeline__event__content {border-radius: 6px 0 0 6px;}
.timeline__event:nth-child(2n+1) .timeline__event__icon:before {content: "";  width: 2px;  height: 100%;  background: #1f5f8b; position: absolute; top: 0%; left: 50%; right: auto; z-index: -1;
transform: translateX(-50%); -webkit-animation: fillTop 2s forwards 4s ease-in-out; animation: fillTop 2s forwards 4s ease-in-out;}
.timeline__event:nth-child(2n+1) .timeline__event__icon:after {content: ""; width: 100%; height: 2px; background: #1f5f8b; position: absolute; right: 0; z-index: -1; top: 50%; left: auto;
transform: translateY(-50%); -webkit-animation: fillLeft 2s forwards 4s ease-in-out; animation: fillLeft 2s forwards 4s ease-in-out;}
.timeline__event__title {margin-bottom: 0.6rem; color: #094581; font-weight: 400;    font-size: 18px;}
.timeline__event__content {padding: 20px; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025); background: #fff;
width: calc(40vw - 84px); border-radius: 0 6px 6px 0;}
.timeline__event__date {color: #ffffff; font-size: 1.5rem; font-weight: 600; background: #1f5f8b; display: flex; align-items: center; justify-content: center; white-space: nowrap;
padding: 0 20px; border-radius: 6px 0 0 6px;}
.timeline__event__icon {display: flex; align-items: center; justify-content: center; color: #ffffff; padding: 20px; align-self: center; margin: 0 20px; background: #1f5f8b; border-radius: 100%;
width: 40px; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025); padding: 40px; height: 40px; position: relative;}
.timeline__event__icon i {font-size: 32px;}
.timeline__event__icon:before {content: ""; width: 2px; height: 100%; background: #1f5f8b; position: absolute; top: 0%; z-index: -1; left: 50%; transform: translateX(-50%);
 -webkit-animation: fillTop 2s forwards 4s ease-in-out;  animation: fillTop 2s forwards 4s ease-in-out;}
.timeline__event__icon:after {content: ""; width: 100%; height: 2px; background: #1f5f8b; position: absolute; left: 0%; z-index: -1; top: 50%; transform: translateY(-50%);
 -webkit-animation: fillLeftOdd 2s forwards 4s ease-in-out; animation: fillLeftOdd 2s forwards 4s ease-in-out;}
.timeline__event__description {flex-basis: 100%;}




.timeline__event:last-child .timeline__event__icon:before {content: none;}

@media (max-width: 786px) {
.timeline__event {flex-direction: column; align-self: center;width: 90vw;}
.timeline__event__content { width: 100%;text-align: center;}
.timeline__event__icon {border-radius: 6px 6px 0 0; width: 100%; margin: 0; box-shadow: none;padding: 20px;}
.timeline__event__icon:before, .timeline__event__icon:after {  display: none;}
.timeline__event__date {border-radius: 0; padding: 20px;}
.timeline__event:nth-child(2n+1) {flex-direction: column; align-self: center;}
.timeline__event:nth-child(2n+1) .timeline__event__date {border-radius: 0; padding: 20px;}
.timeline__event__icon {border-radius: 6px 6px 0 0; margin: 0;     padding-top: 40px;}
}
@-webkit-keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@-webkit-keyframes fillTop {
  100% {
    top: 100%;
  }
}
@keyframes fillTop {
  100% {
    top: 100%;
  }
}
@-webkit-keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
@keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
.section-shape { position: absolute; left: 0; width: 100%; z-index: 1 }
.top-0 { top: 0 }
.top-100 { top: 100% }
.bottom-0 { bottom: 0 }
.section-shape svg { display: block }
.shape-1 svg { opacity: .03 }
.shape-3 svg { opacity: .04 }
.sale-price{    text-decoration: line-through; color: #c19b9b;}
/*баннер скидки*/
.bs-box {display: inline-block; width: 285px; text-align: center; margin: 2em 0 auto; padding: 0 1em;}
.bs-img-container {height: 230px; width: 230px;  overflow: hidden; border-radius: 0px 0px 20px 20px; display: inline-block;}
.bs-img-container img {transform: skew(0deg, -13deg); height: 250px; margin: -25px 0px 0px 0px;}
.bs-inner-skew {display: inline-block; border-radius: 20px; overflow: hidden; padding: 0px; transform: skew(0deg, 13deg); font-size: 0px;margin: 30px 0px 0px 0px; background: #c8c2c2;
height: 250px; width: 230px;}
.bs-text-container {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); padding: 120px 15px 15px 15px; border-radius: 20px; background: #ffffff; margin: -120px 0px 0px 0px; line-height: 19px; font-size: 14px;}
.bs-text-container h3 {margin: 20px 0px 10px 0px; font-family: 'Satisfy'; font-size: 24px; color: #9b6503;}
.bs-text-container a, .bs-text-container a:hover,.bs-text-container a:active, .bs-text-container a:focus  {color:#000000;}
/*end*/
.image-main{margin: 1em auto; padding: 1em; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); background-color: #fff;}
/*баннер в каталоге*/
.bs-box-02 {display: inline-block; width: 275px; text-align: center; margin: 2em 0 auto; padding: 10px; position: relative;}
.bs-02-img-container {overflow: hidden; border-radius:20px 20px 0 0; display: inline-block;}

.bs-02-img-container img {width: 275px;}
.boxy-banner heading {margin: 10px 0px 10px 0px; font-family: 'Satisfy'; font-size: 24px; font-weight: bold; color: #000;   display: block;}
.boxy-banner subheading {margin: 0px 0px 10px 0px; font-family: 'Satisfy'; font-size: 20px; color: #000;    display: block;}
.bs-02-text-container heading, .bs-02-text-container heading a:hover,.bs-02-text-container heading a:active, .bs-02-text-container heading a:focus{color:#000000;}
/*end*/
.boxy-banner-back {
    background: #34588A;
    z-index: -20;
    position: absolute;
    width: 279px;
    height: 100px;
    top: 37px;
    left: 200px;
    border-radius: 4px;

}
.boxy-banner {
    background: rgba(243,243,245,0.9);
    position: absolute;
    width: 279px;
    bottom: 30px;
    left: -2px;
    box-shadow:  0 10px 4px -6px rgba(0,0,0, .2);
  border-radius: 4px 4px 0 0;
}
.blur{backdrop-filter: blur(2px); display: inline-flex;}
/*слпйдер с главной 5 колонок*/
.index-bn {margin-top: 15px!important;}
.index-banner-01{background-image: url('/wp-content/uploads/bi-01.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; height: 436px;border-radius:5px;}
@media (max-width: 1199px) {
.index-banner-01{background-image: url('/wp-content/uploads/bi-01-1024.jpg');}
}
@media (max-width: 991px) {
.index-banner-01{background-image: url('/wp-content/uploads/bi-01-991.jpg');}
}
@media (max-width: 767px) {
.index-banner-01{background-image: url('/wp-content/uploads/bi-01.jpg');}
}
@media (max-width: 599px) {
.index-banner-01{background-image: url('/wp-content/uploads/bi-01-599.jpg');}
}
.index-banner-02{background-image: url('/wp-content/uploads/img-bi-02.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; height: 322px;border-radius:5px;}
.index-banner-03{background-image: url('/wp-content/uploads/img-bi-03.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; height: 322px;border-radius:5px;}
.index-banner-04{background-image: url('/wp-content/uploads/img-bi-04.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; height: 322px;border-radius:5px;}
.index-banner-05{background-image: url('/wp-content/uploads/img-bi-05.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center center; height: 208px;border-radius:5px;}
.index-bn-1 {height: 456px!important;}
.index-bn-2, .index-bn-3, .index-bn-4 {height: 342px!important;}
.index-bn-5 {height: 228px!important;}
.index-bn {margin-top: 30px!important;}
.index-bn-text{color: #ffffff; padding: 5px; font-size: 24px; line-height: 34px; text-transform: uppercase; font-family: Arial Black; letter-spacing: 1px;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.index-bn-light-text{color: #ffffff; padding: 5px; font-size: 21px; line-height: 31px; text-transform: uppercase; font-family: Arial Black; letter-spacing: 1px;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.index-bn-text-blok{padding: 4px 8px; position: absolute; left: 10px; bottom: 15px;}
@media (max-width: 991px) {
.index-bn-light-text{font-size: 14px;}
.index-bn-text{font-size: 21px; line-height: 31px;}
}
@media (max-width: 479px) {
.index-banner-01 {height: 236px;}
.index-bn-1 {height: 256px!important;}
.index-banner-02{height: 236px;}
.index-bn-2 {height: 256px!important;}
.index-bn-text{font-size: 16px; line-height: 26px;}
}
.compare-container{margin-left: 10px;margin-right: 5px;}
.wishlist-container{margin-left: 5px;margin-right: 10px;}
@media (max-width: 1199px) {
.header .wishlist i {font-size: 16px;}
.compare-open i {font-size: 16px;}
.toggle-menu {margin-right: 10px;}
.skin2 .menu > li > a {text-transform: none; font-weight: 500;}
.skin1 .menu > li > a, .skin2 .menu li li > a {font-size: 13px;}
.skin1.toggle-menu .dropdown-menu-toggle {font-weight: 400;}
}
@media (max-width: 1023px) {
.menu.vertical-menu > .menu-item, .dropdown-box, .skin1.toggle-menu .dropdown-menu-toggle {width: 285px;}
}
.text-obwodka {text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.index-post .post-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; text-transform: none; font-size: calc(1.8rem* var(--rio-typo-ratio, 1));
font-weight: 700; line-height: 1.5;}
.index-post .post-content{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.main-link{box-shadow: rgba(34, 119, 204, 0.25) 0px 3px 7px; border: 3px ridge;}
.main-fon-signs{text-align: center; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; background-color: #f5f5f5; padding:40px 0 50px 0!important;
background-image: url('/wp-content/uploads/main-fon-signs.jpg?id=20408'); background-position: center;  background-repeat: no-repeat; background-size: cover; margin-bottom: 14px;}
.main-fon-signs H2{color: #000; padding-bottom: 14px;}
.title-cat-txt{ font-size: 14px; padding-top:1px;}
.img-r{border-radius: 15px;overflow: hidden;}
.bullet {
margin-left: 0;
list-style: none;
counter-reset: li;
padding-left: 0;
}
.bullet li {
position: relative;
margin-bottom: 1.5em;
border: 1px solid #9cc5d7;
padding: 0.6em;
border-radius: 4px;
background: #FEFEFE;
line-height: 2;
}
.bullet li:before {
position: absolute;
top: -1.2em;
padding-left: 0.4em;
padding-right: 0.4em;
font-size: 16px;
font-weight: bold;
color: #1f5f8b;
background: #FEFEFE;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}
.custom-price-label{font-size: 18px;}

/* --- Сначала прячем все, что "под катом" --- */

.my-gallery-container .gallery-item:nth-child(n+7) {
    /* Прячем все элементы .gallery-item,
      начиная с 7-го (т.е. показываем первые 6).
      Убедитесь, что селектор начинается с .my-gallery-container
    */
    display: none;
}

/* --- Стили для кнопки --- */

.my-gallery-container .my-gallery-load-more {display: block; margin: 20px auto; padding: 10px 25px; cursor: pointer; background-color: #f5f5f5;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; border: none;}
.my-gallery-container .my-gallery-load-more:hover {background-color: #e7e4e4;}

/* Класс, который JS добавит, когда кнопка больше не нужна */
.my-gallery-container .my-gallery-load-more.hidden {
    display: none;
}

/* ---
  Ваша кастомизация (ПРИМЕР)
  Используйте .my-gallery-container, чтобы "перебить" стили темы
--- */

/* Например, убрать отступы, которые задает тема */
.my-gallery-container .gallery {display: grid; grid-template-columns: 33.3% 33.3% 33.3%; grid-row-gap: 15px; margin: 32px 0;}

/* Например, задать свои отступы и ширину*/
.my-gallery-container .gallery-item {width: auto; max-width: calc(100% - 30px); height: 300px; overflow: hidden; padding: 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border: 10px solid #ffffff;
position: relative;}
.my-gallery-container img:hover { transform: scale(1.15);}
.my-gallery-container img {transition: all 1s cubic-bezier(0,0,.2,1); min-height: 300px; max-width: 400px; width: 400px;}
.my-gallery-container .gallery-caption {position: absolute; bottom: 0px; background: #fff; padding: 10px 20px;  border-top: 1px solid #ccc;
border-right: 1px solid #ccc;  border-radius: 0 12px 0 0;}
@media (max-width: 991px) {
.my-gallery-container .gallery-item {height: 250px;}
}
@media (max-width: 767px) {
.my-gallery-container .gallery {grid-template-columns: 50% 50%;}
}
@media (max-width: 479px) {
.my-gallery-container .gallery, .portfolio-album {grid-template-columns: 100%;}
.my-gallery-container .gallery-item { max-width:100%;}
}

.portfolio-album{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 15px;}
.album-main {position: relative; display: flex;}
.album-txt{display: inline-flex; background: #ffffff; padding: 6px 20px; margin: 0; position: absolute; bottom: 11px; left: 11px; font-size: 16px; letter-spacing: .3px;
border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0 12px 0 0;}
.portfolio-album a:hover {color:#000;}
.portfolio-album img{border: 1px solid #e7e7e7; padding: 10px;}
.portfolio-album img:hover {box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
@media (max-width: 767px) {
.portfolio-album {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 479px) {
.portfolio-album {grid-template-columns: 1fr;}
}
/*примеры работ*/
.primery-album{display: flex; flex-wrap: wrap; position: relative;}
.primery-album div{ display: flex;
    flex-direction: column; flex: 1 1 400px; border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; /* Сделали тень чуть мягче */
    padding: 15px;
    margin: 10px; overflow: hidden;}
@media (max-width: 599px) {
.primery-album div {flex-direction: column; flex: 1 1 300px;}
}
/*конец*/
.stik-sdvig-1 {position: relative;  z-index: 1;}
.stik-sdvig-2 {z-index: 2 !important;}
.stik {
    display: flex;
    flex-wrap: wrap; /* Магия здесь: разрешаем карточкам переноситься на новую строку */
    margin: -10px;   /* Компенсируем внешние отступы карточек, чтобы выровнять края */
	position: relative;
    transform: translateY(-50%);
	z-index: 10;
	margin-bottom: -30px;
}
.stik-sdvig-2 .vc_row,
.stik-sdvig-2 .vc_column-inner {
    overflow: visible !important;
}

.stik-col {
    background: #ffffff;
    color: #1a1a1a; /* Фиксируем темный цвет текста, так как карточка белая */

    /* Управляем внутренним выравниванием */
    display: flex;
    flex-direction: column;

    /* flex-grow: 1 (растягиваться), flex-shrink: 1 (сжиматься), flex-basis: 230px (минимальная базовая ширина) */
    flex: 1 1 150px;

    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; /* Сделали тень чуть мягче */
    padding: 15px;
    margin: 10px; /* Отступы между карточками */
}

/* Стили для заголовков внутри карточек */
.stik-col span {
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px; /* Поскольку включен column, заголовок будет аккуратно над текстом */
}
@media (max-width: 1359px) {
.stik-col{flex: 1 1 200px;}
}
@media (max-width: 1199px) {
.stik-col{flex: 1 1 250px;}
.stik {transform: translateY(-25%);}
}
@media (max-width: 599px) {
.stik {transform: translateY(-10%);margin-bottom: 0;}
}
/*table-single-produkt*/
.table-single-produkt{margin-top:20px;}
.table-single-produkt td::first-letter {text-transform: uppercase;}
.table-single-produkt tr:nth-child(odd) { background: #ffffff;}
.table-single-produkt tr:nth-child(2n) td {background: none;}
.table-single-produkt td, .table-single-produkt th {border: 1px solid #d8e7f5;}
.woo-snoska{ box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; font-weight: 600;text-transform: uppercase;}

.table-prew-produkt{margin-top:20px;margin-bottom: 0;}
.table-prew-produkt tr:nth-child(odd) { background: #f9f9f9;}
.table-prew-produkt tr:nth-child(2n) td {background: none;}
.table-prew-produkt td, .table-prew-produkt th {border: 1px solid #e9e9e9;}
.table-prew-produkt td::first-letter {text-transform: uppercase;}

.wes-tovara-block {background: #fff; padding: 12px;}
.wes-tovara {list-style: none; padding-left: 0px;}
.wes-tovara li {margin-bottom: 5px; border-bottom: 2px #404B51 dotted;}
.wes-tovara li span:nth-child(odd) {padding-right: 6px;}
.wes-tovara li span:nth-child(even) {float: right;padding-left: 6px;}
.wes-tovara span {background: white; position: relative; bottom: -7px;}
.custom-loop-description {font-size: 0.9em; margin-bottom: 32px; text-align: left; padding: 0 15px;}
/* 1. По умолчанию СКРЫВАЕМ наше описание (для режима сетки/Grid) */
.custom-loop-description {
    display: none;
}

/* 2. ПОКАЗЫВАЕМ описание, только если у карточки есть класс product-list */
.product-loop.product-list .custom-loop-description {display: none;}
@media (min-width: 768px) {
.product-loop.product-list .custom-loop-description {
    display: block;
}
}
@media (max-width: 767px) {
.custom-loop-description {display: none;}
}

.banner5-container {padding: 80px 0 100px; position: relative;}
@media (min-width: 992px) {
.banner5-container .col-lg-6 {max-width: 50%; flex: 0 0 auto;}
}
.banner5-container .thumbnail {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: center;
    position: absolute;
    position: relative;
    z-index: 1;
}
.banner5-container .thumbnail .thumbnail-left {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 18px;
    justify-content: center;
}
.banner5-container .thumbnail .thumbnail-right .thumbnail-right-img {
position: relative;
 z-index: 0;
}
.tech--container {
    max-width: 1360px;
}
@media (min-width: 1400px) {
    .align-items-xxl-center {
        align-items: center !important;
    }
}

@media (max-width: 991px) {
    .order-banner5 {
        order: 2;
    }
}
@media (min-width: 992px) {
.banner5-container .left-section {padding-right: 50px;}
}
.banner5-container .left-section .title{font-size: 34px; margin-bottom: 20px;}
.banner5-container .left-section .title span{
    background: #d7cffe;
    background: var(--tech-primary-bg);
    border-radius: 15px;
    line-height: 54px;
    padding: 0 5px;
}
.banner5-container .left-section .desc {
    margin-bottom: 30px;
}

.banner5-container span {
    display: inline-block;
}

.hot-block {align-items: flex-start; display: flex; z-index: 100; position: relative;}
.hotspot-zakaz {background-color: #1f5f8b; border-radius: 12px; padding: 9px 12px; font-weight: 500; box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;}
.hot-block .bottom-tooltip {top: auto; left: auto;}
.toollip-tel {text-decoration: none;  display: block; cursor: pointer; padding: 5px; font-size: 16px; letter-spacing: .5px;}
/* Стили для таблицы сравнения печати */
.print-comparison-container {
    overflow-x: auto; /* Прокрутка на мобильных */
    margin: 20px 0;
}

.print-table {
    width: 100%;
    border-collapse: collapse;
}

.print-table th, .print-table td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
}

.print-table th {
    background-color: #f4f4f4;
    color: #333;
    font-weight: bold;
}

.print-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.print-table tr:hover {
    background-color: #f1f1f1;
}

/* Стили для мобильных устройств (до 768px или 600px) */
@media (max-width: 650px) {
    .print-table thead {
        display: none; /* Скрываем заголовок таблицы */
    }

    .print-table, .print-table tbody, .print-table tr, .print-table td {
        display: block; /* Превращаем всё в блоки */
        width: 100%;
    }

    .print-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

    .print-table td {
        text-align: right; /* Текст значения — справа */
        padding-left: 50%; /* Оставляем место слева под заголовок */
        position: relative;
        border: none;
        border-bottom: 1px solid #eee;
    }

    /* Вставляем заголовок из data-label перед контентом */
    .print-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        font-weight: bold;
        text-align: left;
        color: #666;
    }

    .print-table td:last-child {
        border-bottom: 0;
    }
}
.quantity .button:hover, .quantity .button:active,.quantity .button:focus{color: #000;}
@media (max-width: 479px) {
ul.products.row.cols-2 li.product-wrap,  ul.products.items.owl-item li.product-wrap { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;}
}
.custom-cont-two{background-position: center; background-repeat: no-repeat; background-image: url('/wp-content/uploads/fon-min.png'); background-size: cover;}
.custom-col-two{width: calc(50% - 60px); margin: 30px; background-color: #fff; padding: 30px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
@media (max-width: 852px) {
.custom-col-two{width: 100%; overflow: hidden;}
}
.material-custom {display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-rows: minmax(50px, auto); gap: 0 20px; position: relative; row-gap: 24px;
 align-items: center; margin: 35px 0;}
.material-custom img{padding-right: 10px; max-width: 40px;}
.material-custom a{text-decoration: underline;text-underline-offset: 3px;}
.text-desk-krug {
  display: grid;
  /* Все колонки теперь одинаковые и гибкие */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px; /* Упростил запись отступов */
      margin-bottom: -50px;
  position: relative;
}

.text-desk-section {
  margin-bottom: 75px;
}

.text-desk-krug div {
  background: #ffffff;
  display: flex; /* Поменял inline-flex на flex для стабильности */
  justify-content: flex-start; /* Текст и иконка обычно лучше смотрятся слева */
  align-items: center;
  min-height: 80px; /* Используем min-height вместо height, чтобы блок мог расти вниз */
  border-radius: 1em;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  padding: 15px 20px; /* Немного увеличил отступы для красоты */
  box-sizing: border-box; /* Чтобы padding не увеличивал ширину блока */
}

.text-desk-krug i {
  font-size: 24px;
  padding-right: 15px;
  flex-shrink: 0; /* Чтобы иконка не сжималась, если текста много */
  text-align: center;
}
@media (max-width: 480px) {
  .text-desk-krug {
    grid-template-columns: 1fr; /* На мобилках просто в один столбик */
  }
}
 .dve-col {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; position: relative; row-gap: 24px;
 align-items: center; margin: 35px 0;}
 @media (max-width: 767px) {
.dve-col {
    grid-template-columns: 1fr;
  }
}
.dve-col div {background: #f8f8f8; justify-content: center;   align-items: center; border: 1px solid #ddd; padding:15px; height: 100%;}
 /* свойства модального окна по умолчанию */
    .modal {
      position: fixed;
      /* фиксированное положение */
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.2);
      /* цвет фона */
      z-index: 1050;
      opacity: 0;
      /* по умолчанию модальное окно прозрачно */
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      /* анимация перехода */
      pointer-events: none;
      /* элемент невидим для событий мыши */
	  align-items: center;
    display: flex; justify-content: center;
    }

    /* при отображении модального окно */
    .modal:target {
      opacity: 1;
      pointer-events: auto;
      overflow-y: auto;
    }

    /* ширина модального окна и его отступы от экрана */
    .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px;
    }

    @media (min-width: 576px) {
      .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
      }
    }

    /* свойства для блока, содержащего контент модального окна */
    .modal-content {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: .3rem;
      outline: 0;
	  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    }
.modal-body a {display: block; padding: 10px; margin-top: 15px; background-color: #f5f5f5; box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; color: #000;}
.modal-body a:hover{background-color: #dfdfdf;}
.modal-body i{padding-right: 7px;}
/* свойства для заголовка модального окна */
.modal-header img{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
/* свойства для кнопки "Закрыть" */
.close {float: right; font-family: sans-serif; font-size: 24px; font-weight: 700; line-height: 1; color: #000; margin-right: -40px; padding: 10px; background-color: #ffffff; text-decoration: none;}

    /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
    .close:focus,
    .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .75;
    }

    /* свойства для блока, содержащего основное содержимое окна */
    .modal-body {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 15px;
      overflow: auto;
    }
.custom-modal-button{margin-top: 20px; width: 100%; display: block; padding: 10px; text-align: center; border: 1px solid #ddd;}

/*классические колонки*/
.classik-custom {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 20px; position: relative; row-gap: 24px; align-items: center;}
.classik-custom div{background: #f8f8f8; height: 100%; border: 1px solid #ddd; padding:15px;}
.classik-custom .heading{text-decoration: underline;text-underline-offset: 3px;display: block; margin-bottom: 7px;}
.mgt20{margin-top: 20px;}
.mgb35{margin-bottom: 35px;}
.tm-table .title {
	font-size: 14px;
    letter-spacing: 1px;
    padding: 5px 15px;
    color: #ffffff;
    background: #1e73be;
    line-height: 2.2;
    border: 1px solid #f7f4f4;
}