/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.1
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/
/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
body {
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.breadcrumbs {
    font-size: 12px;
    font-weight: 400;
}
.heading h1 {
    font-size: 28px;
    color: inherit;
    padding: 0 !important;
}
.p-line-10 > p {
    padding: 10px 0px;
    margin: 0;
}
.p-last-0 > p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.OLXTOTO-fixed-footer {
    display: flex;
    justify-content: space-around;
    position: fixed;
    background: linear-gradient(
        to bottom,
        rgb(32, 32, 32) 0%,
        rgb(32, 32, 32) 50%,
        rgb(32, 32, 32) 100%
    );
    box-shadow: inset 2px 2px 2px 0px rgba(49, 49, 49, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    outline: none;
    padding: 5px 0;
    box-shadow: 0 0 2px 2px rgb(32, 32, 32);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    border-radius: 40px 40px 0px 0px;
    border-style: dashed;
}
.OLXTOTO-fixed-footer a {
    flex-basis: calc((100% - 15px * 6) / 5);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fcfbfb;
    max-width: 75px;
    font-size: 12px;
    font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
}
.OLXTOTO-fixed-footer a:hover {
    font-weight: bold;
}
.OLXTOTO-fixed-footer .center {
    transform: scale(1.5) translateY(-5px);
    background: center no-repeat;
    background-size: contain;
    background-color: inherit;
    border-radius: 50%;
}
.OLXTOTO-fixed-footer img {
    max-width: 20px;
    margin-bottom: 0;
    max-height: 20px;
}
.absolute-footer {
    display: none;
}
h2 {
    font-size: 27px;
    line-height: 35px;
}
.t-currency {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: inherit;
    line-height: 1;
    font-size: 36px;
}
.box-text-list {
    font-size: 12px;
    margin-left: 8px;
}
.box-text-list ul {
    list-style-type: none;
}
.box-text-list ul li {
    position: relative;
    margin: 0;
}
.box-text-list ul li i {
    margin-right: 10px;
}
.col-price span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: inherit;
    line-height: 1;
    position: relative;
}
.col-price span.regular {
    position: relative;
    color: gray;
    font-weight: 500;
}
.col-price span.regular::after {
    content: "";
    background: gray;
    width: 85%;
    height: 1px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 50%;
    position: absolute;
    right: 0;
}
.box-price span sup {
    font-size: 16px;
    position: relative;
    top: -1px;
    font-weight: normal;
}
.col-price span sup {
    font-size: 12px;
}
.t-body.-size-m {
    font-size: 14px;
}
.t-heading.-size-xxl {
    font-size: 36px;
}
.t-body.-color-dark,
.t-body {
    color: #666666;
}
.button.button-price {
    text-transform: none;
    color: #454545;
}
.box-price p {
    line-height: 1;
}
.sidebar-s .has-mw-1 {
    text-align: center;
}
.sidebar-s .has-mw-1 img {
    max-width: 208px;
    margin: 0 auto;
}
.pt-10 {
    padding-top: 10px;
}
.stack-border {
    padding: 15px 25px 15px 25px;
    border-radius: 4px;
    border: 1px solid rgb(225, 232, 237);
}
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    padding: 10px 0px 20px 0px;
    color: #545454;
    font-weight: inherit;
}
.img.has-after {
    position: relative;
}
.img.has-before:before {
    left: 0;
    right: 0;
    top: calc(50% + 50px);
    bottom: 0;
    position: absolute;
    content: attr(data-preview-label)
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 12 12' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.9 1.2L5.475 5.55C5.25 5.85 5.25 6.225 5.475 6.525C5.7 6.75 6.15 6.75 6.375 6.525L10.725 2.175V3.675C10.725 3.975 11.025 4.275 11.325 4.275C11.625 4.275 11.925 3.975 11.925 3.675V0.675C11.925 0.525 11.85 0.375 11.775 0.225C11.7 0.075 11.55 0 11.4 0H8.4C8.1 0 7.8 0.3 7.8 0.6C7.8 0.9 8.1 1.2 8.4 1.2H9.9ZM12 7.2V4.35V10.5C12 11.325 11.4 12 10.65 12H1.35C0.6 12 0 11.325 0 10.5V1.5C0 0.675 0.6 0 1.35 0H7.725H4.8C5.1 0 5.4 0.3 5.4 0.6C5.4 0.9 5.1 1.2 4.8 1.2H1.575C1.35 1.2 1.2 1.35 1.2 1.575V10.35C1.2 10.575 1.35 10.725 1.575 10.725H10.5C10.725 10.725 10.875 10.575 10.875 10.35V7.125C10.875 6.825 11.175 6.525 11.475 6.525C11.7 6.6 12 6.9 12 7.2Z' fill='white'/></svg>");
    z-index: 2;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    text-align: center;
}
.img.has-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7)
        url(assets/img/overlay_live_preview-866d58447ed656214cdeb52cd5c7ae5251d6e7cee5491e621d9624c51a33d416.svg)
        no-repeat center center;
    opacity: 0;
}
.img.has-before:hover:before {
    opacity: 1;
}
.img.has-after:hover:after {
    opacity: 1;
}
.btn-icon {
    transition: 0.15s;
    font-size: 14px;
    font-weight: normal;
}
.btn-icon:after {
    content: "";
    float: right;
    height: 17px;
    margin: 7px 0 0 15px;
    width: 17px;
}
.btn-icon.screenshots:after {
    background-image: url(assets/img/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png);
    background-position: -189px -74px;
}
.btn-icon.live-preview:after {
    background-image: url(assets/img/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png);
    background-position: 0px -137px;
}
.button.has-icon.is-outline {
    border: #e6e6e6 solid 1px;
    padding: 0;
    margin: 0;
    line-height: unset;
    min-height: unset;
    aspect-ratio: 1 / 1;
    line-height: 38px;
    opacity: 1;
}
.button.has-icon.is-outline i {
    margin: 0;
    color: #454545;
    line-height: 1;
    font-size: 16px;
}
.button.has-icon.is-outline i.icon-cross {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 18px;
    line-height: 0;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M88 289.6L64.4 360.2L64.4 160C64.4 124.7 93.1 96 128.4 96L267.1 96C280.9 96 294.4 100.5 305.5 108.8L343.9 137.6C349.4 141.8 356.2 144 363.1 144L480.4 144C515.7 144 544.4 172.7 544.4 208L544.4 224L179 224C137.7 224 101 250.4 87.9 289.6zM509.8 512L131 512C98.2 512 75.1 479.9 85.5 448.8L133.5 304.8C140 285.2 158.4 272 179 272L557.8 272C590.6 272 613.7 304.1 603.3 335.2L555.3 479.2C548.8 498.8 530.4 512 509.8 512z"/></svg>')
        no-repeat center/contain;
}
.button.has-icon.is-outline span {
    display: none;
}
.section.mw-90 {
    max-width: 90% !important;
    margin: 0 auto;
}
.section .stack.stack-button .button {
    flex: 1;
    text-shadow: 2px 2px #0c0f12;
    border-radius: 10px 10px;
    border: 1px solid #000000;
    background: linear-gradient(to bottom, gold 0, gold 50%);
    color: #fff;
    height: 46px;
    line-height: 46px;
}
.section .stack.stack-button .button:hover span {
    text-decoration: underline;
}
.stack-text a {
    color: #0084b4;
}
.page-tabs ul {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-tabs li {
    font-size: 12px;
    display: inline;
    line-height: 36px;
    margin-bottom: 1px;
    height: 36px;
    margin-left: 0;
}
.page-tabs a {
    border-radius: 2px 2px 0 0;
    color: #666666;
    float: left;
    margin-right: 1px;
    padding: 0px 8px;
}
.page-tabs a:hover,
.page-tabs a:focus {
    background: #e0e0e0;
    color: #454545;
    border-bottom: 1px solid #e0e0e0;
}
.page-tabs .selected a {
    color: #454545;
    font-weight: bold;
    background: white;
    border-top-color: #e1e8ed;
    border-left-color: #e1e8ed;
    border-right-color: #e1e8ed;
    border-bottom-color: white;
    border-style: solid;
    border-width: 1px;
    padding: 0px 11px;
}
.page-tabs .right {
    float: right;
}
.page-tabs .last a {
    margin-right: 0;
}
.page-tabs .item-navigation-reviews-comments {
    background-color: #0983af;
    font-weight: bold;
    padding: 1px 2.6666666667px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 11px;
    margin-left: 10px;
}
.rating-detailed__stars {
    float: left;
    width: 120px;
}
.rating-detailed__average {
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
    width: 100%;
}
.rating-detailed__exposer {
    font-size: 12px;
    font-weight: bold;
}
.rating-detailed--has-no-ratings {
    font-size: 14px;
}
.rating-detailed--has-no-ratings strong {
    color: #454545;
}
.rating-detailed--has-no-ratings span {
    color: #999999;
}
.rating-detailed-small {
    display: inline-block;
}
.rating-detailed-small__star-rating {
    color: #f2b827;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    vertical-align: text-top;
}
.rating-detailed-small-center__star-rating {
    color: #f2b827;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}
.rating-detailed-small-total_rating_count {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-left: 0;
}
.h-m0 * {
    margin: 0 !important;
}
#wide-nav .button.is-underline {
    text-transform: none;
    color: #ffffff;
    padding: 11px 0;
}
#wide-nav .button.is-underline:before {
    width: 100%;
    left: 0;
    opacity: 1;
    background-color: #9cee69;
}
.global-header-menu__icon {
    display: inline-block;
    opacity: 0.6;
    margin-right: 1px;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.global-header-menu__icon path {
    fill: currentColor;
}
@media only screen and (max-width: 849px) {
    .large-1.left-content {
        flex-basis: 60px;
        max-width: 60px;
    }
    .large-7.content-s {
        flex-basis: calc(100% - 60px);
        max-width: calc(100% - 60px);
    }
    .row-gap-40 {
        margin-left: -10px !important;
        margin-right: -10px !important;
        max-width: 200% !important;
    }
    .row-gap-40 > .col {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media only screen and (min-width: 850px) {
    #wide-nav .nav > li {
        margin: 0 clamp(8px, 1.33333333vw, 16px);
    }
    li.header-divider {
        margin: 0 !important;
    }
    .header-main {
        height: auto !important;
    }
    .header-main #logo {
        padding-top: 16px;
    }
    .header .flex-row {
        align-items: flex-start;
    }
    .header-main .nav.header-nav-main > li {
        margin: 0 clamp(8px, 1.33333333vw, 16px);
    }
    .header-main .nav li a {
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        font-weight: normal;
        color: #ffffff;
        opacity: 0.6;
        padding-top: 16px;
    }
    .header-main .nav li a:hover {
        opacity: 1;
    }
    .header-main .nav li a:hover .global-header-menu__icon {
        opacity: 1;
    }
    .html_top_right_text,
    .html_nav_position_text_top {
        background-color: #333333;
        color: white;
        display: inline-block;
        padding: 16px !important;
        padding-bottom: 8px !important;
        text-decoration: none;
        font-size: 1em !important;
    }
    .html_top_right_text {
        padding-right: 8px !important;
        margin-right: 0 !important;
    }
    .html_nav_position_text_top {
        padding-left: 8px !important;
        text-transform: none;
        height: 50px;
        margin-left: 0 !important;
    }
    .html_top_right_text a,
    .html_nav_position_text_top a {
        padding: 0 !important;
        line-height: 1;
    }

    .html_top_right_text {
        border-radius: 3px 0 0 3px;
    }
    .html_nav_position_text_top {
        border-radius: 0 3px 3px 0;
    }
}
@media only screen and (min-width: 1200px) {
    .row-gap-40 {
        margin-left: -20px !important;
        margin-right: -20px !important;
        max-width: 200% !important;
    }
    .row-gap-40 > .col {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .large-1.left-content {
        flex-basis: 80px;
        max-width: 80px;
    }
    .large-7.content-s {
        flex-basis: calc(100% - 390px - 80px);
        max-width: calc(100% - 390px - 80px);
    }
    .large-4.sidebar-s {
        flex-basis: 390px;
        max-width: 390px;
    }
}
