/***************************
	Reset CSS
***************************/
    @import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
    @import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

    * {
        box-sizing: border-box;
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        /* font-family: "DM Sans", sans-serif; */
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
        /* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
        vertical-align: baseline;
        font-weight: 500;
        /* font-weight: 300; */
    }

    :focus {
        outline: 0;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }

    body {
        line-height: 1;
    }

    ol,
    ul {
        list-style: none;
    }

    blockquote,
    q {
        quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    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 {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type="search"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical;
        font-family: inherit;
        font-size: inherit;
    }

    audio,
    canvas,
    video {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        max-width: 100%;
    }

    audio:not([controls]) {
        display: none;
        height: 0;
    }

    [hidden] {
        display: none;
    }

    html {
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    @media only screen and (max-width: 768px) {
        html {
            font-size: 14px;
        }
    }

    a {
        text-decoration: none;
    }

    a:focus {
        outline: 0;
    }

    a:active,
    a:hover {
        outline: 0;
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    figure {
        margin: 0;
    }

    form {
        margin: 0;
    }

    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
        *margin-left: -7px;
    }

    button,
    input,
    select,
    textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
        *vertical-align: middle;
    }

    button,
    input {
        line-height: normal;
    }

    button,
    select {
        text-transform: none;
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        *overflow: visible;
    }

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *height: 13px;
        *width: 13px;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    textarea {
        overflow: auto;
        vertical-align: top;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html,
    button,
    input,
    select,
    textarea {
        color: #222;
    }

    ::-moz-selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    ::selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    img {
        vertical-align: middle;
    }

    video {
        vertical-align: middle;
    }

    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    textarea {
        resize: unset;
    }

    .chromeframe {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
    }

    /***************************
	Typography
***************************/

    .text-title {
        color: #111;
    }

    .text-subTitle {
        color: #444;
    }

    .text-regular {
        color: #888;
    }

    .text-border {
        color: #e1e1e1;
    }

    .text-lightOverlay {
        color: #F5F5F5;
    }

    .text-yellow {
        color: #9E9E9E;
    }

    .text-blue {
        color: #11d2ef;
    }

    .text-violet {
        color: #537bdf;
    }

    .text-trans {
        color: transparent;
    }

    .center-line-title {
        display: flex;
        align-items: center;
        margin-bottom: 2.5em;
        font-size: 16px;
    }

    .center-line-title:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        display: block;
        background-color: #e1e1e1;
    }

    .center-line-title h5 {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        margin-right: 15px;
    }

    .center-line-title.-large h5 {
        font-size: 1.625em;
    }

    .center-line-title.-medium h5 {
        font-size: 1.125em;
    }

    .center-line-title.-mb-0 {
        margin-bottom: 0;
    }

    .center {
        text-align: center;
    }

    /**
    GIRL PROFILE
**/

    .center-line-title-profile {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
        font-size: 16px;
    }

    .center-line-title-profile:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        display: block;
        background-color: #e1e1e1;
    }

    .center-line-title-profile h5 {
        color: #111;
        font-size: 1em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-right: 15px;
    }

    .center-line-title-profile.-large h5 {
        font-size: 1.625em;
    }

    .center-line-title-profile.-medium h5 {
        font-size: 1.125em;
    }

    .center-line-title-profile.-mb-0 {
        margin-bottom: 0;
    }

    /***************************
	Player color
***************************/

    .plyr--full-ui input[type="range"] {
        color: #9E9E9E;
    }

    .plyr--audio {
        color: #111;
    }

    .plyr--audio .plyr__control.plyr__tab-focus,
    .plyr--audio .plyr__control:hover,
    .plyr--audio .plyr__control[aria-expanded="true"] {
        background: #9E9E9E;
    }

    .plyr--audio input[type="range"] {
        color: #111;
    }

    .plyr--video .plyr__control.plyr__tab-focus,
    .plyr--video .plyr__control:hover,
    .plyr--video .plyr__control[aria-expanded="true"] {
        background: #9E9E9E;
    }

    .plyr__control--overlaid {
        background: rgba(228, 156, 134, 0.8);
    }

    .plyr__control.plyr__tab-focus {
        box-shadow: 0 0 0 5px rgba(228, 156, 134, 0.5);
    }

    .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
        background: #9E9E9E;
    }

    /***************************
	Header
***************************/
    .card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        margin-bottom: 1em;
    }

    header {
        box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
        font-size: 14px;
        /* position: fixed; */
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: #fff;
    }

    header .header-wrapper {
        padding: 25px 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    header .header-wrapper .header__logo img {
        max-height: 1.5625em;
        object-fit: contain;
        margin-right: auto;
    }

    header .header-wrapper nav ul>li {
        display: inline-block;
        /* margin: 0 1.78571em; */
        margin-right: 0.9em;
        position: relative;
    }

    header .header-wrapper nav ul>li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    header .header-wrapper nav ul>li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    header .header-wrapper nav ul>li.active>a:after {
        left: 0;
    }

    header .header-wrapper nav ul>li.active>a:hover:after {
        animation: reSlide 1s forwards;
    }

    header .header-wrapper nav ul>li>a {
        text-transform: uppercase;
        color: #111;
        /* font-size: 1em; */
        font-size: 0.9em;
        font-weight: 600;
        text-decoration: none;
        line-height: 1em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
        position: relative;
        padding: 8px 0;
        overflow: hidden;
        display: inline-block;
    }

    header .header-wrapper nav ul>li>a:hover {
        color: #111;
    }

    header .header-wrapper nav ul>li>a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -100%;
        height: 3px;
        width: 100%;
        background-color: #9E9E9E;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    header .header-wrapper nav ul>li>a:hover:after {
        left: 0;
    }

    header .header-wrapper nav ul>li:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    header .header-wrapper nav ul>li .dropdown-menu {
        position: absolute;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        right: 0;
        padding: 30px 50px;
        background-color: #fff;
        box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
        opacity: 0;
        visibility: hidden;
        z-index: 10;
    }

    header .header-wrapper nav ul>li .dropdown-menu li {
        display: block;
        margin: 0;
        margin-bottom: 10px;
    }

    header .header-wrapper nav ul>li .dropdown-menu li:last-child {
        margin-bottom: 0;
    }

    header .header-wrapper nav ul>li .dropdown-menu li a {
        /* white-space: pre; */
        white-space: nowrap;
    }

    header .header-wrapper .header__icon-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    header .header-wrapper .header__icon-group a {
        color: #111;
        font-size: 1.14286em;
        font-weight: 600;
        text-decoration: none;
        line-height: 0;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
    }

    header .header-wrapper .header__icon-group a:hover {
        color: #9E9E9E;
    }

    header .header-wrapper .header__icon-group #search {
        padding-right: 1.875em;
        margin-right: 1.875em;
        border-right: 1px solid #e1e1e1;
    }

    header .header-wrapper .header__icon-group #search.active {
        color: #9E9E9E;
    }

    header .header-wrapper .header__icon-group .social a {
        margin: 0 0.625em;
    }

    header .header-wrapper .header__icon-group .social a:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    header .header-wrapper .header__icon-group .social a:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    header .header-wrapper .header__icon-group .social #mobile-menu-controller {
        display: none;
    }

    @media only screen and (max-width: 992px) {
        header {
            font-size: 13px;
        }
    }

    header.scroll-down .header-wrapper {
        padding: 20px 0;
    }

    header.is-mobile {
        font-size: 15px;
        z-index: 100;
    }

    header.is-mobile #search-box {
        font-size: 22px;
    }

    header.is-mobile nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 100;
        box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
        overflow-y: auto;
        height: 100vh;
    }

    header.is-mobile nav ul {
        padding: 30px 20px 100px;
    }

    header.is-mobile nav ul>li {
        display: block;
        border-bottom: 1px solid #e1e1e1;
        margin: 0;
        padding: 20px 0 20px;
        z-index: 100;
    }

    header.is-mobile nav ul>li:last-child {
        border-bottom: 0;
    }

    header.is-mobile nav ul>li>a {
        padding: 0;
    }

    header.is-mobile nav ul>li>a:after {
        display: none;
    }

    header.is-mobile nav ul>li .dropdown-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        z-index: 200;
        position: unset;
        padding: 15px 30px;
    }

    header.is-mobile nav ul>li .dropdown-menu li {
        border-bottom: 0;
        padding: 10px 0;
    }

    header.is-mobile nav ul>li .dropdown-menu.show {
        display: block;
    }

    header.is-mobile nav ul>li .dropdown-menu__controller {
        float: right;
    }

    header.is-mobile .header__icon-group #search {
        padding-right: 1.33333em;
        margin-right: 1.33333em;
    }

    header.is-mobile .header__icon-group .social a {
        display: none;
    }

    header.is-mobile .header__icon-group .social #mobile-menu-controller {
        display: block;
        margin: 0;
    }

    header.-theme--blue .header-wrapper nav ul>li>a:hover {
        color: #11d2ef;
    }

    header.-theme--blue .header-wrapper nav ul>li>a:after {
        background-color: #11d2ef;
    }

    header.-theme--blue .header-wrapper .header__icon-group a:hover {
        color: #11d2ef;
    }

    header.-theme--blue .header-wrapper .header__icon-group #search.active {
        color: #11d2ef;
    }

    header.-theme--violet .header-wrapper nav ul>li>a:hover {
        color: #537bdf;
    }

    header.-theme--violet .header-wrapper nav ul>li>a:after {
        background-color: #537bdf;
    }

    header.-theme--violet .header-wrapper .header__icon-group a:hover {
        color: #537bdf;
    }

    header.-theme--violet .header-wrapper .header__icon-group #search.active {
        color: #537bdf;
    }

    @keyframes reSlide {
        from {
            left: -100%;
        }

        to {
            left: 0;
        }
    }

    /***************************
	Post card
***************************/

    .post-card {
        font-size: 16px;
    }

    @media only screen and (max-width: 992px) {
        .post-card {
            font-size: 15px;
        }
    }

    @media only screen and (max-width: 576px) {
        .post-card {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 768px) {
        .post-card.-full {
            font-size: 14px;
        }
    }

    .post-card.-full .card__content {
        padding: 0 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .post-card.-full .card__content {
            padding: 0;
        }

        .post-card.-full .card__content-description {
            display: none;
        }

        .post-card.-full .card__content .card__content-info {
            margin-bottom: 1.25em;
            justify-content: space-around;
        }

        .post-card.-full .card__content .card__content-info i {
            margin-right: 0.3125em;
            margin-bottom: 0.625em;
        }

        .post-card.-full .card__content .card__content-info .info__time {
            margin-right: 0;
        }
    }

    .post-card.-full .card__content-title {
        font-size: 1.625em;
        line-height: 1.23077em;
        margin-bottom: 0.38462em;
    }

    .post-card.-audio {
        background-color: #F5F5F5;
        padding: 2.5em;
        border-radius: 0.3125em;
    }

    @media only screen and (max-width: 992px) {
        .post-card.-audio {
            padding: 1.875em 1.5625em;
        }
    }

    @media only screen and (max-width: 768px) {
        .post-card.-audio {
            padding: 1.5625em 0.625em;
        }
    }

    .post-card.-audio .plyr {
        margin-bottom: 2.5em;
    }

    .post-card.-video .plyr,
    .post .post-card.post-standard.-audio .plyr,
    .post .post-card.post-standard.-quote .plyr {
        margin-bottom: 1.25em;
    }

    .post-card.-center .card__content {
        text-align: center;
    }

    .post-card.-center .card__content-info {
        justify-content: center;
    }

    .post-card.-right .card__content {
        text-align: right;
    }

    .post-card.-right .card__content-info {
        justify-content: flex-end;
    }

    .post-card.-inner-text {
        position: relative;
        border-radius: 0.3125em;
        overflow: hidden;
    }

    .post-card.-inner-text::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 2;
    }

    .post-card.-inner-text .card__cover {
        margin-bottom: 0;
    }

    .post-card.-inner-text .card__content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 65%;
        margin: 0 auto;
        z-index: 3;
        padding-bottom: 1.875em;
    }

    .post-card.-inner-text .card__content-category {
        color: #fff;
    }

    .post-card.-inner-text .card__content-title {
        color: #fff;
    }

    .post-card.-inner-text .card__content-info p {
        color: #fff;
    }

    .post-card.-inner-text .card__content-info .info__author p {
        color: #fff;
    }

    .post-card.-inner-text.-banner {
        margin-bottom: 3.125em;
    }

    .post-card.-inner-text.-banner .card__content-title {
        font-size: 1.875em;
        line-height: 30, 39;
        margin-bottom: 0.53333em;
    }

    @media only screen and (max-width: 768px) {
        .post-card.-inner-text.-banner .card__content-title {
            font-size: 1.75em;
        }
    }

    @media only screen and (max-width: 576px) {
        .post-card.-inner-text.-banner::before {
            display: none;
        }

        .post-card.-inner-text.-banner .card__cover {
            margin-bottom: 1.875em;
        }

        .post-card.-inner-text.-banner .card__content .card__content -category {
            position: unset;
            max-width: 100%;
            padding: 0 20px,
                /* padding-color: #111; */
        }

        .post-card.-inner-text.-banner .card__content-title {
            color: #111;
        }

        .post-card.-inner-text.-banner .card__content-info .info__author p {
            color: #111;
        }

        .post-card.-inner-text.-banner .card__content-info p {
            color: #888;
        }
    }

    .post-card.-inner-text.-middle::before {
        content: "";
        background: #0008;
        opacity: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-card.-inner-text.-middle:hover::before {
        opacity: 1;
    }

    .post-card.-inner-text.-middle:hover .card__content {
        opacity: 1;
    }

    .post-card.-inner-text.-middle .card__cover {
        height: 100%;
    }

    .post-card.-inner-text.-middle .card__content {
        padding-bottom: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        opacity: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-card.-inner-text.-middle.-small {
        font-size: 14px;
    }

    .post-card.-inner-text.-middle.-small .card__content {
        color: red;
    }

    .post-card.-inner-text.-middle.-small .card__content-title {
        font-size: 1.28571em;
    }

    .post-card.-inner-text.-middle.-long .card__content {
        max-width: 85%;
    }

    .post-card.-inner-text.-middle.-big .card__content-title {
        font-size: 1.85714em;
    }

    @media only screen and (max-width: 768px) {
        .post-card.-inner-text.-middle::before {
            opacity: 1;
        }

        .post-card.-inner-text.-middle .card__content {
            opacity: 1;
        }
    }

    .post-card.-image-less {
        display: flex;
        align-items: center;
    }

    .post-card.-image-less .category-icon {
        margin-right: 2.5em;
    }

    .post-card.-image-less .category-icon img {
        height: 3.125em;
        width: 3.125em;
        object-fit: cover;
    }

    .post-card.-image-less .card__content-title {
        font-size: 1.875em;
        line-height: 1.23333em;
    }

    @media only screen and (max-width: 576px) {
        .post-card.-image-less .card__content-info i {
            margin-bottom: 1em;
        }
    }

    .post-card.-horizontal {
        display: flex;
    }

    .post-card.-horizontal .card__cover,
    .post-card.-horizontal .card__content {
        flex: 1 1 50%;
        max-width: 50%;
    }

    .post-card.-horizontal .card__cover {
        margin-bottom: 0;
    }

    .post-card.-horizontal.-small .card__cover {
        margin-right: 1.875em;
    }

    .post-card.-horizontal.-small .card__content-description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .post-card.-horizontal.-large .card__cover {
        min-height: 100%;
        height: auto;
    }

    .post-card.-horizontal.-large .card__content {
        padding: 3.125em;
        background-color: #F5F5F5;
    }

    @media only screen and (max-width: 576px) {
        .post-card.-horizontal.-large .card__content-description {
            display: none;
        }
    }

    @media only screen and (max-width: 992px) {
        .post-card.-horizontal.-large {
            flex-direction: column;
        }

        .post-card.-horizontal.-large .card__cover,
        .post-card.-horizontal.-large .card__content {
            flex: 1 1 100%;
            max-width: 100%;
        }
    }

    .post-card.-box-text {
        position: relative;
    }

    .post-card.-box-text .card__cover {
        margin-bottom: 0;
        position: inherit;
    }

    .post-card.-box-text .card__content {
        background-color: #fff;
        padding: 2.5em;
        margin-top: -2.5em;
        z-index: 2;
        position: inherit;
        margin-left: 1.875em;
        margin-right: 1.875em;
    }

    .post-card.-box-text .card__content-2 {
        padding: 2.5em;
        z-index: 2;
        position: inherit;
        /* margin-left: 1.875em;
    margin-right: 1.875em; */
    }

    .post-card.-tiny {
        display: flex;
        margin-bottom: 0.9375em;
    }

    .post-card.-tiny:last-child {
        margin-bottom: 0;
    }

    .post-card.-tiny .card__cover {
        border-radius: 3px;
        margin-right: 1.25em;
        overflow: hidden;
        /* height: 200px;
    width: 105px; */
        height: 75px;
        width: 75px;
        flex: 1 1 30%;
        max-width: 30%;
        margin-bottom: 0;
    }

    .post-card.-huge .card__cover {
        border-radius: 3px;
        margin-right: 1.25em;
        overflow: hidden;
        /* height: 200px;
    width: 105px; */
        height: 255px;
        width: 255px;
        flex: 1 1 30%;
        max-width: 30%;
        margin-bottom: 0;
    }

    .post-card.-tiny .card__cover img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .post-card.-tiny .card__content {
        flex: 1 1 70%;
        max-width: 70%;
    }

    .post-card.-tiny .card__content-category {
        display: none;
    }

    .post-card.-tiny .card__content-title {
        /* font-size: 1em; */
        font-size: 0.7em;
        margin-bottom: 0.3125em;
    }

    .post-card.-tiny .card__content-info i {
        color: #444;
    }

    .post-card-quote {
        padding: 2.5em;
        background-color: #F5F5F5;
        border-radius: 0.3125em;
        text-align: center;
    }

    .post-card-quote .qoute__icon {
        font-size: 1em;
        color: #111;
        height: 3.125em;
        width: 3.125em;
        background-color: #9E9E9E;
        border-radius: 999px;
        margin: 0 auto;
        margin-bottom: 1.875em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .post-card-quote .quote__content {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1.22727em;
        margin-bottom: 0.90909em;
    }

    .post-card-quote .quote__author {
        color: #111;
        font-size: 0.9375em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    .post-card-quote.-border {
        border: 2px solid #9E9E9E;
        background-color: transparent;
        padding-top: 0;
        margin-top: 3.125em;
    }

    .post-card-quote.-border .qoute__icon {
        margin-top: -1.5625em;
    }

    .post-card:hover .card__cover>img {
        transform: scale(1.1);
    }

    .post-card .card__cover {
        display: flex;
        margin-bottom: 1.25em;
        border-radius: 0.3125em;
        overflow: hidden;
        /* height: 33vh; */
        height: 23em;
    }

    .post-card .card__cover img, .post-card .card__cover video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-card .card__cover.-slide-splited .card__cover__slide-item {
        padding: 0 0.3125em;
    }

    .post-card .card__cover-2 {
        width: 300px;
        margin: auto;
        display: flex;
        margin-bottom: 1.25em;
        border-radius: 0.3125em;
        overflow: hidden;
        padding-left: 30px;
        padding-right: 30px;
    }

    .post-card .card__cover-2 img {
        height: 100%;
        width: 100%;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-card .card__cover.-slide-splited .card__cover__slide-item {
        padding: 0 0.3125em;
    }

    .post-card .card__cover.-slide .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 1em;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        position: absolute;
        z-index: 1;
    }

    .post-card .card__cover.-slide .slick-arrow.slick-next {
        right: 0;
    }

    .post-card .card__cover.-slide .slick-arrow.slick-prev {
        left: 0;
    }

    .post-card .card__content-category {
        color: #111;
        font-size: 0.75em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        z-index: 1;
        margin-bottom: 1.25em;
        padding: 0 0.3125em;
    }

    .post-card .card__content-category:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background-color: #f1cdc2;
        z-index: -1;
        transform: translateY(40%);
    }

    .post-card .card__content-title {
        display: block;
        margin-bottom: 0.625em;
        color: #111;
        font-size: 1.375em;
        /* font-weight: 700; */
        font-weight: 500;
        text-decoration: none;
        line-height: 1.375em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .post-card .card__content-title:hover {
        color: #9E9E9E;
    }

    .post-card .card__content-title:hover {
        text-decoration: underline;
    }

    .post-card .card__content-info {
        display: flex;
        align-items: center;
    }

    .post-card .card__content-info2 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .post-card .card__content-info .info__time {
        margin-right: 0.9375em;
    }

    .post-card .card__content-info .info__author p {
        color: #111;
    }

    .post-card .card__content-info i,
    .post-card .card__content-info p {
        display: inline-block;
        /* color: #888; */
        color: #616161;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
    }

    .post-card .card__content-info-list i,
    .post-card .card__content-info-list p {
        display: inline-block;
        /* color: #888; */
        /* color: #616161; */
        color: #000;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 0.5em;
    }

    .post-card .card__content-info i {
        color: #9E9E9E;
        margin-right: 0.625em;
        margin-bottom: 0.3125em;
    }

    .post-card .card__content-description {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-top: 1.86667em;
        margin-bottom: 1.33333em;
    }

    .post-card .card__content-description-girl-location {
        color: #fff;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-top: 1.86667em;
        margin-bottom: 0.7em;
        background-color: #212121;
    }

    .post-card .card__content-description-setting-fee {
        color: #e53935;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-bottom: 0.7em;
        background-color: #fff;
        border: 2px solid #e53935;
    }

    .post-card .card__content-description-contact {
        color: #fff;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-bottom: 1.33333em;
        background-color: #6D4C41;
    }

    .post-card .card__content-description-red {
        color: #ef5350;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-top: 1.86667em;
        margin-bottom: 1.33333em;
    }

    .post-card .card__content .more-btn {
        color: #111;
        font-size: 0.9375em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
        position: relative;
        padding: 8px 0;
        overflow: hidden;
        display: inline-block;
    }

    .post-card .card__content .more-btn:hover {
        color: #9E9E9E;
    }

    .post-card .card__content .more-btn:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -100%;
        height: 3px;
        width: 100%;
        background-color: #9E9E9E;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-card .card__content .more-btn:hover:after {
        left: 0;
    }

    .post-card .card__content .more-btn:after {
        left: 0;
    }

    .post-card.-theme--blue .card__content-category:after {
        background-color: #11d2ef;
    }

    .post-card.-theme--blue .card__content-title:hover {
        color: #11d2ef;
    }

    .post-card.-theme--blue .card__content-info i {
        color: #11d2ef;
    }

    .post-card.-theme--blue .card__content .more-btn:hover {
        color: #11d2ef;
    }

    .post-card.-theme--blue .card__content .more-btn:after {
        background-color: #11d2ef;
    }

    .post-card.-theme--violet .card__content-category:after {
        background-color: #cbd7f5;
    }

    .post-card.-theme--violet .card__content-title:hover {
        color: #537bdf;
    }

    .post-card.-theme--violet .card__content-info i {
        color: #537bdf;
    }

    .post-card.-theme--violet .card__content .more-btn:hover {
        color: #537bdf;
    }

    .post-card.-theme--violet .card__content .more-btn:after {
        background-color: #537bdf;
    }

    /***************************
	Instagram
***************************/

    .instagrams {
        font-size: 15px;
    }

    .instagrams .instagrams-container .instagrams-item {
        position: relative;
    }

    .instagrams .instagrams-container .instagrams-item:hover .instagrams-item__content {
        opacity: 1;
    }

    .instagrams .instagrams-container .instagrams-item img {
        width: 100%;
    }

    .instagrams .instagrams-container .instagrams-item .instagrams-item__content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #9E9E9Ead;
        opacity: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        line-height: 1;
    }

    .instagrams .instagrams-container .instagrams-item .instagrams-item__content i {
        font-size: 2em;
        margin-bottom: 0.5em;
    }

    .instagrams.-theme--violet .instagrams-container .instagrams-item .instagrams-item__content {
        background-color: #537bdfbd;
    }

    .instagrams.-theme--blue .instagrams-container .instagrams-item .instagrams-item__content {
        background-color: #11d1efbd;
    }

    /***************************
	Footer
***************************/

    footer {
        font-size: 16px;
    }

    footer .footer-content {
        padding: 5rem 0 3.75rem;
        background-color: #212121;
    }

    @media only screen and (max-width: 992px) {
        footer .footer-content .footer-col {
            margin-bottom: 2.5em;
        }
    }

    footer .footer-content .footer-col.-about p {
        color: #444;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
    }

    .footer-content .footer-col.-about-profile p {
        color: #444;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-bottom: 1em;
    }

    footer .footer-content .footer-col.-about .contact-method {
        margin-top: 15px;
    }

    footer .footer-content .footer-col.-about .contact-method p i {
        width: 8px;
        margin-right: 1.3125em;
        color: #9E9E9E;
        text-align: center;
        font-size: 0.9375em;
    }

    footer .footer-content .footer-col.-util .tags-group {
        margin-bottom: 2.1875em;
    }

    footer .copyright {
        padding: 1.5625em;
        border-top: 1px solid #e1e1e1;
        text-align: center;
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.42857em;
    }

    /***************************
	Tag
***************************/

    .tag-btn {
        color: #282727;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        border-radius: 0;
        background-color: #F5F5F5;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-register {
        color: #7B9BCB;
        font-size: 25px;
        font-weight: 500;
        line-height: 4;
        border-radius: 0;
        background-color: #fff;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-register-main {
        color: #7B9BCB;
        font-size: 25px;
        font-weight: 500;
        line-height: 1.5;
        border-radius: 0;
        background-color: #fff;
        padding: 55px;
        padding-left: 45px;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-blue {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        border-radius: 0;
        background-color: #1976D2;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-green {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        line-height: 1;
        border-radius: 0;
        background-color: #3CB371;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-blue-register {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        border-radius: 0;
        background-color: #5E86CD;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 2em;
        margin-top: 3em;
    }

    .tag-btn-grey {
        color: #212121;
        font-size: 17px;
        font-weight: bold;
        line-height: 1;
        border-radius: 0;
        background-color: #E0E0E0;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 2em;
        margin-top: 2em;
    }

    .tag-btn-red {
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        line-height: 1;
        border-radius: 0;
        background-color: #e53935;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-red-round {
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        border-radius: 2em;
        line-height: 1;
        /* border-radius: 0; */
        background-color: #e53935;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-red-contact {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        border-radius: 0;
        background-color: #e53935;
        padding: 15px;
        text-align: center;
        width: 100%;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-notice {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FF7F23;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-news {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FAB03B;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-interview {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #EE1B24;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-highgrade {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FFFE00;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-seeyou {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #C1262E;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-video {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #6496C7;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-photoblog {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #449A0B;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn-all {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: grey;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }


    .tag-btn-notice-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FFB156;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-news-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #F8C68B;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-interview-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FB8A8F;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-highgrade-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #F5E674;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-seeyou-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #FF575E;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-video-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #98C7F3;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-photoblog-box {
        color: #282727;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0;
        background-color: #A6ED94;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-recommendation {
        width: 80px;
        color: #282727;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color: #FFCC80;
        /* padding: 5px; */
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-age-verified {
        width: 120px;
        font-size: 8px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color:#4CAF50;
        /* padding: 5px; */
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-new {
        width: 80px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color: #e57373;
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-update {
        width: 80px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color: #81C784;
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-excellent {
        width: 80px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color: #BF360C;
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tag-btn-redirect {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: 0.5em;
        background-color: #78909C;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .tag-btn-big {
        color: #282727;
        font-size: 1.3em;
        font-weight: 700;
        line-height: 1;
        border-radius: 0;
        background-color: #F5F5F5;
        padding: 15px;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .tag-btn:hover {
        background-color: #e1e1e1;
    }

    #search-box {
        font-size: 30px;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
        padding: 0.66667em 0;
        z-index: 99;
    }

    #search-box form {
        position: relative;
    }

    #search-box form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: 2.5em;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.71429em 1.07143em 0.71429em 2.85714em;
        color: #444;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        background-image: url("../images/icons/search.svg");
        background-size: 1.07143em;
        background-position: 1.07143em center;
        background-repeat: no-repeat;
    }

    #search-box form input:focus {
        outline: 0;
        box-shadow: none;
    }

    #search-box form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
        line-height: -moz-block-height;
    }

    #search-box form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
        line-height: -moz-block-height;
    }

    #search-box form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input:input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form input::input-placeholder {
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        line-height: 2.5em;
    }

    #search-box form button {
        position: absolute;
        right: 1em;
        top: 50%;
        transform: translateY(-50%);
        color: #aeaeae;
        font-size: 0.93333em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        border: 0;
        background-color: transparent;
    }

    #search-box form button:hover {
        color: #111;
    }

    @keyframes slideInDown {
        from {
            transform: translateY(-500px);
            opacity: 0;
            visibility: hidden;
        }

        to {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }
    }

    /***************************
	Category
***************************/

    .category .category__background {
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .category.-bar {
        font-size: 14px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.78571em;
        overflow: hidden;
        border-radius: 0.35714em;
    }

    .category.-bar:hover .category__background {
        transform: scale(1.1);
    }

    .category.-bar .category__background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .category.-bar h5 {
        color: #fff;
        font-size: 1em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    .category.-bar h5.quantity {
        height: 2.5em;
        width: 2.5em;
        background-color: #ebebeb;
        text-align: center;
        line-height: 2.5em;
        border-radius: 999px;
        color: #111;
    }

    .category.-round {
        display: block;
        text-align: center;
        color: #111;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
    }

    .category.-round:hover {
        color: #9E9E9E;
    }

    .category.-round:hover .category__background {
        transform: rotate(10deg);
    }

    .category.-round .category__background {
        height: 12.5em;
        width: 12.5em;
        margin-bottom: 1.875em;
        border-radius: 999px;
        margin: 0 auto;
        margin-bottom: 1.875em;
    }

    .category.-round h5 {
        display: inline-block;
        font-weight: 700;
    }

    .category.-round h5.quantity::before {
        content: "(";
    }

    .category.-round h5.quantity::after {
        content: ")";
    }

    .category.-square {
        display: block;
        text-align: center;
        color: #111;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
    }

    .category.-square:hover {
        color: #9E9E9E;
    }

    .category.-square:hover .category__background {
        transform: translateY(-5px);
    }

    .category.-square .category__background {
        height: 6.5625em;
        width: 100%;
        border-radius: 0.3125em;
        margin: 0 auto;
        margin-bottom: 0.9375em;
    }

    .category.-square h5 {
        display: inline-block;
        font-weight: 700;
    }

    .category.-square h5.quantity {
        display: none;
    }

    .category.-theme--violet.-round:hover {
        color: #537bdf;
    }

    .category.-theme--violet.-square:hover {
        color: #537bdf;
    }

    .category.-theme--blue.-round:hover {
        color: #11d2ef;
    }

    .category.-theme--blue.-square:hover {
        color: #11d2ef;
    }

    .blog-sidebar {
        font-size: 16px;
        /* padding-left: 1.875em; */
    }

    @media only screen and (max-width: 992px) {
        .blog-sidebar {
            padding-left: 0;
        }
    }

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

    @media only screen and (max-width: 576px) {
        .blog-sidebar {
            font-size: 15px;
        }
    }

    .blog-sidebar .blog-sidebar-section {
        margin-bottom: 3.75rem;
    }

    .blog-sidebar .blog-sidebar-section.-category .category {
        margin-bottom: 0.9375em;
    }

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

    .blog-sidebar .blog-sidebar-section.-trending-post .trending-post {
        margin-bottom: 1.875em;
    }

    .blog-sidebar .blog-sidebar-section.-trending-post .trending-post:last-child {
        margin-bottom: 0;
    }

    .trending-post {
        font-size: 16;
        display: flex;
    }

    .trending-post .trending-post_image {
        /* height: 6.25em;
    width: 6.25em; */
        height: 151px;
        width: 255px;
        margin-right: 1.5625em;
        position: relative;
    }

    .trending-post .trending-post_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* border-radius: 999px; */
    }

    .trending-post .trending-post_image .rank {
        position: absolute;
        top: 0.25em;
        left: 0.25em;
        font-size: 0.75em;
        /* height: 1.66667em;
    width: 1.66667em; */
        height: 2em;
        width: 2em;
        background-color: #000;
        text-align: center;
        /* line-height: 1.66667em; */
        line-height: 2em;
        border-radius: 999px;
        color: #fff;
    }

    .trending-post .trending-post_content {
        flex: 1;
    }

    .trending-post .trending-post_content h5 {
        color: #111;
        font-size: 0.75em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        z-index: 1;
        margin-bottom: 1.25em;
    }

    .trending-post .trending-post_content p {
        line-height: 1.7em;
        font-weight: 500;
    }

    .trending-post .trending-post_content h5:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background-color: #f1cdc2;
        z-index: -1;
        transform: translateY(40%);
    }

    .trending-post .trending-post_content a {
        color: #111;
        font-size: 1em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.25em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        display: block;
        margin-bottom: 0.625em;
    }

    .trending-post .trending-post_content a:hover {
        color: #9E9E9E;
    }

    .trending-post .trending-post_content .info__time p {
        display: inline-block;
        color: #888;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
    }

    .trending-post .trending-post_content .info__time i {
        margin-right: 0.5em;
        font-size: 0.75em;
        color: #888;
    }

    /***************************
	trending post 2
***************************/
    .trending-post2 {
        font-size: 16;
        display: flex;
    }

    .trending-post2 .trending-post2_image {
        /* height: 6.25em;
    width: 6.25em; */
        /* height: 15em;
        width: 255px; */
        height: 12em;
        width: 12em;
        margin-right: 1.5625em;
        position: relative;
    }

    .trending-post2 .trending-post2_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .trending-post2 .trending-post2_image .rank {
        position: absolute;
        top: 0.25em;
        left: 0.25em;
        font-size: 0.75em;
        /* height: 1.66667em;
    width: 1.66667em; */
        height: 2em;
        width: 2em;
        background-color: #000;
        text-align: center;
        /* line-height: 1.66667em; */
        line-height: 2em;
        border-radius: 999px;
        color: #fff;
    }

    .trending-post2 .trending-post2_content {
        flex: 1;
    }

    .trending-post2 .trending-post2_content h5 {
        color: #111;
        font-size: 0.75em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        z-index: 1;
        margin-bottom: 1.25em;
    }

    .trending-post2 .trending-post2_content p {
        line-height: 1.7em;
        font-weight: 500;
    }

    .bold-text {
        line-height: 1.7em !important;
        font-weight: 800 !important;
    }

    .trending-post2 .trending-post2_content h5:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background-color: #f1cdc2;
        z-index: -1;
        transform: translateY(40%);
    }

    .trending-post2 .trending-post2_content h6 {
        color: #111;
        font-size: 1em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.25em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        display: block;
        margin-bottom: 1.625em;
    }

    .trending-post2 .trending-post2_content a:hover {
        color: #9E9E9E;
    }

    .trending-post2 .trending-post2_content .info__time p {
        display: inline-block;
        color: #888;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
    }

    .trending-post2 .trending-post2_content .info__time i {
        margin-right: 0.5em;
        font-size: 0.75em;
        color: #888;
    }

    /***************************
	Subcribe box
***************************/

    .subcribe-box {
        font-size: 16;
        padding: 2.5em;
        background-color: #F5F5F5;
        border-radius: 0.3125em;
    }

    .subcribe-box h5 {
        color: #111;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 1.66667em;
    }

    .subcribe-box p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-bottom: 1em;
    }

    .subcribe-box input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        margin-bottom: 1.25em;
    }

    .subcribe-box input:focus {
        outline: 0;
        box-shadow: none;
    }

    .subcribe-box input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box .btn.-normal {
        display: block;
        padding: 0.9375em;
    }

    .subcribe-box.-theme--yellow {
        background-color: #9E9E9E;
    }

    .subcribe-box.-theme--yellow h5 {
        color: #fff;
    }

    .subcribe-box.-theme--yellow p {
        color: #fff;
    }

    .subcribe-box.-theme--yellow input {
        background-color: transparent;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
    }

    .subcribe-box.-theme--yellow input:focus {
        outline: 0;
        box-shadow: none;
    }

    .subcribe-box.-theme--yellow input:-webkit-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input::-webkit-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input:-moz-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box.-theme--yellow input::-moz-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box.-theme--yellow input:-ms-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input::-ms-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input:-o-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input::-o-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input:input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow input::input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--yellow .btn.-normal {
        background-color: #fff;
        color: #BDBDBD;
    }

    .subcribe-box.-theme--violet {
        background-color: #537bdf;
    }

    .subcribe-box.-theme--violet h5 {
        color: #fff;
    }

    .subcribe-box.-theme--violet p {
        color: #fff;
    }

    .subcribe-box.-theme--violet input {
        background-color: transparent;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
    }

    .subcribe-box.-theme--violet input:focus {
        outline: 0;
        box-shadow: none;
    }

    .subcribe-box.-theme--violet input:-webkit-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input::-webkit-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input:-moz-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box.-theme--violet input::-moz-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .subcribe-box.-theme--violet input:-ms-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input::-ms-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input:-o-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input::-o-input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input:input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet input::input-placeholder {
        color: #fff7;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .subcribe-box.-theme--violet .btn.-normal {
        background-color: #fff;
        color: #537bdf;
    }

    /***************************
	Subcribe bar
***************************/

    .subcribe-bar {
        font-size: 16px;
        background-color: #F5F5F5;
        padding: 3.125em;
        margin-bottom: 4.375rem;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar {
            font-size: 14px;
        }
    }

    .subcribe-bar__content h5 {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 1em;
    }

    .subcribe-bar__content h3 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar__content {
            margin-bottom: 1.875em;
        }
    }

    .subcribe-bar__form {
        display: flex;
    }

    .subcribe-bar__form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: 50px;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0 1.25em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
        margin-right: 0.9375em;
    }

    .subcribe-bar__form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .subcribe-bar__form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        line-height: -moz-block-height;
    }

    .subcribe-bar__form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        line-height: -moz-block-height;
    }

    .subcribe-bar__form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form .btn {
        height: 50px;
        padding: 0 1.25em;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar__form input {
            margin-right: 0;
        }
    }

    @media only screen and (max-width: 576px) {
        .subcribe-bar__form .btn.-normal {
            padding: 0 0.9375em;
        }
    }

    /* SUBSCRIBE BAR 2 */

    .subcribe-bar2 {
        font-size: 16px;
        background-color: #F5F5F5;
        padding: 3.125em;
        margin-bottom: 4.375rem;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar2 {
            font-size: 14px;
        }
    }

    .subcribe-bar2__content h5 {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 1em;
    }

    .subcribe-bar2__content h3 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar2__content {
            margin-bottom: 1.875em;
        }
    }

    .subcribe-bar2__form {
        display: flex;
    }

    .subcribe-bar2__form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: 50px;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0 1.25em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
        margin-right: 0.9375em;
    }

    .subcribe-bar2__form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .subcribe-bar2__form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        line-height: -moz-block-height;
    }

    .subcribe-bar2__form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        line-height: -moz-block-height;
    }

    .subcribe-bar2__form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar2__form input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
    }

    .subcribe-bar__form .btn {
        height: 50px;
        padding: 0 1.25em;
    }

    @media only screen and (max-width: 768px) {
        .subcribe-bar__form input {
            margin-right: 0;
        }
    }

    @media only screen and (max-width: 576px) {
        .subcribe-bar__form .btn.-normal {
            padding: 0 0.9375em;
        }
    }

    .btn {
        color: #fff;
        font-size: 0.875em;
        height: auto;
        line-height: 24px;
        border-radius: 0.35714em;
        background-color: #273143;
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-blue {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #7B9BCB;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-red {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #e57373;
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-gold {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: goldenrod;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-grey {
        color: #000;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: white;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        border: solid 2px black;
    }

    .btn-orange {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #FBC02D;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-upload {
        color: #fff;
        font-size: 0.875em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        border-radius: 0.35714em;
        background-color: #FFAB40;
        padding: 0.5em 1em;
        text-align: center;
        margin-bottom: 2em;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-next {
        color: #000;
        font-size: 0.875em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        border-radius: 0.15714em;
        background-color: #FBC02D;
        padding: 0.5em 1em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        margin-bottom: 4em;
    }

    .btn-green {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #4CAF50;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-filter {
        width: 100%;
        color: #000;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #FBC02D;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        /* display: none; */
    }

    .btn-small {
        color: #fff;
        font-size: 0.575em;
        /* font-weight: 700; */
        line-height: 1;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #FF7043;
        margin-bottom: 0.575em;
        margin-top: 0.575em;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.25rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-small-2 {
        color: #fff;
        font-size: 0.575em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 0.575em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #8D6E63;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.25rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-small-3 {
        color: #fff;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #FF7043;
        margin-bottom: 0.575em;
        margin-top: 0.575em;
        margin-right: 2.975em;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.25rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn-link {
        color: #000;
        font-size: 1em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        width: 100%;
        /* border-radius: 0.35714em; */
        background-color: #FFD54F;
        padding: 0.5em 2.14286em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn:hover {
        background-color: #445169;
    }

    .tab .btn-small:hover {
        background-color: #FF5722;
    }

    .tab .btn-small-2:hover {
        background-color: #6D4C41;
    }

    .tab .btn-small-3:hover {
        background-color: #8B0000;
    }

    .btn-red:hover {
        background-color: #BDBDBD;
    }

    .btn-grey:hover {
        background-color: #BDBDBD;
    }

    @media only screen and (max-width: 576px) {
        .btn {
            font-size: 14px;
        }

        .btn-red {
            font-size: 14px;
        }
    }

    .btn.-gray {
        color: #444;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 24px;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #fff;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        /* border: 1px solid #e1e1e1; */
    }

    .btn.-gray:hover {
        background-color: #ebebeb;
    }

    .btn.-light-overlay {
        color: #111;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #F5F5F5;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .btn.-light-overlay:hover {
        background-color: #e1e1e1;
    }

    /***************************
	News block
***************************/

    .news-block {
        margin-bottom: 3.125rem;
    }

    .news-block.-theme--blue .news-block__header .header__controller .header__controller__tab .tab-item.active {
        color: #11d2ef;
    }

    .news-block.-theme--violet .news-block__header .header__controller .header__controller__tab .tab-item.active {
        color: #537bdf;
    }

    .news-block .news-block__header {
        font-size: 18px;
        display: flex;
        margin-bottom: 2.66667em;
        align-items: center;
    }

    @media only screen and (max-width: 576px) {
        .news-block .news-block__header {
            flex-direction: column;
        }

        .news-block .news-block__header .header__controller__title {
            margin-bottom: 0.83333em;
        }
    }

    .news-block .news-block__header .header__controller__title {
        flex: 1;
    }

    .news-block .news-block__header .header__controller {
        display: flex;
    }

    @media only screen and (max-width: 576px) {
        .news-block .news-block__header .header__controller .header__controller__tab {
            text-align: center;
        }
    }

    .news-block .news-block__header .header__controller .header__controller__tab .tab-item {
        color: #888;
        font-size: 0.83333em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        display: inline-block;
        margin: 0 0.55556em;
    }

    .news-block .news-block__header .header__controller .header__controller__tab .tab-item:hover {
        color: #111;
    }

    @media only screen and (max-width: 576px) {
        .news-block .news-block__header .header__controller .header__controller__tab .tab-item {
            line-height: 2.22222em;
        }
    }

    .news-block .news-block__header .header__controller .header__controller__tab .tab-item.active {
        color: #9E9E9E;
    }

    .news-block .news-block__tab {
        font-size: 16;
    }

    .news-block .news-block__tab:hover .slick-arrow {
        opacity: 1;
    }

    .news-block .news-block__tab .slick-arrow {
        background-color: #bebebe;
        border: 0;
        color: #888;
        font-size: 1em;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        position: absolute;
        z-index: 1;
        opacity: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .news-block .news-block__tab .slick-arrow.slick-next {
        right: 0em;
    }

    .news-block .news-block__tab .slick-arrow.slick-prev {
        left: 0em;
    }

    @media only screen and (max-width: 1200px) {
        .news-block .news-block__tab .slick-arrow {
            opacity: 1;
        }

        .news-block .news-block__tab .slick-arrow.slick-next {
            right: 0;
        }

        .news-block .news-block__tab .slick-arrow.slick-prev {
            left: 0;
        }
    }

    .news-block .news-block__tab .news-block__tab__item {
        display: none;
    }

    @media only screen and (max-width: 768px) {
        .news-block .news-block__tab .news-block__tab__item {
            font-size: 15px;
        }
    }

    .news-block .news-block__tab .news-block__tab__item.active {
        display: block;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content {
        color: red;
    }

    @media only screen and (max-width: 992px) {
        .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
            display: none;
        }
    }

    @media only screen and (max-width: 576px) {
        .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
            display: none;
        }
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card {
        margin-bottom: 1.875em;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-large .card__cover {
        align-items: center;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__cover {
        align-items: center;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__content .card__content-title {
        font-size: 1.125em;
        line-height: 1.22222em;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-large {
        margin-bottom: 1.875em;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small .card__cover {
        align-items: center;
    }

    @media only screen and (max-width: 768px) {
        .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small {
            margin-bottom: 1.875em;
        }
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small {
        margin-bottom: 1.875em;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__cover {
        align-items: center;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-title {
        font-size: 1.125em;
        margin-bottom: 0.625em;
    }

    .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-description {
        margin-top: 0.625em;
        margin-bottom: 0;
    }

    @media only screen and (max-width: 576px) {
        .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info {
            flex-direction: column;
            align-items: flex-start;
        }

        .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info .info__time {
            margin-right: 0;
            margin-bottom: 0.3125em;
        }
    }

    @media only screen and (max-width: 768px) {
        .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small {
            margin-bottom: 1.875em;
        }
    }

    /***************************
	Video block
***************************/

    .video-block {
        font-size: 16px;
        margin-bottom: 4.375rem;
    }

    .video-block .video-view {
        position: relative;
    }

    .video-block .video-view #video-list__title {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 5;
        color: #fff;
        font-size: 1.375em;
        font-weight: 500;
        line-height: 1.18182em;
        text-transform: capitalize;
    }

    .video-block .video-view #video-list-player {
        height: 475px;
    }

    .video-block .video-list {
        height: 475px;
        overflow-y: auto;
    }

    .video-block .video-list::-webkit-scrollbar {
        width: 5px;
    }

    .video-block .video-list::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.6);
    }

    .video-block .video-list::-webkit-scrollbar-thumb {
        background: #11d2ef;
    }

    .video-block .video-list::-webkit-scrollbar-thumb:hover {
        background: #000;
    }

    .video-block .video-list__header {
        background-color: #11d2ef;
        padding: 1.875em;
    }

    .video-block .video-list__header h5 {
        color: #fff;
        font-size: 1.25em;
        font-weight: 500;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 0.625em;
    }

    .video-block .video-list__header p {
        color: rgba(255, 255, 255, 0.7);
        font-size: 1em;
        font-weight: 400;
        line-height: 1;
    }

    .video-block .video-list__content {
        background-color: #111;
        padding: 0.625em 0;
    }

    .video-block .video-list__content__item {
        display: flex;
        padding: 0.625em 1.875em;
        color: #fff;
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.3125em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
    }

    .video-block .video-list__content__item:hover {
        color: #dedede;
    }

    .video-block .video-list__content__item.active {
        background-color: #11d2ef;
    }

    .video-block .video-list__content__item:hover {
        background-color: #11d2ef;
    }

    .video-block .video-list__content__item .item__image img {
        height: 70px;
        width: 105px;
        object-fit: cover;
    }

    .video-block .video-list__content__item .item__detail {
        padding-left: 1.25em;
    }

    .video-block .video-list__content__item .item__detail h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
        margin-bottom: 0.625em;
    }

    .video-block .video-list__content__item .item__detail p {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.8125em;
        font-weight: 500;
        line-height: 1;
    }

    /***************************
	Pagination
***************************/
    /* .pagination ul li {
    display: inline-block;
    margin-right: 5px;
}

.pagination ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.pagination ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.pagination ul li.active a {
    background-color: #000;
    color: #fff;
}

.pagination ul li.active a:hover {
    background-color: #000;
    color: #fff;
}

.pagination ul li a {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    border-radius: 999px;
    background-color: #F5F5F5;
    padding: 0;
    text-align: center;
    border: 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
}

.pagination ul li a:hover {
    background-color: #e1e1e1;
} */
    /* .page-item.active .page-link {
    /* z-index: 3; */
    /* color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important
/* } */
    /***************************
	Social block
***************************/

    .social-block a {
        color: #111;
        font-size: 15px;
        font-weight: 600;
        line-height: 3.33333em;
        border-radius: 999px;
        background-color: #F5F5F5;
        padding: 0;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        height: 3.33333em;
        width: 3.33333em;
        margin-right: 1em;
    }

    .social-block a:hover {
        background-color: #e1e1e1;
    }

    .social-block a:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .social-block a:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    /***************************
	Post footer
***************************/

    .post-footer {
        font-size: 16px;
    }

    .post-footer__tags {
        margin-bottom: 3.125em;
    }

    .post-footer__tags .tags-group .tag-btn {
        margin-bottom: 0;
        padding: 0.9375em 0.9375em;
        font-size: 0.875em;
    }

    .post-footer__tags .tags-group .tag-btn:last-child {
        margin-right: 0;
    }

    .post-footer__author {
        margin-bottom: 3.75em;
        text-align: center;
        background-color: #F5F5F5;
        position: relative;
    }

    .post-footer__author::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        height: 3.75em;
        z-index: 0;
    }

    .post-footer__author .author__avatar {
        height: 120px;
        width: 120px;
        /* border-radius: 999px; */
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 1.13636em;
        position: inherit;
        z-index: 1;
    }

    .post-footer__author .author__avatar img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .post-footer__author .author__avatar-payment {
        height: 60px;
        width: 300px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 1.13636em;
        position: inherit;
        z-index: 1;
    }

    .post-footer__author .author__avatar-payment img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .post-footer__author .author__info {
        padding: 0 3.75em 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .post-footer__author .author__info {
            padding: 0 1.875em 1.25em;
        }
    }

    .post-footer__author .author__info h5 {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0.45455em;
    }

    .post-footer__author .author__info p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
        margin-bottom: 0.66667em;
        text-align: left;
    }

    .post-footer__author .author__info .social-media a {
        color: #111;
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        margin: 0 0.625em;
    }

    .post-footer__author .author__info .social-media a:hover {
        color: #9E9E9E;
    }

    .post-footer__author .author__info .social-media a:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .post-footer__author .author__info .social-media a:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .post-footer__related-notice {
        display: flex;
        /* margin-bottom: 3.75em; */
        border: 1px solid #212121;
        overflow: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        height: 300px;
    }

    .post-footer__related-notice2 {
        display: flex;
        /* margin-bottom: 3.75em; */
        border: 1px solid #212121;
        overflow: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        height: 600px;
    }

    .post-footer__related-notice3 {
        display: flex;
        /* margin-bottom: 3.75em; */
        border: 1px solid #BDBDBD;
        overflow: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        border-radius: 10px;
        /* height: 600px; */
    }

    .post-footer__related {
        display: flex;
        margin-bottom: 3.75em;
    }

    .post-footer__related__item {
        flex: 1 1 50%;
        max-width: 50%;
    }

    .post-footer__related__item:hover.-prev a i {
        margin-right: 1.25em;
    }

    .post-footer__related__item:hover.-next a i {
        margin-left: 1.25em;
    }

    .post-footer__related__item a {
        margin-bottom: 1.25em;
        display: block;
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: uppercase;
    }

    .post-footer__related__item a:hover {
        color: #9E9E9E;
    }

    .post-footer__related__item a i {
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .post-footer__related__item__content {
        display: flex;
    }

    .post-footer__related__item__content img {
        /* height: 4.375em; */
        height: 10.5625em;
        width: 6.5625em;
        object-fit: cover;
        border-radius: 0.1875em;
        margin-bottom: 1.66667em;
    }

    .post-footer__related__item__content .card__content-title {
        font-size: 1.125em;
    }

    .post-footer__related__item.-prev a i {
        margin-right: 0.625em;
    }

    .post-footer__related__item.-prev .post-footer__related__item__content img {
        margin-right: 1.4375em;
    }

    .post-footer__related__item.-next a {
        text-align: right;
    }

    .post-footer__related__item.-next a i {
        margin-left: 0.625em;
    }

    .post-footer__related__item.-next .post-footer__related__item__content img {
        margin-left: 1.4375em;
    }

    @media only screen and (max-width: 576px) {
        .post-footer__related {
            flex-direction: column;
        }

        .post-footer__related__item {
            flex: 1 1 100%;
            max-width: 100%;
        }

        .post-footer__related__item.-prev {
            margin-bottom: 1.875em;
        }
    }

    .post-footer__comment__detail {
        margin-bottom: 3.75em;
    }

    .post-footer__comment__detail .comment__item {
        margin-bottom: 2.5em;
    }

    .post-footer__comment__detail .comment__item__avatar {
        height: 5.625em;
        width: 5.625em;
        float: left;
        margin-right: 1.5625em;
    }

    .post-footer__comment__detail .comment__item__avatar img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .post-footer__comment__detail .comment__item__content__header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.25em;
    }

    .post-footer__comment__detail .comment__item__content__header h5 {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
        text-transform: capitalize;
    }

    .post-footer__comment__detail .comment__item__content__header .data p {
        color: #888;
        font-size: 0.8125em;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
        display: inline-block;
        margin: 0 0.76923em;
    }

    .post-footer__comment__detail .comment__item__content__header .data p:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .post-footer__comment__detail .comment__item__content__header .data p:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .post-footer__comment__detail .comment__item__content__header .data p i {
        margin-right: 0.625em;
    }

    @media only screen and (max-width: 576px) {
        .post-footer__comment__detail .comment__item__content__header {
            flex-direction: column;
        }

        .post-footer__comment__detail .comment__item__content__header h5 {
            margin-bottom: 0.625em;
        }
    }

    .post-footer__comment__detail .comment__item__content p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
    }

    .post-footer__comment__detail .comment__item__reply {
        padding-left: 7.1875em;
        margin-top: 2.5em;
    }

    .post-footer__comment__detail .comment__item__reply .comment__item {
        margin-bottom: 0;
    }

    /* kakaka */

    .post-footer__comment__detail-notice .comment__item {
        margin-bottom: 1.5em;
    }

    .post-footer__comment__detail-notice .comment__item__avatar {
        height: 5.625em;
        width: 5.625em;
        float: left;
        margin-right: 1.5625em;
    }

    .post-footer__comment__detail-notice .comment__item__avatar img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .post-footer__comment__detail-notice .comment__item__content__header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.25em;
    }

    .post-footer__comment__detail-notice .comment__item__content__header h5 {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
        text-transform: capitalize;
    }

    .post-footer__comment__detail-notice .comment__item__content__header .data p {
        color: #888;
        font-size: 0.8125em;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
        display: inline-block;
        margin: 0 0.76923em;
    }

    .post-footer__comment__detail-notice .comment__item__content__header .data p:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .post-footer__comment__detail-notice .comment__item__content__header .data p:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .post-footer__comment__detail-notice .comment__item__content__header .data p i {
        margin-right: 0.625em;
    }

    @media only screen and (max-width: 576px) {
        .post-footer__comment__detail .comment__item__content__header {
            flex-direction: column;
        }

        .post-footer__comment__detail .comment__item__content__header h5 {
            margin-bottom: 0.625em;
        }

        .post-footer__comment__detail-notice .comment__item__content__header {
            flex-direction: column;
        }

        .post-footer__comment__detail-notice .comment__item__content__header h5 {
            margin-bottom: 0.625em;
        }
    }

    .post-footer__comment__detail .comment__item__content p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
    }

    .post-footer__comment__detail .comment__item__reply {
        padding-left: 7.1875em;
        margin-top: 2.5em;
    }

    .post-footer__comment__detail .comment__item__reply .comment__item {
        margin-bottom: 0;
    }

    .post-footer__comment__detail-notice .comment__item__content p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
    }

    .post-footer__comment__detail-notice .comment__item__reply {
        padding-left: 7.1875em;
        margin-top: 2.5em;
    }

    .post-footer__comment__detail-notice .comment__item__reply .comment__item {
        margin-bottom: 0;
    }

    @media only screen and (max-width: 576px) {
        .post-footer__comment__detail .comment__item .comment__item__reply {
            padding-left: 1.875em;
        }

        .post-footer__comment__detail-notice .comment__item .comment__item__reply {
            padding-left: 1.875em;
        }
    }

    .post-footer__comment__form input,
    select {
        margin-top: 0.75em;
        margin-bottom: 1.25em;
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        /* width: 80%; */
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #444;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
    }

    .select-girl {
        /* float: left; */
        width: 60%;
        display: inline-block;
        height: auto;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0.9375em 1.25em;
        border-radius: 0.3125em;
        margin-right: 1em;
    }

    .img-button {
        height: auto;
        padding: 0.9375em 1.25em;
        display: inline-block;
    }

    .post-footer__comment__form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .post-footer__comment__form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .post-footer__comment__form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .post-footer__comment__form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input:input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form input::input-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form textarea {
        margin-bottom: 1.875em;
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        padding: 0.9375em 1.25em;
        font-family: "DM Sans", sans-serif !important;
        -webkit-appearance: none;
        color: #444;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
    }

    .post-footer__comment__form textarea:focus {
        outline: 0;
        box-shadow: none;
    }

    .post-footer__comment__form textarea::-webkit-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form textarea::-moz-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form textarea::-ms-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form textarea::-o-placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer__comment__form textarea::placeholder {
        color: #aeaeae;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
    }

    .post-footer .comment-title {
        color: #111;
        font-size: 1.375em;
        font-weight: 500;
        line-height: 1;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        margin-bottom: 2.5em;
    }

    .post-footer .comment-title span {
        background-color: #fff;
        padding: 0 0.9375em;
    }

    .post-footer .comment-title:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0.45455em;
        height: 1px;
        background-color: #e1e1e1;
        z-index: -1;
    }

    /***************************
	Author
***************************/

    .author-info-block {
        font-size: 16px;
        background-color: #FFECB3;
        padding: 1.5625em 0 2.5em;
        border-radius: 0.3125em;
        margin-bottom: 4.375rem;
    }

    .author-info-block__avatar {
        /* height: 120px; */
        /* width: 120px; */
        width: 100%;
        height: 100%;
        /* border-radius: 999px; */
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 1.5625em;
    }

    .author-info-block__avatar img {
        height: 100%;
        width: 100%;
        /* object-fit: cover; */
    }

    .author-info-block__info {
        /* text-align: center; */
        max-width: 80%;
        margin: 0 auto;
    }

    .author-info-block__info h5 {
        color: #111;
        font-size: 1.375em;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 1.13636em;
    }

    .author-info-block__info p {
        color: #111;
        /* font-size: 0.9375em; */
        font-size: 14px;
        font-weight: 700;
        line-height: 1.8em;
        margin-bottom: 1em;
    }

    .author-info-block__info .social-media a {
        color: #111;
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        margin: 0 0.625em;
    }

    .author-info-block__info .social-media a:hover {
        color: #fff;
    }

    .author-info-block__info .social-media a:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .author-info-block__info .social-media a:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    @media only screen and (max-width: 768px) {
        .author-info-block__info {
            max-width: 100%;
            padding: 0 0.9375em;
        }
    }

    /***************************
	Checkbox customed
***************************/

    .checkbox-group.-round.customed .checkmark {
        border-radius: 999px;
    }

    .checkbox-group.customed {
        display: block;
        position: relative;
        padding-left: 1.875em;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
    }

    .checkbox-group.customed:hover input~.checkmark {
        background-color: #e6e6e6;
    }

    .checkbox-group.customed .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #d8d8d8;
        border-radius: 0.2em;
    }

    .checkbox-group.customed .checkmark:after {
        content: "\f00d";
        font-family: "Font Awesome 5 Pro";
        left: 4px;
        top: 2px;
        position: absolute;
        font-size: 12px;
        color: #fff;
    }

    .checkbox-group.customed input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkbox-group.customed input:checked~.checkmark {
        background-color: #9E9E9E;
    }

    .checkbox-group.customed input:checked~.checkmark:after {
        content: "\f00c";
        font-size: 10px;
        left: 2.5px;
        top: 3px;
    }

    /***************************
	Product
***************************/

    .product__image {
        position: relative;
        overflow: hidden;
        margin-bottom: 1.5625em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product__image:hover::after {
        opacity: 1;
    }

    .product__image:hover .btn {
        top: 50%;
        transform: translateY(-50%);
    }

    .product__image::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .product__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .product__image .btn {
        z-index: 2;
        display: inline-block;
        position: absolute;
        top: -200px;
    }

    .product__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .product__content__left {
        color: red;
    }

    .product__content__left a {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        display: block;
        margin-bottom: 0.3125em;
    }

    .product__content__left a:hover {
        color: #9E9E9E;
    }

    .product__content__left .star i {
        font-size: 0.625em;
        color: #e3c01c;
    }

    .product__content__right h3 {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1;
    }

    /***************************
	Tab
***************************/

    .tab .tab-header {
        margin-bottom: 2.8125em;
    }

    @media only screen and (max-width: 768px) {
        .tab .tab-header ul {
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    .tab .tab-header ul>li {
        display: inline-block;
        margin: 0 1.5625em;
    }

    .tab .tab-header ul>li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .tab .tab-header ul>li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .tab .tab-header ul>li>a {
        color: #888;
        font-size: 1.125em;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .tab .tab-header ul>li>a:hover {
        color: #111;
    }

    .tab .tab-header ul>li>a.active {
        color: #111;
    }

    .tab .tab-content__item {
        display: none;
    }

    .tab .tab-content__item.active {
        display: block;
    }

    .tab .btn-small {
        color: #fff;
        font-size: 0.575em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        border-radius: 0.35714em;
        background-color: #FF7043;
        margin-bottom: 0.575em;
        margin-top: 0.575em;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.42857em 2.14286em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .tab .btn-small-2 {
        color: #fff;
        font-size: 0.575em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 0.575em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #8D6E63;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.25rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .tab .btn-small-3 {
        color: #fff;
        font-size: 0.575em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 0.575em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: red;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.25rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    /**
    Tab with border
**/

    .tab-border .tab-header {
        margin-bottom: 2.8125em;
    }

    @media only screen and (max-width: 768px) {
        .tab-border .tab-header ul {
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    .tab-border .tab-header ul>li {
        display: inline-block;
        /* margin: 0 1.5625em; */
        margin: 0 0.9em;
        padding: 2em;
        border: 2px solid black;
    }

    .tab-border .tab-header ul>li:first-child {
        margin-left: 0;
        /* padding-left: 0; */
    }

    .tab-border .tab-header ul>li:last-child {
        margin-right: 0;
        /* padding-right: 0; */
    }

    .tab-border .tab-header ul>li>a {
        color: #888;
        font-size: 1.125em;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .tab-border .tab-header ul>li>a:hover {
        color: #111;
    }

    .tab-border .tab-header ul>li>a.active {
        color: #111;
    }

    .tab-border .tab-content__item {
        display: none;
    }

    .tab-border .tab-content__item.active {
        display: block;
    }

    /**
    Tab girl
**/

    .tab-girl .tab-header {
        margin-bottom: 2.8125em;
    }

    @media only screen and (max-width: 768px) {
        .tab-girl .tab-header ul {
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    .tab-girl .tab-header ul>li {
        display: inline-block;
        margin: 0 1.5625em;
    }

    .tab-girl .tab-header ul>li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .tab-girl .tab-header ul>li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .tab-girl .tab-header ul>li>a {
        color: #888;
        /* font-size: 1.125em; */
        font-size: 0.9em;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .tab-girl .tab-header ul>li>a:hover {
        color: #111;
    }

    .tab-girl .tab-header ul>li>a.active {
        color: #111;
    }

    .tab-girl .tab-content__item {
        display: none;
    }

    .tab-girl .tab-content__item.active {
        display: block;
    }

    /***************************
	Quantity controller
***************************/

    .quantity-controller {
        padding: 0 1.25em;
        border: 1px solid #9E9E9E;
        display: flex;
        align-items: center;
        margin-right: 0.625em;
        height: 3.125em;
    }

    .quantity-controller input {
        border: 0;
        text-align: center;
        max-width: 3.75em;
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1;
    }

    .quantity-controller a {
        color: #111;
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .quantity-controller a:hover {
        color: #9E9E9E;
    }

    .breadcrumb {
        padding: 3.125rem 0 4.375rem;
    }

    .breadcrumb ul>li {
        display: inline-block;
    }

    .breadcrumb ul>li>a {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .breadcrumb ul>li>a:hover {
        color: #111;
    }

    .breadcrumb ul>li>a i {
        margin-right: 0.625em;
    }

    .breadcrumb ul>li>a:after {
        content: ">";
        padding: 0 0.66667em;
    }

    .breadcrumb ul>li.active>a {
        color: #888;
        font-size: 0.9375em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .breadcrumb ul>li.active>a:hover {
        color: #111;
    }

    .breadcrumb ul>li.active>a:after {
        display: none;
    }

    /***************************
	404 error
***************************/

    .error-404 {
        font-size: 16px;
        margin-bottom: 5rem;
    }

    @media only screen and (max-width: 768px) {
        .error-404__content {
            margin-bottom: 3.125em;
        }
    }

    .error-404__content h2 {
        color: #111;
        font-size: 2.25em;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0.27778em;
    }

    .error-404__content p {
        color: #111;
        font-size: 1.0625em;
        font-weight: 500;
        line-height: 1.58824em;
        margin-bottom: 2.1875em;
    }

    .error-404__content form {
        position: relative;
        margin-bottom: 1.875em;
    }

    .error-404__content form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 1.07143em 1.42857em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
    }

    .error-404__content form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .error-404__content form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .error-404__content form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .error-404__content form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .error-404__content form button {
        background-color: transparent;
        border: 0;
        color: #111;
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        position: absolute;
        top: 50%;
        right: 1.5625em;
        transform: translateY(-50%);
    }

    .error-404__content form button:hover {
        color: #9E9E9E;
    }

    .error-404__image {
        padding-left: 1.875em;
    }

    .error-404__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    @media only screen and (max-width: 768px) {
        .error-404__image {
            padding-left: 0;
        }
    }

    /***************************
	About us
***************************/

    .about-us {
        font-size: 16;
        margin-bottom: 4.375rem;
    }

    .about-us__image {
        width: 100%;
        padding-right: 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .about-us__image {
            margin-bottom: 1.875em;
            padding-right: 0;
        }
    }

    .about-us__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .about-us__content h3 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 1.16667em;
    }

    .about-us__content p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
        margin-bottom: 2em;
    }

    .about-us__content .follow p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1;
    }

    /***************************
Blog layouts
***************************/

    .load-more-btn {
        margin-bottom: 5rem;
    }

    .load-more-btn.mb-0 {
        margin-bottom: 0;
    }

    .blog-masonry {
        margin-bottom: 1.25rem;
        width: 100%;
    }

    .blog-masonry .post-card {
        width: calc(33.3333% - 20px);
        margin-bottom: 2.5em;
    }

    @media only screen and (max-width: 768px) {
        .blog-masonry .post-card {
            width: calc(50% - 15px);
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-masonry .post-card {
            width: calc(100%);
        }
    }

    .blog-with-sidebar div[class^="post-card"] {
        margin-bottom: 60px;
    }

    .blog-masonry-sidebar {
        margin-bottom: 5rem;
    }

    .blog-masonry-sidebar .blog-masonry-sidebar__content {
        margin-bottom: 0;
    }

    .blog-masonry-sidebar .blog-masonry-sidebar__content .post-card {
        width: calc(50% - 15px);
    }

    @media only screen and (max-width: 576px) {
        .blog-masonry-sidebar .blog-masonry-sidebar__content .post-card {
            width: 100%;
        }
    }

    .blog-imageless {
        margin-bottom: 1.875rem;
    }

    .blog-imageless .post-card.-image-less {
        padding-bottom: 3.125em;
        margin-bottom: 3.125em;
        border-bottom: 1px solid #e1e1e1;
    }

    .blog-imageless-mansonry {
        font-size: 18px;
    }

    @media only screen and (max-width: 1200px) {
        .blog-imageless-mansonry {
            font-size: 17px;
        }
    }

    @media only screen and (max-width: 768px) {
        .blog-imageless-mansonry {
            font-size: 17px;
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-imageless-mansonry {
            font-size: 16px;
        }
    }

    .blog-imageless-mansonry__categories {
        margin-bottom: 4.375rem;
    }

    .blog-imageless-mansonry__categories .category {
        margin-bottom: 0;
    }

    .blog-imageless-mansonry__categories .category .category__background {
        height: 11.11111em;
        width: 11.11111em;
    }

    @media only screen and (max-width: 1200px) {
        .blog-imageless-mansonry__categories .category .category__background {
            height: 8.88889em;
            width: 8.88889em;
        }
    }

    @media only screen and (max-width: 768px) {
        .blog-imageless-mansonry__categories .category .category__background {
            height: 8.33333em;
            width: 8.33333em;
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-imageless-mansonry__categories .category .category__background {
            height: 8.33333em;
            width: 8.33333em;
        }
    }

    .blog-imageless-mansonry__content {
        margin-bottom: 2.22222em;
    }

    .blog-imageless-mansonry__content .post-card {
        width: calc(25% - 15px);
        margin-bottom: 1.11111em;
    }

    .blog-imageless-mansonry__content .post-card.-big {
        width: calc(50% - 15px);
        height: 388px;
    }

    .blog-imageless-mansonry__content .post-card.-long {
        height: 388px;
    }

    .blog-imageless-mansonry__content .post-card.-small {
        height: 187px;
    }

    @media only screen and (max-width: 992px) {
        .blog-imageless-mansonry__content .post-card {
            width: calc(50% - 15px) !important;
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-imageless-mansonry__content .post-card {
            width: 100% !important;
        }
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide {
        width: 100%;
        margin-bottom: 1.875em;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide:after {
        content: "";
        display: block;
        clear: both;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-sizer,
    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item {
        width: 16.66667%;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item {
        float: left;
        margin-bottom: 0.5em;
        /* padding: 0 0.625em; */
        padding: 0 0.3em;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item .post-card {
        height: 100%;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large {
        height: 848px;
        width: 33.3333%;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big {
        height: 414px;
        width: 33.3333%;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long {
        height: 300px;
        width: 33.333%;
    }

    .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
        height: 197px;
    }

    @media only screen and (max-width: 1400px) {

        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
            height: auto;
            width: 33.333333%;
        }
    }

    @media only screen and (max-width: 992px) {

        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
            height: auto;
            width: 50%;
        }
    }

    @media only screen and (max-width: 576px) {

        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big {
            height: auto;
            width: 100%;
        }

        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
        .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
            height: auto;
            width: 100%;
        }
    }

    .blog-ocean__slider {
        font-size: 16px;
        margin-bottom: 5em;
    }

    @media only screen and (max-width: 576px) {
        .blog-ocean__slider {
            font-size: 15px;
        }
    }

    .blog-ocean__slider__item {
        position: relative;
    }

    .blog-ocean__slider__item .slider-item__image {
        height: 100%;
        height: 40em;
    }

    .blog-ocean__slider__item .slider-item__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .blog-ocean__slider__item .slider-item__content {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 600px;
        background-color: #fff;
        transform: translate(-50%, -50%);
        padding: 1.875em 4.375em;
    }

    @media only screen and (max-width: 576px) {
        .blog-ocean__slider__item .slider-item__content {
            padding: 0.9375em 1.875em;
            width: 70%;
        }
    }

    .blog-ocean__slider .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 1em;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        position: absolute;
        z-index: 1;
    }

    .blog-ocean__slider .slick-arrow.slick-next {
        right: 0;
    }

    .blog-ocean__slider .slick-arrow.slick-prev {
        left: 0;
    }

    .blog-food {
        margin-bottom: 5rem;
    }

    .blog-food .blog-food__slide__wrapper {
        padding: 3.125em;
        background-color: #F5F5F5;
        margin-bottom: 5rem;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide {
        margin: 0 -0.3125em;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 1em;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        position: absolute;
        z-index: 1;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-next {
        right: 0;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-prev {
        left: 0;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item {
        padding: 0.3125em;
    }

    .blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item .post-card .card__content {
        max-width: 80%;
    }

    @media only screen and (max-width: 992px) {
        .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
            display: block;
        }

        .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large .card__cover {
            height: 17.5em;
        }
    }

    .blog-food .blog-food__section.-video,
    .blog-food .post .blog-food__section.post-standard.-audio,
    .post .blog-food .blog-food__section.post-standard.-audio,
    .blog-food .post .blog-food__section.post-standard.-quote,
    .post .blog-food .blog-food__section.post-standard.-quote {
        padding: 3.125em;
        background-color: #F5F5F5;
        margin-bottom: 4.375rem;
    }

    .blog-food .blog-food__section.-video .news-block,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block {
        margin-bottom: 0;
    }

    .blog-food .blog-food__section.-video .news-block .video-container,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container {
        margin-bottom: 0.3125em;
        position: relative;
    }

    .blog-food .blog-food__section.-video .news-block .video-container a,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a {
        position: absolute;
        bottom: 0.9375em;
        left: 0.9375em;
        right: 0.9375em;
        z-index: 5;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    @media only screen and (max-width: 576px) {

        .blog-food .blog-food__section.-video .news-block .video-container a,
        .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a,
        .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a,
        .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a,
        .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a {
            display: none;
        }
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-big,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big {
        margin-bottom: 0;
        min-height: 100%;
        padding-bottom: 0.3125em;
        padding-right: 0.15625em;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-big a,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a {
        color: #fff;
        font-size: 1.375em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.18182em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-big a:hover,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover {
        color: #9E9E9E;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-big a:hover,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover {
        text-decoration: underline;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-small,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small {
        padding: 0 0.15625em;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-small a,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a {
        color: #fff;
        font-size: 1.125em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.27778em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        bottom: 0.27778em;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-small a:hover,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover {
        color: #9E9E9E;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.-small a:hover,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover {
        text-decoration: underline;
    }

    .blog-food .blog-food__section.-video .news-block .video-container.mb-0,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.mb-0,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.mb-0,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.mb-0,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.mb-0 {
        margin-bottom: 0;
    }

    .blog-food .blog-food__section.-video .news-block .video-container .plyr__video-embed,
    .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
    .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
    .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed,
    .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed {
        border-radius: 0.3125em;
    }

    @media only screen and (max-width: 768px) {

        .blog-food .blog-food__section.-video,
        .blog-food .post .blog-food__section.post-standard.-audio,
        .post .blog-food .blog-food__section.post-standard.-audio,
        .blog-food .post .blog-food__section.post-standard.-quote,
        .post .blog-food .blog-food__section.post-standard.-quote {
            padding: 1.875em;
        }
    }

    .blog-food .blog-food__section.-lastest-post .news-block {
        margin-bottom: 0;
    }

    .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__cover {
        flex: 1 1 40%;
        max-width: 40%;
    }

    .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content {
        flex: 1 1 60%;
        max-width: 60%;
    }

    .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content a {
        font-size: 1.375em !important;
    }

    .blog-food .blog-sidebar .blog-sidebar-section .category-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.25em;
    }

    @media only screen and (max-width: 768px) {
        .blog-food .blog-sidebar .blog-sidebar-section .category-block {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-food .blog-sidebar .blog-sidebar-section .category-block {
            grid-template-columns: 1fr 1fr;
        }
    }

    .blog-food .blog-sidebar .blog-sidebar-section .category-block .category {
        margin-bottom: 0;
    }

    .blog-food .blog-sidebar .blog-sidebar-section .category-block .category h5 {
        font-size: 0.875em;
    }

    .blog-flower .blog-flower__slide__wrapper {
        padding: 1.875em 0;
        margin: 0 1.875em;
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 4.375rem;
    }

    .blog-flower .blog-flower__slide__wrapper .blog-flower__slide {
        margin: 0 -0.3125em;
    }

    .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 1em;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        position: absolute;
        z-index: 1;
    }

    .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow.slick-next {
        right: 0;
    }

    .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow.slick-prev {
        left: 0;
    }

    .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .blog-flower__slide__item {
        padding: 0 0.3125em;
    }

    .blog-flower .blog-sidebar .blog-sidebar-section .category-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.25em;
    }

    @media only screen and (max-width: 768px) {
        .blog-flower .blog-sidebar .blog-sidebar-section .category-block {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
    }

    @media only screen and (max-width: 576px) {
        .blog-flower .blog-sidebar .blog-sidebar-section .category-block {
            grid-template-columns: 1fr 1fr;
        }
    }

    .blog-flower .blog-sidebar .blog-sidebar-section .category-block .category {
        margin-bottom: 0;
    }

    .blog-flower .blog-sidebar .blog-sidebar-section .category-block .category h5 {
        font-size: 0.875em;
    }

    .blog-flower .blog-flower__section.-video,
    .blog-flower .post .blog-flower__section.post-standard.-audio,
    .post .blog-flower .blog-flower__section.post-standard.-audio,
    .blog-flower .post .blog-flower__section.post-standard.-quote,
    .post .blog-flower .blog-flower__section.post-standard.-quote {
        padding: 3.125em;
        background-color: #F5F5F5;
        margin-bottom: 4.375rem;
    }

    .blog-flower .blog-flower__section.-video .news-block,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block {
        margin-bottom: 0;
    }

    .blog-flower .blog-flower__section.-video .news-block .video-container,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container {
        padding: 0 0.3125em;
        position: relative;
        padding: 0 0.15625em;
    }

    .blog-flower .blog-flower__section.-video .news-block .video-container a,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a {
        position: absolute;
        bottom: 0.9375em;
        left: 0.9375em;
        right: 0.9375em;
        z-index: 5;
        display: block;
        color: #fff;
        font-size: 1.125em;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.27778em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .blog-flower .blog-flower__section.-video .news-block .video-container a:hover,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover {
        color: #537bdf;
    }

    .blog-flower .blog-flower__section.-video .news-block .video-container a:hover,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover {
        text-decoration: underline;
    }

    @media only screen and (max-width: 576px) {

        .blog-flower .blog-flower__section.-video .news-block .video-container a,
        .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a,
        .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a,
        .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a,
        .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a {
            display: none;
        }
    }

    .blog-flower .blog-flower__section.-video .news-block .video-container .plyr__video-embed,
    .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
    .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
    .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed,
    .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed {
        border-radius: 0.3125em;
    }

    /***************************
	Content
***************************/

    #content {
        /* padding-top: 11.25rem; */
    }

    #content.no-pd {
        padding-top: 4.375rem;
    }

    #content.breadcrumb-pd {
        padding-top: 8.75rem;
    }

    /***************************
	Contact
***************************/

    .contact-us {
        font-size: 16px;
        margin-bottom: 3.75rem;
    }

    .contact-us .contact-title {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 1.36364em;
    }

    .contact-us__info {
        margin-bottom: 1.875rem;
    }

    .contact-us__info .contact-description {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-bottom: 2em;
    }

    .contact-us__info .contact-method__item {
        display: flex;
        align-items: center;
        margin-bottom: 1.25em;
    }

    .contact-us__info .contact-method__item i {
        height: 3.125em;
        width: 3.125em;
        border: 1px solid #e1e1e1;
        border-radius: 999px;
        text-align: center;
        line-height: 3.125em;
        color: #9E9E9E;
        margin-right: 1.25em;
    }

    @media only screen and (max-width: 768px) {
        .contact-us__form {
            margin-top: 3.125rem;
        }
    }

    .contact-us__form form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 1.07143em 1.42857em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
        margin-bottom: 1.42857em;
    }

    .contact-us__form form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .contact-us__form form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .contact-us__form form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .contact-us__form form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form textarea {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        padding: 1.42857em;
        font-family: "DM Sans", sans-serif !important;
        -webkit-appearance: none;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
        margin-bottom: 1.42857em;
    }

    .contact-us__form form textarea:focus {
        outline: 0;
        box-shadow: none;
    }

    .contact-us__form form textarea::-webkit-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form textarea::-moz-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form textarea::-ms-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form textarea::-o-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form form textarea::placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .contact-us__form p {
        margin-bottom: 1em;
    }

    .contact-us__social {
        background-color: #E0E0E0;
        padding: 3em 2em;
    }

    /***************************
	Load
***************************/

    #load {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #load .load__content .load__icon img {
        height: 80px;
        width: 80px;
    }

    #loadNew {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #loadNew .load__content__new .load__icon__new img {
        height: 80px;
        width: 80px;
    }

    /***************************
	Post Category
***************************/

    .category {
        font-size: 16px;
        margin-bottom: 5rem;
    }

    @media only screen and (max-width: 768px) {
        .category {
            font-size: 14px;
        }
    }

    .category .category__header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.125em;
    }

    .category .category__header .category__header__text h5 {
        color: #111;
        font-size: 1.375em;
        font-weight: 500;
        line-height: 1;
        display: inline-block;
        margin-right: 0.22727em;
    }

    .category .category__header .category__header__text a {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
        text-decoration: underline;
    }

    .category .category__header .category__header__text a:hover {
        color: #444;
    }

    .category .category__header .category__header__filter a {
        color: #888;
        font-size: 18px;
    }

    .category .category__header .category__header__filter a:first-child {
        margin-right: 0.83333em;
    }

    .category .category__header .category__header__filter a.active {
        color: #111;
    }

    .category .category_content {
        margin-bottom: 1.25rem;
        width: 100%;
    }

    .category .category_content .post-card {
        margin-bottom: 1.875em;
    }

    .category .category_content.-grid .post-card {
        width: calc(50% - 10px);
    }

    @media only screen and (max-width: 576px) {
        .category .category_content.-grid .post-card {
            width: 100%;
        }
    }

    .category .category_content.-list .post-card .card__cover {
        max-height: 13.75em;
    }

    /***************************
	Post detail
***************************/

    .post {
        font-size: 16px;
    }

    .post .post-standard {
        margin-bottom: 5rem;
    }

    .post .post-standard #post-share {
        position: absolute;
        top: 0;
        left: -80px;
        top: 5px;
        display: flex;
        flex-direction: column;
    }

    .post .post-standard #post-share h5 {
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 2em;
    }

    .post .post-standard #post-share .social-media a {
        color: #fff;
        font-size: 0.875em;
        font-weight: 600;
        line-height: 2.85714em;
        border-radius: 999px;
        background-color: #F5F5F5;
        padding: 0;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: block;
        height: 2.85714em;
        width: 2.85714em;
        margin: 0 auto;
        margin-bottom: 1.07143em;
    }

    .post .post-standard #post-share .social-media a:hover {
        background-color: #e1e1e1;
    }

    @media only screen and (max-width: 1400px) {
        .post .post-standard #post-share {
            position: unset;
            flex-direction: row;
            align-items: center;
            margin-bottom: 3.125em;
        }

        .post .post-standard #post-share h5 {
            margin-bottom: 0;
            margin-right: 2em;
        }

        .post .post-standard #post-share .social-media a {
            display: inline-block;
            margin-bottom: 0;
            margin: 0 0.35714em;
        }

        .post .post-standard #post-share .social-media a:first-child {
            margin-left: 0;
            padding-left: 0;
        }

        .post .post-standard #post-share .social-media a:last-child {
            margin-right: 0;
            padding-right: 0;
        }
    }

    .post .post-standard__banner {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 48.75em;
        margin-bottom: 3.75em;
    }

    @media only screen and (max-width: 768px) {
        .post .post-standard__banner {
            height: 30em;
        }
    }

    .post .post-standard__banner:hover .post-standard__banner__image img {
        transform: scale(1.15);
        transition: 5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .post .post-standard__banner__image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        overflow: hidden;
    }

    .post .post-standard__banner__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .post .post-standard__banner__content {
        background-color: #fff;
        padding: 2.5em;
        margin: 0 1.875em;
    }

    .post .post-standard__content {
        position: relative;
    }

    .post .post-standard__content .images {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
        width: 80%;
        display: block;
    }

    .post .post-standard__content .images2 {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
        display: block;
    }

    .post .post-standard__content .images3 {
        margin-left: auto;
        margin-right: auto;
        /* margin-bottom: 2em; */
        width: 100%;
        display: block;
    }

    .post .post-standard__content .btn-img {
        display: block;
        margin: auto;
    }

    .post .post-standard__content .images img {
        height: 100%;
        width: 100%;
        display: block;
    }

    .post .post-standard__content h2 {
        color: #111;
        font-size: 1.5375em;
        font-weight: 600;
        line-height: 1.8em;
        margin-bottom: 2em;
        text-align: center;
    }

    .post .post-standard__content h3 {
        color: #111;
        font-size: 1.2375em;
        font-weight: 600;
        line-height: 1.8em;
    }

    .post .post-standard__content .paragraph {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.8em;
        margin-bottom: 2em;
    }

    .post .post-standard__content .post-card-quote {
        margin-bottom: 1.875em;
    }

    .post .post-standard__content .image {
        float: left;
        margin-right: 1.875em;
        max-width: 100%;
    }

    .post .post-standard__content .image.left {
        float: left;
        margin-right: 1.875em;
    }

    .post .post-standard__content .image.right {
        float: right;
        margin-left: 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .post .post-standard__content .image {
            max-width: 50%;
        }
    }

    @media only screen and (max-width: 576px) {
        .post .post-standard__content .image {
            width: 100%;
            max-width: 100%;
            margin-bottom: 1.875em;
        }

        .post .post-standard__content .image.left {
            margin-right: 0;
        }

        .post .post-standard__content .image.right {
            margin-left: 0;
        }
    }

    .post .post-standard.-full .post-standard__banner__content .post-card .card__content {
        max-width: 600px;
    }

    .post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title {
        font-size: 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title {
            font-size: 1.375em;
        }
    }

    .post .post-standard.-slide .post-title {
        margin-bottom: 3.125em;
    }

    .post .post-standard.-slide .post-title .card__content .card__content-title {
        font-size: 1.875em;
    }

    .post .post-standard.-video .post-title,
    .post .post-standard.-audio .post-title,
    .post .post-standard.-quote .post-title {
        margin-bottom: 3.125em;
    }

    .post .post-standard.-video .post-video,
    .post .post-standard.-audio .post-video,
    .post .post-standard.-quote .post-video {
        margin-bottom: 1.875em;
    }

    .post .post-standard.-audio .post-audio {
        margin-bottom: 1.875em;
    }

    .post .post-standard.-audio .post-audio .plyr__controls {
        background-color: #F5F5F5;
    }

    .post .post-standard.-quote .post-quote {
        text-align: center;
        background-color: #9E9E9E;
        padding: 2.5em 5.625em;
        border-radius: 0.3125em;
        margin-bottom: 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .post .post-standard.-quote .post-quote {
            padding: 1.25em 2.5em;
        }
    }

    .post .post-standard.-quote .post-quote .post-quote-info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.25em;
    }

    .post .post-standard.-quote .post-quote .post-quote-info .info__time {
        margin-right: 0.9375em;
    }

    .post .post-standard.-quote .post-quote .post-quote-info i,
    .post .post-standard.-quote .post-quote .post-quote-info p {
        display: inline-block;
        color: #fff;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
    }

    .post .post-standard.-quote .post-quote .post-quote-info i {
        margin-right: 0.625em;
    }

    .post .post-standard.-quote .post-quote h3 {
        color: #fff;
        font-size: 1.625em;
        font-weight: 700;
        line-height: 1.46154em;
        margin-bottom: 0.625em;
        position: relative;
    }

    .post .post-standard.-quote .post-quote h3:before {
        content: "\f10d";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        top: 0;
        left: -30px;
        font-size: 1em;
    }

    .post .post-standard.-quote .post-quote h3:after {
        content: "\f10e";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        bottom: 0;
        right: -30px;
        font-size: 1em;
    }

    .post .post-standard.-quote .post-quote p {
        color: #fff;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 1;
    }

    /***************************
	Shop
***************************/

    .shop {
        font-size: 16px;
    }

    .shop__filter-sibebar {
        padding-right: 1.875em;
        border-right: 1px solid #E0E0E0;

    }

    @media only screen and (max-width: 768px) {
        .shop__filter-sibebar {
            padding-right: 0;
        }
    }

    .shop__filter-sibebar__section {
        margin-bottom: 3.75rem;
    }

    .shop__filter-sibebar__section.-price form {
        display: flex;
        align-items: center;
    }

    .shop__filter-sibebar__section.-price form span {
        margin: 0 0.625em;
        flex: 1 1 10%;
        max-width: 10%;
        text-align: center;
    }

    .shop__filter-sibebar__section.-price form .range-input {
        display: flex;
        align-items: center;
        background-color: #F5F5F5;
        padding: 0.9375em 1.25em;
        flex: 1 1 45%;
        max-width: 45%;
    }

    .shop__filter-sibebar__section.-price form .range-input input {
        max-width: 100px;
        background-color: transparent;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 60px;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0 10px;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        border: 0;
    }

    .shop__filter-sibebar__section.-price form .range-input input:focus {
        outline: 0;
        box-shadow: none;
    }

    .shop__filter-sibebar__section.-price form .range-input input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .shop__filter-sibebar__section.-price form .range-input input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .shop__filter-sibebar__section.-price form .range-input input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__filter-sibebar__section.-price form .range-input input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .shop__products__header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2.5em;
    }

    .shop__products__header h5 {
        color: #111;
        font-size: 15;
        font-weight: 400;
        line-height: 1;
    }

    .shop__products__header h5 span {
        font-weight: 600;
        margin-right: 0.66667em;
    }

    @media only screen and (max-width: 768px) {
        .shop__products__header {
            flex-direction: column;
        }
    }

    @media only screen and (max-width: 576px) {
        .shop__products__header h5 {
            margin-bottom: 0.9375em;
        }
    }

    .shop__products__header .product-filter {
        display: flex;
    }

    .shop__products__header .product-filter .select-group span {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
    }

    .shop__products__header .product-filter .select-group select {
        border: 0;
        cursor: pointer;
        color: #111;
        font-size: 0.9375em;
        font-weight: 700;
        line-height: 1;
    }

    .shop__products__header .product-filter .select-group:first-child {
        margin-right: 1.875em;
    }

    @media only screen and (max-width: 768px) {
        .shop__products__header .product-filter {
            flex-direction: column;
            align-items: center;
        }

        .shop__products__header .product-filter .select-group:first-child {
            margin-right: 0;
            margin-bottom: 0.9375em;
        }
    }

    .shop__products__content .product {
        margin-bottom: 2.5em;
    }

    /***************************
	Shop detail
***************************/

    .shop-detail {
        font-size: 16px;
    }

    .shop-detail .type-block {
        display: flex;
        margin-bottom: 1.25em;
    }

    .shop-detail .type-block:last-child {
        margin-bottom: 0;
    }

    .shop-detail .type-block p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.73333em;
    }

    .shop-detail .type-block .type-name {
        flex: 1 1 30%;
        max-width: 30%;
        font-weight: 400;
    }

    .shop-detail .type-block .type-name2 {
        flex: 1 1 30%;
        max-width: 30%;
        font-weight: 600;
    }

    .shop-detail .type-block .type-name-red {
        flex: 1 1 30%;
        max-width: 30%;
        font-weight: 600;
        color: #e53935;
    }

    .shop-detail .type-block .type-name-gold {
        flex: 1 1 30%;
        max-width: 30%;
        font-weight: 600;
        color: #827717;
    }

    .shop-detail .type-block .type-detail {
        flex: 1 1 70%;
        max-width: 70%;
    }


    .shop-detail .type-block2:last-child {
        margin-bottom: 0;
    }

    .shop-detail .type-block2 p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.73333em;
    }

    .shop-detail .type-block2 {
        display: flex;
    }

    .shop-detail .type-block2 p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.73333em;
    }

    .shop-detail .type-block2 .type-name3 {
        flex: 1 1 60%;
        max-width: 60%;

    }

    .shop-detail .type-block2 .type-detail {
        flex: 1 1 70%;
        max-width: 70%;
        font-weight: 600;
    }

    .shop-detail__image {
        max-width: calc(100% - 30px);
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__image {
            max-width: 100%;
            margin-bottom: 1.875em;
        }

        .shop-detail .type-block2 {
            display: block;
            margin-bottom: 0.6em;
        }

        .shop-detail .type-block2 .type-name3 {
            flex: 1 1 100%;
            max-width: 100%;
        }

        .trending-post2 .trending-post2_content h6 {

            margin-bottom: 0.625em;
        }
    }

    .shop-detail__image .slider div img, .shop-detail__image .slider div video {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .shop-detail__image .slider-single {
        margin-bottom: 1.25em;
    }

    .shop-detail__image .slider-nav {
        margin: 0 -0.625em;
    }

    .shop-detail__image .slider-nav__item {
        padding: 0 0.625em;
        height: 33vh;
    }

    .shop-detail__image .slider-nav__item img {
        border: 2px solid transparent;
    }

    .shop-detail__image .slider-nav__item.is-active img {
        border: 2px solid #9E9E9E;
        border-radius: 0.3125em;
    }

    .shop-detail__image .slider-nav .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 0.875em;
        top: 50%;
        transform: translateY(-50%);
        padding: 1.07143em;
        position: absolute;
        z-index: 1;
    }

    .shop-detail__image .slider-nav .slick-arrow.slick-next {
        right: 0.625em;
    }

    .shop-detail__image .slider-nav .slick-arrow.slick-prev {
        left: 0.625em;
    }

    /* ------------------------ */

    .shop-detail__image-mobile {
        max-width: calc(100% - 30px);
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__image-mobile {
            max-width: 100%;
            margin-bottom: 1.875em;
        }
    }

    .shop-detail__image-mobile .slider div img, .shop-detail__image-mobile .slider div video {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .shop-detail__image-mobile .slider-single {
        margin-bottom: 1.25em;
    }

    .shop-detail__image-mobile .slider-nav {
        margin: 0 -0.625em;
    }

    .shop-detail__image-mobile .slider-nav__item {
        padding: 0 0.625em;
        height: 33vh;
    }

    .shop-detail__image-mobile .slider-nav__item img, .shop-detail__image-mobile .slider-nav__item video  {
        border: 2px solid transparent;
    }

    .shop-detail__image-mobile .slider-nav__item.is-active img, .shop-detail__image-mobile .slider-nav__item.is-active videoS {
        border: 2px solid #9E9E9E;
        border-radius: 0.3125em;
    }

    .shop-detail__image-mobile .slider-nav .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 0.875em;
        top: 50%;
        transform: translateY(-50%);
        padding: 1.07143em;
        position: absolute;
        z-index: 1;
    }

    .shop-detail__image-mobile .slider-nav .slick-arrow.slick-next {
        right: 0.625em;
    }

    .shop-detail__image-mobile .slider-nav .slick-arrow.slick-prev {
        left: 0.625em;
    }

    /* -------------------- */

    @media only screen and (max-width: 768px) {
        .shop-detail__content {
            padding-left: 0;
        }
    }

    .shop-detail__content__top {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 2.5em;
    }

    .shop-detail__content__top h1 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1.6em;
    }

    .shop-detail__content__top .brand {
        color: #111;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.85714em;
    }

    .shop-detail__content__top .brand-config {
        color: #111;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.85714em;
        margin-right: 0.5em;
    }

    .shop-detail__content__top .rate {
        margin-bottom: 1.875em;
    }

    .shop-detail__content__top .rate .star {
        display: inline-block;
        margin-right: 0.625em;
    }

    .shop-detail__content__top .rate .star i {
        font-size: 0.75em;
        color: #e3c01c;
    }

    .shop-detail__content__top .rate span {
        color: #444;
        font-size: 0.75em;
        font-weight: 500;
        line-height: 1;
    }

    .shop-detail__content__top .price {
        display: flex;
        align-items: center;
        margin-bottom: 2.5em;
    }

    .shop-detail__content__top .price h3 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1;
        margin-right: 0.5em;
    }

    .shop-detail__content__top .price .discount {
        color: #b1b0b0;
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1;
        text-decoration: line-through;
    }

    .shop-detail__content__top .price .discount-configuration {
        color: #000;
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1;
        margin-right: 0.5em;
    }

    .shop-detail__content__top .description {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__top .description-red {
        color: #ef5350;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__bottom .description {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-top: 2.14286em;
    }

    .shop-detail__content__bottom .description-red {
        color: #ef5350;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__top .product-controller {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2.5em;
    }

    .shop-detail__content__top .product-controller .quantity {
        display: flex;
        align-items: center;
    }

    .shop-detail__content__top .product-controller .quantity span {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        margin-right: 0.66667em;
    }

    .shop-detail__content__top .product-controller .quantity .quantity-controller {
        padding: 0 1.25em;
        border: 1px solid #9E9E9E;
        display: flex;
        align-items: center;
        margin-right: 0.625em;
        height: 3.125em;
    }

    .shop-detail__content__top .product-controller .quantity .quantity-controller input {
        border: 0;
        text-align: center;
        max-width: 3.75em;
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1;
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__content__top .product-controller .quantity {
            margin-bottom: 1.07143em;
        }
    }

    .shop-detail__content__top .product-controller .btn {
        padding: 0 1.42857em;
        height: 3.57143em;
        line-height: 3.57143em;
        margin-right: 0.71429em;
    }

    .shop-detail__content__top .product-controller .btn-red {
        padding: 0 1.42857em;
        height: 3.57143em;
        line-height: 3.57143em;
        margin-right: 0.71429em;
    }

    .shop-detail__content__top .product-controller .btn:last-child {
        margin-right: 0;
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__content__top .product-controller .btn {
            margin-bottom: 1.07143em;
        }
    }

    /**
    CONFIG
**/

    .shop-detail__content__top-config {
        /* border-bottom: 1px solid #e1e1e1;
    margin-bottom: 2.5em; */
        /* display: flex;
    display: -webkit-flex;
    flex-wrap: wrap; */
    }

    .shop-detail__content__top-config h1 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1.6em;
    }

    .shop-detail__content__top-config .brand {
        color: #111;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.85714em;
    }

    .shop-detail__content__top-config .brand-config {
        color: #111;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.85714em;
        margin-right: 0.5em;
    }

    .shop-detail__content__top-config .rate {
        margin-bottom: 1.875em;
    }

    .shop-detail__content__top-config .rate .star {
        display: inline-block;
        margin-right: 0.625em;
    }

    .shop-detail__content__top-config .rate .star i {
        font-size: 0.75em;
        color: #e3c01c;
    }

    .shop-detail__content__top-config .rate span {
        color: #444;
        font-size: 0.75em;
        font-weight: 500;
        line-height: 1;
    }

    .shop-detail__content__top-config .price {
        display: flex;
        align-items: center;
        margin-bottom: 2.5em;
    }

    .shop-detail__content__top-config .price h3 {
        color: #111;
        font-size: 1.875em;
        font-weight: 700;
        line-height: 1;
        margin-right: 0.5em;
    }

    .shop-detail__content__top-config .price .discount {
        color: #b1b0b0;
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1;
        text-decoration: line-through;
    }

    .shop-detail__content__top-config .price .discount-configuration {
        color: #000;
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1;
        margin-right: 0.5em;
    }

    .shop-detail__content__top-config .description {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__top-config .description-red {
        color: #ef5350;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__bottom .description {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-top: 2.14286em;
    }

    .shop-detail__content__bottom .description-red {
        color: #ef5350;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 2.14286em;
    }

    .shop-detail__content__top-config .product-controller {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2.5em;
    }

    .shop-detail__content__top-config .product-controller .quantity {
        display: flex;
        align-items: center;
    }

    .shop-detail__content__top-config .product-controller .quantity span {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        margin-right: 0.66667em;
    }

    .shop-detail__content__top-config .product-controller .quantity .quantity-controller {
        padding: 0 1.25em;
        border: 1px solid #9E9E9E;
        display: flex;
        align-items: center;
        margin-right: 0.625em;
        height: 3.125em;
    }

    .shop-detail__content__top-config .product-controller .quantity .quantity-controller input {
        border: 0;
        text-align: center;
        max-width: 3.75em;
        color: #111;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1;
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__content__top-config .product-controller .quantity {
            margin-bottom: 1.07143em;
        }
    }

    .shop-detail__content__top-config .product-controller .btn {
        padding: 0 1.42857em;
        height: 3.57143em;
        line-height: 3.57143em;
        margin-right: 0.71429em;
    }

    .shop-detail__content__top-config .product-controller .btn-red {
        padding: 0 1.42857em;
        height: 3.57143em;
        line-height: 3.57143em;
        margin-right: 0.71429em;
    }

    .shop-detail__content__top-config .product-controller .btn:last-child {
        margin-right: 0;
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__content__top-config .product-controller .btn {
            margin-bottom: 1.07143em;
        }
    }

    .shop-detail__tab {
        /* margin-top: 3.75rem; */
        margin-top: 1.75rem;
        margin-bottom: 3.75rem;
    }

    .shop-detail__tab .tab-content__item[data-stand="description"] p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
        margin-bottom: 1.875em;
    }

    .shop-detail__tab-girl .tab-content__item[data-stand="description"] p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.8em;
        /* margin-bottom: 1.875em; */
    }

    .shop-detail__tab .tab-content__item[data-stand="description"] p:last-child {
        margin-bottom: 0;
    }

    @media only screen and (max-width: 768px) {
        .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block {
            margin-bottom: 1.875em;
        }
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar {
        height: 9.375em;
        width: 9.375em;
        float: left;
        margin-right: 1.875em;
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content h5 {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0.90909em;
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content p {
        color: #111;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.71429em;
        margin-bottom: 0.9375em;
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star {
        display: inline-block;
        margin-right: 0.625em;
    }

    .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star i {
        font-size: 0.75em;
        color: #e3c01c;
    }

    .shop-detail__slide h3 {
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 1.81818em;
    }

    .shop-detail__slide .related-post-slide {
        margin: 0 -0.9375em;
    }

    .shop-detail__slide .related-post-slide__item {
        padding: 0 0.9375em;
    }

    .shop-detail__slide .related-post-slide .slick-arrow {
        background-color: #fff;
        border: 0;
        color: #888;
        font-size: 0.875em;
        top: 50%;
        transform: translateY(-50%);
        padding: 1.07143em;
        position: absolute;
        z-index: 1;
    }

    .shop-detail__slide .related-post-slide .slick-arrow.slick-next {
        right: 0.625em;
    }

    .shop-detail__slide .related-post-slide .slick-arrow.slick-prev {
        left: 0.625em;
    }

    /***************************
	Shop cart
***************************/

    .news {
        font-size: 16px;
    }

    .news__table {
        margin-bottom: 1.875em;
        overflow-y: auto;
    }

    .news__table table {
        width: 100%;
    }

    .news__table table tbody tr {
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }

    .news__table table tbody td {
        text-align: center;
        vertical-align: middle;
        padding: 1.875em 0.9375em;
    }

    .cart {
        font-size: 16px;
    }

    .cart__table {
        margin-bottom: 1.875em;
        overflow-y: auto;
        /* white-space: nowrap; */
    }

    .cart__table table {
        width: 100%;
    }

    .cart__table table thead tr {
        border-bottom: 1px solid #e1e1e1;
    }

    .cart__table table thead th {
        color: #111;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1;
        padding: 0.83333em 0.83333em;
    }

    .cart__table table thead th:first-child {
        text-align: left;
        padding-left: 0;
    }

    .cart__table table tbody tr {
        border-bottom: 1px solid #e1e1e1;
    }

    .cart__table table tbody td {
        text-align: center;
        vertical-align: middle;
        padding: 1.875em 0.9375em;
    }

    .cart__table table tbody td:first-child {
        text-align: left;
        padding-left: 0;
    }

    .cart__table table tbody td:first-child .cart-product {
        display: flex;
        align-items: center;
    }

    .cart__table table tbody td:first-child .cart-product img {
        margin-right: 0.9375em;
        height: 5.625em;
        width: 5.625em;
    }

    .cart__table table tbody td:first-child .cart-product__content h5 {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 0.33333em;
    }

    .cart__table table tbody td:first-child .cart-product__content .star {
        display: inline-block;
        margin-right: 0.625em;
    }

    .cart__table table tbody td:first-child .cart-product__content .star i {
        font-size: 0.625em;
        color: #e3c01c;
    }

    .cart__table table tbody td:nth-child(1),
    .cart__table table tbody td:nth-child(4) {
        color: #111;
        font-size: 1em;
        font-weight: 700;
        line-height: 1;
    }

    .cart__table table tbody td:nth-child(3) .quantity-controller {
        padding: 0;
        border: 0;
        margin-right: 0;
        justify-content: center;
    }

    .cart__table table tbody td:last-child {
        text-align: right;
        padding-right: 0;
    }

    .cart__table table tbody td:last-child a {
        color: #888;
        font-size: 15px;
        font-weight: 600;
        line-height: 3em;
        border-radius: 999px;
        background-color: #F5F5F5;
        padding: 0;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        height: 3em;
        width: 3em;
        display: inline-block;
    }

    .cart__table table tbody td:last-child a:hover {
        background-color: #e1e1e1;
    }

    .cart__footer {
        margin-bottom: 3.125em;
    }

    .cart__footer__actions {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    @media only screen and (max-width: 576px) {
        .cart__footer__actions .btn {
            margin-bottom: 1.875em;
        }
    }

    @media only screen and (max-width: 576px) {
        .cart__footer {
            margin-bottom: 0;
        }
    }

    .cart__total {
        margin-bottom: 5rem;
    }

    .cart__total__discount form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .cart__total__discount form h3 {
        color: #111;
        font-size: 1.125em;
        font-weight: 500;
        line-height: 1;
        text-transform: uppercase;
        margin-right: 1.66667em;
    }

    @media only screen and (max-width: 768px) {
        .cart__total__discount form h3 {
            width: 100%;
            margin-bottom: 0.83333em;
        }
    }

    .cart__total__discount form input {
        margin-right: 0.625em;
        background-color: white;
        border: 1px solid #e1e1e1;
        height: 3.125em;
        width: auto;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0 1.25em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
    }

    .cart__total__discount form input:focus {
        outline: 0;
        box-shadow: none;
    }

    .cart__total__discount form input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
        line-height: -moz-block-height;
    }

    .cart__total__discount form input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
        line-height: -moz-block-height;
    }

    .cart__total__discount form input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: 3.125em;
    }

    .cart__total__discount form .btn {
        padding: 0 1.875em;
        line-height: 3.125em;
        height: 3.125em;
    }

    @media only screen and (max-width: 768px) {
        .cart__total__discount {
            margin-bottom: 1.875em;
        }
    }

    .cart__total__content {
        padding: 2.1875em 1.5em;
        background-color: #F5F5F5;
        /* width: 50%; */
        margin: auto;
    }

    .cart__total__content p {
        color: #e53935;
        font-size: 0.7em;
        font-weight: 500;
        line-height: 1;
        margin-top: 0.77647em;
    }

    .cart__total__content .text-big {
        color: #000;
        font-size: 1.2em;
        font-weight: 500;
        line-height: 1;
        margin-top: 0.77647em;
    }

    .cart__total__content h3 {
        color: #111;
        font-size: 1.0625em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 2.57647em;
    }

    .cart__total__content .total__row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.9375em;
    }

    .cart__total__content .total__row h5 {
        color: #111;
        font-size: 1em;
        font-weight: 500;
        line-height: 1;
    }

    .cart__total__content .btn {
        display: block;
        margin-top: 2.5em;
    }

    /**
Payment
**/

    .cart__total__content-payment {
        padding: 2.1875em 1.5em;
        background-color: #F5F5F5;
        width: 50%;
        margin: auto;
    }

    .cart__total__content-payment p {
        color: #e53935;
        font-size: 0.7em;
        font-weight: 500;
        line-height: 1;
        margin-top: 0.77647em;
    }

    .cart__total__content-payment .text-big {
        color: #000;
        font-size: 1.2em;
        font-weight: 500;
        line-height: 1;
        margin-top: 0.77647em;
    }

    .cart__total__content-payment h3 {
        color: #111;
        font-size: 1.0625em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 2.57647em;
    }

    .cart__total__content-payment .total__row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.9375em;
    }

    .cart__total__content-payment .total__row h5 {
        color: #111;
        font-size: 1em;
        font-weight: 500;
        line-height: 1;
    }

    .cart__total__content-payment .btn {
        display: block;
        margin-top: 2.5em;
    }

    /***************************
	Checkout
***************************/

    .checkout {
        font-size: 16px;
        margin-bottom: 5rem;
    }

    .checkout-title {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1.5;
        text-transform: uppercase;
        padding-bottom: 0.66667em;
        border-bottom: 1px solid #e1e1e1;
        display: block;
        margin-bottom: 1.875em;
    }

    .checkout__coupon-alert {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.73333em;
        background-color: #ef9a9a;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
    }

    .checkout__coupon-info {
        color: #111;
        font-size: 0.9375em;
        font-weight: 700;
        line-height: 1.73333em;
        background-color: #F5F5F5;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
    }

    .checkout__coupon-gold {
        color: #000;
        font-size: 0.9375em;
        font-weight: 550;
        line-height: 1.73333em;
        background-color: #B0BEC5;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
    }

    .checkout__coupon-pink {
        color: #000;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1.73333em;
        background-color: #ef9a9a;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
    }

    .checkout__coupon-orange {
        color: #000;
        font-size: 0.9375em;
        font-weight: 600;
        font-size: 17px;
        /* line-height: 1.73333em; */
        background-color: #FFC107;
        display: block;
        text-align: center;
        padding: 0.8em;
        margin-bottom: 1.75rem;
        border-radius: 8px;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .checkout__coupon-manager {
        color: #111;
        font-size: 0.9375em;
        font-weight: 900;
        line-height: 1.73333em;
        background-color: #F5F5F5;
        display: block;
        /* text-align: center; */
        padding: 1em;
        margin-bottom: 1.75rem;
    }

    .checkout__coupon-alert:hover {
        text-decoration: underline;
    }

    .checkout__form form .input-group {
        margin-bottom: 1.875em;
    }

    .checkout__form form .input-group label {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        display: block;
        margin-bottom: 0.9375em;
    }

    .checkout__form form .input-group input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
    }

    .checkout__form form .input-group input:focus {
        outline: 0;
        box-shadow: none;
    }

    .checkout__form form .input-group input:-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input::-webkit-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input:-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .checkout__form form .input-group input::-moz-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        line-height: -moz-block-height;
    }

    .checkout__form form .input-group input:-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input::-ms-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input:-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input::-o-input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input:input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input::input-placeholder {
        color: #aeaeae;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
    }

    .checkout__form form .input-group input.mb-20 {
        margin-bottom: 1.25em;
    }

    .checkout__form form .input-group.mb-15 {
        margin-bottom: 0.9375em;
    }

    .checkout__form form .checkbox-group {
        margin-bottom: 1.875em;
    }

    .checkout__form form .checkbox-group.mb-15 {
        margin-bottom: 0.9375em;
    }

    .checkout__form form .label-description {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 1.875em;
    }

    .checkout__form form .label-description-red {
        color: #f44336;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
        margin-bottom: 1.875em;
    }

    .checkout__total {
        background-color: #F5F5F5;
        /* padding: 1.5625em 1.875em; */
        padding: 0em 1em;
    }

    .checkout__total table {
        width: 100%;
    }

    .checkout__total table th:first-child,
    .checkout__total table td:first-child {
        text-align: left;
    }

    .checkout__total table th:last-child,
    .checkout__total table td:last-child {
        /* text-align: right; */
    }

    .checkout__total table.total__provisional {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 0.625em;
    }

    .checkout__total table.total__provisional thead th {
        padding: 0.625em 0;
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
    }

    .checkout__total table.total__provisional tbody td {
        padding: 0.625em 0;
    }

    .checkout__total table.total__provisional tbody td:first-child span {
        float: left;
        color: #9E9E9E;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1.5em;
        margin-right: 0.33333em;
    }

    .checkout__total table.total__provisional tbody td:first-child p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.5em;
    }

    .checkout__total table.total__final {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 1.875em;
    }

    .checkout__total table.total__final tbody td {
        padding: 0.625em 0;
    }

    .checkout__total table.total__final tbody td:first-child {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1;
    }

    .checkout__total table.total__final tbody td:last-child {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
    }

    .checkout__total .total__payment-method__block {
        margin-bottom: 1.5625em;
    }

    .checkout__total .total__payment-method__block .payment__content {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
    }

    .checkout__total .btn {
        width: 100%;
    }

    /**
    CHECKOUT GIRL
**/

    .checkout__total-girl {
        background-color: #F5F5F5;
        /* padding: 1.5625em 1.875em; */
        margin-bottom: 2em;
    }

    .checkout__total-girl table {
        width: 100%;
    }

    .checkout__total-girl table th:first-child,
    .checkout__total-girl table td:first-child {
        text-align: left;
    }

    .checkout__total-girl table th:last-child,
    .checkout__total-girl table td:last-child {
        /* text-align: right; */
    }

    .checkout__total-girl table.total__provisional {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 0.625em;
    }

    .checkout__total-girl table.total__provisional thead th {
        padding: 0.625em 0;
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
    }

    .checkout__total-girl table.total__provisional tbody td {
        padding: 0.625em 0;
    }

    .checkout__total-girl table.total__provisional tbody td:first-child span {
        float: left;
        color: #9E9E9E;
        font-size: 0.9375em;
        font-weight: 600;
        line-height: 1.5em;
        margin-right: 0.33333em;
    }

    .checkout__total-girl table.total__provisional tbody td:first-child p {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.5em;
    }

    .checkout__total-girl table.total__final {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 1.875em;
    }

    .checkout__total-girl table.total__final tbody td {
        padding: 0.625em 0;
    }

    .checkout__total-girl table.total__final tbody td:first-child {
        color: #111;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1;
    }

    .checkout__total-girl table.total__final tbody td:last-child {
        color: #111;
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1;
    }

    .checkout__total-girl .total__payment-method__block {
        margin-bottom: 1.5625em;
    }

    .checkout__total-girl .total__payment-method__block .payment__content {
        color: #111;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429em;
    }

    .checkout__total-girl .btn {
        width: 100%;
    }

    /* .pagination {
    display: table;
    width: 100%;
} */
    /* .pagination a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination a.active {
    background-color: #273143;
    color: white;
    border: 1px solid #273143;
}

.pagination a:hover:not(.active) {
    background-color: #FB8A8F;
} */

    .txtmidnotice {
        font-size: 16pt;
        text-align: center;
        font-weight: bold;
        padding: 20px 0;
    }

    .system-text {
        margin-bottom: 0.625em;
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.375em;
    }

    .border {
        border: 1px solid #dee2e6 !important;
    }

    .notice {
        height: 500px;
        width: 100%;
        border: 2px solid red;
        overflow: auto;
    }

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    /* .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #c62828;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
} */
    /* .page-item.active .page-link {
    color: #fff;
    background-color: #424242;
    border-color: #424242
} */
    /*
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
} */

    .transfer-content {
        display: table;
        width: 100%;
        border-bottom: 1px solid black;
        padding: 10px 0;
    }

    .grey-background {
        font-size: 16px;
        /* background-color: #F5F5F5; */
        background-color: #212121;
        padding: 1.5625em 0 1.5625em;
        /* border-radius: 0.3125em; */
        margin-top: 1.375rem;
        /* margin-bottom: 4.375rem; */
        margin-bottom: 2.375rem;
        align-items: center;
        color: #fff;
    }

    .grey-background .grey-background__info {
        text-align: center;
        max-width: 80%;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .grey-background .grey-background__info h5 {
        font-weight: 600;
        text-align: center;
        font-size: 18px;
    }

    .grey-background .paragraph {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.8em;
        margin-bottom: 2em;
    }

    .black-background {
        font-size: 16px;
        background-color: #9E9E9E;
        padding: 1.5625em 0 1.5625em;
        border-radius: 0.3125em;
        /* margin-bottom: 4.375rem; */
        margin-bottom: 2.375rem;
        /* align-items: center; */
    }

    .black-background .black-background__info {
        /* text-align: center; */
        max-width: 80%;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .black-background .black-background__info .text1 {
        color: #fff;
        font-size: 0.9375em;
        font-weight: 700;
        line-height: 1.8em;
    }

    .black-background .black-background__info .text2 {
        color: #fff;
        font-size: 1.2375em;
        font-weight: 700;
        line-height: 1.8em;
    }

    #nav {
        position: static;
        top: 0px;
        left: 582.222px;
        width: 1393px;
    }

    #nav ul {
        margin: 0;
        padding: 0;
    }

    #nav li {
        float: left;
        padding: 3px 8px;
        background-color: rgba(0, 0, 0, 0.8);
        margin: 0 10px 0 0;
        list-style-type: none;
    }

    #navWrap {
        background-color: rgba(0, 0, 0, 0.5);
        margin-top: -53px;
    }

    br.clearLeft {
        clear: left;
    }

    #global_menu_s {
        display: inline-block;
        width: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
    }

    #global_menu_s ul {
        width: 100%;
        text-align: center;
    }

    #global_menu_s ul li {
        list-style: none;
        display: inline-block;
        color: white;
        padding: 10px 0px;
        position: relative;
        margin: auto;
        border-right: 1px solid white;
        width: 16%;
    }

    #global_menu_s ul li {
        cursor: pointer;
    }

    #global_menu_s ul li#top {
        margin-left: 15px;
        border-left: 1px solid white;
        padding: 10px 0px;
        /* width:8%; */
        width: 16%;
    }

    #global_menu_s span {
        padding: 10px 0px;
        color: white;
        margin-right: 3px;
    }

    /*hahah*/

    #global_menu_s2 {
        display: inline-block;
        width: 83%;
        /* background-color: rgba(0, 0, 0, 0.5); */
    }

    #global_menu_s2 ul {
        width: 100%;
        text-align: center;
    }

    #global_menu_s2 ul li {
        list-style: none;
        display: inline-block;
        color: white;
        padding: 10px 0px;
        position: relative;
        margin: auto;
        border-right: 1px solid white;
        width: 16%;
    }

    #global_menu_s2 ul li {
        cursor: pointer;
    }

    #global_menu_s2 ul li#top {
        margin-left: 15px;
        border-left: 1px solid white;
        padding: 10px 0px;
        /* width:8%; */
        width: 16%;
    }

    #global_menu_s2 span {
        padding: 10px 0px;
        color: white;
        margin-right: 3px;
    }

    #fixedBox {
        position: fixed;
        z-index: 10000;
        top: 200px;
        left: 300px;
        width: 300px;
        background: #FFF;
        border: 2px solid #F00;
        padding: 10px;
    }

    #wrap {
        margin: 10px auto;
        background: #666;
        padding: 1px 10px;
        width: 700px;
    }

    @media only screen and (max-width: 768px) {
        #global_menu_s {
            margin-top: 3.2em;
        }

        #global_menu_s ul li#top {
            width: 100%;
            margin-left: 0;
        }

        #global_menu_s ul li {
            width: 100%;
            /* display: flex; */
        }

        #global_menu_s2 {
            width: 100%;
            margin-top: 3.2em;
        }

        #global_menu_s2 ul li#top {
            width: 100%;
            margin-left: 0;
        }

        #global_menu_s2 ul li {
            width: 100%;
            /* display: flex; */
        }

        #nav {
            width: 100%;
        }
    }

    .for_register {
        background-color: #3C001D;
        padding: 40px;
    }

    .for_register img {
        display: block;
        margin: auto;
    }

    .price-list {
        width: 100%;
        margin-bottom: 2.5em;
        display: block;
    }

    .blur {
        filter: blur(10px);
       
        touch-action: none !important; 
        pointer-events: none !important;
       /* disable selection/Copy of UIWebView */ /* disable the IOS popup when long-press on a link */
    }

    .radio-button {
        margin-bottom: 2em;
    }

    input[type="radio"] {
        display: none;
    }

    input[type="radio"]+label {
        font-weight: 400;
        font-size: 14px;
        margin-right: 1em;
    }

    input[type="radio"]+label span {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -2px 10px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #212121;
    }

    input[type="radio"]+label span {
        background-color: #fff;
    }

    input[type="radio"]:checked+label {
        color: #333;
        font-weight: 700;
    }

    input[type="radio"]:checked+label span {
        background-color: #BF360C;
        border: 2px solid #ffffff;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    }

    input[type="radio"]+label span,
    input[type="radio"]:checked+label span {
        -webkit-transition: background-color 0.24s linear;
        -o-transition: background-color 0.24s linear;
        -moz-transition: background-color 0.24s linear;
        transition: background-color 0.24s linear;
    }

    @media only screen and (max-width: 768px) {
        .footer-img {
            width: 100%;
            margin: auto;
            padding: 0 2em;
        }
    }

    /**
	Man Profile
**/

    .man-profil {
        display: inline-block;
        border: 1.5px solid #e3e3e3;
        padding: 8px 0px 8px 0px;
        margin: 10px 25px 8px 0px;
        width: 90%;
    }

    .man-profil p:nth-child(1) {
        padding-left: 5px;
    }

    .man-profil p:nth-child(2) {
        padding: 8px 0px 10px 15px;
        border-bottom: 1px solid #e79e46;
    }

    .man-profil .message {
        display: inline-block;
        padding-top: 10px;
        padding-left: 8px;
    }

    .man-profil .message input {
        float: left;
        line-height: 25px;
        width: 195px
    }

    .man-profil .message img {
        float: left;
        /* padding-left: 20px */
    }

    /**
     Accordion
**/

    .man-profil .tab {
        position: relative;
        margin-bottom: 1px;
        width: 100%;
        overflow: hidden;
    }

    .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .tab label {
        position: relative;
        display: block;
        padding: 0 0 0 1em;
        font-weight: bold;
        line-height: 3;
        cursor: pointer;
        color: #a38f00;
    }

    .tab .tab-content {
        max-height: 0;
        overflow: hidden;
        background: #faf9f0;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
        border-bottom: 1px solid #e79e46;
    }

    .tab-content ul {
        line-height: 18px;
    }

    .tab-content ul li {
        padding: 5px;
        text-align: justify;
    }

    /* :checked */

    .tab input:checked~.tab-content {
        max-height: 20em;
    }

    /* Icon */

    .tab label::after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3em;
        height: 3em;
        line-height: 3;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

    .tab input[type=checkbox]+label::after {
        content: url(../../images/girl_index/caret.png);
    }

    .tab input[type=radio]+label::after {
        content: "\25BC";
    }

    .tab input[type=checkbox]:checked+label::after {
        transform: rotate(180deg);
    }

    .tab input[type=radio]:checked+label::after {
        transform: rotateX(180deg);
    }

    /*==============================================================
				Man profil purchase col 3
===============================================================*/

    .man-purchase {
        display: inline-block;
        border: 1.5px solid #e3e3e3;
        padding: 8px 0px 8px 0px;
        margin: 10px 0px 8px 0px;
        width: 90%;
    }

    .man-purchase p:nth-child(1) {
        padding-left: 5px;
    }

    .man-purchase p:nth-child(2) {
        padding: 8px 0px 8px 15px;
    }

    .man-purchase p:nth-child(3) {
        padding: 0px 0px 10px 15px;
        border-bottom: 1px solid #e79e46;
        color: red;
    }

    .man-purchase .message {
        padding-top: 10px;
        padding-left: 8px;
    }

    /* Acordeon styles */

    .man-purchase .tab {
        position: relative;
        margin-bottom: 1px;
        width: 100%;
        overflow: hidden;
    }

    .man-purchase .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .man-purchase .tab label {
        position: relative;
        display: block;
        padding: 0 0 0 1em;
        font-weight: bold;
        line-height: 3;
        cursor: pointer;
    }

    .man-purchase .tab .tab-content {
        max-height: 0;
        overflow: hidden;
        background: #faf9f0;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
        border-bottom: 1px solid #e79e46;
    }

    .man-purchase .tab-content ul li {
        padding: 5px;
        text-align: justify;
    }

    /* :checked */

    .man-purchase .tab input:checked~.tab-content {
        max-height: 20em;
    }

    /* Icon */

    .man-purchase .tab label::after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3em;
        height: 3em;
        line-height: 3;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

    .man-purchase .tab input[type=checkbox]+label::after {
        content: url(../../images/girl_index/caret.png);
    }

    .man-purchase .tab input[type=radio]+label::after {
        content: "\25BC";
    }

    .man-purchase .tab input[type=checkbox]:checked+label::after {
        transform: rotate(180deg);
    }

    .man-purchase .tab input[type=radio]:checked+label::after {
        transform: rotateX(180deg);
    }

    .payment {
        margin-bottom: 1.5em;
    }

    .payment ol>li {
        text-align: justify;
        list-style: decimal;
        margin-left: 1em;
        color: #e57373;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5em;
    }

    .popup-img {
        width: 100%;
        margin: 2em 0;
    }

    .profile-girl ul>li {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5em;
        padding: 0.3em;
        border-bottom: 1px solid rgb(207, 207, 207);
    }

    .photoblog-img {
        display: inline-block;
        margin-bottom: 1em;
    }

    .photoblog-img img, .photoblog-img video  {
        width: 150px;
        height: 200px;
        object-fit: cover;
        margin-bottom: 5px;
    }

    .grey-dot {
        /* ⬤ */
        color: #B0BEC5;
        margin-right: 0.3em;
    }

    .pink-dot {
        /* ⬤ */
        color: #ef9a9a;
        margin-right: 0.3em;
    }

    .black-dot {
        /* ⬤ */
        color: #000;
        margin-right: 0.3em;
    }

    .term-condition {
        margin-bottom: 1em;
    }

    .term-condition ol>li {
        text-align: justify;
        list-style: decimal;
        margin-left: 1em;
        color: #212121;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5em;
    }

    .term-condition-2 {
        margin-bottom: 5em;
    }

    .term-condition-2 ol>li {
        text-align: justify;
        list-style: decimal;
        margin-left: 1em;
        color: rgb(100, 108, 127);
        font-weight: 500;
        font-size: 16px;
        line-height: 2em;
    }

    .box::before {
        content: "\25A0 ";
        color: #9d7423;
        font-size: 20px;
    }

    .two-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .two-content .image-blog {
        width: 90px;
        height: 90px;
        border-radius: 3em;
        margin: 0.5em;
    }

    .two-content h5 {
        font-size: 1em;
        font-weight: 600;
    }

    .two-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .two-content-login {
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
    }

    /** BORDER **/

    .two-content-border {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }

    .two-content-border .image-blog {
        width: 90px;
        height: 90px;
        border-radius: 3em;
        margin: 0.5em;
    }

    .two-content-border h5 {
        font-size: 1em;
        font-weight: 600;
    }

    .two-content-border img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .photoblog-list {
        display: inline-block;
        width: 100%;
    }

    .photoblog-list img {
        float: left;
        width: 31%;
        height: 200px;
        padding: 5px;
    }

    .photoblog-girl {
        margin-top: 2em;
    }

    .qna {
        margin-bottom: 2em;
    }

    .description-red {
        color: #ef5350;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        margin-top: 1.86667em;
        margin-bottom: 1.33333em;
    }

    .img-qna {
        margin: 2em 0;
        position: relative;
        overflow: hidden;
        margin-bottom: 1.5625em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-qna img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-system {
        margin: 2em 0;
        position: relative;
        overflow: hidden;
        margin-bottom: 1.5625em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-system img {
        /* width: 100%; */
        height: 100%;
        object-fit: cover;
    }

    .img-system-80 {
        margin: 2em 0;
        position: relative;
        overflow: hidden;
        margin-bottom: 1.5625em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-system-80 img {
        width: 80%;
        height: 100%;
        object-fit: cover;
    }

    .custom-form {
        width: 50%;
    }

    .custom-qna {
        width: 80%;
    }

    @media only screen and (max-width: 768px) {
        .custom-form {
            width: 100%;
        }

        .custom-qna {
            width: 100%;
        }

        /* .img-system img {
        width: 100%;
    } */
        .img-system-80 img {
            width: 100%;
        }

        .cart__total__content-payment {
            width: 100%;
        }
    }

    .table-register td {
        padding: 20px;
    }

    .register-text p {
        color: #212121;
        font-size: 1.2em;
        font-weight: 500;
        line-height: 1.73333em;
        margin-bottom: 0.8em;
    }

    .register-text-2 p {
        color: red;
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.73333em;
        margin-bottom: 0.8em;
    }

    .register-text-red p {
        color: #ef5350;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.73333em;
        margin-bottom: 0.8em;
    }

    .stepbox {
        padding: 20px;
        background-color: black;
        color: white;
        border-bottom: 1px solid white;
    }

    /***************************
	Radio customed
***************************/

    .form-text {
        margin-bottom: 1em;
        margin-left: 1em;
        margin-right: 2em;
    }

    .checkbox-group.-round.customed .radiomark {
        border-radius: 999px;
    }

    .checkbox-group.customed {
        display: block;
        position: relative;
        padding-left: 1.875em;
        margin-bottom: 12px;
        margin-left: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
    }

    .checkbox-group.customed:hover input~.radiomark {
        background-color: #9E9E9E;
    }

    .checkbox-group.customed .radiomark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #212121;
        border-radius: 0.2em;
    }

    .checkbox-group.customed .radiomark:after {
        content: "\f00d";
        font-family: "Font Awesome 5 Pro";
        left: 4px;
        top: 2px;
        position: absolute;
        font-size: 12px;
        color: #fff;
    }

    .checkbox-group.customed input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkbox-group.customed input:checked~.radiomark {
        background-color: #FF3D00;
    }

    .checkbox-group.customed input:checked~.radiomark:after {
        /* check icon */
        content: "\f111";
        font-size: 10px;
        left: 2.5px;
        top: 3px;
    }

    .system-howto {
        border-radius: 3px;
        margin-right: 1.25em;
        overflow: hidden;
        height: 70px;
        width: 105px;
        flex: 1 1 30%;
        max-width: 30%;
        margin-bottom: 0;
    }

    .system-howto img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #000;
        color: #fff;
        border-bottom: 1px solid white;
        padding: 20px;
        font-size: 16pt;
        line-height: 1.5;
    }

    .flex-content {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .flex-content img {
        max-width: 100%;
        margin: 0;
        padding: 0;
        display: block;
    }

    .flex-content-text {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 50%;
    }

    @media only screen and (max-width: 768px) {
        .flex {
            font-size: 8px;
            padding: 8px;
        }

        .flex-content-text {
            width: 100%;
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    .checkout__coupon-banner-grey {
        color: #fff !important;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 5em;
        background-color: #6e5a00;
        display: block;
        text-align: center;
        padding: 1em;
        /* margin-bottom: 1.75rem; */
        width: 100%;
    }

    .container-topic {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-top: solid 1px #E0E0E0;
        /* border-bottom: solid 1px #E0E0E0; */
    }

    .container-topic .kotak1 {
        width: 10em;
        text-align: center;
        vertical-align: middle;
        padding: 1.875em 0.9375em;
        margin: auto;
    }

    .container-topic .parent-kotak {
        display: flex;
        flex-direction: column;
        text-align: center;
        vertical-align: middle;
        padding: 1.875em 0.9375em;
        margin: auto;
    }

    .container-topic .parent-kotak .kotaks-1 {
        width: 20em;
        margin: auto;
    }

    .container-topic .parent-kotak .kotaks-2 {
        width: 20em;
        margin: auto;
    }

    .container-topic .kotak-kanan {
        width: 20em;
        text-align: center;
        vertical-align: middle;
        padding: 1.875em 0.9375em;
        margin: auto;
    }

    @media only screen and (max-width: 768px) {
        .container-topic {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            border-top: solid 1px #E0E0E0;
            /* border-bottom: solid 1px #757575; */
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .container-topic .kotak1 {
            width: 100%;
            padding: 0;
            /* margin-top: 30px; */
        }

        .container-topic .parent-kotak {
            width: 100%;
            padding: 0;
        }

        .container-topic .kotak-kanan {
            width: 100%;
            padding: 0;
            /* margin-bottom: 20px; */
            /* margin-top: 20px; */
        }

        .container-topic .parent-kotak .kotaks-1 {
            width: 100%;
            margin-top: 10px;
            /* margin: auto; */
        }

        .container-topic .parent-kotak .kotaks-2 {
            width: 100%;
            /* margin-top: 10px; */
            /* margin: auto; */
        }

        .kotaks-2 button {
            margin-right: 0px;
            margin-bottom: 20px;
        }

        /* .tag-btn-notice .tag-btn-news .tag-btn-interview .tag-btn-highgrade .tag-btn-seeyou .tag-btn-video .tag-btn-photoblog */
    }

    .shop-detail .type-block .type-name-girl-detail {
        flex: 1 1 30%;
        max-width: 50%;
        font-weight: 400;
        border: 1px solid #E0E0E0;
        padding: 10px;
    }

    .shop-detail .type-block .type-detail-girl-detail {
        flex: 1 1 70%;
        max-width: 50%;
    }

    .shop-detail .type-block .type-detail-girl-detail {
        flex: 1 1 30%;
        max-width: 50%;
        font-weight: 400;
        border: 1px solid #E0E0E0;
        padding: 10px;
    }

    .product__content__right {
        width: 100%;
    }

    .tag-btn-recommendation {
        width: 100%;
    }

    .product__content__left {
        width: 100%;
    }

    .sub-title {
        color: #111;
        font-size: 1em;
        font-weight: 600;
        line-height: 1.8em;
        margin-bottom: 1em;
    }

    .link-detail {
        margin-bottom: 2em;
    }

    .topic-web {
        display: block;
    }

    .topic-content-web {
        display: block;
        margin-bottom: 2em;
    }

    .subcribe-bar {
        margin-bottom: 0;
    }

    #gNavi {
        display: none;
    }

    #gNavi2 {
        display: none;
    }

    .banner-wrapper {
        display: none;
    }

    select .roll {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .topic-header {
        display: none;
    }

    .shop-detail__image-mobile {
        display: none;
    }

    .label-radio {
        margin-bottom: 1em;
    }

    .filter {
        display: none;
    }

    .banner-img img {
        height: auto;
        margin: auto;
        display: block;
        width: 50%;
        margin-bottom: 1em;
    }

    .table-row-img img {
        width: 200px;
        margin-top: 1em;
    }

    .payment__form form input {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 1.07143em 1.42857em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
        margin-bottom: 1.42857em;
    }

    .register-text-3-small {
        font-size: 1.2em;
        color: #212121;
        margin-bottom: 0.5em;
    }

    .checkout__coupon-register-1 {
        color: #000;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.73333em;
        /* background-color: #C8E6C9; */
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
        margin-top: 1.75rem;
        border: 5px solid #C8E6C9;
    }

    .checkout__coupon-register-2 {
        color: #000;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.73333em;
        /* background-color: #B3E5FC; */
        border: 5px solid #B3E5FC;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
        margin-top: 1.75rem;
    }

    .checkout__coupon-register-3 {
        color: #000;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.73333em;
        /* background-color: #FFECB3; */
        border: 5px solid #FFECB3;
        display: block;
        text-align: center;
        padding: 1em;
        margin-bottom: 1.75rem;
        margin-top: 1.75rem;
    }

    .register-img {
        width: 300px;
        height: auto;
        margin-top: 0.75rem;
        margin-bottom: 1.75rem;
    }

    .chatroom-text {
        /* line-height: 1em; */
        /* max-height: 2em; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1em;
        font-weight: 300;
        /* margin-top: 10px; */
    }

    .img-login-boy-mobile {
        display: none;
    }

    .girl-login {
        margin: auto;
        width: 650px;
    }

    .mbsc-select-input {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin-top: 0.75em;
        margin-bottom: 1.25em;
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        /* width: 80%; */
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 0.9375em 1.25em;
        color: #444;
        font-size: 0.875em;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.3125em;
        -moz-border-radius: 0.3125em;
        -ms-border-radius: 0.3125em;
        -o-border-radius: 0.3125em;
        border-radius: 0.3125em;
        width: 90%;
    }

    /* Custom by Bali */

    .notification-danger {
        background-color: #ff8989;
        padding: 10px;
        border-radius: 1px;
        color: white;
    }

    .notification-success {
        background-color: #b8f69e;
        padding: 10px;
        border-radius: 1px;
    }

    #showFilter {
        display: block;
    }

    #showFilter2 {
        display: block;
    }

    #showFilter3 {
        display: block;
    }

    #showFilter4 {
        display: block;
    }

    #showFilter5 {
        display: block;
    }

    #showFilter6 {
        display: block;
    }

    #btn-ShowFilter {
        display: flex;
    }

    #btn-filter {
        margin-top: 2em;
    }

    .paragraph-register-small {
        color: #111;
        font-size: 0.9175em;
        font-weight: 500;
        line-height: 1.8em;
        margin-bottom: 3em;
    }

    .paragraph-register {
        color: #111;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.8em;
        margin-bottom: 2em;
    }

    #showDatePicker {
        display: none;
    }

    .banner-home {
        margin: 3em 0;
    }

    .banner-home img {
        width: 100%;
        height: auto;
    }

    .pay-admission {
        background-color: #FFEA00;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
    }

    .confirm-admission {
        background-color: lightskyblue;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
    }

    .pay-pending {
        background-color: peachpuff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
    }

    @media only screen and (max-width: 768px) {

        /* body .mobile-new-menu {
        display: none !important;
    } */
        #showFilter {
            display: none;
        }

        #showFilter2 {
            display: none;
        }

        #showFilter3 {
            display: none;
        }

        #showFilter4 {
            display: none;
        }

        #showFilter5 {
            display: none;
        }

        #showFilter6 {
            display: none;
        }

        #showFilter7 {
            display: none;
        }

        #showFilter8 {
            display: none;
        }

        #showFilter9 {
            display: none;
        }

        #showFilter10 {
            display: none;
        }

        #showFilter11 {
            display: none;
        }

        .mbsc-select-input {
            width: 80%;
        }

        .girl-login {
            margin: auto;
            width: 100%;
        }

        .btn.-gray {
            font-size: 14px;
        }

        .img-login-boy-mobile {
            display: block;
            width: 100%;
            margin-bottom: 1em;
        }

        .tag-btn-red-round {
            margin-top: 2em;
        }

        .table-register td {
            display: table-row;
        }

        .table-row-img img {
            width: 100%;
            margin-top: 1em;
        }

        .shop-detail__content__top img {
            width: 100%;
            margin-bottom: 2em;
        }

        .link-detail a {
            margin-bottom: 0.8em;
        }

        .filter {
            display: block;
        }

        .shop-detail__image-mobile {
            display: block;
        }

        .topic-header {
            display: block;
            margin-bottom: 20px;
        }

        .topic-header h1 {
            color: #111;
            font-size: 1.875em;
            font-weight: 700;
            line-height: 1.6em;
        }

        #content.no-pd {
            padding-top: 0;
        }

        .mobile-new-menu {
            margin-bottom: 1.5em;
        }

        .mobile-new-menu-homepage {
            margin-bottom: 1.5em;
        }

        .topic-web {
            display: none;
        }

        header {
            display: none;
        }

        #gNavi {
            display: block;
        }

        #gNavi2 {
            display: block;
        }

        #gNavi li {
            float: left;
            font-size: 18px;
            padding: 0;
            text-align: center;
            /* text-align: left; */
            box-sizing: border-box;
            width: 50%;
            /* width: 100%; */
        }

        #gNavi2 li {
            float: left;
            font-size: 18px;
            padding: 0;
            text-align: center;
            /* text-align: left; */
            box-sizing: border-box;
            width: 50%;
            /* width: 100%; */
        }

        #gNavi li i {
            float: right;
            padding-right: 30px;
            padding-top: 5px;
            margin-top: 8px;
        }

        #gNavi2 li i {
            float: right;
            padding-right: 30px;
            padding-top: 5px;
            margin-top: 8px;
        }

        #gNavi nav {
            display: block !important;
        }

        #gNavi2 nav {
            display: block !important;
        }

        #gNavi ul {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            font-size: 0;
        }

        #gNavi2 ul {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            font-size: 0;
        }

        /* #gNavi ul {
        display: none;
    } */
        #gNavi ul>li .nav-item-mobile {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            font-size: 0;
        }

        #gNavi2 ul>li .nav-item-mobile {
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            font-size: 0;
        }

        #gNavi li a {
            box-sizing: border-box;
            display: block;
            /* line-height: 61px; */
            /* line-height: 25px; */
            line-height: 35px;
            background-color: #ababab;
            color: black;
            border-bottom: 1px solid #FFF;
            border-right: 1px solid #FFF;
            font-size: 12px;
            font-weight: bold;
            color: white;
            background-image: linear-gradient(#6B696A, #4B4948);
            text-shadow: 0px -1px #000;
            /* padding-left: 30px; */
        }

        .menu-mobile {
            box-sizing: border-box;
            display: block;
            /* line-height: 61px; */
            /* line-height: 25px; */
            line-height: 35px;
            background-color: #ababab;
            color: black;
            border-bottom: 1px solid #FFF;
            border-right: 1px solid #FFF;
            font-size: 12px;
            font-weight: bold;
            color: white;
            background-image: linear-gradient(#6B696A, #4B4948);
            text-shadow: 0px -1px #000;
            /* padding-left: 30px; */
        }

        .active-menu {
            box-sizing: border-box;
            display: block;
            line-height: 35px;
            /* background-color: #FFCA28; */
            /* color: white; */
            color: black;
            border-bottom: 1px solid #FFF;
            border-right: 1px solid #FFF;
            font-size: 12px;
            font-weight: bold;
            /* background-image: linear-gradient(#3eadcf, #abe9cd); */
            /* background-color: #ffd9de;
            background-image: linear-gradient(354deg, #ffd9de 0%, #e99ba6 74%); */
            background-color: #f9d1b7;
            /* background-color: #dc3545; */
            background-image: linear-gradient(344deg, #f9d1b7 0%, #f894a4 74%);

            /* #3eadcf#abe9cd */
        }

        /* #dropdown a {
        text-align: left;
    } */
        /* #gNavi li i {
        display: none;
    } */
        .banner-wrapper {
            display: block;
        }

        .banner-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sticky {
            box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background-color: #fff;
        }

        /* #gNavi .dropdown-menu {
        display: none;
    } */
        /* #gNavi .dropdown-menu {
        display: grid;
        width: 200%;
    } */
        /*#gNavi .dropdown-menu li a {
        background-color: #007bff;
        width: 100%;
    } */
        /* #gNavi ul>li a {
        display: none;
    }
    #gNavi li .dropdown-menu__controller a {
        display: none;
    } */
        header .header__logo img {
            max-height: 1.5625em;
            object-fit: contain;
            margin-right: auto;
        }

        header nav ul>li {
            display: inline-block;
            /* margin: 0 1.78571em; */
            margin: 0 0.7em;
            position: relative;
        }

        header nav ul>li:first-child {
            margin-left: 0;
            padding-left: 0;
        }

        header nav ul>li:last-child {
            margin-right: 0;
            padding-right: 0;
        }

        header nav ul>li.active>a:after {
            left: 0;
        }

        header nav ul>li.active>a:hover:after {
            animation: reSlide 1s forwards;
        }

        header nav ul>li>a {
            text-transform: uppercase;
            color: #111;
            font-size: 1em;
            font-weight: 600;
            text-decoration: none;
            line-height: 1em;
            cursor: pointer;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            text-transform: uppercase;
            position: relative;
            padding: 8px 0;
            overflow: hidden;
            display: inline-block;
        }

        header nav ul>li>a:hover {
            color: #111;
        }

        header nav ul>li>a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -100%;
            height: 3px;
            width: 100%;
            background-color: #9E9E9E;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

        header nav ul>li>a:hover:after {
            left: 0;
        }

        header nav ul>li:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
        }

        header nav ul>li .dropdown-menu {
            position: absolute;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            left: 0;
            padding: 30px 50px;
            background-color: #fff;
            box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1);
            opacity: 0;
            visibility: hidden;
            z-index: 10;
        }

        header nav ul>li .dropdown-menu li {
            display: block;
            margin: 0;
            margin-bottom: 10px;
        }

        header nav ul>li .dropdown-menu li:last-child {
            margin-bottom: 0;
        }

        header nav ul>li .dropdown-menu li a {
            white-space: pre;
        }

        header .header__icon-group {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        header .header__icon-group a {
            color: #111;
            font-size: 1.14286em;
            font-weight: 600;
            text-decoration: none;
            line-height: 0;
            cursor: pointer;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            text-transform: uppercase;
        }

        header .header__icon-group a:hover {
            color: #9E9E9E;
        }

        header .header__icon-group #search {
            padding-right: 1.875em;
            margin-right: 1.875em;
            border-right: 1px solid #e1e1e1;
        }

        header .header__icon-group #search.active {
            color: #9E9E9E;
        }

        header .header__icon-group .social a {
            margin: 0 0.625em;
        }

        header .header__icon-group .social a:first-child {
            margin-left: 0;
            padding-left: 0;
        }

        header .header__icon-group .social a:last-child {
            margin-right: 0;
            padding-right: 0;
        }

        header .header__icon-group .social #mobile-menu-controller {
            display: none;
        }

        @media only screen and (max-width: 992px) {
            header {
                font-size: 13px;
            }
        }

        header.scroll-down {
            padding: 20px 0;
        }

        .contact-us .row {
            flex-direction: column-reverse;
        }

        .contact-us__info .contact-us__form {
            margin-top: 0px;
            margin-bottom: 4em;
        }
    }

    .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #000000 !important;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .page-link:hover {
        color: #000;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 21, 0.089);
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
        /* color: #ffffff !important; */
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff !important;
        background-color: #ef9a9a;
        border-color: #ef9a9a;
    }

    .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
    }

    .pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

    .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
    }

    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }

    select.form-control:not([size]):not([multiple]) {
        height: calc(2.25rem + 2px);
    }

    select.form-control:focus::-ms-value {
        color: #495057;
        background-color: #fff;
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%;
    }

    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
    }

    .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.5;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }

    .form-control-plaintext.form-control-sm,
    .input-group-sm>.form-control-plaintext.form-control,
    .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
    .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
    .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
    .input-group-sm>.input-group-append>.form-control-plaintext.btn,
    .form-control-plaintext.form-control-lg,
    .input-group-lg>.form-control-plaintext.form-control,
    .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
    .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
    .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
    .input-group-lg>.input-group-append>.form-control-plaintext.btn {
        padding-right: 0;
        padding-left: 0;
    }

    .form-control-sm,
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-prepend>.input-group-text,
    .input-group-sm>.input-group-append>.input-group-text,
    .input-group-sm>.input-group-prepend>.btn,
    .input-group-sm>.input-group-append>.btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    select.form-control-sm:not([size]):not([multiple]),
    .input-group-sm>select.form-control:not([size]):not([multiple]),
    .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
    .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
    .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
    .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px);
    }

    .form-control-lg,
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-prepend>.input-group-text,
    .input-group-lg>.input-group-append>.input-group-text,
    .input-group-lg>.input-group-prepend>.btn,
    .input-group-lg>.input-group-append>.btn {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
    }

    select.form-control-lg:not([size]):not([multiple]),
    .input-group-lg>select.form-control:not([size]):not([multiple]),
    .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
    .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
    .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
    .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) {
        height: calc(2.875rem + 2px);
    }

    .no-image {
        /* border: 1px solid salmon; */
        width: 100%;
    }

    .with-image {
        border: 1px solid rgb(0, 172, 0);
    }

    .js .inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .inputfile+label {
        width: 100%;
        height: 100%;
        font-size: 1.25rem;
        /* 20px */
        font-weight: 700;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        /* padding: 3rem 1.25rem; */
        /* 10px 20px */
    }

    .no-js .inputfile+label {
        display: none;
    }

    .inputfile:focus+label,
    .inputfile.has-focus+label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .inputfile+label * {
        /* pointer-events: none; */
        /* in case of FastClick lib use */
    }

    .inputfile+label svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
        fill: currentColor;
        margin-top: -0.25em;
        /* 4px */
        margin-right: 0.25em;
        /* 4px */
    }

    /* style 1 */

    .inputfile-1+label {
        color: #f1e5e6;
        background-color: #d3394c;
    }

    .inputfile-1:focus+label,
    .inputfile-1.has-focus+label,
    .inputfile-1+label:hover {
        background-color: #722040;
    }

    /* style 2 */

    .inputfile-2+label {
        color: #d3394c !important;
        border: 2px solid currentColor;
    }

    .inputfile-2:focus+label,
    .inputfile-2.has-focus+label,
    .inputfile-2+label:hover {
        color: #722040;
    }

    .drag-hover {
        background-color: rgb(228, 228, 228) !important;
        border-color: #f56172 !important;
    }

    @media screen and (max-width: 50em) {
        .inputfile-6+label strong {
            display: block;
        }
    }

    .lovacode-image-div {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 350px !important;
    }

    .lovacode-image-center {
        object-fit: contain !important;
        max-height: 350px !important;
    }

    /* .hover-delete {
        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        transition: .5s ease;
        backface-visibility: hidden;
    }

    .hover-delete:hover img {
        opacity: 0.5;
    }

    .hover-delete:hover .bottom {
        display: block;
    } */
    /* .bottom .btn:hover {
        background-color: red;
    } */
    /* .bottom {
        transition: .5s ease;
        display: none;
        position: absolute;
        top: 3.5vh;
        width: 100%;
        left: 100%;
        float: left;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    } */
    /* .hover-delete:hover .bottom-blog {
        display: block;
    } */
    /* .bottom-blog .btn:hover {
        background-color: red;
    }

    .bottom-blog {
        transition: .5s ease;
        display: none;
        position: absolute;
        top: 3.5vh;
        width: 100%;
        left: 80%;
        float: left;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    } */

    .lovacode-image-div {
        position: relative !important;
        width: 50%;
        /* background: #333; */
    }

    .lovacode-image-div img {
        max-width: 100%;
        height: auto;
    }

    .bottom {
        display: none;
        position: absolute;
        top: -10px;
        right: -10px;
        border-radius: 10em;
        padding: 2px 6px 3px;
        text-decoration: none;
        font: 700 21px/20px sans-serif;
        background: #FF7043;
        border: 3px solid #fff;
        color: #FFF;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(0, 0, 0, 0.3);
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
    }

    .bottom:hover {
        background: #E54E4E;
        padding: 3px 7px 5px;
        top: -11px;
        right: -11px;
    }

    .bottom:active {
        background: #E54E4E;
        top: -10px;
        right: -11px;
    }

    .iosPicker {
        background-color: white;
        border: 1px solid #e1e1e1;
        height: auto;
        width: 100%;
        transition: 0.2s ease-in-out;
        -webkit-appearance: none;
        padding: 1.07143em 1.42857em;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: auto;
        -webkit-border-radius: 0.35714em;
        -moz-border-radius: 0.35714em;
        -ms-border-radius: 0.35714em;
        -o-border-radius: 0.35714em;
        border-radius: 0.35714em;
        margin-bottom: 1.42857em;
        width: 90%;
    }

    #msg3068 {
        display: none;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .privacy-policy {
        margin-bottom: 2em;
    }

    .privacy-policy ol {
        list-style-type: decimal;
        list-style-position: inside;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0px;
    }

    .privacy-policy ol>li {
        display: list-item;
        list-style-position: outside;
        color: #444;
        font-size: 0.9375em;
        font-weight: 400;
        line-height: 1.73333em;
        text-align: justify;
        margin-left: 1em;
    }

    .privacy-title {
        color: #ef5350;
    }

    .privacy-policy ol>h5 {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .center-line-title-privacy {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
        font-size: 16px;
    }

    .center-line-title-privacy h5 {
        color: #111;
        font-size: 1em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-right: 15px;
    }

    .center-line-title-privacy h1 {
        color: #111;
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        margin-right: 15px;
        margin-bottom: 1em;
    }

    .center-line-title-privacy.-large h5 {
        font-size: 1.625em;
    }

    .center-line-title-privacy.-medium h5 {
        font-size: 1.125em;
    }

    .center-line-title-privacy.-mb-0 {
        margin-bottom: 0;
    }

    .privacy-policy__info {
        margin-bottom: 2em;
    }

    .privacy-policy-description {
        margin-bottom: 2.5em !important;
    }

    .privacy__form {
        margin-bottom: 4em;
    }

    .banner-women-detail-mobile {
        display: none;
        height: auto;
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .banner-women-detail {
        display: block;
        width: 100%;
        margin-top: 1em;
        margin-bottom: 3em;
        /* background-color: black; */
    }

    /* .banner-women-detail img {
        height: auto;
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    } */

    .btn-age-verification {
        width: 30%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .edit-btn-girl-pc {
        display: block;
    }

    .edit-btn-girl-mobile {
        display: none;
    }

    .uppercase-text {
        text-transform: uppercase;
    }

    .span-style {
        position: relative;
        bottom: 16px;
        font-size: 13px;
        color: red;
    }

    .step-text {
        font-size: 1.57em;
        text-align: center;
        color: #424242;
        font-weight: 700 !important;
    }

    .header-age-verif {
        font-size: 1.5em;
        color: #424242;
        display: block;
        margin-top: 2em;
    }

    .text-config {
        font-size: 0.9em;
        text-align: center;
        margin-bottom: 3em;
    }

    .text-config-2 {
        font-size: 0.9em;
        text-align: center;
        margin-bottom: 3em;
        color: #000;
    }

    .text-edit {
        font-size: 0.8em;
        margin-bottom: 3em;
        font-weight: bold;
        color: #D32F2F;
    }

    .text-edit-2 {
        font-size: 0.8em;
        margin-top: 1em;
        margin-bottom: 3em;
        font-weight: bold;
        /* color: #D32F2F; */
    }

    .edit-profile-photo-mobile {
        display: none;
    }

    .edit-profile-photo-pc {
        display: block;
    }

    .header-age-verif-2 {
        font-size: 1.5em;
        color: #424242;
        display: block;
        margin-bottom: 1em;
        margin-top: 0.5em;
    }

    .img-office {
        float: right;
        width: 50%;
        margin-top: -1.2em;
    }

    .img-office-2 {
        width: 35%;
        margin-top: -0.9em;
    }

    .banner-web {
        display: block;
    }

    .banner-mobile {
        display: none;
    }

    @media only screen and (max-width: 768px) {

        .banner-web {
            display: none;
        }

        .banner-mobile {
            display: block;
        }


        .img-office {
            float: right;
            width: 70%;
            margin-top: -1.5em;
        }

        .img-office-2 {
            width: 90%;
            /* margin-top: 0.09em; */
            margin-top: -0.2em;
        }

        .iosPicker {
            width: 80%;
        }

        .privacy__form {
            margin-bottom: 3em;
        }

        .image-detail-desktop {
            display: none;
        }

        .banner-women-detail-mobile {
            display: block;
        }

        .banner-women-detail {
            display: none;
        }

        .edit-btn-girl-pc {
            display: none !important;
        }

        .edit-btn-girl-mobile {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tag-btn-register {
            font-size: 20px;
        }

        .step-text {
            font-size: 1.3em;
            text-align: center;
            line-height: 1.5em;
        }

        .btn-age-verification {
            width: 100% !important;
        }

        .header-age-verif {
            margin-top: 1em;
        }

        .edit-profile-photo-mobile {
            display: block;
        }

        .edit-profile-photo-pc {
            display: none;
        }
    }

    .error-btn {
        color: #fff;
        width: 20em;
        font-size: 0.875em;
        /* font-weight: 700; */
        line-height: 1;
        margin-bottom: 2.14286em;
        /* text-transform: uppercase; */
        border-radius: 0.35714em;
        background-color: #e57373;
        /* padding: 1.42857em 2.14286em; */
        padding: 0.7rem;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: inline-block;
    }

    .detail-image-payment {
        max-height: 18.75em;
        display: flex;
        margin-bottom: 1.25em;
        border-radius: 0.3125em;
        overflow: hidden;
        object-fit: contain;
    }

    .detail-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        max-height: 18.75em;
        object-fit: contain;
        margin-bottom: 2em;
    }


    .el-center {
        display: block !important;
        margin: auto !important;
        /* vertical-align: middle; */
        top: 0 !important;
        bottom: 0 !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
    }

    .td-config {
        padding: 0.625em;
        background-color: yellow;
    }

    .checkout__total-config table.total__provisional tbody td {
        padding: 1em;
    }

    .tbody-1 {
        background-color: rgb(249, 247, 224);
    }

    .tbody-2 {
        background-color: rgb(226, 238, 247);
    }

    .purchasing-contact {
        padding: 1em;
        background-color: rgb(225, 242, 218);
    }

    .text-edit-profile {
        color: #111;
        font-size: 0.85em;
        font-weight: 600;
        line-height: 1.73333em;
        margin-bottom: 1.2em;
    }

    .text-bold {
        color: #111;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.73333em;
        /* margin-bottom: 0.5em !important; */
    }

    .text-bold-2 {
        color: #111;
        font-size: 0.9em;
        font-weight: 600;
        line-height: 1.73333em;
        /* margin-bottom: 0.5em !important; */
    }

    .header-photoblog {
        margin-bottom: 0.625em;
        margin-top: 0.625em;
        color: #111;
        font-size: 1.375em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.375em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .header-photoblog-2 {
        margin-bottom: 0.625em;
        margin-top: 0.625em;
        color: #111;
        font-size: 1.175em;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.375em;
        cursor: pointer;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .text-table {
        color: #111;
        font-size: 0.8475em;
        font-weight: 700;
        line-height: 1.8em;
        margin-bottom: 2em;
    }

    .transfer {
        width: 30%;
        margin: auto;
    }

    .transfer .transfer-block {
        display: flex;
        margin-bottom: 1.25em;
    }

    .transfer .transfer-block .left {
        flex: 1 1 30%;
        max-width: 30%;
        font-weight: 400;
        text-align: left;
    }

    .transfer .transfer-block p {
        /* color: #111; */
        color: red;
        font-size: 0.9375em;
        font-weight: 500;
        line-height: 1.73333em;

    }

    .transfer .transfer-block .right {
        flex: 1 1 70%;
        max-width: 70%;
        text-align: right;
    }

    .transfer .transfer-block .img-trf {
        width: 70%;
        margin-top: -0.5em;
    }



    .toast__container {
        /* display: table-cell;
        vertical-align: middle; */
        display: flex;
        vertical-align: middle;
        justify-content: end;
    }

    .toast__cell {
        display: inline-block;
    }

    .add-margin {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .toast__svg {
        fill: #fff;
    }

    .toast {
        text-align: left;
        padding: 21px 0;
        background-color: #fff;
        border-radius: 4px;
        max-width: 700px;
        top: 0px;
        position: relative;
        box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
    }


    .toast:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;

    }

    .toast__icon {
        position: absolute;
        top: 50%;
        left: 22px;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        padding: 7px;
        border-radius: 50%;
        display: inline-block;
    }

    .toast__type {
        color: #3e3e3e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .toast__message {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
        color: #212121;
        font-weight: 700;
    }

    .toast__content {
        padding-left: 70px;
        padding-right: 60px;
    }

    .toast__close {
        position: absolute;
        right: 22px;
        top: 50%;
        width: 14px;
        cursor: pointer;
        height: 14px;
        fill: #878787;
        transform: translateY(-50%);
    }

    .toast--green .toast__icon {
        background-color: #03AC0E;
    }

    .toast--green:before {
        background-color: #2BDE3F;
    }

    .toast--blue .toast__icon {
        background-color: #F44336;
    }

    .toast--blue:before {
        background-color: #F44336;
    }

    .toast--yellow .toast__icon {
        background-color: #FFC007;
    }

    .toast--yellow:before {
        background-color: #FFC007;
    }

    @media only screen and (max-width: 768px) {
        .transfer {
            width: 90%;
        }

        .toast {
            padding: 18px 0;
        }

        /* .toast__cell{
            margin-bottom: 1em;
        } */

        .toast__content {
            padding-left: 50px;
        }

        .toast__icon {
            left: 18px;
        }
    }

    .btn-small-notif {
        color: #fff;
        font-size: 0.575em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        border-radius: 0.35714em;
        background-color: #FFB300;
        margin-bottom: 0.575em;
        padding: 0.82857em 2.14286em;
        text-align: center;
        border: 0;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        display: initial;
    }


    .dl-list {
        margin-right: auto;
        margin-left: auto;
        /* padding:0 1rem 1rem; */
        padding: 1rem;
        border-bottom: 1px solid #dedede
    }

    @media (min-width: 768px) {
        .section-menu_news .dl-list {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: flex-start;
            /* align-items:flex-start */
            align-items: center;
        }


    }

    .close-btn-container {
        display: flex;
        justify-content: flex-end;
        margin: 12px;
    }

    .close-btn {
        overflow: hidden;
        position: relative;
        border: none;
        padding: 0;
        width: 2em;
        height: 2em;
        border-radius: 50%;
        background: transparent;
        color: #BF360C;
        font: inherit;
        text-indent: 100%;
        cursor: pointer;
    }

    .close-btn:focus {
        outline: solid 0 transparent;
        box-shadow: 0 0 0 2px #8ed0f9;
    }

    .close-btn:hover {
        background: #FBE9E7;
    }

    .close-btn:before,
    .close-btn:after {
        position: absolute;
        top: 15%;
        left: calc(50% - .0625em);
        width: .125em;
        height: 70%;
        border-radius: .125em;
        transform: rotate(45deg);
        background: currentcolor;
        content: ''
    }

    .close-btn:after {
        transform: rotate(-45deg);
    }




    .section-menu_news .dl-list.tag-new dt::before {
        content: '\\ NEW /';
        display: block;
        text-align: center;
        line-height: 1;
        font-size: .813em;
        font-weight: 700;
        font-family: "Barlow" !important;
        color: #e60113
    }

    .section-menu_news .dl-list.tag-important dt,
    .section-menu_news .dl-list.tag-important dd,
    .section-menu_news .dl-list.tag-important dd p a {
        font-weight: bold;
        color: #e60113
    }

    .section-menu_news .dl-list dt {
        color: #222;
        font-weight: normal;

    }

    .section-menu_news .dl-list dd {
        display: -webkit-flex;
        display: flex;
        margin-bottom: 0;
        color: #222;
    }

    .section-menu_news .dl-list dd .item-badge {
        margin-right: .3em;
    }

    .section-menu_news .dl-list dd p a {
        display: block;
        width: 100%;
        color: #222;
    }



    .table-confirm-payment {
        background-color: #f5f5f5;
        margin-left: auto;
        margin-right: auto;
        border-collapse: separate;
        padding: 20px 16px;
        font-size: medium;
        color: #46454A;
        border: 1px #C3C3C3 solid;
        border-radius: 10px;
    }

    .td-confirm-payment-left {
        padding: 14px;
        width: 20em;
    }

    .td-confirm-payment-right {
        padding: 14px;
        font-weight: 600;
    }

    .payment-text {
        color: #46454A;
        font-size: 1.6em;
        font-weight: 600;
        line-height: 1.5;
        text-transform: uppercase;
        display: block;
        margin-bottom: 1.875em;
        margin-top: 1.475em;
        text-align: center;
    }

    .payment-bottom-section {
        padding-top: 3em;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .caption-text {
        color: #FA591D;
        font-size: 1.2em;
        font-weight: 600;
    }

    .pending-payment-section {
        display: block;
        position: relative;
        margin: 0px;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        margin-bottom: 1em;
    }




    .payment-item {
        display: flex;
    }


    .payment-item .item-content {
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: calc(100% - 180px);

    }

    .css-10eqjjd {
        display: flex;
        width: 100%;
    }



    .css-10eqjjd .product-details {
        width: 100%;
        margin-right: 1em;
    }


    .heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        line-height: 18px;
        color: var(--color-text-high, rgba(49, 53, 59, 0.96));
        text-decoration: initial;

        font-size: 1rem;
        margin: 0px 0px 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        margin-bottom: 1em;
    }

    .subtitle {
        display: block;
        position: relative;
        font-weight: 500;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        line-height: 18px;
        color: var(--color-text-high, rgba(49, 53, 59, 0.96));
        text-decoration: initial;

        font-size: 1rem;
        margin: 0px 0px 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .item-image {
        flex-shrink: 0;
        margin-right: 16px;
        width: 60px;
        height: 60px;
        background: var(--N50, #F3F4F5);
        border-radius: 4px;
    }

    .item-image img {
        display: block;
        max-width: 60px;
        max-height: 60px;
        border-radius: 4px;
    }


    .payment-option-web {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        width: 190px;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-left: 24px;
        border-left: 1px solid var(--N75, #E5E7E9);
    }

    .btn-orange {
        width: auto;
        color: rgb(255, 255, 255);
        /* font-family: "Nunito Sans", sans-serif; */
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500, #F57C00);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 8px 16px;
        transition: background-color 300ms ease 0s;
    }

    .btn-orange:hover{
        background-color: var(--G600, #E65100);
    }

    .payment-btn-yellow {
        width: auto;
        color: #444;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: #FAB03B;
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 8px 16px;
        transition: background-color 300ms ease 0s;
    }

    .payment-btn-green {
        width: auto;

        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: #449A0B;
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 8px 16px;
        transition: background-color 300ms ease 0s;
    }



    .payment-option-mobile {
        display: none
    }

    ;




    @media only screen and (max-width: 768px) {
        .btn-small-notif {
            margin-top: 2em;
        }

        .section-menu_news .dl-list dd p a {
            margin-bottom: 1.2em;
        }

        .add-margin {

            margin-bottom: 20px;
        }

        .td-confirm-payment-left {
            width: 10em;
        }

    }

    @media screen and (max-width: 480px) {
        .payment-option-web {
            display: none !important;
        }

        .payment-option-mobile {
            display: flex;
            flex-wrap: wrap;
            margin-left: -4px;
            margin-right: -4px;
            box-sizing: border-box;
            -webkit-box-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            align-items: center;
            margin-top: 1em;
        }
    }

    .text-bold {
        font-weight: bold !important;
    }

    @media screen and (max-width: 480px) {
        .text-ssm {
            font-size: .85rem !important;
        }
    }

    @media screen and (max-width: 280px) {
        .text-ssm {
            font-size: .62rem !important;
        }
    }