*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

footer, header, nav {
    display: block;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

h1, h2, h3, h4, h6 {
    margin-top: 0;
}

p {
    margin-top: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ul {
    margin-top: 0;
}

    ul ul {
        margin-bottom: 0;
    }

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button {
    border-radius: 0;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

input, button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input {
    overflow: visible;
}

button {
    text-transform: none;
}

button, html [type="button"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 546px;
    }
}

@media (min-width: 791px) {
    .container {
        max-width: 770px;
    }
}

@media (min-width: 1025px) {
    .container {
        max-width: 990px;
    }
}

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

.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}


@media (min-width: 576px) {
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 791px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
}

@media (min-width: 1025px) {
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
}

@media (min-width: 1230px) {
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.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: 6px;
    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:-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 {
        background-color: #e9ecef;
        opacity: 1;
    }

.form-group {
    margin-bottom: 1rem;
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

@media (min-width: 576px) {
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 6px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn:hover, .btn:focus {
        text-decoration: none;
    }

    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .btn:disabled {
        opacity: 0.65;
    }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

    .btn-link:focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }

    .btn-link:disabled {
        color: #6c757d;
    }

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .modal-header .close {
        padding: 0;
        margin: 0 0 0 auto;
    }

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}

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

@media (min-width: 1025px) {
    .modal-lg {
        max-width: 800px;
    }
}

.d-block {
    display: block !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 791px) {
    .d-md-none {
        display: none !important;
    }
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-center {
    justify-content: center !important;
}

.ml-auto {
    margin-left: auto !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    body {
        min-width: 1025px !important;
    }

    .container {
        min-width: 1025px !important;
    }
}


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

[class^="icon-"], [class*=" icon-"] {
    font-family: 'wokiee' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-categories:before {
    content: "\eae4";
}

.icon-f-69:before {
    content: "\e9a4";
}

.icon-mastercard .path1:before {
    content: "\ea84";
    color: #ea192a;
}

.icon-mastercard .path2:before {
    content: "\ea85";
    margin-left: -1.6728515625em;
    color: #f9b532;
}

.icon-mastercard .path3:before {
    content: "\ea86";
    margin-left: -1.6728515625em;
    color: #ea192a;
}

.icon-mastercard .path4:before {
    content: "\ea87";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path5:before {
    content: "\ea88";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path6:before {
    content: "\ea89";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path7:before {
    content: "\ea8a";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path8:before {
    content: "\ea8b";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path9:before {
    content: "\ea8c";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path10:before {
    content: "\ea8d";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path11:before {
    content: "\ea8e";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path12:before {
    content: "\ea8f";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-mastercard .path13:before {
    content: "\ea90";
    margin-left: -1.6728515625em;
    color: white;
}

.icon-paypal-2 .path1:before {
    content: "\ea91";
    color: #469bdb;
}

.icon-paypal-2 .path2:before {
    content: "\ea92";
    margin-left: -3.77734375em;
    color: #283b82;
}

.icon-paypal-2 .path3:before {
    content: "\ea93";
    margin-left: -3.77734375em;
    color: #283b82;
}

.icon-paypal-2 .path4:before {
    content: "\ea94";
    margin-left: -3.77734375em;
    color: #469bdb;
}

.icon-paypal-2 .path5:before {
    content: "\ea95";
    margin-left: -3.77734375em;
    color: #283b82;
}

.icon-paypal-2 .path6:before {
    content: "\ea96";
    margin-left: -3.77734375em;
    color: #469bdb;
}

.icon-visa .path1:before {
    content: "\eab1";
    color: #005dac;
}

.icon-visa .path2:before {
    content: "\eab2";
    margin-left: -3.22265625em;
    color: #005dac;
}

.icon-visa .path3:before {
    content: "\eab3";
    margin-left: -3.22265625em;
    color: #005dac;
}

.icon-visa .path4:before {
    content: "\eab4";
    margin-left: -3.22265625em;
    color: #005dac;
}

.icon-visa .path5:before {
    content: "\eab5";
    margin-left: -3.22265625em;
    color: #fbb120;
}

.icon-american-express .path1:before {
    content: "\eac3";
    color: #017aab;
}

.icon-american-express .path2:before {
    content: "\eac4";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path3:before {
    content: "\eac5";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path4:before {
    content: "\eac6";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path5:before {
    content: "\eac7";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path6:before {
    content: "\eac8";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path7:before {
    content: "\eac9";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path8:before {
    content: "\eaca";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path9:before {
    content: "\eacb";
    margin-left: -2.9443359375em;
    color: #228fe0;
}

.icon-american-express .path10:before {
    content: "\eacc";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-american-express .path11:before {
    content: "\eacd";
    margin-left: -2.9443359375em;
    color: #017aab;
}

.icon-discover .path1:before {
    content: "\eace";
    color: #f5821e;
}

.icon-discover .path2:before {
    content: "\eacf";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path3:before {
    content: "\ead0";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path4:before {
    content: "\ead1";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path5:before {
    content: "\ead2";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path6:before {
    content: "\ead3";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path7:before {
    content: "\ead4";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path8:before {
    content: "\ead5";
    margin-left: -3.1640625em;
    color: #4d4d4d;
}

.icon-discover .path9:before {
    content: "\ead6";
    margin-left: -3.1640625em;
    color: #141414;
}

.icon-discover .path10:before {
    content: "\ead7";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path11:before {
    content: "\ead8";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path12:before {
    content: "\ead9";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path13:before {
    content: "\eada";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path14:before {
    content: "\eadb";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path15:before {
    content: "\eadc";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-discover .path16:before {
    content: "\eadd";
    margin-left: -3.1640625em;
    color: #858585;
}

.icon-03:before {
    content: "\ea81";
}

.icon-h-58:before {
    content: "\ea59";
}

.icon-e-09:before {
    content: "\e908";
}

.icon-f-35:before {
    content: "\e982";
}

.icon-f-56:before {
    content: "\e997";
}

.icon-f-39:before {
    content: "\e986";
}

.icon-f-47:before {
    content: "\e98e";
}

.icon-f-48:before {
    content: "\e98f";
}

.icon-f-59:before {
    content: "\e99a";
}

.icon-f-68:before {
    content: "\e9a3";
}

.icon-f-76:before {
    content: "\e9ab";
}

.icon-f-85:before {
    content: "\e9b4";
}

.icon-f-93:before {
    content: "\e9bc";
}

.icon-f-94:before {
    content: "\e9bd";
}

.icon-g-64:before {
    content: "\e9ff";
}

.icon-g-67:before {
    content: "\ea02";
}

.icon-g-70:before {
    content: "\ea05";
}

.icon-g-80:before {
    content: "\ea0f";
}

.icon-n-072:before {
    content: "\eb16";
}

.icon-n-08:before {
    content: "\eb18";
}

.icon-f-39:before {
    content: "\e986";
}

.icon-e-03:before {
    content: "\e902";
}

.icon-e-57:before {
    content: "\e938";
}

.icon-f-44:before {
    content: "\e98b";
}

.icon-f-77:before {
    content: "\e9ac";
}

.icon-f-24:before {
    content: "\e977";
}

.icon-h-26:before {
    content: "\ea39";
}

.icon-f-54:before {
    content: "\e995";
}

.header-popup-bg {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 21;
    display: none;
}

header .tt-logo {
    position: relative;
    display: inline-flex;
}

header .tt-logo-alignment {
    position: relative;
}

header .tt-desktop-header .tt-logo {
    margin-top: 13px;
    margin-bottom: 17px;
}

@media (min-width: 1230px) {
    header .tt-desktop-header .dropdown-menu {
        max-width: 1200px;
    }
}

header .tt-dropdown-obj {
    display: inline-flex;
}

    header .tt-dropdown-obj .tt-dropdown-toggle {
        position: relative;
        z-index: 1;
        cursor: pointer;
        padding: 5px 8px;
        font-size: 20px;
        line-height: 1;
        color: #191919;
        background: none;
        border: none;
        display: inline-block;
        transition: color 0.2s linear;
    }

        header .tt-dropdown-obj .tt-dropdown-toggle i {
            pointer-events: none;
        }

        header .tt-dropdown-obj .tt-dropdown-toggle:hover {
            color: #58676C;
        }

    header .tt-dropdown-obj .tt-dropdown-menu {
        display: none;
        background: #ffffff;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 22;
    }

@media (max-width: 1024px) {
    header .tt-dropdown-obj:not(.tt-search) .tt-dropdown-menu {
        display: block;
        right: auto;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
        position: fixed;
    }

    header .container {
        max-width: inherit;
    }
}

header .tt-cart .tt-dropdown-menu, header .tt-account .tt-dropdown-menu {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

@media (min-width: 1025px) {
    header .tt-cart .tt-dropdown-menu, header .tt-account .tt-dropdown-menu {
        width: 280px;
    }
}

@media (max-width: 1024px) {
    header .tt-cart .tt-dropdown-menu, header .tt-account .tt-dropdown-menu {
        width: 270px;
    }
}

@media (max-width: 1024px) {
    header .tt-cart .tt-dropdown-menu {
        width: 320px;
    }

        header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content {
            padding: 26px 30px 23px;
        }

            header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-total-row {
                margin-top: 30px;
                padding-top: 24px;
            }

            header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn {
                margin-top: 4px;
            }

                header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .tt-item {
                    margin-top: 20px;
                }

                header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .btn {
                    font-weight: 500;
                }

                    header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-btn .btn:not(.btn-border) {
                        font-size: 12px;
                    }

            header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content .tt-cart-total-title {
                letter-spacing: 0.02em;
            }
}

header .tt-parent-box:first-child .tt-dropdown-toggle {
    padding-left: 0;
}

header .tt-parent-box:last-child .tt-dropdown-toggle {
    padding-right: 0;
}

header .tt-parent-box {
    display: inline-flex;
    vertical-align: top;
}

header .tt-box-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    header .tt-box-info ul li {
        padding-top: 8px;
        padding-bottom: 8px;
        letter-spacing: 0.01em;
        font-size: 14px;
    }

        header .tt-box-info ul li a {
            transition: color 0.2s linear;
        }

        header .tt-box-info ul li [class^="icon-"] {
            margin-right: 4px;
            font-size: 18px;
            position: relative;
            top: 2px;
        }

@media (min-width: 1025px) {
    header .tt-account .tt-dropdown-menu .tt-dropdown-inner {
        padding: 33px 20px 37px 39px;
    }
}

@media (max-width: 1024px) {
    header .tt-account .tt-dropdown-menu .tt-dropdown-inner {
        padding: 15px 20px 37px 29px;
    }

        header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li {
            letter-spacing: 0.01em;
        }

            header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a {
                display: inline-block;
                padding: 7px 0;
                color: #191919;
            }

                header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a [class^="icon-"] {
                    top: 3px;
                    margin-right: 7px;
                    color: #191919;
                }

                header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a .icon-n-072, header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a .icon-n-08 {
                    margin-right: 10px;
                }

                header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a:hover {
                    color: #58676C;
                }

                    header .tt-account .tt-dropdown-menu .tt-dropdown-inner ul li a:hover [class^="icon-"] {
                        color: #58676C;
                    }
}

header .tt-account ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: -1px;
}

    header .tt-account ul li {
        font-size: 14px;
    }

        header .tt-account ul li a {
            color: #191919;
            padding: 1px 0;
            display: block;
            transition: color 0.2s linear;
        }

            header .tt-account ul li a [class^="icon-"] {
                font-size: 20px;
                line-height: 1;
                margin-right: 8px;
                position: relative;
                top: 4px;
                color: #191919;
                transition: color 0.2s linear;
            }

            header .tt-account ul li a .icon-n-072, header .tt-account ul li a .icon-n-08 {
                font-size: 16px;
                margin-right: 11px;
            }

            header .tt-account ul li a:hover {
                color: #58676C;
            }

                header .tt-account ul li a:hover [class^="icon-"] {
                    color: #58676C;
                }

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add {
    border-bottom: 1px solid #e9e7e7;
}

@media (min-width: 1025px) {
    header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add {
        display: none;
    }
}

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-title {
    color: #191919;
    font-size: 14px;
    line-height: 1.1;
    pointer-events: none;
}

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close {
    font-size: 14px;
    padding: 13px 12px 13px 29px;
    display: block;
    color: #777777;
    transition: color 0.2s linear;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

    header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:before {
        font-family: "wokiee";
        content: "\e9b3";
        padding-right: 6px;
        font-size: 14px;
        position: relative;
        top: 1px;
        color: #777777;
        transition: color 0.2s linear;
    }

    header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:hover {
        color: #58676C;
    }

        header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close:hover:before {
            color: #58676C;
        }

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-title {
    padding: 18px 0 17px 30px;
}

    header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-title + .tt-close {
        position: absolute;
        right: 9px;
        top: 0;
        font-size: 0;
        text-align: right;
    }

header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #58676C;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 12px;
    line-height: 1.7;
    pointer-events: none;
}

header .tt-cart .tt-cart-layout .tt-cart-empty {
    padding: 21px 20px 19px;
    text-align: center;
    display: block;
}

    header .tt-cart .tt-cart-layout .tt-cart-empty [class^="icon-"] {
        font-size: 40px;
        line-height: 1;
        color: #cdcdcd;
    }

    header .tt-cart .tt-cart-layout .tt-cart-empty p {
        margin-top: 7px;
        letter-spacing: 0.01em;
        color: #777777;
    }

header .tt-cart .tt-cart-layout .tt-cart-content {
    padding: 26px 20px 23px;
}

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: flex-start;
    }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-img {
            margin-top: 4px;
        }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-img img {
                width: 67px;
                height: auto;
            }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]) {
            display: flex;
            width: 100%;
            transition: color 0.2s linear;
        }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]) .tt-title {
                color: #191919;
            }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]):hover .tt-title {
                color: #58676C;
            }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-img + .tt-item-descriptions {
            margin-left: 20px;
        }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions {
            flex: 2 1 auto;
        }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-title {
                font-family: "Hind", sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 22px;
                transition: color 0.2s linear;
            }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-add-info {
                list-style: none;
                margin: 4px 0 0 0;
                padding: 0 0 5px 0;
            }

                header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-add-info li {
                    color: #999999;
                    font-size: 13px;
                    line-height: 16px;
                }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-quantity {
                display: inline-flex;
                font-size: 14px;
                color: #777777;
            }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-price {
                display: inline-flex;
                font-size: 16px;
                color: #191919;
                font-weight: 500;
            }

            header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions > *:nth-child(1) {
                margin-top: 0;
            }

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close {
        padding: 4px;
        margin-right: -6px;
        position: relative;
        top: -1px;
        background: none;
        border: none;
    }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close:before {
            content: "\ea83";
            color: #191919;
            font-size: 15px;
            line-height: 22px;
            font-family: "wokiee";
            transition: color 0.2s linear;
        }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item-close .tt-btn-close:hover:before {
            color: #58676C;
        }

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: stretch;
        align-items: flex-start;
        border-top: 1px solid #e9e7e7;
        margin-top: 20px;
        padding-top: 14px;
    }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row .tt-cart-total-title {
            font-weight: 500;
            color: #191919;
            font-size: 14px;
            font-family: "Hind", sans-serif;
        }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row .tt-cart-total-price {
            flex: 2 1 auto;
            text-align: right;
            font-size: 16px;
            font-weight: 500;
            color: #191919;
        }

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-btn {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        text-align: center;
    }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-btn .tt-item {
            margin-top: 11px;
            width: 100%;
        }

        header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-btn .btn {
            padding-left: 13px;
            padding-right: 13px;
            width: 100%;
        }

header .tt-dropdown-obj .tt-dropdown-toggle:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

@media (min-width: 1025px) {
    header .tt-search .tt-dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        display: block;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
        transition: all 0.2s linear;
    }

        header .tt-search .tt-dropdown-menu .container {
            position: relative;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        header .tt-search .tt-dropdown-menu form {
            position: relative;
            display: block;
        }

        header .tt-search .tt-dropdown-menu .tt-search-input {
            background: transparent;
            font-size: 19px;
            font-weight: 500;
            border: none;
            border-bottom: 1px solid #eceaea;
            padding: 11px 12px 10px 0px;
            font-family: "Hind", sans-serif;
            box-shadow: none;
            outline: none;
            width: 100%;
            color: #191919;
            margin-top: 28px;
            border-right: 0;
            transition: all 0.2s linear;
        }

            header .tt-search .tt-dropdown-menu .tt-search-input:not(focus)::-webkit-input-placeholder {
                color: #191919;
            }

            header .tt-search .tt-dropdown-menu .tt-search-input:not(focus)::-moz-placeholder {
                color: #191919;
            }

            header .tt-search .tt-dropdown-menu .tt-search-input:not(focus):-moz-placeholder {
                color: #191919;
            }

            header .tt-search .tt-dropdown-menu .tt-search-input:not(focus):-ms-input-placeholder {
                color: #191919;
            }

        header .tt-search .tt-dropdown-menu .tt-btn-search {
            color: #333333;
            font-size: 30px;
            line-height: 1;
            font-family: "wokiee";
            position: absolute;
            cursor: pointer;
            top: 41px;
            padding: 4px 0 4px 4px;
            margin-top: -4px;
            right: 0px;
            z-index: 3;
            display: inline-block;
            background: none;
            border: none;
            transition: color 0.2s linear;
        }

            header .tt-search .tt-dropdown-menu .tt-btn-search:before {
                content: "\e9b4";
            }

            header .tt-search .tt-dropdown-menu .tt-btn-search:hover {
                color: #58676C;
            }

        header .tt-search .tt-dropdown-menu .tt-btn-close {
            display: inline-flex;
            position: absolute;
            top: 0;
            right: 0;
            margin-top: -1px;
            color: #777777;
            font-size: 14px;
            line-height: 1;
            font-family: "wokiee";
            padding: 5px 0px 5px 5px;
            background: none;
            border: none;
            cursor: pointer;
            transition: color 0.2s linear;
        }

            header .tt-search .tt-dropdown-menu .tt-btn-close:before {
                font-family: "wokiee";
                content: "\e9b3";
                line-height: 1;
            }

            header .tt-search .tt-dropdown-menu .tt-btn-close:hover {
                color: #58676C;
            }

        header .tt-search .tt-dropdown-menu .tt-description {
            text-align: center;
        }

        header .tt-search .tt-dropdown-menu .tt-price {
            justify-content: center;
        }

        header .tt-search .tt-dropdown-menu > .container {
            display: none;
        }
}

@media (max-width: 1024px) {
    header .tt-search .tt-dropdown-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center;
        background: #ffffff;
        position: absolute;
        z-index: -2;
        opacity: 0;
        width: 100%;
        top: 0;
        left: 0;
    }

        header .tt-search .tt-dropdown-menu:before {
            content: '';
            display: block;
            width: calc(100% + 40px);
            z-index: 0;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: #ffffff;
            margin-left: -20px;
            margin-right: -20px;
        }

        header .tt-search .tt-dropdown-menu .container {
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            position: relative;
        }

            header .tt-search .tt-dropdown-menu .container [class^="tt-col"]:first-child:first-child {
                padding-left: 0;
            }

        header .tt-search .tt-dropdown-menu form {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: flex-end;
            align-items: center;
        }

            header .tt-search .tt-dropdown-menu form .tt-col:first-child {
                flex: 2 1 auto;
            }

            header .tt-search .tt-dropdown-menu form .tt-search-input {
                background: transparent;
                font-size: 16px;
                border: 1px solid transparent;
                padding: 14px 12px 8px 0px;
                font-family: "Hind", sans-serif;
                box-shadow: none;
                outline: none;
                width: calc(100% - 40px);
                color: #777777;
                border-right: 0;
                transition: all 0.2s linear;
            }

                header .tt-search .tt-dropdown-menu form .tt-search-input:not(focus)::-webkit-input-placeholder {
                    color: #191919;
                    text-transform: uppercase;
                }

                header .tt-search .tt-dropdown-menu form .tt-search-input:not(focus)::-moz-placeholder {
                    color: #191919;
                    text-transform: uppercase;
                }

                header .tt-search .tt-dropdown-menu form .tt-search-input:not(focus):-moz-placeholder {
                    color: #191919;
                    text-transform: uppercase;
                }

                header .tt-search .tt-dropdown-menu form .tt-search-input:not(focus):-ms-input-placeholder {
                    color: #191919;
                    text-transform: uppercase;
                }

        header .tt-search .tt-dropdown-menu .tt-btn-close {
            display: inline-flex;
            color: #777777;
            font-size: 20px;
            line-height: 1;
            font-family: "wokiee";
            padding: 3px 0px 5px 5px;
            background: none;
            border: none;
            cursor: pointer;
            position: relative;
            top: 3px;
            transition: color 0.2s linear;
        }

            header .tt-search .tt-dropdown-menu .tt-btn-close:before {
                font-family: "wokiee";
                content: "\e9b3";
                font-size: 20px;
                line-height: 1;
            }

            header .tt-search .tt-dropdown-menu .tt-btn-close:hover {
                color: #58676C;
            }

        header .tt-search .tt-dropdown-menu .tt-btn-search {
            color: #58676C;
            font-size: 20px;
            line-height: 1;
            font-family: "wokiee";
            position: absolute;
            cursor: pointer;
            top: 50%;
            margin-top: -10px;
            right: 40px;
            z-index: 3;
            display: inline-block;
            background: none;
            border: none;
            transition: color 0.2s linear;
        }

            header .tt-search .tt-dropdown-menu .tt-btn-search:before {
                content: "\e9b4";
            }

        header .tt-search .tt-dropdown-menu .search-results {
            position: absolute;
            top: 38px;
            left: 0;
            padding: 11px 11px 19px;
        }
}

@media (max-width: 1024px) and (min-width: 481px) {
    header .tt-search .tt-dropdown-menu .search-results {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1024px) and (max-width: 481px) {
    header .tt-search .tt-dropdown-menu .search-results {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }
}

header .tt-search .search-results {
    position: relative;
    padding: 0;
    width: 100%;
    display: none;
}

@media (max-width: 1024px) {
    header .tt-search .search-results {
        background: #ffffff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.04);
        margin-top: 22px;
    }
}

@media (max-width: 1024px) and (max-width: 1024px) and (min-width: 481px) {
    header .tt-search .search-results {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1024px) and (max-width: 481px) {
    header .tt-search .search-results {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 1024px) {
    header .tt-search .search-results ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        header .tt-search .search-results ul > li {
            display: none;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }

            header .tt-search .search-results ul > li a {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-content: center;
                align-items: center;
                color: #777777;
                padding: 0;
                position: relative;
                background-color: transparent;
                transition: background-color 0.2s linear;
            }

                header .tt-search .search-results ul > li a .thumbnail {
                    width: 50px;
                    height: auto;
                    margin: 0;
                    padding: 0;
                    border: none;
                    border-radius: 0;
                    border-right: 2px solid #ffffff;
                }

                    header .tt-search .search-results ul > li a .thumbnail img {
                        width: 100%;
                        height: auto;
                    }

                header .tt-search .search-results ul > li a .tt-description {
                    padding: 5px 15px 5px 16px;
                    white-space: normal;
                    font-size: 14px;
                    line-height: 24px;
                }

                    header .tt-search .search-results ul > li a .tt-description .tt-title {
                        font-size: 14px;
                        line-height: 24px;
                        color: #333333;
                    }

                    header .tt-search .search-results ul > li a .tt-description .tt-price {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 500;
                        color: #191919;
                    }

                        header .tt-search .search-results ul > li a .tt-description .tt-price .new-price {
                            color: #f8353e;
                            margin-right: 7px;
                        }

                        header .tt-search .search-results ul > li a .tt-description .tt-price span {
                            display: inline-block;
                        }

                header .tt-search .search-results ul > li a:hover {
                    background-color: #f7f8fa;
                }

        header .tt-search .search-results ul li:nth-child(-n+3) {
            display: block;
        }
}

@media (min-width: 1025px) {
    header .tt-search .search-results {
        margin-top: 27px;
        background: #ffffff;
    }

        header .tt-search .search-results ul {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: stretch;
            align-items: flex-start;
            list-style: none;
            padding: 0;
            overflow: hidden;
            margin-right: -10px;
            margin-left: -10px;
        }

            header .tt-search .search-results ul > li {
                display: block;
                width: 16.666%;
                margin: 0;
                padding-left: 10px;
                padding-right: 10px;
                overflow: hidden;
            }

                header .tt-search .search-results ul > li a {
                    display: block;
                    color: #777777;
                }

                    header .tt-search .search-results ul > li a .thumbnail img {
                        width: 100%;
                        height: auto;
                    }

                    header .tt-search .search-results ul > li a .tt-description {
                        padding: 14px 0px 5px 0px;
                        white-space: normal;
                        font-size: 14px;
                        line-height: 24px;
                    }

                        header .tt-search .search-results ul > li a .tt-description .tt-title {
                            font-size: 14px;
                            line-height: 24px;
                            color: #333333;
                            transition: color 0.2s linear;
                        }

                        header .tt-search .search-results ul > li a .tt-description .tt-price {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            font-size: 16px;
                            line-height: 20px;
                            font-weight: 500;
                            color: #191919;
                        }

                            header .tt-search .search-results ul > li a .tt-description .tt-price .new-price {
                                color: #f8353e;
                                margin-right: 7px;
                            }

                            header .tt-search .search-results ul > li a .tt-description .tt-price span {
                                display: inline-block;
                            }

                    header .tt-search .search-results ul > li a:hover .tt-title {
                        color: #58676C;
                    }
}

header .tt-social-icon {
    margin-top: 7px;
    padding-bottom: 5px;
}

    header .tt-social-icon li:first-child a {
        padding-left: 0;
    }

    header .tt-social-icon li:last-child a {
        padding-right: 0;
    }

@media (max-width: 480px) {
    header .tt-mobile-header .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.tt-desktop-header {
    position: relative;
    z-index: 8;
}

@media (max-width: 1024px) {
    .tt-desktop-header {
        display: none;
    }
}

.tt-desktop-header .tt-dropdown-obj {
    margin-top: 9px;
    padding-bottom: 7px;
}

@media (min-width: 1025px) {
    .tt-obj-desktop-hidden {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
    }
}

header .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.tt-header-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    position: relative;
    min-height: 40px;
}

    .tt-header-row .tt-col-right {
        vertical-align: top;
        align-items: flex-end;
    }

    .tt-header-row .tt-col-left {
        display: flex;
        vertical-align: top;
    }

@media (max-width: 870px) {
    .tt-header-row.tt-top-row {
        flex-direction: column;
        flex-wrap: wrap;
        padding: 12px 0 7px 0;
    }

        .tt-header-row.tt-top-row > div {
            max-width: inherit;
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            align-items: center;
        }

        .tt-header-row.tt-top-row .tt-box-info {
            width: 100%;
            margin-top: 6px;
        }

            .tt-header-row.tt-top-row .tt-box-info ul {
                flex-direction: column;
                align-items: center;
            }

                .tt-header-row.tt-top-row .tt-box-info ul li {
                    margin-left: 0;
                    margin-right: 0;
                    padding-top: 1px;
                    padding-bottom: 1px;
                    text-align: center;
                }

        .tt-header-row.tt-top-row .tt-social-icon {
            margin-top: 6px;
        }

            .tt-header-row.tt-top-row .tt-social-icon li:first-child {
                margin-right: 10px;
            }

            .tt-header-row.tt-top-row .tt-social-icon li:not(:last-child):not(:first-child) {
                margin: 0 10px;
            }

            .tt-header-row.tt-top-row .tt-social-icon li:last-child {
                margin-left: 10px;
            }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .tt-header-row.tt-top-row {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.tt-desctop-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tt-desctop-menu ul li {
        display: inline-block;
    }

.tt-desctop-menu .dropdown {
    position: inherit;
}

    .tt-desctop-menu .dropdown > a {
        transition: color 0.2s linear, background-color 0.2s linear;
    }

    .tt-desctop-menu .dropdown .dropdown-menu {
        display: none;
        top: -10000px;
        background: #ffffff;
    }

    .tt-desctop-menu .dropdown:hover {
        top: auto;
    }

        .tt-desctop-menu .dropdown:hover .dropdown-menu {
            top: auto;
        }

.tt-desctop-menu .dropdown-menu {
    padding: 33px 5px 27px 39px;
    margin-top: 0px;
    border: none;
    display: block;
    position: absolute;
}

.tt-desctop-menu .dropdown > a {
    position: relative;
}

.tt-desctop-menu nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

    .tt-desctop-menu nav > ul > li.dropdown > a {
        font-family: "Hind", sans-serif;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: 0.04em;
        padding: 17px 12px 16px;
        display: inline-flex;
    }

.tt-desctop-menu .tt-megamenu-submenu {
    margin-top: -3px;
    display: inline-block;
}

    .tt-desctop-menu .tt-megamenu-submenu > li {
        display: block;
        position: relative;
    }

        .tt-desctop-menu .tt-megamenu-submenu > li > a {
            color: #777777;
            font-size: 14px;
            line-height: 22px;
            display: inline-block;
            position: relative;
            padding-top: 1px;
            padding-right: 23px;
            padding-bottom: 1px;
            transition: all 0.2s linear;
        }

            .tt-desctop-menu .tt-megamenu-submenu > li > a:hover {
                color: #58676C;
            }

                .tt-desctop-menu .tt-megamenu-submenu > li > a:hover:before {
                    left: 0;
                    opacity: 1;
                }

.tt-desctop-menu .dropdown-menu {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.tt-desctop-menu .tt-megamenu-col-01 .dropdown-menu {
    width: 280px;
    margin-left: -40px;
}

.tt-desctop-menu .tt-megamenu-col-01 .col {
    width: 100%;
    display: block;
}

.tt-desctop-menu .tt-megamenu-col-01 .tt-col-list [class^="col"] {
    flex-basis: inherit;
}

.tt-desctop-menu .tt-megamenu-col-01 .row.tt-col-list {
    margin-left: 0;
    margin-right: 0;
}

.tt-desctop-menu .tt-col-list {
    margin-top: -23px;
}

    .tt-desctop-menu .tt-col-list [class^="col"] {
        margin-top: 23px;
    }

.tt-desctop-menu:not(.tt-hover-02) li.dropdown:first-child > a {
    padding-left: 0;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown:last-child > a {
    padding-right: 0;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
    color: #191919;
    background: transparent;
}

    .tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:hover {
        color: #58676C;
        background: transparent;
    }

.tt-mobile-header .tt-top-line {
    border-top: 1px solid #e9e7e7;
}

.tt-mobile-header .tt-parent-box {
    margin-left: 20px;
}

.tt-mobile-header .container-fluid {
    min-height: 50px;
}

@media (min-width: 481px) {
    .tt-mobile-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.tt-mobile-header .tt-logo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 55px;
    width: 100%;
}

    .tt-mobile-header .tt-logo-container .tt-logo-alignment {
        top: -3px;
    }

    .tt-mobile-header .tt-logo-container .tt-logo img {
        max-height: 20px;
    }

@media (min-width: 481px) {
    .tt-mobile-header .tt-mobile-parent-menu {
        flex: 2 1 auto;
    }
}

@media (max-width: 480px) {
    .tt-mobile-header .tt-header-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .tt-mobile-header .tt-header-row .tt-parent-box {
            margin-left: inherit;
        }

        .tt-mobile-header .tt-header-row .tt-menu-toggle {
            padding-left: 8px;
            padding-right: 8px;
        }
}

.tt-menu-toggle {
    position: relative;
    display: inline-block !important;
    padding: 12px 5px 5px 0px;
    cursor: pointer;
    margin-left: 1px;
}

    .tt-menu-toggle i {
        color: #191919;
        font-size: 20px;
        line-height: 1;
        position: relative;
        display: inline-block;
    }

    .tt-menu-toggle.stylization-02 {
        background-color: #58676C;
        padding: 10px 11px 5px;
        transition: background-color 0.2s linear;
        border-radius: 6px;
    }

        .tt-menu-toggle.stylization-02 [class^="icon"] {
            color: #ffffff;
            font-size: 18px;
        }

        .tt-menu-toggle.stylization-02:hover {
            background-color: #191919;
        }

            .tt-menu-toggle.stylization-02:hover [class^="icon"] {
                color: #ffffff;
            }

@media (max-width: 1024px) {
    .tt-desktop-header {
        display: none;
    }

    .tt-mobile-header {
        display: block;
    }
}

@media (min-width: 1025px) {
    .tt-desktop-header {
        display: block;
    }

    .tt-mobile-header {
        display: none;
    }
}

.tt-stuck-nav {
    width: 100%;
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    top: -100%;
    z-index: 20;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
    min-height: 45px;
}

@media (min-width: 1025px) {
    .tt-stuck-nav .tt-stuck-desctop-menu-categories + .tt-stuck-parent-menu {
        margin-left: 26px;
    }
}

@media (max-width: 1024px) {
    .tt-stuck-nav .container {
        max-width: 100%;
    }

    .tt-stuck-nav .tt-parent-box {
        margin-left: 20px;
    }

    .tt-stuck-nav .tt-stuck-desctop-menu-categories {
        display: none;
    }
}

@media (min-width: 1025px) {
    .tt-stuck-nav .tt-stuck-mobile-menu-categories {
        display: none;
    }
}

@media (min-width: 481px) {
    .tt-stuck-nav .tt-stuck-parent-menu {
        flex: 2 1 auto;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .tt-stuck-nav .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .tt-stuck-nav .tt-header-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-left: 10px;
        padding-right: 10px;
    }

        .tt-stuck-nav .tt-header-row .tt-parent-box {
            margin-left: inherit;
        }
}

.tt-obj-menu.obj-aligment-center .tt-desctop-menu nav > ul {
    justify-content: center;
}

.panel-menu, .mmpanels, .mmpanels > .mmpanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: inherit;
}

.panel-menu {
    width: 270px;
    background: #ffffff;
    position: fixed;
    z-index: 22;
}

    .panel-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .panel-menu ul li {
            margin: 0;
            width: 100%;
        }

            .panel-menu ul li a {
                display: flex;
                padding: 9px 27px 9px 30px;
                font-size: 14px;
                line-height: 22px;
                text-decoration: none;
                color: #191919;
                background: transparent;
                position: relative;
                transition: all 0.2s linear;
            }

                .panel-menu ul li a:hover {
                    color: #58676C;
                    background: transparent;
                }

    .panel-menu #mm0.mmpanel a:not(.mm-close) {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        background-color: transparent;
    }

        .panel-menu #mm0.mmpanel a:not(.mm-close):after {
            color: #191919;
        }

        .panel-menu #mm0.mmpanel a:not(.mm-close):hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
                color: #58676C;
            }

    .panel-menu #mm0.mmpanel .mm-next-level:after {
        top: 12px;
    }

    .panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
        font-family: "Hind", sans-serif;
        font-weight: 400;
    }

    .panel-menu .mm-close, .panel-menu .mm-prev-level, .panel-menu .mm-original-link {
        display: block;
        color: #777777;
        background-color: transparent;
        background-color: transparent;
    }

        .panel-menu .mm-close:before, .panel-menu .mm-prev-level:before, .panel-menu .mm-next-level:after {
            font-family: "wokiee";
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            transition: all 0.2s linear;
            color: #777777;
        }

        .panel-menu .mm-close:hover, .panel-menu .mm-prev-level:hover, .panel-menu .mm-next-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-next-level:hover:after {
                color: #58676C;
            }

    .panel-menu li.mm-close-parent {
        margin-bottom: 15px;
    }

        .panel-menu li.mm-close-parent .mm-close {
            padding: 15px 16px 13px 29px;
            color: #777777;
            border-bottom: 1px solid #e9e7e7;
            background-color: transparent;
        }

            .panel-menu li.mm-close-parent .mm-close:before {
                content: "\e9b3";
                padding-right: 6px;
                position: relative;
                top: 1px;
                color: #777777;
            }

            .panel-menu li.mm-close-parent .mm-close:hover {
                color: #58676C;
                background-color: transparent;
            }

                .panel-menu li.mm-close-parent .mm-close:hover:before {
                    color: #58676C;
                }

    .panel-menu .mm-prev-level {
        padding: 15px 16px 13px 29px;
        color: #777777;
        background-color: transparent;
        border-bottom: 1px solid #e9e7e7;
        margin-bottom: 15px;
    }

        .panel-menu .mm-prev-level:before {
            content: "\e90d";
            padding-right: 10px;
            position: relative;
            top: 1px;
            color: #777777;
        }

        .panel-menu .mm-prev-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-prev-level:hover:before {
                color: #58676C;
            }

    .panel-menu .mm-next-level {
        color: #191919;
        background-color: transparent;
    }

        .panel-menu .mm-next-level:after {
            content: "\e90e";
            padding-left: 10px;
            top: 12px;
            right: 30px;
            position: absolute;
            color: #777777;
        }

        .panel-menu .mm-next-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-next-level:hover:after {
                color: #58676C;
            }

    .panel-menu .mm-original-link {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        background-color: transparent;
    }

        .panel-menu .mm-original-link:before {
            padding-right: 10px;
            color: #777777;
        }

        .panel-menu .mm-original-link:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-original-link:hover:before {
                color: #58676C;
            }

.panel-menu {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mmpanel {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mmpanels {
    overflow: hidden;
}

.mmpanel.mmopened {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mmpanels > .mmpanel {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
}

.mmpanels, .mmpanels > .mmpanel {
    background: inherit;
    border-color: inherit;
}

    .mmpanels > .mmpanel:not(.mmhidden) {
        display: block;
    }

    .mmpanels > .mmpanel:after {
        content: '';
        display: block;
        height: 20px;
    }

.mmhidden {
    display: none;
}

.mm-fullscreen-bg, .mm-fullscreen-bg:focus, .mm-fullscreen-bg:active, .mm-fullscreen-bg:hover {
    outline: none;
}

.tt-header-holder {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

    .tt-header-holder .tt-obj-menu {
        flex: 2 1 auto;
    }

    .tt-header-holder .obj-move-right {
        order: 3;
        margin-left: auto !important;
    }

    .tt-header-holder .tt-obj-options.obj-move-right {
        right: 0;
    }

    .tt-header-holder .obj-move-right.tt-position-absolute:not(:first-child) {
        right: 0;
    }

    .tt-header-holder .obj-aligment-center {
        flex: 2 1 auto;
        text-align: center;
    }

        .tt-header-holder .obj-aligment-center > * {
            text-align: left;
            margin-left: 0;
            margin-right: 0;
        }

    .tt-header-holder .tt-position-absolute {
        position: absolute;
        top: 0;
    }

    .tt-header-holder .tt-obj-logo:not(.obj-move-right):not(.obj-aligment-center) .tt-logo {
        margin-right: 33px;
    }

    .tt-header-holder .tt-desctop-menu.tt-menu-small {
        margin-top: -10px;
    }

        .tt-header-holder .tt-desctop-menu.tt-menu-small nav > ul li.dropdown > a {
            padding-top: 10px;
            padding-bottom: 15px;
        }

    .tt-header-holder .tt-desctop-menu:not(.tt-hover-02) nav > ul li.dropdown:first-child > a {
        padding-left: 0;
    }

    .tt-header-holder .tt-desctop-menu:not(.tt-hover-02) nav > ul li.dropdown:last-child > a {
        padding-right: 0;
    }

.tt-search-type2 {
    position: relative;
}

    .tt-search-type2 [class^="icon"] {
        position: absolute;
        font-size: 18px;
        top: 5px;
        left: 9px;
        color: #191919;
    }

    .tt-search-type2 .tt-search-input {
        border: 1px solid #e9e7e7;
        outline: 0;
        padding: 4px 10px 2px 34px;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #777777;
        background: #f7f8fa;
        outline: none;
        width: 360px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-topleft: 6px;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }

    .tt-search-type2 .tt-btn-search {
        position: relative;
        padding: 5px 20px 3px;
        border: none;
        outline: none;
        color: #ffffff;
        background: #58676C;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        left: -4px;
        cursor: pointer;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-topright: 6px;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

        .tt-search-type2 .tt-btn-search:hover {
            color: #ffffff;
            background: #2267d8;
        }

    .tt-search-type2 .tt-search-input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .tt-search-type2 .tt-search-input:focus:-moz-placeholder {
        color: transparent;
    }

    .tt-search-type2 .tt-search-input:focus::-moz-placeholder {
        color: transparent;
    }

    .tt-search-type2 .tt-search-input:focus:-ms-input-placeholder {
        color: transparent;
    }

    .tt-search-type2 .search-results {
        position: absolute;
        width: 200%;
        background: #ffffff;
        display: block;
        border-radius: 6px;
        position: absolute;
        z-index: 4;
        padding: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
        width: 200%;
        margin-top: 20px;
        display: none;
        background: #ffffff;
    }

        .tt-search-type2 .search-results ul {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: stretch;
            align-items: flex-start;
            list-style: none;
            padding: 0;
            overflow: hidden;
            margin-right: -10px;
            margin-left: -10px;
        }

            .tt-search-type2 .search-results ul > li {
                display: none;
                width: 33%;
                margin: 0;
                padding-left: 10px;
                padding-right: 10px;
                overflow: hidden;
            }

                .tt-search-type2 .search-results ul > li a {
                    display: block;
                    color: #777777;
                }

                    .tt-search-type2 .search-results ul > li a .thumbnail img {
                        width: 100%;
                        height: auto;
                    }

                    .tt-search-type2 .search-results ul > li a .tt-description {
                        padding: 14px 0px 5px 0px;
                        white-space: normal;
                        font-size: 14px;
                        line-height: 24px;
                    }

                        .tt-search-type2 .search-results ul > li a .tt-description .tt-title {
                            font-size: 14px;
                            line-height: 24px;
                            color: #333333;
                            transition: color 0.2s linear;
                        }

                        .tt-search-type2 .search-results ul > li a .tt-description .tt-price {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            font-size: 16px;
                            line-height: 20px;
                            font-weight: 500;
                            color: #191919;
                        }

                            .tt-search-type2 .search-results ul > li a .tt-description .tt-price .new-price {
                                color: #58676c;
                                margin-right: 7px;
                            }

                            .tt-search-type2 .search-results ul > li a .tt-description .tt-price span {
                                display: inline-block;
                            }

                    .tt-search-type2 .search-results ul > li a:hover .tt-title {
                        color: #58676C;
                    }

                .tt-search-type2 .search-results ul > li:nth-child(1) {
                    display: block;
                }

.panel-menu ul li a {
    position: relative;
}

    .panel-menu ul li a svg {
        position: absolute;
        top: 10px;
        left: 30px;
        width: 13px;
        height: auto;
    }

        .panel-menu ul li a svg path {
            fill: #999999;
            transition: fill 0.2s linear;
        }

    .panel-menu ul li a span {
        display: inline-block;
    }

    .panel-menu ul li a > svg + span {
        margin-left: 24px;
    }

    .panel-menu ul li a:hover svg path {
        fill: #191919;
    }

.tt-desctop-menu ul li a {
    position: relative;
}

.tt-offset-14 {
    margin-top: 14px;
}

.tt-menu-categories.tt-categories-btn-full-width {
    width: 100%;
}

#tt-header {
    background: #ffffff;
}

    #tt-header .tt-desktop-header .tt-obj-search-type2 {
        position: relative;
        top: 0px;
        margin-right: 25px;
    }

        #tt-header .tt-desktop-header .tt-obj-search-type2 [class^="icon"] {
            display: none;
        }

        #tt-header .tt-desktop-header .tt-obj-search-type2 .tt-search-input {
            width: 200px;
            background-color: #f9f9fa;
            border: 1px solid #eaeaed;
            height: 34px;
            padding: 3px 10px 2px 36px;
            color: #878C9B;
            font-size: 14px;
            font-family: Helvetica, Arial, sans-serif;
        }

        #tt-header .tt-desktop-header .tt-obj-search-type2 .tt-search-input {
            border-radius: 0px;
        }

        #tt-header .tt-desktop-header .tt-obj-search-type2 .tt-btn-search {
            background-color: transparent;
            position: absolute;
            left: inherit;
            left: 5px;
            top: 4px;
            color: #B7BAC3;
            font-size: 0;
            padding: 5px 5px 5px;
            height: inherit;
            line-height: 15px;
        }

            #tt-header .tt-desktop-header .tt-obj-search-type2 .tt-btn-search:before {
                font-family: 'wokiee';
                content: "\e9b4";
                display: block;
                font-size: 23px;
                line-height: 15px;
            }

            #tt-header .tt-desktop-header .tt-obj-search-type2 .tt-btn-search:hover {
                background-color: transparent;
                color: #293149;
            }

.tt-logo img {
    max-height: 43px;
}

@media (max-width: 1024px) {
    .tt-logo img {
        max-height: 30px;
    }
}

.tt-mobile-header .tt-logo-container .tt-logo img {
    max-height: 30px;
}

header .tt-dropdown-obj .tt-dropdown-toggle {
    color: #191919;
}

@media (min-width: 1025px) {
    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-btn .btn {
        font-size: 16px;
        letter-spacing: 0em;
        height: 32px;
    }
}

footer {
    margin-top: 60px;
}

@media (max-width: 1024px) {
    footer {
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    footer {
        margin-top: 40px;
    }
}

footer .tt-logo img {
    height: auto;
    max-height: 20px;
}

footer .tt-logo-alignment {
    position: relative;
}

@media (min-width: 790px) {
    footer .tt-logo-alignment {
        top: 1px;
    }
}

@media (max-width: 789px) {
    footer .tt-logo-alignment {
        top: 0px;
    }
}

@media (min-width: 790px) {
    footer .tt-footer-col {
        padding-bottom: 49px;
    }

        footer .tt-footer-col div[class^="col-"] {
            margin-top: 55px;
        }

        footer .tt-footer-col .tt-social-icon {
            margin-left: -8px;
        }

        footer .tt-footer-col .tt-newsletter {
            padding-bottom: 0px;
        }

            footer .tt-footer-col .tt-newsletter:not(.tt-indent-item) .tt-collapse-content form {
                margin-top: 24px;
            }

            footer .tt-footer-col .tt-newsletter:not(.tt-indent-item) .tt-collapse-content .form-inline .form-group {
                width: 100%;
                flex-wrap: nowrap;
            }

                footer .tt-footer-col .tt-newsletter:not(.tt-indent-item) .tt-collapse-content .form-inline .form-group .form-control {
                    width: 100%;
                    -webkit-border-top-right-radius: 0px;
                    -webkit-border-bottom-right-radius: 0px;
                    -moz-border-radius-topright: 0px;
                    -moz-border-radius-bottomright: 0px;
                    border-top-right-radius: 0px;
                    border-bottom-right-radius: 0px;
                }

                footer .tt-footer-col .tt-newsletter:not(.tt-indent-item) .tt-collapse-content .form-inline .form-group .btn {
                    -webkit-border-top-left-radius: 0px;
                    -webkit-border-bottom-left-radius: 0px;
                    -moz-border-radius-topleft: 0px;
                    -moz-border-radius-bottomleft: 0px;
                    border-top-left-radius: 0px;
                    border-bottom-left-radius: 0px;
                }

            footer .tt-footer-col .tt-newsletter:not(.tt-indent-item) .tt-collapse-content > *:nth-child(1) {
                margin-top: 0;
            }
}

@media (min-width: 790px) {
    footer .tt-footer-custom {
        padding: 10px 0;
    }

        footer .tt-footer-custom .tt-row {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: center;
            align-items: center;
        }

        footer .tt-footer-custom .tt-col-left {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            margin-left: -10px;
        }

            footer .tt-footer-custom .tt-col-left .tt-col-item {
                margin-left: 10px;
            }

        footer .tt-footer-custom .tt-col-right {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
        }

        footer .tt-footer-custom .tt-payment-list {
            margin-top: 7px;
            padding-bottom: 5px;
        }

        footer .tt-footer-custom .tt-box-copyright {
            padding: 19px 0 7px;
        }

        footer .tt-footer-custom .tt-logo-col + .tt-col-item .tt-box-copyright {
            padding-top: 19px;
            padding-bottom: 7px;
        }
}

footer .form-default [class^="btn"] {
    padding-left: 20px;
    padding-right: 20px;
}

footer .tt-box-copyright {
    font-size: 14px;
    letter-spacing: 0.01em;
}

footer .tt-payment-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -6px;
}

    footer .tt-payment-list li {
        margin-top: 6px;
    }

        footer .tt-payment-list li a {
            transition: opacity 0.2s linear;
            padding: 0 5px;
        }

            footer .tt-payment-list li a > [class^="icon"] {
                font-size: 17px;
            }

            footer .tt-payment-list li a:hover {
                opacity: 0.7;
                color: inherit;
            }

        footer .tt-payment-list li:first-child a {
            padding-left: 0;
        }

        footer .tt-payment-list li:last-child a {
            padding-right: 0;
        }

footer .tt-mobile-collapse .tt-collapse-title {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.04em;
    font-weight: 500;
}

@media (min-width: 790px) {
    footer .tt-mobile-collapse .tt-collapse-title {
        padding-bottom: 13px;
    }
}

footer .tt-mobile-collapse .tt-collapse-content {
    display: block;
}

    footer .tt-mobile-collapse .tt-collapse-content > *:nth-child(1) {
        margin-top: 0;
    }

    footer .tt-mobile-collapse .tt-collapse-content > .tt-list:nth-child(1) {
        margin-top: -1px;
    }

footer .tt-mobile-collapse .tt-collapse-title.tt-open:before {
    content: '\e9b2';
}

footer .tt-mobile-collapse .tt-collapse-title:hover:not(:focus) {
    color: #58676C;
}

footer .tt-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: -3px;
}

    footer .tt-list li a {
        display: inline-block;
        padding: 3px 0 3px;
        transition: color 0.2s linear;
    }

footer address {
    margin-right: 9px;
}

    footer address p:first-child {
        margin-top: 0;
    }

    footer address p:not(:first-child) {
        margin-top: 6px;
    }

    footer address a {
        transition: color 0.2s linear;
    }

footer .tt-newsletter form {
    position: relative;
}

    footer .tt-newsletter form label.error {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: stretch;
        align-items: center;
        position: absolute;
        top: 56px;
        left: 0;
        padding: 8px 19px 6px 43px;
        background: #f8353e;
        color: #ffffff;
        font-size: 14px;
        line-height: 22px;
        z-index: 1;
    }

        footer .tt-newsletter form label.error:before {
            content: '\ea27';
            font-family: "wokiee";
            display: inline-block;
            font-size: 20px;
            line-height: 1;
            position: absolute;
            top: 7px;
            left: 19px;
            color: #ffffff;
        }

        footer .tt-newsletter form label.error:after {
            content: '';
            position: absolute;
            top: -12px;
            left: 50%;
            border: 6px solid transparent;
            border-bottom: 6px solid #f8353e;
        }

@media (min-width: 790px) {
    footer .tt-color-scheme-01 {
        background: #f7f8fa;
        color: #777777;
    }

        footer .tt-color-scheme-01 .tt-collapse-title {
            color: #191919;
        }

        footer .tt-color-scheme-01 .tt-collapse-content {
            color: #777777;
        }

            footer .tt-color-scheme-01 .tt-collapse-content a {
                color: #58676C;
            }

                footer .tt-color-scheme-01 .tt-collapse-content a:hover {
                    color: #191919;
                }

        footer .tt-color-scheme-01 .tt-list li a, footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a {
            color: #777777;
        }

            footer .tt-color-scheme-01 .tt-list li a:hover, footer .tt-color-scheme-01 .tt-mobile-collapse .tt-collapse-content .tt-list li a:hover {
                color: #58676C;
            }

        footer .tt-color-scheme-01 address span {
            color: #191919;
        }

        footer .tt-color-scheme-01 .tt-newsletter .form-control:focus {
            color: #777777;
            border-color: #58676C;
            background: #ffffff;
        }

        footer .tt-color-scheme-01 .tt-newsletter ::-webkit-input-placeholder {
            color: #777777;
        }

        footer .tt-color-scheme-01 .tt-newsletter ::-moz-placeholder {
            color: #777777;
        }

        footer .tt-color-scheme-01 .tt-newsletter :-moz-placeholder {
            color: #777777;
        }

        footer .tt-color-scheme-01 .tt-newsletter :-ms-input-placeholder {
            color: #777777;
        }

        footer .tt-color-scheme-01 .tt-newsletter .btn {
            background: #58676C;
            color: #ffffff;
        }

            footer .tt-color-scheme-01 .tt-newsletter .btn:hover {
                background: #000000;
                color: #ffffff;
            }

        footer .tt-color-scheme-01 .tt-social-icon li a {
            color: #d8d8d8;
        }

            footer .tt-color-scheme-01 .tt-social-icon li a:hover {
                color: #191919;
            }
}

@media (max-width: 789px) {
    footer {
        background: #f7f8fa;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
    }

        footer .tt-footer-col {
            background: #f7f8fa;
            color: #888888;
            padding: 0px;
            width: 100%;
        }

            footer .tt-footer-col .container, footer .tt-footer-custom .container {
                padding-left: 30px;
                padding-right: 30px;
            }

        footer .tt-footer-custom:last-child:not(:first-child) {
            margin-top: 34px;
        }

        footer .tt-footer-custom:last-child {
            background: #ffffff;
            padding: 32px 0px;
            order: 4;
            width: 100%;
        }

            footer .tt-footer-custom:last-child .tt-row {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                align-items: center;
            }

                footer .tt-footer-custom:last-child .tt-row .tt-col-left {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }

                footer .tt-footer-custom:last-child .tt-row .tt-col-right {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }

            footer .tt-footer-custom:last-child .tt-box-copyright {
                margin-top: 16px;
                text-align: center;
            }

            footer .tt-footer-custom:last-child .tt-payment-list {
                margin-top: 17px;
                margin-bottom: -15px;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                align-items: center;
            }

                footer .tt-footer-custom:last-child .tt-payment-list li a > [class^="icon"] {
                    font-size: 17px;
                }

            footer .tt-footer-custom:last-child > *:nth-child(1) {
                margin-top: 0;
            }

        footer .tt-mobile-collapse .tt-collapse-title {
            cursor: pointer;
            color: #191919;
            padding-bottom: 12px;
            padding-right: 20px;
            border-bottom: 1px solid #e9e7e7;
            transition: color 0.2s linear;
            width: 100%;
            text-align: left;
            outline: none;
        }

            footer .tt-mobile-collapse .tt-collapse-title:before {
                content: '\e9b1';
                font-family: "wokiee";
                position: absolute;
                right: 0;
                top: 1px;
                font-size: 20px;
                line-height: 1;
                color: #777777;
            }

        footer .tt-mobile-collapse .tt-collapse-content {
            margin-top: 16px;
            display: none;
        }

        footer .tt-mobile-collapse .tt-collapse-title.tt-open + .tt-collapse-content {
            display: block;
        }

        footer .tt-mobile-collapse {
            margin-top: 35px;
        }

        footer .tt-newsletter form {
            margin-top: 24px;
        }

            footer .tt-newsletter form .form-group {
                width: 100%;
                margin-bottom: 0;
            }

                footer .tt-newsletter form .form-group .form-control {
                    width: 100%;
                }

            footer .tt-newsletter form .btn {
                margin-top: 10px;
                width: 100%;
                text-align: center;
                display: block;
                align-items: center;
                justify-content: center;
                align-content: center;
            }

        footer .tt-newsletter .form-control:focus {
            color: #777777;
            border-color: #58676C;
            background: #ffffff;
        }

        footer .tt-newsletter ::-webkit-input-placeholder {
            color: #777777;
        }

        footer .tt-newsletter ::-moz-placeholder {
            color: #777777;
        }

        footer .tt-newsletter :-moz-placeholder {
            color: #777777;
        }

        footer .tt-newsletter :-ms-input-placeholder {
            color: #777777;
        }

        footer .tt-newsletter .btn {
            background: #58676C;
            color: #ffffff;
        }

            footer .tt-newsletter .btn:hover {
                background: #000000;
                color: #ffffff;
            }

        footer .tt-list li a {
            color: #888888;
        }

            footer .tt-list li a:hover {
                color: #58676C;
            }

        footer address a {
            color: #58676C;
        }

            footer address a:hover {
                color: #191919;
            }

        footer address span {
            color: #191919;
        }

        footer .tt-social-icon {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            margin-top: 26px;
            margin-left: -7px;
        }

            footer .tt-social-icon li a {
                color: #777777;
            }

                footer .tt-social-icon li a:hover {
                    color: #191919;
                }
}

footer > *:nth-child(1) {
    margin-top: 0;
}

.tt-product-single-info {
    padding-left: 39px;
    margin: -5px 0 0 0;
}

    .tt-product-single-info .tt-add-info ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        .tt-product-single-info .tt-add-info ul li {
            color: #191919;
        }

            .tt-product-single-info .tt-add-info ul li span:first-child {
                letter-spacing: 0.02em;
                color: #191919;
            }

            .tt-product-single-info .tt-add-info ul li span {
                letter-spacing: 0.02em;
            }

    .tt-product-single-info .tt-title {
        font-size: 25px;
        line-height: 40px;
        font-weight: 500;
        margin-top: 19px;
        color: #191919;
    }

    .tt-product-single-info .tt-price {
        font-size: 24px;
        line-height: 40px;
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #58676C;
    }

        .tt-product-single-info .tt-price span {
            display: inline-block;
        }

        .tt-product-single-info .tt-price .old-price {
            color: #fe2828;
            text-decoration: line-through;
        }

    .tt-product-single-info .tt-row-custom-01 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
    }

        .tt-product-single-info .tt-row-custom-01 .col-item:not(:last-child) {
            margin-right: 20px;
        }

        .tt-product-single-info .tt-row-custom-01 .col-item:nth-child(2) {
            flex: 1 1 auto;
        }

        .tt-product-single-info .tt-row-custom-01 .btn {
            width: 100%;
        }

            .tt-product-single-info .tt-row-custom-01 .btn.btn-lg {
                font-size: 14px;
            }

                .tt-product-single-info .tt-row-custom-01 .btn.btn-lg i {
                    font-size: 20px;
                    position: relative;
                    top: -3px;
                }

    .tt-product-single-info .tt-wrapper {
        margin-top: 33px;
    }

    .tt-product-single-info > *:nth-child(1) {
        margin-top: 0;
    }

@media (max-width: 1024px) {
    .tt-product-single-info {
        margin: 0;
        padding-left: 0;
    }

        .tt-product-single-info .tt-title {
            font-size: 24px;
        }

        .tt-product-single-info .tt-price {
            font-size: 24px;
        }
}

@media (max-width: 767px) {
    .tt-product-single-info {
        padding-top: 25px;
    }
}

@media (max-width: 575px) {
    .tt-product-single-info {
        padding-top: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .tt-product-single-info .tt-title {
            margin-top: 14px;
            font-size: 20px;
            line-height: 30px;
        }

        .tt-product-single-info .tt-row-custom-01 {
            flex-direction: column;
        }

            .tt-product-single-info .tt-row-custom-01 .col-item {
                width: 100%;
            }

                .tt-product-single-info .tt-row-custom-01 .col-item .tt-input-counter.style-01 {
                    max-width: 100%;
                }

                .tt-product-single-info .tt-row-custom-01 .col-item:not(:first-child) {
                    margin-top: 31px;
                }
}

.tt-input-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-input-counter.style-01 {
        position: relative;
        max-width: 132px;
        min-width: 132px;
    }

        .tt-input-counter.style-01 input {
            background: #f7f8fa;
            display: block;
            width: 100%;
            height: 41px;
            font-size: 14px;
            line-height: 1em;
            text-align: center;
            border: none;
            outline: none;
            font-family: "Hind", sans-serif;
            font-weight: 500;
            color: #191919;
            border-radius: 6px;
        }

        .tt-input-counter.style-01 span {
            display: inline-block;
            font-size: 27px;
            line-height: 1em;
            cursor: pointer;
            position: absolute;
            width: 49px;
            height: 100%;
            text-align: center;
            top: 0;
            color: #777777;
        }

            .tt-input-counter.style-01 span:hover {
                color: #191919;
            }

            .tt-input-counter.style-01 span.minus-btn {
                left: 0px;
            }

            .tt-input-counter.style-01 span.plus-btn {
                right: 0px;
            }

        .tt-input-counter.style-01 .minus-btn:before, .tt-input-counter.style-01 .plus-btn:before {
            display: block;
            font-family: "wokiee";
            font-size: 12px;
            line-height: 50px;
        }

        .tt-input-counter.style-01 .minus-btn:before {
            content: "\e9b2";
        }

        .tt-input-counter.style-01 .plus-btn:before {
            content: "\e9b1";
        }

.tt-options-swatch.options-middle li a {
    min-width: 31px;
    min-height: 31px;
}

    .tt-options-swatch.options-middle li a.options-color {
        width: 31px;
        height: 31px;
        background-size: cover;
    }

.tt-options-swatch.options-middle li .options-color:hover:before {
    border-width: 5px;
}

ul.tt-options-swatch {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: -10px -1px 0 -5px;
}

    ul.tt-options-swatch li {
        margin: 10px 5px 0;
    }

        ul.tt-options-swatch li a {
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            position: relative;
            transition: all 0.2s linear;
            font-size: 14px;
            line-height: 1.1;
        }

        ul.tt-options-swatch li .options-color {
            font-size: 0;
            line-height: 0;
            border-radius: 50%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        ul.tt-options-swatch li .tt-border {
            border: 2px solid #e9e7e6;
        }

        ul.tt-options-swatch li .options-color:before {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            outline: none;
            border-radius: 50%;
            transition: all 0.12s linear;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        ul.tt-options-swatch li .options-color:after {
            content: "";
            display: block;
            position: absolute;
            top: -1px;
            left: -1px;
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            outline: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 50%;
            transition: all 0.12s linear;
        }

        ul.tt-options-swatch li .options-color:before {
            border: 0px solid #ffffff;
        }

        ul.tt-options-swatch li .options-color:after {
            border: 0px solid #58676C;
        }

        ul.tt-options-swatch li .options-color:hover:before {
            border-width: 6px;
        }

        ul.tt-options-swatch li .options-color:hover:after {
            border-width: 3px;
        }

        ul.tt-options-swatch li .tt-border.options-color:hover {
            border-color: transparent;
        }

    ul.tt-options-swatch li {
        line-height: 0;
        font-size: 0;
    }

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    -webkit-overflow-scrolling: touch;
    outline: none;
    text-align: center;
    padding: 0;
    transition: opacity 0.15s linear;
    opacity: 0;
}

@media (min-width: 320px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}



.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    -webkit-overflow-scrolling: touch;
    outline: none;
}

    .modal .modal-content {
        border-radius: 0;
        border: none;
    }

    .modal .modal-header {
        border: none;
        padding: 22px 20px 0px 20px;
        margin: 0;
    }

        .modal .modal-header .close {
            font-size: 24px;
            line-height: 24px;
            position: relative;
            z-index: 7;
            opacity: 1;
            transition: all 0.2s linear;
        }

#modalAddToCartProduct .modal-dialog {
    width: 736px;
}

@media (max-width: 1024px) {
    #modalAddToCartProduct .modal-dialog {
        width: 420px;
    }
}

@media (max-width: 575px) {
    #modalAddToCartProduct .modal-dialog {
        width: 270px;
    }
}

.tt-modal-addtocart.desctope {
    position: relative;
}

    .tt-modal-addtocart.desctope .row {
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .tt-modal-addtocart.desctope .row > div:first-child {
            padding-right: 52px;
        }

        .tt-modal-addtocart.desctope .row > div:last-child {
            padding-left: 49px;
        }

            .tt-modal-addtocart.desctope .row > div:last-child .btn {
                width: 100%;
            }

    .tt-modal-addtocart.desctope .tt-modal-messages {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 20px;
        line-height: 1;
        font-weight: 500;
    }

        .tt-modal-addtocart.desctope .tt-modal-messages [class^="icon-"] {
            color: #58676C;
        }

    .tt-modal-addtocart.desctope .tt-modal-product {
        margin-top: 26px;
    }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-img img {
            width: 100%;
            max-width: 154px;
            height: auto;
        }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-title {
            font-family: "Hind", sans-serif;
            font-weight: 400;
            font-size: 14px;
            margin-top: 12px;
            color: #191919;
        }

            .tt-modal-addtocart.desctope .tt-modal-product .tt-title a {
                color: #191919;
            }

                .tt-modal-addtocart.desctope .tt-modal-product .tt-title a:hover {
                    color: #58676C;
                }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-qty {
            font-family: "Hind", sans-serif;
            font-weight: 500;
            font-size: 14px;
            margin-top: 7px;
            color: #191919;
        }

        .tt-modal-addtocart.desctope .tt-modal-product > *:nth-child(1) {
            margin-top: 0;
        }

    .tt-modal-addtocart.desctope .tt-product-total {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        font-size: 14px;
        margin-top: 5px;
    }

        .tt-modal-addtocart.desctope .tt-product-total .tt-price {
            font-size: 16px;
        }

    .tt-modal-addtocart.desctope [class^="col"] .btn {
        margin-top: 20px;
    }

    .tt-modal-addtocart.desctope [class^="col"] > *:nth-child(1) {
        margin-top: 0;
    }

    .tt-modal-addtocart.desctope:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #e9e7e7;
        position: absolute;
        left: 50%;
        margin-left: 8px;
        top: 0px;
    }

.tt-modal-addtocart.mobile {
    margin-top: 9px;
}

    .tt-modal-addtocart.mobile .tt-modal-messages {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        padding-bottom: 13px;
    }

        .tt-modal-addtocart.mobile .tt-modal-messages [class^="icon-"] {
            color: #58676C;
        }

    .tt-modal-addtocart.mobile [class^="btn"] {
        padding-top: 9px;
        padding-bottom: 9px;
    }

@media (min-width: 1025px) {
    .tt-modal-addtocart.desctope {
        display: block;
    }

    .tt-modal-addtocart.mobile {
        display: none;
    }
}

@media (max-width: 1024px) {
    .tt-modal-addtocart.desctope {
        display: none;
    }

    .tt-modal-addtocart.mobile {
        display: flex;
        flex-direction: column;
    }
}

.tt-modal-quickview {
    text-align: left;
}

@media (max-width: 1024px) and (min-width: 791px) {
    .tt-modal-quickview .tt-product-single-info {
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .tt-modal-quickview .tt-product-single-info {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tt-modal-quickview .tt-product-single-info .tt-title {
    font-weight: 500;
}

.modal {
    text-align: center;
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    -webkit-overflow-scrolling: touch;
    outline: none;
}

    .modal .modal-dialog {
        display: inline-block;
        vertical-align: middle;
    }

@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: inherit;
    }
}

.modal .modal-header {
    height: 54px;
    position: relative;
}

    .modal .modal-header .close {
        width: 54px;
        height: 54px;
        top: -2px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        background: none;
        border: none;
        cursor: pointer;
        font-family: "wokiee";
        transition: all 0.2s linear;
    }

@media (min-width: 1025px) {
    .modal .modal-header .close {
        right: -52px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-header .close {
        right: -20px;
    }
}

.modal .modal-header .close:before {
    content: "\ea0f";
    font-size: 20px;
    line-height: 1;
}

.modal .modal-header .close:hover {
    color: #58676C;
}

.modal .modal-body:not(.no-background) {
    background-color: #ffffff;
    border-radius: 6px;
}

.modal .modal-body {
    overflow: hidden;
}

@media (min-width: 1025px) {
    .modal .modal-body {
        padding: 40px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-body {
        padding: 30px;
    }
}

@media (max-width: 789px) {
    .modal .modal-body {
        padding: 25px;
    }
}

@media (max-width: 500px) {
    .modal .modal-body {
        padding: 20px;
    }
}

@media (max-width: 270px) {
    .modal .modal-body {
        padding: 15px;
    }
}

@media (min-width: 320px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}

.tt-product-listing {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 1025px) {
    .tt-product:not(.tt-view).thumbprod-center {
        text-align: center;
    }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-row {
            flex-direction: column;
            flex-wrap: wrap;
        }

            .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-row .tt-add-info {
                width: 100%;
            }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-rating {
            width: 100%;
            display: block;
            text-align: center;
        }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-price {
            display: block;
        }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-options-swatch {
            justify-content: center;
        }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-product-inside-hover {
            display: block;
            text-align: center;
        }

    .tt-product:not(.tt-view) .tt-image-box .tt-label-location {
        position: absolute;
        top: 7px;
        left: 8px;
        z-index: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-left:5px;
    }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location [class^="tt-label-"] {
            margin-left: 3px;
            margin-top: 3px;
            font-size: 12px;
            line-height: 1;
            color: #ffffff;
            font-weight: 500;
            padding: 3px 4px 1px;
            border-radius: 2px;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-new {
            background: #03a9f5;
            color: #ffffff;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-sale {
            background: #58676c;
            color: #ffffff;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
            background: #fdbc20;
            color: #ffffff;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-stock {
            background: #191919;
            color: #ffffff;
        }

    .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location {
        position: absolute;
        top: 7px;
        left: 8px;
        z-index: 7;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        opacity: 1;
        transition: opacity 0.2s linear;
    }

        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location [class^="tt-label-"] {
            margin-left: 3px;
            margin-top: 3px;
            font-size: 12px;
            line-height: 1;
            color: #ffffff;
            font-weight: 500;
            padding: 2px 4px;
        }

        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-new {
            color: #ffffff;
            background: #1393f5;
        }

        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-sale {
            color: #ffffff;
            background: #58676c;
        }

        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
            color: #ffffff;
            background: #fdbc20;
        }

        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-stock {
            color: #ffffff;
            background: #191919;
        }

    .tt-product-design02:not(.tt-view):hover .tt-label-location {
        opacity: 0;
    }

}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view).thumbprod-center {
        text-align: center;
    }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-row {
            flex-direction: column;
            flex-wrap: wrap;
        }

            .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-row .tt-add-info {
                width: 100%;
            }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-rating {
            width: 100%;
            display: block;
            text-align: center;
        }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-price {
            display: block;
        }

        .tt-product:not(.tt-view).thumbprod-center .tt-description .tt-options-swatch {
            justify-content: center;
        }

    .tt-product:not(.tt-view) .tt-image-box .tt-label-location,
    .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location {
        position: absolute;
        top: 7px;
        left: 8px;
        z-index: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location [class^="tt-label-"],
        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location [class^="tt-label-"] {
            margin-left: 3px;
            margin-top: 3px;
            font-size: 12px;
            line-height: 1;
            color: #ffffff;
            font-weight: 500;
            padding: 3px 4px 1px;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-new,
        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-new {
            color: #ffffff;
            background: #1393f5;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-sale,
        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-sale {
            color: #ffffff;
            background: #58676c;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured,
        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-fatured {
            color: #ffffff;
            background: #fdbc20;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-stock,
        .tt-product-design02:not(.tt-view) .tt-image-box .tt-label-location .tt-label-our-stock {
            color: #ffffff;
            background: #191919;
        }
}

@media (min-width: 1025px) {
    .tt-product:not(.tt-view) {
        overflow: hidden;
    }

        .tt-product:not(.tt-view) .tt-image-box {
            position: relative;
        }

            .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                align-items: center;
                background: #ffffff;
                color: #191919;
                width: 46px;
                height: 46px;
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer;
                border-radius: 50%;
                opacity: 0;
                transition: all 0.2s linear;
                z-index: 6;
            }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview:before {
                    content: '\e9a8';
                    font-family: "wokiee";
                    font-size: 20px;
                    line-height: 1;
                    margin-top: -2px;
                }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview:hover {
                    background: #58676C;
                    color: #ffffff;
                }

            .tt-product:not(.tt-view) .tt-image-box .tt-btn-wishlist {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                align-items: center;
                background: #ffffff;
                color: #191919;
                width: 46px;
                height: 46px;
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer;
                border-radius: 50%;
                opacity: 0;
                transition: all 0.2s linear;
                z-index: 6;
            }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-wishlist:before {
                    content: '\eb16';
                    font-family: "wokiee";
                    font-size: 16px;
                    line-height: 1;
                    margin-top: 1px;
                }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-wishlist:hover {
                    background: #58676C;
                    color: #ffffff;
                }

            .tt-product:not(.tt-view) .tt-image-box .tt-btn-compare {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-content: center;
                align-items: center;
                background: #ffffff;
                color: #191919;
                width: 46px;
                height: 46px;
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer;
                border-radius: 50%;
                opacity: 0;
                transition: all 0.2s linear;
                z-index: 6;
            }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-compare:before {
                    content: '\eb18';
                    font-family: "wokiee";
                    font-size: 16px;
                    line-height: 1;
                    margin-top: 1px;
                }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-compare:hover {
                    background: #58676C;
                    color: #ffffff;
                }

            .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview + .tt-btn-wishlist {
                top: 61px;
            }

                .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview + .tt-btn-wishlist + .tt-btn-compare {
                    top: 116px;
                }

            .tt-product:not(.tt-view) .tt-image-box img {
                width: 100%;
                height: auto;
            }

            .tt-product:not(.tt-view) .tt-image-box .tt-img {
                transition: opacity 0.3s ease-out;
                overflow: hidden;
                top: 0;
                left: 0;
            }

            .tt-product:not(.tt-view) .tt-image-box .tt-img-roll-over {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                z-index: 1;
                width: 100%;
                transition: opacity 0.3s ease-out;
            }

        .tt-product:not(.tt-view) .tt-description {
            padding-top: 17px;
            position: relative;
            z-index: 2;
            background: #ffffff;
        }

            .tt-product:not(.tt-view) .tt-description .tt-row {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-content: flex-start;
                align-items: flex-start;
            }

                .tt-product:not(.tt-view) .tt-description .tt-row > *:nth-child(1) {
                    flex: 1 1 auto;
                }

            .tt-product:not(.tt-view) .tt-description .tt-add-info {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                font-family: "Hind", sans-serif;
            }

                .tt-product:not(.tt-view) .tt-description .tt-add-info li {
                    font-size: 12px;
                    line-height: 19px;
                    color: #999999;
                }

                    .tt-product:not(.tt-view) .tt-description .tt-add-info li a {
                        color: #999999;
                        transition: color 0.2s linear;
                    }

                        .tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover {
                            color: #58676C;
                        }

            .tt-product:not(.tt-view) .tt-description .tt-title {
                font-family: "Hind", sans-serif;
                font-size: 14px;
                font-weight: 500;
                color: #191919;
            }

                .tt-product:not(.tt-view) .tt-description .tt-title a {
                    color: #191919;
                }

                    .tt-product:not(.tt-view) .tt-description .tt-title a:hover {
                        color: #58676C;
                    }

            .tt-product:not(.tt-view) .tt-description .tt-price {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                font-family: "Hind", sans-serif;
                color: #191919;
            }

                .tt-product:not(.tt-view) .tt-description .tt-price .new-price {
                    color: #191919;
                    margin-right: 7px;
                }

                .tt-product:not(.tt-view) .tt-description .tt-price .old-price {
                    color: #999999;
                    text-decoration: line-through;
                }

                .tt-product:not(.tt-view) .tt-description .tt-price span {
                    display: inline-block;
                }

            .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-content: flex-start;
                align-items: flex-start;
                position: absolute;
                width: 100%;
            }
}

@media (min-width: 1025px) and (min-width: 1025px) {
    .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover {
        display: none;
        opacity: 0;
    }

        .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover > * {
            margin-top: 17px;
        }
}

@media (min-width: 1025px) {
    .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart {
        line-height: 1;
        font-weight: 400;
        font-family: "Hind", sans-serif;
        display: inline-block;
        position: relative;
        letter-spacing: 0.04em;
        color: #58676C;
        font-size: 14px;
        transition: color 0.2s linear;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg {
            background-color: #58676C;
            color: #ffffff;
            padding: 3px 16px 9px;
            border-radius: 6px;
            transition: all 0.2s linear;
        }

            .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg:before {
                color: #ffffff;
            }

            .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg:hover {
                background-color: #3c4046;
                color: #ffffff;
            }

                .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg:hover:before {
                    color: #ffffff;
                }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:before {
            content: '\e986';
            font-family: "wokiee";
            font-size: 20px;
            top: 3px;
            margin-right: 6px;
            font-weight: normal;
            position: relative;
            color: #58676C;
            transition: color 0.2s linear;
        }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:hover {
            color: #191919;
        }

            .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:hover:before {
                color: #191919;
            }

    .tt-product:not(.tt-view) .tt-description > *:nth-child(1) {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview {
        display: none;
    }
}

@media (min-width: 1025px) {
    .tt-product:not(.tt-view):hover .tt-image-box .tt-btn-quickview {
        opacity: 1;
    }

    .tt-product:not(.tt-view):hover .tt-image-box .tt-btn-wishlist {
        opacity: 1;
    }

    .tt-product:not(.tt-view):hover .tt-image-box .tt-btn-compare {
        opacity: 1;
    }

    .tt-product:not(.tt-view):hover .tt-image-box .tt-img-roll-over, .tt-product:not(.tt-view):hover .tt-image-box [class^="tt-img"]:last-child {
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view) .tt-image-box {
        position: relative;
    }

        .tt-product:not(.tt-view) .tt-image-box .tt-img img {
            width: 100%;
            height: auto;
        }

        .tt-product:not(.tt-view) .tt-image-box .tt-img-roll-over {
            display: none;
        }

    .tt-product:not(.tt-view) .tt-description {
        margin-top: 16px;
    }

        .tt-product:not(.tt-view) .tt-description .tt-row {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: flex-start;
            align-items: flex-start;
        }

            .tt-product:not(.tt-view) .tt-description .tt-row > *:nth-child(1) {
                flex: 1 1 auto;
            }

        .tt-product:not(.tt-view) .tt-description .tt-add-info {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
        }

            .tt-product:not(.tt-view) .tt-description .tt-add-info li {
                font-size: 12px;
                line-height: 19px;
                color: #999999;
            }

                .tt-product:not(.tt-view) .tt-description .tt-add-info li a {
                    color: #999999;
                    transition: color 0.2s linear;
                }

                    .tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover {
                        color: #58676C;
                    }

        .tt-product:not(.tt-view) .tt-description .tt-title {
            font-family: "Hind", sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #191919;
        }

            .tt-product:not(.tt-view) .tt-description .tt-title a {
                color: #191919;
            }

                .tt-product:not(.tt-view) .tt-description .tt-title a:hover {
                    color: #58676C;
                }

        .tt-product:not(.tt-view) .tt-description .tt-price {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            font-size: 16px;
            line-height: 20px;
            font-weight: 600;
            color: #191919;
        }

            .tt-product:not(.tt-view) .tt-description .tt-price .new-price {
                color: #191919;
                margin-right: 7px;
            }

            .tt-product:not(.tt-view) .tt-description .tt-price .old-price {
                color: #999999;
                text-decoration: line-through;
            }

            .tt-product:not(.tt-view) .tt-description .tt-price span {
                display: inline-block;
            }

        .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: center;
            align-items: center;
            margin-top: 20px;
        }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover {
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover .tt-row-btn {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: stretch;
        align-items: flex-start;
    }

        .tt-product:not(.tt-view) .tt-description .tt-product-inside-hover .tt-row-btn:not(:first-child) {
            margin-top: 10px;
        }

    .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart {
        line-height: 1;
        font-weight: 400;
        font-family: "Hind", sans-serif;
        display: inline-block;
        position: relative;
        letter-spacing: 0.04em;
        color: #ffffff;
        font-size: 12px;
        padding: 2px 16px 11px;
        background: #58676C;
        border-radius: 5px;
        transition: background 0.2s linear;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:before {
            content: '\e986';
            font-family: "wokiee";
            font-size: 20px;
            top: 4px;
            margin-right: 4px;
            font-weight: normal;
            position: relative;
            color: #ffffff;
        }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:hover {
            color: #ffffff;
            background: #2267d8;
        }

            .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:hover:before {
                color: #ffffff;
            }
}

@media (max-width: 1024px) and (max-width: 370px) {
    .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart {
        padding: 2px 10px 11px;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-addtocart:before {
            margin-right: 2px;
        }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view) .tt-description .tt-btn-quickview {
        font-size: 20px;
        line-height: 1;
        padding: 4px 6px;
        margin-left: 9px;
        margin-right: 9px;
        color: #191919;
        top: 5px;
        transition: color 0.2s linear;
        display: inline-block;
        position: relative;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-quickview:before {
            content: '\e9a8';
            font-family: "wokiee";
        }

    .tt-product:not(.tt-view) .tt-description .tt-btn-wishlist {
        font-size: 16px;
        line-height: 1;
        padding: 4px 6px;
        margin-left: 9px;
        margin-right: 9px;
        color: #191919;
        top: 7px;
        transition: color 0.2s linear;
        display: inline-block;
        position: relative;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-wishlist:before {
            content: '\eb16';
            font-family: "wokiee";
        }

    .tt-product:not(.tt-view) .tt-description .tt-btn-compare {
        font-size: 16px;
        line-height: 1;
        padding: 4px 6px;
        margin-left: 9px;
        margin-right: 9px;
        color: #191919;
        top: 7px;
        transition: color 0.2s linear;
        display: inline-block;
        position: relative;
    }

        .tt-product:not(.tt-view) .tt-description .tt-btn-compare:before {
            content: '\eb18';
            font-family: "wokiee";
        }

    .tt-product:not(.tt-view) .tt-description > *:nth-child(1) {
        margin-top: 0;
    }
}

@media (max-width: 1024px) and (max-width: 370px) {
    .tt-product:not(.tt-view) .tt-description .tt-btn-compare, .tt-product:not(.tt-view) .tt-description .tt-btn-wishlist, .tt-product:not(.tt-view) .tt-description .tt-btn-quickview {
        margin-left: 3px;
        margin-right: 3px;
    }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view) > *:nth-child(1) {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .tt-product:not(.tt-view):hover .tt-image-box .tt-img {
        opacity: 1;
    }

    .tt-product:not(.tt-view):hover .tt-image-box .tt-img-roll-over {
        opacity: 0;
    }
}

.tt-productone .tt-image-box img {
    width: 100%;
    height: auto;
}

.tt-productone .tt-description .tt-add-info {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: -4px;
}

    .tt-productone .tt-description .tt-add-info li {
        font-size: 18px;
        line-height: 19px;
        color: #191919;
    }

        .tt-productone .tt-description .tt-add-info li a {
            color: #191919;
            transition: all 0.2s linear;
        }

            .tt-productone .tt-description .tt-add-info li a:hover {
                color: #58676C;
            }

.tt-productone .tt-description .tt-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    color: #191919;
    margin-top: 9px;
}

    .tt-productone .tt-description .tt-title a {
        color: #191919;
    }

        .tt-productone .tt-description .tt-title a:hover {
            color: #58676C;
        }

.tt-productone .tt-description .tt-product-info {
    margin-top: 18px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.tt-productone .tt-description .tt-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 17px;
    color: #191919;
}

    .tt-productone .tt-description .tt-price span {
        display: inline-block;
    }

.tt-productone .tt-description .tt-row-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    margin-top: 17px;
}

    .tt-productone .tt-description .tt-row-btn > *:first-child.tt-productone__btn-icon {
        padding-left: 0;
    }

.tt-productone .tt-description .tt-productone__btn-icon {
    font-size: 20px;
    color: #191919;
    padding: 8px 8px;
    display: inline-block;
}

    .tt-productone .tt-description .tt-productone__btn-icon:hover {
        color: #58676C;
    }

    .tt-productone .tt-description .tt-productone__btn-icon:not(:first-child) {
        margin-left: 5px;
    }

@media (max-width: 1024px) {
    .tt-productone .tt-description .tt-title {
        font-size: 20px;
        line-height: 30px;
        margin-top: 2px;
    }

    .tt-productone .tt-description .tt-product-info {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .tt-productone .tt-description .tt-price {
        margin-top: 5px;
    }

    .tt-productone .tt-description .tt-row-btn {
        margin-top: 7px;
    }
}

.tt-promo-box {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-promo-box > img {
        width: 100%;
        height: auto;
    }

    .tt-promo-box .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #777777;
        transition: color 0.2s linear;
    }

        .tt-promo-box .tt-description .tt-title-small {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 16px;
            line-height: 26px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

        .tt-promo-box .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 26px;
            line-height: 34px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

@media (max-width: 1024px) {
    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 20px;
        line-height: 29px;
    }
}

.tt-promo-box .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-box .tt-point-v-b {
    align-items: flex-end;
}

@media (max-width: 575px) {
    .tt-promo-box {
        margin-top: 10px;
    }
}

html:not(.ie) .tt-promo-box .tt-description .tt-description-wrapper .tt-background {
    transition: all 0.2s linear;
}

.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
    padding: 27px;
    text-align: center;
    max-width: 409px;
    min-width: 47%;
    position: relative;
}

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper .tt-background {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(197, 174,130, 0.7);
        border-radius: 5px;
    }

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper > *:not(.tt-background) {
        position: relative;
    }

@media (max-width: 1024px) {
    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 19px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 15px;
    }
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .tt-background {
    background: rgba(40, 121, 254, 0.9);
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper *:not(.tt-base-color) {
    color: #ffffff;
}

.tt-promo-fullwidth {
    display: block;
    position: relative;
    overflow: hidden;
}

    .tt-promo-fullwidth > img {
        width: 100%;
        height: auto;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #191919;
        transition: color 0.2s linear;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
            max-width: 700px;
        }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-small {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 14px;
            line-height: 26px;
            font-weight: bold;
            letter-spacing: 0.06em;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 28px;
            line-height: 46px;
            font-weight: 500;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description [class^="btn"] {
            margin-top: 14px;
        }

@media (min-width: 1701px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 17.6%;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 8%;
    }
}

@media (max-width: 1400px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 5%;
    }
}

@media (max-width: 1100px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 5%;
    }
}

@media (max-width: 900px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
        max-width: 332px;
    }
}

@media (max-width: 789px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 5% 3%;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
            max-width: 283px;
        }
}

@media (max-width: 657px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 5% 10px;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
            max-width: 251px;
        }
}

@media (max-width: 575px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 160px;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 27px;
    }
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

@media (min-width: 1701px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 10%;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 10%;
    }
}

@media (max-width: 1400px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 12%;
    }
}

@media (max-width: 790px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 5% 5%;
    }
}

.tt-promo-video {
    position: relative;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 77;
    background-color: #ffffff;
    opacity: 1;
    display: block;
}

body.loaded #loader-wrapper {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms linear 0s;
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -9px;
    margin-left: -100px;
    -webkit-perspective: 400px;
    perspective: 400px;
    transform-type: preserve-3d;
}

    #loader .dot {
        -webkit-animation: loader ease-in-out 3s infinite;
        animation: loader ease-in-out 3s infinite;
        height: 13px;
        width: 13px;
        border-radius: 50%;
        background-color: black;
        position: absolute;
        background: #C5AE82;
    }

        #loader .dot:nth-child(2) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

        #loader .dot:nth-child(3) {
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

        #loader .dot:nth-child(4) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        #loader .dot:nth-child(5) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        #loader .dot:nth-child(6) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        #loader .dot:nth-child(7) {
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

html:not(.ie) #loader .dot {
    border: 2px solid #ffffff;
}

.tt-menu-categories {
    position: relative;
    display: inline-block;
}

.tt-categories-toggle {
    background: none;
    border: none;
    outline: none;
    font-size: 5px;
    cursor: pointer;
    padding: 10px 8px;
    position: relative;
    top: 2px;
    color: #191919;
    transition: color 0.2s linear;
}

    .tt-categories-toggle:hover {
        color: #58676C;
    }

body {
    font-family: "Hind", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #777777;
    background: #ffffff;
    margin: 0;
    overflow-x: hidden;
    direction: ltr;
    background-position: center 0px;
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
    outline: none;
    color: #777777;
}

    a:hover {
        outline: none;
        text-decoration: none;
        outline: none;
    }

    a:active, a:visited, a:focus {
        text-decoration: none;
        outline: none;
    }

.btn {
    background: #58676C;
    font-family: "Hind", sans-serif;
    border: none;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.03em;
    position: relative;
    outline: none;
    padding: 6px 31px 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 40px;
    cursor: pointer;
    border-radius: 6px;
    transition: color 0.2s linear, background-color 0.2s linear;
}

@media (max-width: 575px) {
    .btn {
        font-size: 12px;
        padding-left: 25px;
        padding-right: 25px;
        height: 39px;
    }
}

@media (min-width: 576px) {
    .btn:not(.tt-icon-right) [class^="icon-"] {
        font-size: 20px;
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .btn:not(.tt-icon-right) [class^="icon-"] {
        font-size: 18px;
        margin-right: 10px;
    }
}

.btn:active, .btn:visited, .btn:focus, button:focus {
    outline: none;
    box-shadow: none;
}

.btn:hover {
    background-color: #3c4046;
    color: #ffffff;
    outline: none;
}

.btn-lg {
    height: 40px;
    padding: 5px 31px 4px;
}

@media (min-width: 1101px) {
    .btn-xl {
        height: 50px;
        padding: 2px 41px 0px;
    }
}

@media (min-width: 790px) and (max-width: 1100px) {
    .btn-xl {
        height: 40px;
        padding-top: 2px;
        padding-bottom: 0;
    }
}

@media (max-width: 789px) {
    .btn-xl {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 2px;
        padding-bottom: 0;
    }
}

.btn:focus {
    box-shadow: none;
}

.btn.btn-border {
    background: transparent;
    color: #58676C;
    border: 2px solid #58676C;
    height: 40px;
    padding-left: 29px;
    padding-right: 29px;
}

    .btn.btn-border:hover {
        background: #191919;
        color: #ffffff;
        border-color: #191919;
    }

.btn-link, .btn-link:focus {
    display: inline-block;
    font-size: 14px;
    color: #58676C;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-family: "Hind", sans-serif;
    transition: all 0.2s linear;
}

    .btn-link:hover {
        text-decoration: none;
        color: #191919;
    }

.btn-link-02, .btn-link-02:focus {
    display: inline-block;
    font-size: 14px;
    color: #58676C;
    text-decoration: none;
    transition: all 0.2s linear;
}

    .btn-link-02:hover {
        text-decoration: none;
        color: #191919;
    }

h1, h2, h3, h4, h6 {
    display: block;
    position: relative;
    font-family: "Hind", sans-serif;
    color: #191919;
    margin-bottom: 0px;
}

    h2 a {
        color: #191919;
        transition: color 0.2s linear, background-color 0.2s linear;
    }

        h2 a:hover {
            color: #58676C;
        }

p {
    margin: 16px 0 0 0px;
}

@media (max-width: 575px) {
    p {
        margin: 10px 0 0 0px;
    }
}

address {
    margin: 0;
}

input::-ms-clear {
    display: none;
}

.nomargin, #tt-pageContent .nomargin {
    margin-top: 0;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.divider {
    height: 46px;
    clear: both;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 1024px) {
    .divider {
        height: 40px;
    }
}

@media (max-width: 575px) {
    .divider {
        height: 32px;
    }
}

.divider-sm {
    height: 20px;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.tt-logo {
    display: inline-block;
}

    .tt-logo img {
        height: auto;
        max-height: 20px;
    }

.tt-box-info {
    line-height: 22px;
}

    .tt-box-info > *:nth-child(1) {
        margin-top: 0;
    }

#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 52px;
}

@media (max-width: 1024px) {
    #tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
        margin-top: 43px;
    }
}

@media (max-width: 575px) {
    #tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
        margin-top: 33px;
    }
}

@media (max-width: 1024px) {
    .container-fluid-lg {
        max-width: 100% !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

@media (max-width: 1024px) and (max-width: 575px) {
    .container-fluid-lg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.tt-block-title {
    text-align: center;
    padding-bottom: 32px;
}

    .tt-block-title .tt-title {
        font-size: 24px;
        line-height: 31px;
        font-weight: 500;
        letter-spacing: 0.04em;
        margin: 0;
        padding: 0;
        color: #191919;
    }

    .tt-block-title .tt-description {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: 0.04em;
        font-family: "Hind", sans-serif;
        color: #191919;
        margin: 0px 0 0 0;
        padding: 0;
    }

@media (max-width: 575px) {
    .tt-block-title {
        padding-bottom: 23px;
    }
}

::-webkit-input-placeholder {
    color: #777777;
}

::-moz-placeholder {
    color: #777777;
}

:-moz-placeholder {
    color: #777777;
}

:-ms-input-placeholder {
    color: #777777;
}

input:not(.tt-search-input):focus::-webkit-input-placeholder {
    color: transparent;
}

input:not(.tt-search-input):focus:-moz-placeholder {
    color: transparent;
}

input:not(.tt-search-input):focus::-moz-placeholder {
    color: transparent;
}

input:not(.tt-search-input):focus:-ms-input-placeholder {
    color: transparent;
}

.form-default .form-group {
    margin-bottom: 20px;
}

.form-default .form-control {
    background: #f7f8fa;
    font-size: 14px;
    border: 1px solid #f7f8fa;
    padding: 11px 12px 10px 15px;
    font-family: "Hind", sans-serif;
    box-shadow: none;
    outline: none;
    color: #777777;
    font-weight: 300;
    border-radius: 6px;
    transition: all 0.2s linear;
}

    .form-default .form-control:not(textarea) {
        height: 40px;
    }

@media (max-width: 575px) {
    .form-default .form-control:not(textarea) {
        height: 39px;
    }
}

.form-default input.form-control {
    -webkit-appearance: none;
}

.form-default .form-control:focus {
    border-color: #58676C;
    background: #ffffff;
}

.tt-social-icon {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .tt-social-icon li a {
        font-size: 18px;
        line-height: 26px;
        color: #d8d8d8;
        padding: 4px;
        transition: all 0.2s linear;
    }

        .tt-social-icon li a:hover {
            color: #191919;
        }

    .tt-social-icon li:first-child {
        margin-right: 5px;
    }

    .tt-social-icon li:last-child {
        margin-left: 5px;
    }

    .tt-social-icon li:not(:last-child):not(:first-child) {
        margin: 0 5px;
    }


@media (min-width: 790px) {
    .tt-back-to-top {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        transition: 0.4s;
        width: 62px;
        height: 62px;
        background-color: #58676C;
        color: #ffffff;
        font-size: 0;
        line-height: 0;
        position: fixed;
        bottom: -64px;
        right: 5px;
        z-index: 20;
        border-radius: 6px;
    }

        .tt-back-to-top:before {
            font-family: "wokiee" !important;
            content: "\e903";
            display: block;
            font-size: 20px;
            line-height: 1;
            position: relative;
            top: -1px;
            transition: top 0.2s linear;
        }

        .tt-back-to-top:hover {
            background-color: #303030;
            color: #ffffff;
        }

            .tt-back-to-top:hover:before {
                top: -4px;
            }

        .tt-back-to-top.tt-show {
            bottom: 50px;
        }
}

@media (max-width: 789px) {
    .tt-back-to-top {
        background: #ffffff;
        color: #191919;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-family: "Hind", sans-serif;
        font-weight: 500;
        padding: 5px 0 33px 0;
        transition: all 0.2s linear;
    }

        .tt-back-to-top:before {
            font-family: "wokiee" !important;
            content: "\e9c9";
            display: block;
            font-size: 20px;
            line-height: 1;
        }

        .tt-back-to-top:hover {
            background: #ffffff;
            color: #58676C;
        }

        .tt-back-to-top.tt-show {
            bottom: 50px;
        }
}

.tt-services-listing:not(.tt-layout-02) {
    margin-top: -30px;
}

    .tt-services-listing:not(.tt-layout-02) .tt-services-block {
        margin-top: 30px;
    }

@media (max-width: 575px) {
    .tt-services-listing:not(.tt-layout-02) {
        margin-top: -35px;
    }

        .tt-services-listing:not(.tt-layout-02) .tt-services-block {
            margin-top: 37px;
        }
}

.tt-services-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

    .tt-services-block .tt-col-icon {
        align-self: flex-start;
        font-size: 50px;
        color: #58676C;
    }

        .tt-services-block .tt-col-icon [class^="icon-"] {
            position: relative;
            top: -5px;
        }

@media (min-width: 576px) {
    .tt-services-block .tt-col-icon + .tt-col-description {
        padding-left: 21px;
    }
}

@media (max-width: 575px) {
    .tt-services-block .tt-col-icon + .tt-col-description {
        padding-left: 11px;
    }
}

.tt-services-block .tt-col-description {
    flex: 2 1 auto;
    line-height: 1.3;
    color: #777777;
}

    .tt-services-block .tt-col-description .tt-title {
        padding: 0;
        margin: 0;
        font-size: 16px;
        letter-spacing: 0.03em;
        font-weight: 500;
        color: #191919;
        transition: all 0.2s linear;
    }

    .tt-services-block .tt-col-description p {
        margin-top: 7px;
        font-size: 14px;
        line-height: 22px;
    }

    .tt-services-block .tt-col-description > *:nth-child(1) {
        margin-top: 0;
    }

.tt-services-block:hover {
    text-decoration: none;
}

    .tt-services-block:hover .tt-title {
        color: #58676C;
    }

@media (min-width: 1025px) {
    .col-5-inrow-lg {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-5_end-inrow-lg {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 1025px) {
    .col-5-inrow-lg {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.tt-btn-img-list {
    margin-top: -20px;
}

.tt-btn-img {
    background-color: #ffffff;
}

    .tt-btn-img.tt-layout-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
        border-radius: 6px;
    }

        .tt-btn-img.tt-layout-01 .tt-img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 80px;
            background-size: cover;
            background-position: center;
        }

            .tt-btn-img.tt-layout-01 .tt-img:before {
                content: '';
                background: #515257;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center;
                transition: opacity 0.3s ease-out;
                opacity: 0;
                z-index: 1;
            }

        .tt-btn-img.tt-layout-01 .tt-title {
            font-size: 18px;
            line-height: 1.2;
            font-weight: 500;
            position: absolute;
            color: #ffffff;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tt-btn-img.tt-layout-01:hover .tt-img:before {
            opacity: 0.8;
        }

.tab-pane:not(.active) {
    display: none;
}

@media (min-width: 576px) {
    .form-default .form-control[type="text"] {
        padding-top: 3px;
        padding-bottom: 1px;
        line-height: 2.9;
    }
}

@media (max-width: 575px) {
    .form-default .form-control[type="text"] {
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 2.4;
    }
}

@media (max-width: 575px) {
    .form-default .form-control[type="text"] {
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 2.6;
    }
}

.tt-tabs-imgbox {
    background-size: cover;
    background-position: center;
    height: 297px;
    width: 100%;
    padding: 34px 15px 30px;
    display: block;
}

    .tt-tabs-imgbox .tt-title-small {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 600;
        padding: 0 5px 0 18px;
    }

    .tt-tabs-imgbox .nav-tabs {
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
    }

        .tt-tabs-imgbox .nav-tabs li a {
            display: block;
            font-weight: 300;
            line-height: 1.2;
            font-size: 14px;
            padding: 8px 18px 6px;
            transition: all 0.2s linear;
            border-radius: 6px;
        }

    .tt-tabs-imgbox.tt-layout-color01 .nav-tabs li a {
        color: #777777;
    }

        .tt-tabs-imgbox.tt-layout-color01 .nav-tabs li a:hover {
            color: #58676C;
            background-color: rgba(255, 255, 255, 0.9);
        }

        .tt-tabs-imgbox.tt-layout-color01 .nav-tabs li a.active {
            color: #58676C;
            background-color: rgba(255, 255, 255, 0.9);
        }

@media (max-width: 1229px) {
    .tt-tabs-imgbox {
        height: 360px;
    }

        .tt-tabs-imgbox .tt-title-small {
            font-size: 15px;
            padding-left: 10px;
        }

        .tt-tabs-imgbox .nav-tabs li a {
            padding: 7px 10px 5px;
        }
}

@media (max-width: 1024px) {
    .tt-tabs-imgbox .tt-title-small {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .tt-tabs-imgbox {
        height: 340px;
    }
}

.tt-radius-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media (max-width: 575px) {
    .tt-radius-left {
        border-radius: 5px;
    }
}

.tt-offset-20 {
    margin-top: 20px;
}

.tt-offset-30 {
    margin-top: 30px;
}

.tt-offset-45 {
    margin-top: 45px;
}

@media (max-width: 1024px) {
    .tt-hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .tt-hidden-desctope {
        display: none !important;
    }
}

/*! CSS Used keyframes */
@-webkit-keyframes loader {
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    45% {
        -webkit-transform: translateX(235px);
        transform: translateX(235px);
    }

    65% {
        -webkit-transform: translateX(235px);
        transform: translateX(235px);
    }

    95% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes loader {
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    45% {
        -webkit-transform: translateX(235px);
        transform: translateX(235px);
    }

    65% {
        -webkit-transform: translateX(235px);
        transform: translateX(235px);
    }

    95% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*! CSS Used from: https://www.angorahome.com/Content/assets/css/style.css */
*, *::before, *::after {
    box-sizing: border-box;
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
    font-family: "Hind", sans-serif;
    color: #191919;
    font-size: 28px;
    line-height: 46px;
    font-weight: 500;
    transition: color 0.2s linear;
}

@media (max-width: 575px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 27px;
    }
}

::-webkit-input-placeholder {
    color: #777777;
}

::-moz-placeholder {
    color: #777777;
}

:-moz-placeholder {
    color: #777777;
}

:-ms-input-placeholder {
    color: #777777;
}
/*! CSS Used fontfaces */
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfMJaER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfMJaERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfMJaERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGh4BCOz.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGd4BCOz.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGl4BA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.tt-obj-menu-categories + * {
    margin-left: 26px;
}

.tt-menu-categories {
    position: relative;
    display: inline-block;
}

    .tt-menu-categories .tt-dropdown-toggle {
        display: inline-block;
        position: relative;
        text-align: left;
        border: none;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #ffffff;
        background: #58676C;
        padding: 11px 40px 7px 20px;
        min-width: 200px;
        border: none;
        outline: none;
        cursor: pointer;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        transition: border-radius 0.2s linear;
    }

        .tt-menu-categories .tt-dropdown-toggle:before {
            /*content: "\e90c";*/
            font-family: "wokiee";
            position: absolute;
            right: 18px;
            top: 12px;
            font-size: 16px;
            line-height: 1;
        }
    /*  .tt-menu-categories.opened .tt-dropdown-toggle:before {
            content: "\e90f"; }*/
    .tt-menu-categories .tt-dropdown-menu {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        display: none;
        background-color: #ffffff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul {
            list-style: none;
            margin: 0;
            padding: 8px 0 7px 0;
            /*
                        dropdown-menu layout
                    */
        }

            .tt-menu-categories .tt-dropdown-menu nav > ul > li > a {
                display: block;
                position: relative;
                padding: 10px 20px 9px;
                font-size: 14px;
                letter-spacing: 0.03em;
                line-height: 1.1;
                color: #191919;
                font-family: 'Hind', sans-serif;
                font-weight: 400;
                transition: color 0.2s linear;
            }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li > a img {
                    position: absolute;
                    top: 9px;
                    left: 20px;
                    width: 13px;
                    height: auto;
                    opacity: 0.5;
                    transition: opacity 0.2s linear;
                }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li > a svg {
                    position: absolute;
                    top: 9px;
                    left: 20px;
                    width: 13px;
                    height: auto;
                }

                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a svg path {
                        fill: #999999;
                        transition: fill 0.2s linear;
                    }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li > a [class^="icon"] {
                    position: absolute;
                    top: 9px;
                    left: 20px;
                    color: #999999;
                }

                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a img + span,
                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a svg + span,
                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a [class^="icon"] + span {
                        margin-left: 24px;
                    }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li > a span {
                    display: inline-block;
                }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li > a:hover {
                    color: #58676C;
                }

                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a:hover img {
                        opacity: 1;
                    }

                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a:hover path {
                        fill: #191919;
                    }

                    .tt-menu-categories .tt-dropdown-menu nav > ul > li > a:hover [class^="icon"] {
                        color: #191919;
                    }

            .tt-menu-categories .tt-dropdown-menu nav > ul > li:not(:last-child) > a:before {
                content: '';
                display: block;
                bottom: 0;
                left: 0;
                margin-left: 20px;
                margin-right: 20px;
                position: absolute;
                width: calc(100% - 40px);
                height: 1px;
                background-color: #eceaea;
            }

            .tt-menu-categories .tt-dropdown-menu nav > ul > li.tt-submenu > a:after {
                content: '\e90e';
                font-family: "wokiee";
                speak: none;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: 20px;
                top: 9px;
                pointer-events: none;
            }

            .tt-menu-categories .tt-dropdown-menu nav > ul > li:hover > a {
                color: #58676C;
            }

                .tt-menu-categories .tt-dropdown-menu nav > ul > li:hover > a > img {
                    opacity: 0.5;
                }

            .tt-menu-categories .tt-dropdown-menu nav > ul > li:hover .dropdown-menu {
                visibility: visible;
                z-index: 6;
                left: 100%;
                pointer-events: inherit;
                opacity: 1;
            }

            .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu {
                position: absolute;
                top: 0;
                left: 105%;
                visibility: hidden;
                pointer-events: none;
                z-index: -1;
                opacity: 0;
                transition: all 0.2s linear;
            }

                .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu .dropdown-menu-wrapper {
                    background-color: #ffffff;
                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
                    margin-left: 4px;
                    padding: 40px 40px 31px;
                }

@media (min-width: 1230px) {
    .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu.size-lg {
        width: 897px;
    }
}

@media (max-width: 1229px) {
    .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu.size-lg {
        width: 780px;
    }
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu.size-md {
    width: 622px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu.size-sm {
    width: 422px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu.size-xs {
    width: 260px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu .row:not(:first-child):not(.tt-col-list) {
    margin-top: 26px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu svg {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 13px;
    height: auto;
}

    .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu svg path {
        fill: #999999;
        transition: fill 0.2s linear;
    }

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu [class^="icon"] {
    position: absolute;
    top: 3px;
    left: 0px;
    color: #999999;
}

    .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu svg + span,
    .tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu [class^="icon"] + span {
        margin-left: 24px;
    }

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu span {
    display: inline-block;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu .tt-megamenu-submenu ul svg,
.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu .tt-megamenu-submenu ul [class^="icon"] {
    left: 20px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu > li:hover svg path {
    fill: #191919;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .dropdown-menu > li:hover [class^="icon"] {
    color: #191919;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu {
    font-size: 14px;
    display: block;
    line-height: 24px;
    margin-top: -6px;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding-bottom: 8px;
    font-weight: 500;
    font-family: "Hind", sans-serif;
    color: #191919;
    transition: all 0.2s linear;
}

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu img {
        width: 100%;
        height: auto;
        margin-top: 13px;
        margin-bottom: 7px;
    }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu a {
        color: #191919;
        transition: all 0.2s linear;
    }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu:hover {
        color: #58676C;
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu:hover a {
            color: #58676C;
        }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu.active {
        color: #58676C;
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu.active a {
            color: #58676C;
        }



.tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu {
    margin-top: -3px;
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li {
        display: block;
        position: relative;
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul {
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease-out;
        }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a {
            color: #777777;
            font-size: 14px;
            line-height: 22px;
            display: inline-block;
            position: relative;
            padding-top: 1px;
            padding-right: 23px;
            padding-bottom: 1px;
            transition: all 0.2s linear;
        }

            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a img {
                width: auto;
                position: absolute;
                right: -8px;
                top: 0px;
                visibility: hidden;
                z-index: 3;
                opacity: 0;
                transition: all 0.2s linear;
            }

            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a:hover {
                color: #58676C;
            }

                .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a:hover img {
                    visibility: visible;
                    right: -34px;
                    opacity: 1;
                }

                .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a:hover:before {
                    left: 0;
                    opacity: 1;
                }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li.active > a {
            color: #58676C;
        }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu li:hover > ul {
        visibility: visible;
        opacity: 1;
    }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu li a:not(:only-child):after {
        content: "";
        speak: none;
        right: 13px;
        margin-top: 6px;
        position: absolute;
        border-top: 4px solid transparent;
        border-left: 4px solid #191919;
        border-bottom: 4px solid transparent;
        position: relative;
        display: inline-block;
        float: right;
        -webkit-font-smoothing: antialiased;
        pointer-events: none;
        transition: border 0.2s linear;
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu li a:not(:only-child):after .tt-badge {
            position: relative;
            top: 1px;
        }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li > a:not(:only-child):after {
        right: -13px;
    }

    .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul {
        margin-top: 0px;
        background: #ffffff;
        position: absolute;
        z-index: 13;
        left: 100%;
        top: -13px;
        padding: 13px 0px 10px 0px;
        min-width: 210px;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul ul.right-popup,
        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul ul.right-popup ul {
            left: auto;
            right: 100%;
        }

            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul ul.right-popup .left,
            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul ul.right-popup .left ul {
                left: 100%;
                right: auto;
            }

        .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul li {
            margin-bottom: 0;
            display: block;
            position: relative;
        }

            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul li a {
                padding: 1px 7px 1px 20px;
                font-size: 14px;
                display: block;
                color: #777777;
                transition: all 0.2s linear;
            }

                .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul li a:hover {
                    color: #58676C;
                }

            .tt-menu-categories .tt-dropdown-menu nav > ul .tt-megamenu-submenu > li ul li.active > a {
                color: #58676C;
            }

.tt-menu-categories .tt-dropdown-menu nav > ul [class^="tt-promo"] {
    margin-bottom: 9px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul li.acitve > a {
    color: #58676C;
}

    .tt-menu-categories .tt-dropdown-menu nav > ul li.acitve > a svg path {
        fill: #191919;
    }

    .tt-menu-categories .tt-dropdown-menu nav > ul li.acitve > a [class^="icon"] {
        color: #58676C;
    }

/*mobile toggle btn*/
.tt-categories-toggle {
    background: none;
    border: none;
    outline: none;
    font-size: 5px;
    cursor: pointer;
    padding: 10px 8px;
    position: relative;
    top: 2px;
    color: #191919;
    transition: color 0.2s linear;
}

    .tt-categories-toggle:hover {
        color: #58676C;
    }

.tt-dropdown-promo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 231px;
    height: 100%;
    background: url("../images/skin-carsshop/menu-bg-01.jpg") 0 0 no-repeat;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .tt-dropdown-promo + .row {
        margin-top: 0 !important;
    }

    .tt-dropdown-promo .tt-title-01 {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        width: 100%;
        text-align: center;
    }

    .tt-dropdown-promo .tt-title-02 {
        font-size: 26px;
        line-height: 29px;
        color: #ffffff;
        width: 100%;
        text-align: center;
    }

@media (max-width: 480px) {
    .tt-mobile-header .tt-header-row.tt-top-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        padding-left: 10px;
        padding-right: 10px;
    }

    .tt-mobile-header .tt-header-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .tt-mobile-header .tt-header-row .tt-parent-box {
            margin-left: inherit;
        }

        .tt-mobile-header .tt-header-row .tt-menu-toggle {
            padding-left: 8px;
            padding-right: 8px;
        }

        .tt-mobile-header .tt-header-row .tt-parent-box:last-child .tt-dropdown-toggle {
            padding-right: 8px;
        }
}

@media (max-width: 1024px) {
    body.tt-popup-dropdown .header-popup-bg {
        display: block;
    }

    body.tt-popup-dropdown .tt-stuck-nav.stuck {
        z-index: 22;
    }

        body.tt-popup-dropdown .tt-stuck-nav.stuck:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 10;
        }
}


@media (max-width: 1024px) {
    header .tt-cart.active .tt-dropdown-menu,
    header .tt-account.active .tt-dropdown-menu,
    header .tt-multi-obj.active .tt-dropdown-menu {
        display: block;
        right: auto;
        top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/*
            mobile menu
        */
.panel-menu,
.mmpanels,
.mmpanels > .mmpanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: inherit;
}

.panel-menu {
    width: 270px;
    background: #ffffff;
    position: fixed;
    z-index: 22;
}

    .panel-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .panel-menu ul li {
            margin: 0;
            width: 100%;
        }

            .panel-menu ul li a {
                display: flex;
                padding: 9px 27px 9px 30px;
                font-size: 14px;
                line-height: 22px;
                text-decoration: none;
                color: #191919;
                background: transparent;
                position: relative;
                transition: all 0.2s linear;
            }

                .panel-menu ul li a:hover {
                    color: #58676C;
                    background: transparent;
                }

    .panel-menu #mm0.mmpanel a:not(.mm-close) {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        background-color: transparent;
    }

        .panel-menu #mm0.mmpanel a:not(.mm-close):after {
            color: #191919;
        }

        .panel-menu #mm0.mmpanel a:not(.mm-close):hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
                color: #58676C;
            }

    .panel-menu #mm0.mmpanel .mm-next-level:after {
        top: 12px;
    }

    .panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
        font-family: "Hind", sans-serif;
        font-weight: 400;
    }

    .panel-menu .mmpanel .tt-badge {
        display: inline-block;
        font-family: "Hind", sans-serif;
        font-weight: 400;
        color: #ffffff;
        font-size: 12px;
        line-height: 1;
        padding: 3px 4px 1px;
        max-height: 16px;
        top: 2px;
        position: relative;
        margin-left: 7px;
        border-right: 2px;
    }

    .panel-menu .mmpanel .tt-new {
        color: #ffffff;
        background-color: #1393f5;
    }

    .panel-menu .mmpanel .tt-fatured {
        color: #ffffff;
        background-color: #fdbc20;
    }

    .panel-menu .mmpanel .tt-sale {
        color: #ffffff;
        background-color: #f8353e;
    }

    .panel-menu .mmpanel .mm-original-link .tt-badge {
        top: -1px;
    }

    .panel-menu .mm-close,
    .panel-menu .mm-prev-level,
    .panel-menu .mm-original-link {
        display: block;
        color: #777777;
        background-color: transparent;
        background-color: transparent;
    }

        .panel-menu .mm-close:before,
        .panel-menu .mm-prev-level:before,
        .panel-menu .mm-next-level:after {
            font-family: "wokiee";
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            transition: all 0.2s linear;
            color: #777777;
        }

        .panel-menu .mm-close:hover,
        .panel-menu .mm-prev-level:hover,
        .panel-menu .mm-next-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
            .panel-menu .mm-next-level:hover:after {
                color: #58676C;
            }

    .panel-menu li.mm-close-parent {
        margin-bottom: 15px;
    }

        .panel-menu li.mm-close-parent .mm-close {
            padding: 15px 16px 13px 29px;
            color: #777777;
            border-bottom: 1px solid #e9e7e7;
            background-color: transparent;
        }

            .panel-menu li.mm-close-parent .mm-close:before {
                content: "\e9b3";
                padding-right: 6px;
                position: relative;
                top: 1px;
                color: #777777;
            }

            .panel-menu li.mm-close-parent .mm-close:hover {
                color: #58676C;
                background-color: transparent;
            }

                .panel-menu li.mm-close-parent .mm-close:hover:before {
                    color: #58676C;
                }

    .panel-menu .mm-prev-level {
        padding: 15px 16px 13px 29px;
        color: #777777;
        background-color: transparent;
        border-bottom: 1px solid #e9e7e7;
        margin-bottom: 15px;
    }

        .panel-menu .mm-prev-level:before {
            content: "\e90d";
            padding-right: 10px;
            position: relative;
            top: 1px;
            color: #777777;
        }

        .panel-menu .mm-prev-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-prev-level:hover:before {
                color: #58676C;
            }

    .panel-menu .mm-next-level {
        color: #191919;
        background-color: transparent;
    }

        .panel-menu .mm-next-level:after {
            content: "\e90e";
            padding-left: 10px;
            top: 12px;
            right: 30px;
            position: absolute;
            color: #777777;
        }

        .panel-menu .mm-next-level:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-next-level:hover:after {
                color: #58676C;
            }

    .panel-menu .mm-original-link {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        background-color: transparent;
    }

        .panel-menu .mm-original-link:before {
            padding-right: 10px;
            color: #777777;
        }

        .panel-menu .mm-original-link:hover {
            color: #58676C;
            background-color: transparent;
        }

            .panel-menu .mm-original-link:hover:before {
                color: #58676C;
            }

.mm-open {
    overflow: hidden;
}

    .mm-open .mm-fullscreen-bg {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.55);
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        z-index: 21;
        display: none;
    }

.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.panel-menu {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

    .panel-menu.mm-right,
    .mmitemopen.panel-menu.mm-right.mmhide {
        left: auto;
        right: 0;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

.mmitemopen.panel-menu.mmhide {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mmpanel {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mmpanels {
    overflow: hidden;
}

.mmpanel.mmopened {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mmpanel.mmsubopened {
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0);
}

.mmpanels > .mmpanel {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
}

.mmpanels,
.mmpanels >
.mmpanel {
    background: inherit;
    border-color: inherit;
}

    .mmpanels > .mmpanel:not(.mmhidden) {
        display: block;
    }

    .mmpanels > .mmpanel:after {
        content: '';
        display: block;
        height: 20px;
    }

.mmhidden,
.mm-nav-btn {
    display: none;
}

.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover {
    outline: none;
}

.tt-menu-slider {
    max-height: 389px;
}


@media (min-width: 1025px) {
    header .tt-search.active .tt-dropdown-menu {
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        header .tt-search.active .tt-dropdown-menu > .container {
            display: block;
        }
}

@media (max-width: 1024px) {
    header .tt-search.active .tt-dropdown-menu {
        z-index: 3;
        opacity: 1;
    }
}


/* tt-modal-addtocart */
#modalAddToCartProduct .modal-dialog {
    width: 736px;
}

@media (max-width: 1024px) {
    #modalAddToCartProduct .modal-dialog {
        width: 420px;
    }
}

@media (max-width: 575px) {
    #modalAddToCartProduct .modal-dialog {
        width: 270px;
    }
}

.tt-modal-addtocart.desctope {
    position: relative;
}

    .tt-modal-addtocart.desctope .row {
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .tt-modal-addtocart.desctope .row > div:first-child {
            padding-right: 52px;
        }

        .tt-modal-addtocart.desctope .row > div:last-child {
            padding-left: 49px;
        }

            .tt-modal-addtocart.desctope .row > div:last-child .btn {
                width: 100%;
            }

    .tt-modal-addtocart.desctope .tt-modal-messages {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 20px;
        line-height: 1;
        font-weight: 500;
    }

        .tt-modal-addtocart.desctope .tt-modal-messages [class^="icon-"] {
            color: #58676C;
        }

    .tt-modal-addtocart.desctope .tt-modal-product {
        margin-top: 26px;
    }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-img img {
            width: 100%;
            max-width: 154px;
            height: auto;
        }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-title {
            font-family: "Hind", sans-serif;
            font-weight: 400;
            font-size: 14px;
            margin-top: 12px;
            color: #191919;
        }

            .tt-modal-addtocart.desctope .tt-modal-product .tt-title a {
                color: #191919;
            }

                .tt-modal-addtocart.desctope .tt-modal-product .tt-title a:hover {
                    color: #58676C;
                }

        .tt-modal-addtocart.desctope .tt-modal-product .tt-qty {
            font-family: "Hind", sans-serif;
            font-weight: 500;
            font-size: 14px;
            margin-top: 7px;
            color: #191919;
        }

        .tt-modal-addtocart.desctope .tt-modal-product > *:nth-child(1) {
            margin-top: 0;
        }

    .tt-modal-addtocart.desctope .tt-product-total {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        color: #191919;
        font-size: 14px;
        margin-top: 5px;
    }

        .tt-modal-addtocart.desctope .tt-product-total .tt-price {
            font-size: 16px;
        }

    .tt-modal-addtocart.desctope .tt-cart-total {
        color: #777777;
        display: inline-block;
    }

        .tt-modal-addtocart.desctope .tt-cart-total .tt-total {
            font-family: "Hind", sans-serif;
            font-weight: 500;
            color: #191919;
            margin-top: 11px;
        }

            .tt-modal-addtocart.desctope .tt-cart-total .tt-total .tt-price {
                color: #58676C;
                font-size: 24px;
            }

    .tt-modal-addtocart.desctope [class^="col"] .btn {
        margin-top: 20px;
    }

    .tt-modal-addtocart.desctope [class^="col"] .tt-cart-total + .btn {
        margin-top: 25px;
    }

    .tt-modal-addtocart.desctope [class^="col"] > *:nth-child(1) {
        margin-top: 0;
    }

    .tt-modal-addtocart.desctope:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #e9e7e7;
        position: absolute;
        left: 50%;
        margin-left: 8px;
        top: 0px;
    }

.tt-modal-addtocart.mobile {
    margin-top: 9px;
}

    .tt-modal-addtocart.mobile .tt-modal-messages {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        padding-bottom: 13px;
    }

        .tt-modal-addtocart.mobile .tt-modal-messages [class^="icon-"] {
            color: #58676C;
        }

    .tt-modal-addtocart.mobile [class^="btn"] {
        padding-top: 9px;
        padding-bottom: 9px;
    }

@media (min-width: 1025px) {
    .tt-modal-addtocart.desctope {
        display: block;
    }

    .tt-modal-addtocart.mobile {
        display: none;
    }
}

@media (max-width: 1024px) {
    .tt-modal-addtocart.desctope {
        display: none;
    }

    .tt-modal-addtocart.mobile {
        display: flex;
        flex-direction: column;
    }
}


/* tt-modal-addtocart */
.tt-modal-quickview {
    text-align: left;
}

@media (max-width: 1024px) and (min-width: 791px) {
    .tt-modal-quickview .tt-product-single-info {
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .tt-modal-quickview .tt-product-single-info {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tt-modal-quickview .tt-product-single-info .tt-title {
    font-weight: 500;
}

/*
            modal custom
        */
.modal {
    text-align: center;
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    -webkit-overflow-scrolling: touch;
    outline: none;
}

    .modal .modal-dialog {
        display: inline-block;
        vertical-align: middle;
    }

@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: inherit;
    }
}

.modal .modal-header {
    height: 54px;
    position: relative;
}

    .modal .modal-header .close {
        width: 54px;
        height: 54px;
        top: -2px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        background: none;
        border: none;
        cursor: pointer;
        font-family: "wokiee";
        transition: all 0.2s linear;
    }

@media (min-width: 1025px) {
    .modal .modal-header .close {
        right: -52px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-header .close {
        right: -20px;
    }
}

.modal .modal-header .close:before {
    content: "\ea0f";
    font-size: 20px;
    line-height: 1;
}

.modal .modal-header .close:hover {
    color: #58676C;
}

.modal .modal-body:not(.no-background) {
    background-color: #ffffff;
    border-radius: 6px;
}

.modal .modal-body {
    overflow: hidden;
}

@media (min-width: 1025px) {
    .modal .modal-body {
        padding: 40px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-body {
        padding: 30px;
    }
}

@media (max-width: 789px) {
    .modal .modal-body {
        padding: 25px;
    }
}

@media (max-width: 500px) {
    .modal .modal-body {
        padding: 20px;
    }
}

@media (max-width: 270px) {
    .modal .modal-body {
        padding: 15px;
    }
}

@media (min-width: 320px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}

.modal-backdrop {
    background: #000000;
}

    .modal-backdrop.show {
        opacity: 0.5;
    }


/* tt-stuck-nav */
.tt-stuck-nav {
    width: 100%;
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    top: -100%;
    z-index: 20;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
    min-height: 45px;
}

    .tt-stuck-nav .tt-dropdown-obj {
        margin-top: 8px;
        padding-bottom: 6px;
    }

    .tt-stuck-nav .tt-desctop-menu nav > ul li.dropdown > a {
        padding-top: 17px;
        padding-bottom: 16px;
    }

        .tt-stuck-nav .tt-desctop-menu nav > ul li.dropdown > a .tt-badge {
            top: 2px;
            padding: 1px 3px 1px;
        }

    .tt-stuck-nav .tt-desctop-menu:not(.tt-hover-02) nav > ul li.dropdown:first-child > a {
        padding-left: 0;
    }

    .tt-stuck-nav .tt-menu-toggle {
        top: -1px;
    }

        .tt-stuck-nav .tt-menu-toggle.stylization-02 {
            margin-top: 1px;
        }

    .tt-stuck-nav .tt-btn-close {
        position: relative;
        top: 1px;
    }

@media (min-width: 1025px) {
    .tt-stuck-nav .tt-stuck-desctop-menu-categories + .tt-stuck-parent-menu {
        margin-left: 26px;
    }
}

.tt-stuck-nav .tt-menu-categories:not(.opened) .tt-dropdown-toggle {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

@media (max-width: 1024px) {
    .tt-stuck-nav .container {
        max-width: 100%;
    }

    .tt-stuck-nav .tt-parent-box {
        margin-left: 20px;
    }

    .tt-stuck-nav .tt-stuck-desctop-menu-categories {
        display: none;
    }
}

@media (min-width: 1025px) {
    .tt-stuck-nav .tt-stuck-mobile-menu-categories {
        display: none;
    }
}

@media (min-width: 481px) {
    .tt-stuck-nav .tt-stuck-parent-menu {
        flex: 2 1 auto;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .tt-stuck-nav .container-fluid,
    .tt-stuck-nav .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .tt-stuck-nav .tt-header-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-left: 10px;
        padding-right: 10px;
    }

        .tt-stuck-nav .tt-header-row .tt-parent-box {
            margin-left: inherit;
        }

        .tt-stuck-nav .tt-header-row .tt-menu-toggle {
            padding-left: 8px;
            padding-right: 8px;
        }

        .tt-stuck-nav .tt-header-row .tt-parent-box:last-child .tt-dropdown-toggle {
            padding-right: 8px;
        }
}

@media (min-width: 1025px) {
    .tt-stuck-nav .container-fluid .tt-desctop-menu .dropdown-menu {
        max-width: 990px;
    }
}

@media (min-width: 1230px) {
    .tt-stuck-nav .container-fluid .tt-desctop-menu .dropdown-menu {
        max-width: 1200px;
    }
}

.stuck.tt-stuck-nav {
    top: 0;
}

@media (max-width: 1024px) {
    .stuck.tt-stuck-nav {
        background: #ffffff;
    }

        .stuck.tt-stuck-nav .tt-search .tt-dropdown-menu .search-results {
            top: 23px;
            border-top: 1px solid #e9e7e7;
            padding-top: 20px;
        }

        .stuck.tt-stuck-nav .tt-search.active .tt-dropdown-menu::before {
            content: '';
            display: block;
            width: calc(100% + 40px);
            z-index: 0;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: #ffffff;
            margin-left: -20px;
            margin-right: -20px;
        }
}

@media (min-width: 1025px) {
    .stuck.tt-stuck-nav {
        background: #ffffff;
    }
}

/* open left col (*listing) */
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    -webkit-overflow-scrolling: touch;
    outline: none;
    text-align: center;
    padding: 0;
    transition: opacity 0.15s linear;
    opacity: 0;
}

    .modal.show {
        opacity: 1;
    }

@media (min-width: 320px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}

.modal-md {
    width: 736px;
}

.modal-lg {
    width: 962px;
}

@media (max-width: 1229px) {
    .modal-lg {
        width: 900px;
    }
}

@media (max-width: 1024px) {
    .modal-lg {
        width: 730px;
    }
}

@media (max-width: 789px) {
    .modal-lg {
        width: 550px;
    }
}

@media (max-width: 650px) {
    .modal-lg {
        width: 420px;
    }
}

@media (max-width: 500px) {
    .modal-lg {
        width: 320px;
    }
}

@media (max-width: 370px) {
    .modal-lg {
        width: 280px !important;
    }
}

.modal-compare {
    width: 996px;
}

@media (max-width: 1229px) {
    .modal-compare {
        width: 900px !important;
    }
}

@media (max-width: 1024px) {
    .modal-compare {
        width: 730px !important;
    }
}

@media (max-width: 789px) {
    .modal-compare {
        width: 550px !important;
    }
}

@media (max-width: 650px) {
    .modal-compare {
        width: 420px !important;
    }
}

@media (max-width: 500px) {
    .modal-compare {
        width: 320px !important;
    }
}

@media (max-width: 370px) {
    .modal-compare {
        width: 280px !important;
    }
}

/*---------------------------------------*/
/*--------      8. Modal         --------*/
/*---------------------------------------*/
/* open modal mobile menu */
body:not(.touch-device).mm-open {
    padding-right: 17px;
}

    body:not(.touch-device).mm-open .tt-stuck-nav.stuck {
        padding-right: 17px;
    }

/* open modal bootstrap */
.modal-open {
    overflow: hidden;
}

body:not(.touch-device).modal-open {
    overflow-x: hidden;
    padding-right: 17px;
}

    body:not(.touch-device).modal-open .tt-stuck-nav.stuck {
        padding-right: 17px;
    }

html.ie.gecko body.modal-open {
    padding-right: 0px !important;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (10px * 2));
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 24;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .modal-header .close {
        padding: 0;
        margin: 0 0 0 auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #e9ecef;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}






@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: inherit;
    }
}


.modal-lg {
    width: 962px;
}

@media (max-width: 1229px) {
    .modal-lg {
        width: 900px;
    }
}

@media (max-width: 1024px) {
    .modal-lg {
        width: 730px;
    }
}

@media (max-width: 789px) {
    .modal-lg {
        width: 550px;
    }
}

@media (max-width: 650px) {
    .modal-lg {
        width: 420px;
    }
}

@media (max-width: 500px) {
    .modal-lg {
        width: 320px;
    }
}

@media (max-width: 370px) {
    .modal-lg {
        width: 280px;
    }
}

/* tt-rating */
.tt-rating {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
}

    .tt-rating [class^="icon-"] {
        font-family: "wokiee" !important;
    }

    .tt-rating .icon-star:before {
        content: '\ea2d';
        display: inline-block;
        color: #ffb503;
    }

    .tt-rating .icon-star-half:before {
        content: '\ea60';
        display: inline-block;
        color: #ffb503;
    }

    .tt-rating .icon-star-empty:before {
        content: '\ea5f';
        display: inline-block;
        color: #d4d4d4;
    }


#banner_aciklama {
    margin-left: -45px;
}

#banner_link_desc {
    height: 35px;
}

#banner_mobile_aciklama {
    margin-left: -17px;
}

#banner_mobile_link_desc {
    height: 35px;
    width: 104px;
}

#banner_right_pic {
    height: 521px;
}

.tt-title-underline {
    text-decoration:underline;
}

#haftanin_urunu_koleksiyon {
    font-size: 18px;
}
#coksatilan_urun_koleksiyon {
    font-size: 18px;
}

#haftanin_urunu_buyukresim {
    width: 100%;
}

#coksatilan_urun_buyukresim {
    width: 100%;
}

#div_haftaninurunu {
    margin-top: 20px;
    margin-bottom: -15px;
    text-align: center;
}
#div_coksatilanurun {
    margin-top: 20px;
    margin-bottom: -15px;
    text-align: center;
}
.ebat-filtre {
    margin-top: 8px;
}

.btn-ebat-filtre {
    width: inherit
}


#sepet_icerik {
    max-height: 380px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

@media (max-width: 1000px) {
    #sepet_icerik {
        max-height: unset !important;
        height: 100% !important;
        overflow: hidden !important;
        overflow-y: scroll !important;
    }
}

.hr-divider {
    position: relative;
    margin-top: 45px;
    height: 1px;
}

.hr-div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.hoverable {
    display: inline-block !important;
    backface-visibility: hidden;
    vertical-align: middle;
    position: relative !important;
    box-shadow: 0 0 1px rgba(0,0,0,0);
    tranform: translateZ(0) !important;
    transition-duration: .3s !important;
    transition-property: transform !important;
}

    .hoverable:before {
        position: absolute;
        pointer-events: none;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
        transition-duration: 0.3s;
        transition-property: transform, opacity;
    }

    .hoverable:hover, .hoverable:active, .hoverable:focus {
        transform: translateY(-5px);
    }

        .hoverable:hover:before, .hoverable:active:before, .hoverable:focus:before {
            opacity: 1;
            transform: translateY(-5px);
        }

    .hoverable:active, .hoverable:focus {
        transform: translateY(-5px);
        font-weight: bold !important;
    }

.div-display-none {
    display: none !important;
}

.div-pointer-events-none {
    pointer-events: none !important;
}

.row-mobile-logo {
    margin-bottom: 12px !important;
}

.img-mobile-logo {
    max-height: 65px !important;
    margin-top: 30px !important;
}

#txt_search_btn {
    width: 270px !important;
    border-radius: 15px !important;
}

#div_tt_obj_logo {
    margin-left: 16% !important;
}

#img_angorahome_logo {
    max-height: 86px !important;
}

#txt_search_formobile {
    text-transform: lowercase !important;
}

#hr_wrapper {
    margin-top: -30px !important;
    z-index: -1 !important;
}

#hr_divider {
    z-index: inherit !important;
}

#div_stuck_logo {
    max-height: 40px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: -10px !important;
}
/*
#div_stuck_mobile_logo {
    margin-left: 19px !important;
}*/

#div_stuck_angorahome_logo {
    max-height: 40px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

#div_footer_angorahome_logo {
    max-height: 65px !important;
}

.comodo-icon {
    width: 100px !important;
    margin-top: -8px !important;
}

.font-weight-bold-bold {
    font-weight: bold !important;
}

#story-widget {
    margin-top: 5px;
    margin-bottom: -12px;
}


/*---------------------------------------*/
/*----  21. Tooltip  ----*/
/*---------------------------------------*/
@media (min-width: 1025px) {
    #tt-tooltip-popup {
        display: none;
    }
}

@media (min-width: 1025px) {
    #tt-tooltip-popup {
        color: #191919;
        font-size: 14px;
        line-height: 21px;
        padding: 1px 8px 0;
        position: absolute;
        z-index: 8;
        white-space: nowrap;
        display: inline-block;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        /*left*/
        /*right*/
        /*top*/
        /*bottom*/
    }

        #tt-tooltip-popup span {
            position: relative;
            z-index: 7;
        }

        #tt-tooltip-popup:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #ffffff;
            box-shadow: 0 0px 4px rgba(0, 0, 0, 0.13);
            z-index: 2;
            border-radius: 4px;
        }

        #tt-tooltip-popup:after {
            content: '';
            display: block;
            position: absolute;
            z-index: 1;
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            box-shadow: 0 0px 4px rgba(0, 0, 0, 0.13);
            top: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        #tt-tooltip-popup i {
            display: block;
            position: absolute;
            top: 50%;
            height: 100%;
            z-index: 3;
            margin-top: -3px;
        }

            #tt-tooltip-popup i:after {
                content: '';
                display: block;
                z-index: 3;
                border: 3px solid transparent;
            }

        #tt-tooltip-popup.tooltip-left:after {
            right: -6px;
        }

        #tt-tooltip-popup.tooltip-left i {
            right: -6px;
        }

            #tt-tooltip-popup.tooltip-left i:after {
                border-left: 3px solid #ffffff;
            }

        #tt-tooltip-popup.tooltip-right:after {
            left: -0px;
        }

        #tt-tooltip-popup.tooltip-right i {
            left: -6px;
        }

            #tt-tooltip-popup.tooltip-right i:after {
                border-right: 3px solid #ffffff;
            }

        #tt-tooltip-popup.tooltip-top:after {
            top: 100%;
            left: 50%;
        }

        #tt-tooltip-popup.tooltip-top i {
            left: -6px;
        }

        #tt-tooltip-popup.tooltip-top i {
            bottom: -3px;
            left: 50%;
            margin-top: 0;
        }

            #tt-tooltip-popup.tooltip-top i:after {
                border-top: 3px solid #ffffff;
                top: inherit;
                bottom: 0%;
                left: 50%;
                margin-left: -3px;
                position: absolute;
            }

        #tt-tooltip-popup.tooltip-bottom:after {
            top: 0px;
            left: 50%;
        }

        #tt-tooltip-popup.tooltip-bottom i {
            left: -6px;
        }

        #tt-tooltip-popup.tooltip-bottom i {
            top: -3px;
            left: 50%;
        }

            #tt-tooltip-popup.tooltip-bottom i:after {
                border-bottom: 3px solid #ffffff;
                top: 0px;
                left: 50%;
                margin-left: -3px;
            }
}

.div-hr-wrapper-style {
    margin-top: -30px;
    z-index: -1;
}

.div-hr-z-index {
    z-index: inherit;
}

.nav-ul-class {
    margin-top: 5px;
    margin-bottom: -10px;
    border-radius: 6px;
}

.tt-color-white {
    color: #ffffff !important;
}

.layout-footer {
    display: block;
    position: relative;
    font-family: "Hind", sans-serif;
    color: #191919;
    margin-bottom: 0px;
}

.tt-product.tt-view .tt-image-box .tt-label-location,
.tt-product-design02.tt-view .tt-image-box .tt-label-location {
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .tt-product.tt-view .tt-image-box .tt-label-location [class^="tt-label-"],
    .tt-product-design02.tt-view .tt-image-box .tt-label-location [class^="tt-label-"] {
        margin-left: 3px;
        margin-top: 3px;
        font-size: 12px;
        line-height: 1;
        color: #ffffff;
        font-weight: 500;
        padding: 2px 4px;
    }

    .tt-product.tt-view .tt-image-box .tt-label-location .tt-label-new,
    .tt-product-design02.tt-view .tt-image-box .tt-label-location .tt-label-new {
        background: #03a9f5;
        color: #ffffff;
    }

    .tt-product.tt-view .tt-image-box .tt-label-location .tt-label-sale,
    .tt-product-design02.tt-view .tt-image-box .tt-label-location .tt-label-sale {
        background: #58676c;
        color: #ffffff;
    }

    .tt-product.tt-view .tt-image-box .tt-label-location .tt-label-our-fatured,
    .tt-product-design02.tt-view .tt-image-box .tt-label-location .tt-label-our-fatured {
        background: #fdbc20;
        color: #ffffff;
    }

    .tt-product.tt-view .tt-image-box .tt-label-location .tt-label-our-stock,
    .tt-product-design02.tt-view .tt-image-box .tt-label-location .tt-label-our-stock {
        background: #191919;
        color: #ffffff;
    }

#btn_ozel_kesim {
    color: white;
}

.tt-top-panel {
    background: #58676C;
    margin-top: -15px;
    height: 54px;
}

    .tt-top-panel .tt-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start;
        padding: 24px 15px 15px;
        font-size: 13px;
        line-height: 23px;
        color: #ffffff;
        font-family: "Hind", sans-serif;
        letter-spacing: 0.06em;
        word-spacing: 0.03em;
        position: relative;
    }

        .tt-top-panel .tt-row a:not([class]) {
            display: inline-block;
            color: #ffffff;
            position: relative;
        }

            .tt-top-panel .tt-row a:not([class]):before {
                content: '';
                display: block;
                position: absolute;
                bottom: 4px;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #ffffff;
                transition: background-color 0.2s linear;
            }

            .tt-top-panel .tt-row a:not([class]):hover:before {
                background-color: transparent;
            }

        .tt-top-panel .tt-row .tt-description {
            text-align: center;
        }

        .tt-top-panel .tt-row .tt-btn-close {
            text-decoration: none;
            margin-left: 27px;
            padding: 2px;
            font-weight: normal;
            cursor: pointer;
            background: none;
            border: none;
            font-weight: 500;
            position: relative;
            top: -1px;
        }

            .tt-top-panel .tt-row .tt-btn-close:before {
                font-family: "wokiee";
                content: "\ea0f";
                color: #ffffff;
                font-size: 20px;
                line-height: 1;
                transition: color 0.2s linear;
            }

            .tt-top-panel .tt-row .tt-btn-close:hover:before {
                color: #ffffff;
            }

    .tt-top-panel.tt-color-dark {
        background: #191919;
    }

        .tt-top-panel.tt-color-dark a:not([class]) {
            color: #58676C;
        }

            .tt-top-panel.tt-color-dark a:not([class]):before {
                background-color: #58676C;
            }

        .tt-top-panel.tt-color-dark .tt-btn-close:before {
            color: #777777;
        }

        .tt-top-panel.tt-color-dark .tt-btn-close:hover:before {
            color: #ffffff;
        }

    .tt-top-panel.tt-color-02 {
        background-color: #373e48;
        color: #ffffff;
    }

    .tt-top-panel.tt-top-panel-large .tt-row {
        font-size: 15px;
        font-weight: 500;
    }

    .tt-top-panel.tt-top-panel-largexl .tt-text-large {
        font-size: 28px;
    }

    .tt-top-panel.tt-top-panel-largexl .tt-row {
        padding: 26px 15px 18px;
        font-size: 18px;
        font-weight: 500;
    }


.sepet-ekstra-indirim {
    color: #b70234;
    font-size: 14px;
}


/*
	modal custom
*/


.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (10px * 2));
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 24;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .modal-header .close {
        padding: 0;
        margin: 0 0 0 auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #e9ecef;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

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

    .modal-dialog-centered {
        min-height: calc(100% - (30px * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 1025px) {
    .modal-lg {
        max-width: 800px;
    }
}


/* modal layout */
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    -webkit-overflow-scrolling: touch;
    outline: none;
}

    .modal .modal-content {
        border-radius: 0;
        border: none;
    }

    .modal .modal-header {
        border: none;
        padding: 22px 20px 0px 20px;
        margin: 0;
    }

        .modal .modal-header .close {
            font-size: 24px;
            line-height: 24px;
            position: relative;
            z-index: 7;
            opacity: 1;
            transition: all 0.2s linear;
        }

    .modal .modal-title {
        font-size: 20px;
        line-height: 26px;
        margin: 34px 0 0 0;
        padding-bottom: 19px;
        letter-spacing: 0.02em;
    }

    .modal .modal-footer {
        border: none;
    }


.modal {
    text-align: center;
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    -webkit-overflow-scrolling: touch;
    outline: none;
}

    .modal .modal-dialog {
        display: inline-block;
        vertical-align: middle;
    }

@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: inherit;
    }
}

.modal .modal-header {
    height: 54px;
    position: relative;
}

    .modal .modal-header .close {
        width: 54px;
        height: 54px;
        top: -2px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        background: none;
        border: none;
        cursor: pointer;
        font-family: "wokiee";
        transition: all 0.2s linear;
    }

@media (min-width: 1025px) {
    .modal .modal-header .close {
        right: -52px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-header .close {
        right: -20px;
    }
}

.modal .modal-header .close:before {
    content: "\ea0f";
    font-size: 20px;
    line-height: 1;
}

.modal .modal-header .close:hover {
    color: #58676C;
}

.modal .modal-body:not(.no-background) {
    background-color: #ffffff;
    border-radius: 6px;
}

.modal .modal-body {
    overflow: hidden;
}

@media (min-width: 1025px) {
    .modal .modal-body {
        padding: 40px;
    }
}

@media (max-width: 1024px) {
    .modal .modal-body {
        padding: 30px;
    }
}

@media (max-width: 789px) {
    .modal .modal-body {
        padding: 25px;
    }
}

@media (max-width: 500px) {
    .modal .modal-body {
        padding: 20px;
    }
}

@media (max-width: 270px) {
    .modal .modal-body {
        padding: 15px;
    }
}

@media (min-width: 320px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}

.modal-backdrop {
    background: #000000;
}

    .modal-backdrop.show {
        opacity: 0.5;
    }
/*#parent_cart {
    margin-left: -19px !important;
}*/

#siparis_takip_sorgula {
    margin-right: -6px !important;
}



/*---------------------------------------*/
/*--------   11. Promo box       --------*/
/*---------------------------------------*/
@media (min-width: 576px) {
    .tt-layout-promo-box:not(.nomargin) {
        margin-top: -20px;
    }
}

@media (max-width: 575px) {
    .tt-layout-promo-box:not(.nomargin) {
        margin-top: -10px;
    }
}

@media (max-width: 790px) {
    .tt-list-sm-shift [class^="col-xs"] {
        order: 2;
    }
}

.tt-promo-box {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-promo-box:not(.nomargin) {
        margin-top: 20px;
    }

    .tt-promo-box > img {
        width: 100%;
        height: auto;
    }

    .tt-promo-box .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #777777;
        transition: color 0.2s linear;
    }

        .tt-promo-box .tt-description .tt-title-small {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 16px;
            line-height: 26px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

            .tt-promo-box .tt-description .tt-title-small span {
                transition: color 0.2s linear;
            }

        .tt-promo-box .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 26px;
            line-height: 34px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

            .tt-promo-box .tt-description .tt-title-large span {
                transition: color 0.2s linear;
            }

        .tt-promo-box .tt-description p {
            font-size: 14px;
            line-height: 22px;
            margin-top: 4px;
            transition: color 0.2s linear;
        }

        .tt-promo-box .tt-description [class^="btn"] {
            margin-top: 20px;
        }

        .tt-promo-box .tt-description img {
            max-width: 100%;
            height: auto;
        }

        .tt-promo-box .tt-description .custom-buttons > * {
            margin-top: 10px !important;
            margin-left: 10px;
            margin-right: 10px;
        }

@media (max-width: 1024px) {
    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 20px;
        line-height: 29px;
    }

    .tt-promo-box .tt-description p {
        margin-top: 0;
        line-height: 20px;
    }

    .tt-promo-box .tt-description [class^="btn"] {
        margin-top: 10px;
    }
}

.tt-promo-box .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-box .tt-point-v-t {
    align-items: flex-start;
}

.tt-promo-box .tt-point-v-b {
    align-items: flex-end;
}

.tt-promo-box .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

.tt-promo-box .tt-point-h-r {
    justify-content: flex-end;
    align-content: flex-start;
}

@media (max-width: 575px) {
    .tt-promo-box {
        margin-top: 10px;
    }
}

.tt-promo-box.tt-border-radius {
    border-radius: 6px;
}

html:not(.ie) .tt-promo-box .tt-description .tt-description-wrapper .tt-background {
    transition: all 0.2s linear;
}

.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
    padding: 27px;
    text-align: center;
    max-width: 409px;
    min-width: 47%;
    position: relative;
}

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper .tt-background {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        /*background: rgba(255, 255, 255, 0.9);*/
        background: rgba(197, 174,130, 0.7);
        border-radius: 5px;
    }

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper > *:not(.tt-background) {
        position: relative;
    }

@media (max-width: 1024px) {
    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 19px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 15px;
    }
}

@media (min-width: 576px) {
    .tt-promo-box:not(.tt-one-child) .tt-description img:first-child + * {
        margin-top: 24px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box:not(.tt-one-child) .tt-description img:first-child + * {
        margin-top: 12px;
    }
}

@media (min-width: 576px) {
    .tt-promo-box:not(.tt-one-child) .tt-description [class^="tt-title"] + img,
    .tt-promo-box:not(.tt-one-child) .tt-description p + img {
        margin-top: 11px;
        margin-bottom: 11px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box:not(.tt-one-child) .tt-description [class^="tt-title"] + img,
    .tt-promo-box:not(.tt-one-child) .tt-description p + img {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
    padding: 13px 39px 11px;
    text-align: center;
    max-width: 409px;
    position: relative;
}

    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper .tt-background {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 5px;
    }

    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper > *:not(.tt-background) {
        position: relative;
    }

@media (max-width: 1024px) {
    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
        padding: 13px 18px 11px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
        padding: 13px 15px 11px;
    }
}

.tt-promo-box.tt-one-child .tt-description img {
    max-width: inherit;
    width: 100%;
}

@media (max-width: 575px) {
    .tt-promo-box.tt-one-child .tt-description img {
        max-width: 147px;
    }
}

@media (min-width: 576px) {
    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) {
        margin-top: 6px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) {
        margin-top: 2px;
    }
}

@media (min-width: 576px) {
    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) + * {
        margin-top: 12px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) + * {
        margin-top: 9px;
    }
}

@media (min-width: 576px) {
    .tt-promo-box.tt-one-child .tt-description img:not(:first-child):not(:last-child) {
        margin-top: 11px;
        margin-bottom: 8px;
    }
}

@media (max-width: 575px) {
    .tt-promo-box.tt-one-child .tt-description img:not(:first-child):not(:last-child) {
        margin-top: 11px;
    }
}

.tt-promo-box:not(.hover-type-2):hover {
    text-decoration: none;
}

    .tt-promo-box:not(.hover-type-2):hover .tt-description-wrapper .tt-background {
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
    }

    .tt-promo-box:not(.hover-type-2):hover .tt-title-large {
        color: #191919;
    }

    .tt-promo-box:not(.hover-type-2):hover .tt-title-small {
        color: #191919;
    }

    .tt-promo-box:not(.hover-type-2):hover .btn-underline {
        border-color: transparent;
        color: #58676C;
    }

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .tt-background {
    background: rgba(40, 121, 254, 0.9);
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper *:not(.tt-base-color) {
    color: #ffffff;
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .btn-underline {
    border-color: transparent;
}

.tt-promo-box.hover-type-3:hover .tt-description-wrapper .tt-title-large:not(.tt-base-color) {
    color: #58676C;
}

    .tt-promo-box.hover-type-3:hover .tt-description-wrapper .tt-title-large:not(.tt-base-color) span {
        color: #58676C;
    }

.tt-promo-box.hover-type-4 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s linear;
}

.tt-promo-box.hover-type-4:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.tt-promo-box.tt-promo-layout02 .tt-description .tt-title-small {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: inherit;
}

.tt-promo-box.tt-promo-layout02 .tt-description .tt-title-large {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 17px;
    letter-spacing: inherit;
}

.tt-promo-box.tt-promo-layout02 .tt-description .tt-description-wrapper {
    max-width: inherit;
}

@media (min-width: 1025px) {
    .tt-promo-box.tt-promo-layout02 .tt-description .tt-description-wrapper {
        padding: 43px;
    }
}

@media (max-width: 1024px) {
    .tt-promo-box.tt-promo-layout02 .tt-description .tt-description-wrapper {
        padding: 0px;
    }
}

@media (max-width: 1024px) {
    .tt-promo-box.tt-promo-layout02 .tt-description .tt-title-small {
        font-size: 15px;
    }

    .tt-promo-box.tt-promo-layout02 .tt-description .tt-title-large {
        font-size: 23px;
        margin-top: 7px;
    }

    .tt-promo-box.tt-promo-layout02 .tt-description .btn {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/*
	tt-promo-fullwidth
*/
.tt-promo-fullwidth {
    display: block;
    position: relative;
    overflow: hidden;
}

    .tt-promo-fullwidth > img {
        width: 100%;
        height: auto;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #191919;
        transition: color 0.2s linear;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
            max-width: 700px;
            text-align: center;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 50px;
            line-height: 60px;
            font-weight: 500;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 90px;
            line-height: 90px;
            font-weight: 500;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
            font-family: "Hind", sans-serif;
            font-size: 16px;
            line-height: 22px;
            margin-top: 20px;
            font-weight: 300;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
            margin-top: 34px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description img {
            max-width: 100%;
            height: auto;
        }

@media (min-width: 1701px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 10% 17.6%;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 10% 8%;
    }
}

@media (max-width: 1400px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 10% 5%;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
            font-size: 40px;
            line-height: 50px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
            font-size: 65px;
            line-height: 75px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
            margin-top: 15px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
            margin-top: 27px;
        }
}

@media (max-width: 1100px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 10% 5%;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
            font-size: 35px;
            line-height: 45px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
            font-size: 50px;
            line-height: 60px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
            margin-top: 10px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
            margin-top: 20px;
        }
}

@media (max-width: 900px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
        font-size: 20px;
        line-height: 30px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
        font-size: 37px;
        line-height: 44px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
        margin-top: 5px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
        margin-top: 15px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
        max-width: 332px;
    }
}

@media (max-width: 789px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 5% 3%;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
            font-size: 17px;
            line-height: 25px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
            font-size: 30px;
            line-height: 35px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
            line-height: 20px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
            margin-top: 15px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
            max-width: 283px;
        }
}

@media (max-width: 657px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description {
        padding: 5% 10px;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
            font-size: 15px;
            line-height: 20px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
            font-size: 25px;
            line-height: 30px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
            font-size: 14px;
            line-height: 18px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
            margin-top: 10px;
        }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
            max-width: 251px;
        }
}

@media (max-width: 575px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 200px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
        font-size: 14px;
        line-height: 16px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
        font-size: 21px;
        line-height: 24px;
    }

        .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large br {
            display: none;
        }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description [class^="btn"] {
        margin-top: 5px;
    }
}

@media (max-width: 450px) {
    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-description-wrapper {
        padding-left: 5px;
        padding-right: 0px;
        max-width: 160px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-large {
        font-size: 17px;
        line-height: 20px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description .tt-title-small {
        font-size: 12px;
        line-height: 12px;
    }

    .tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description p {
        font-size: 12px;
        line-height: 14px;
    }
}

.tt-promo-fullwidth:not(.tt-layout-size-02) .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-fullwidth:not(.tt-layout-size-02) .tt-point-v-t {
    align-items: flex-start;
}

.tt-promo-fullwidth:not(.tt-layout-size-02) .tt-point-v-b {
    align-items: flex-end;
}

.tt-promo-fullwidth:not(.tt-layout-size-02) .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

.tt-promo-fullwidth:not(.tt-layout-size-02) .tt-point-h-r {
    justify-content: flex-end;
    align-content: flex-start;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #191919;
    transition: color 0.2s linear;
}

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
        max-width: 700px;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper:not(.text-left) {
            text-align: center;
        }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-small {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
        letter-spacing: 0.06em;
        transition: color 0.2s linear;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
        font-family: "Hind", sans-serif;
        color: #191919;
        font-size: 28px;
        line-height: 46px;
        font-weight: 500;
        transition: color 0.2s linear;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description [class^="btn"] {
        margin-top: 14px;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description img {
        max-width: 100%;
        height: auto;
    }

@media (min-width: 1701px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 17.6%;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 8%;
    }
}

@media (max-width: 1400px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 5%;
    }
}

@media (max-width: 1100px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 10% 5%;
    }
}

@media (max-width: 900px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
        max-width: 332px;
    }
}

@media (max-width: 789px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 5% 3%;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
            max-width: 283px;
        }
}

@media (max-width: 657px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description {
        padding: 5% 10px;
    }

        .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
            max-width: 251px;
        }
}

@media (max-width: 575px) {
    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-description-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 160px;
    }

    .tt-promo-fullwidth.tt-layout-size-02 .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 27px;
    }
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-point-v-t {
    align-items: flex-start;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-point-v-b {
    align-items: flex-end;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

.tt-promo-fullwidth.tt-layout-size-02 .tt-point-h-r {
    justify-content: flex-end;
    align-content: flex-start;
}

@media (max-width: 450px) {
    .tt-promo-fullwidth .tt-description:not(.tt-point-h-r):not(.tt-point-h-l) .tt-description-wrapper {
        max-width: 270px;
    }
}

.tt-promo-fullwidth.tt-promo-parallax {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 650px;
}

@media (max-width: 1199px) {
    .tt-promo-fullwidth.tt-promo-parallax {
        height: 550px;
    }
}

@media (max-width: 789px) {
    .tt-promo-fullwidth.tt-promo-parallax {
        height: 350px;
    }
}

@media (max-width: 451px) {
    .tt-promo-fullwidth.tt-promo-parallax {
        height: 250px;
    }
}

.tt-promo-fullwidth.tt-promo-parallax.bg-position-bottom {
    background-position: center bottom;
}

@media (min-width: 1025px) {
    body:not(.touch-device) .tt-promo-fullwidth.tt-promo-parallax {
        background-attachment: fixed;
    }
}

@media (min-width: 1701px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 10%;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 10%;
    }
}

@media (max-width: 1400px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 10% 12%;
    }
}

@media (max-width: 790px) {
    .container .tt-promo-fullwidth .tt-description {
        padding: 5% 5%;
    }
}

/*
	tt-promo-fullwidth-02
*/
.tt-promo-fullwidth-02 {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-promo-fullwidth-02 > img {
        width: 100%;
        height: auto;
    }

    .tt-promo-fullwidth-02 .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #777777;
        transition: color 0.2s linear;
    }

        .tt-promo-fullwidth-02 .tt-description .tt-description-wrapper {
            text-align: center;
        }

        .tt-promo-fullwidth-02 .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 34px;
            line-height: 44px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth-02 .tt-description p {
            font-size: 14px;
            line-height: 22px;
            margin-top: 23px;
            transition: color 0.2s linear;
        }

        .tt-promo-fullwidth-02 .tt-description img {
            max-width: 100%;
            height: auto;
        }

@media (max-width: 1024px) {
    .tt-promo-fullwidth-02 .tt-description .tt-title-large {
        font-size: 24px;
        line-height: 30px;
    }

    .tt-promo-fullwidth-02 .tt-description p {
        line-height: 19px;
        margin-top: 15px;
    }
}

@media (max-width: 789px) {
    .tt-promo-fullwidth-02 .tt-description .tt-title-large {
        font-size: 18px;
        line-height: 22px;
    }

    .tt-promo-fullwidth-02 .tt-description p {
        margin-top: 8px;
    }
}

@media (max-width: 575px) {
    .tt-promo-fullwidth-02 .tt-description .tt-title-large {
        font-size: 16px;
        line-height: 19px;
    }

        .tt-promo-fullwidth-02 .tt-description .tt-title-large br {
            display: none;
        }

    .tt-promo-fullwidth-02 .tt-description p {
        margin-top: 5px;
    }
}

.tt-promo-fullwidth-02 .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo-fullwidth-02 .tt-point-v-t {
    align-items: flex-start;
}

.tt-promo-fullwidth-02 .tt-point-v-b {
    align-items: flex-end;
}

.tt-promo-fullwidth-02 .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

.tt-promo-fullwidth-02 .tt-point-h-r {
    justify-content: flex-end;
    align-content: flex-start;
}

/* tt-promo-03 (listing banner aside) */
.tt-promo-03 {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-promo-03 > img {
        width: 100%;
        height: auto;
    }

.tt-content-aside:not(:last-child) {
    margin-bottom: 33px;
}

.tt-btn-col-close + .tt-content-aside {
    margin-top: 32px;
}

/* tt-promo-collection */
@media (min-width: 1025px) {
    .tt-collection-listing {
        margin-top: -38px;
    }

        .tt-collection-listing .tt-collection-item {
            margin-top: 38px;
        }
}

@media (max-width: 1024px) and (min-width: 576px) {
    .tt-collection-listing {
        margin-top: -40px;
    }

        .tt-collection-listing .tt-collection-item {
            margin-top: 40px;
        }
}

@media (max-width: 575px) {
    .tt-collection-listing {
        margin-top: -30px;
    }

        .tt-collection-listing .tt-collection-item {
            margin-top: 30px;
        }
}

.tt-collection-item {
    display: block;
}

    .tt-collection-item img {
        max-width: 100%;
        height: auto;
    }

    .tt-collection-item .tt-description {
        padding-top: 14px;
        position: relative;
        text-align: center;
    }

        .tt-collection-item .tt-description .tt-title {
            font-family: "Hind", sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #191919;
            transition: color 0.2s linear;
        }

            .tt-collection-item .tt-description .tt-title a {
                color: #191919;
            }

        .tt-collection-item .tt-description .tt-add-info {
            list-style: none;
            margin: 2px 0 0 0;
            padding: 0;
            display: flex;
            flex-direction: column;
        }

            .tt-collection-item .tt-description .tt-add-info li {
                font-size: 12px;
                line-height: 19px;
                color: #999999;
            }

    .tt-collection-item:hover .tt-description .tt-title {
        color: #58676C;
    }

    .tt-collection-item.hover-type-02 .tt-image-box {
        overflow: hidden;
    }

    .tt-collection-item.hover-type-02 img {
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
    }

    .tt-collection-item.hover-type-02:hover img {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }

@media (min-width: 576px) {
    .tt-layout-promo02 {
        margin-top: -20px;
    }
}

@media (max-width: 575px) {
    .tt-layout-promo02 {
        margin-top: -10px;
    }
}

.tt-promo02 {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-promo02 img {
        width: 100%;
        height: auto;
    }

    .tt-promo02 .image-box {
        overflow: hidden;
        display: block;
    }

        .tt-promo02 .image-box img {
            transition: -webkit-transform 1s;
            transition: transform 1s;
            transition: transform 1s, -webkit-transform 1s;
        }

    .tt-promo02 .tt-description {
        color: #777777;
    }

        .tt-promo02 .tt-description:not(:empty) {
            padding-top: 14px;
        }

        .tt-promo02 .tt-description .tt-title-small {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 16px;
            line-height: 26px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

        .tt-promo02 .tt-description .tt-title-large {
            font-family: "Hind", sans-serif;
            color: #191919;
            font-size: 26px;
            line-height: 34px;
            font-weight: 500;
            letter-spacing: 0.03em;
            transition: color 0.2s linear;
        }

        .tt-promo02 .tt-description a.tt-title {
            display: inline-block;
        }

            .tt-promo02 .tt-description a.tt-title:hover > * {
                color: #58676C;
            }

        .tt-promo02 .tt-description p {
            font-size: 14px;
            line-height: 22px;
            margin-top: 4px;
            transition: color 0.2s linear;
        }

            .tt-promo02 .tt-description p a {
                color: #58676C;
                text-decoration: underline;
            }

                .tt-promo02 .tt-description p a:hover {
                    text-decoration: none;
                }

            .tt-promo02 .tt-description p:first-child {
                margin-top: 1px;
            }

        .tt-promo02 .tt-description [class^="btn"] {
            margin-top: 20px;
        }

        .tt-promo02 .tt-description p + [class^="btn"] {
            margin-top: 12px;
        }

        .tt-promo02 .tt-description img {
            max-width: 100%;
            height: auto;
        }

@media (max-width: 1024px) {
    .tt-promo02 .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo02 .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .tt-promo02 .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px;
    }

    .tt-promo02 .tt-description .tt-title-large {
        font-size: 20px;
        line-height: 29px;
    }

    .tt-promo02 .tt-description p {
        margin-top: 0;
        line-height: 20px;
    }

    .tt-promo02 .tt-description [class^="btn"] {
        margin-top: 10px;
    }
}

.tt-promo02 .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-promo02 .tt-description [class^="btn"]:nth-child(1) {
    margin-top: 6px !important;
}

.tt-promo02.tt-no-btn:hover .tt-description .tt-title > * {
    color: #58676C;
}

.tt-promo02 .tt-description:first-child {
    padding-top: 0;
}

.tt-promo02 a {
    cursor: pointer;
}

.tt-promo02:hover .image-box img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

@media (max-width: 575px) {
    .tt-promo02 {
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .col-12-575width {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.tt-promo-box .tt-description .tt-color-white {
    color: #ffffff;
}

.tt-color-white {
    color: #ffffff !important;
}

.ah-social-icon{
    width:25px;
    height:25px;
}

.tt-stuck-parent-search {
    margin-left: -8px !important;
}
/* Main Loading */

.main-loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.27);
    z-index: 9999999;
}

    .main-loading .loader {
        position: relative;
        top: 50%;
        left: 0;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: -70px auto 0;
    }


.kampanya-banner-mobile {
    justify-content: center;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

/*@media (min-width: 480px) {
    .kampanya-banner {
        height: 200px;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .kampanya-banner {
        height: 150px;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .kampanya-banner {
        height: 100px;
        justify-content: center;
    }
}*/



@-webkit-keyframes fadeInUpSm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInLeftSm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftSm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRightSm {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightSm {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 1025px) {
    body.loaded .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 1025px) {
    body.loaded .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



.tt-label-new {
    background: #1393f5;
    color: #ffffff;
}

.tt-label-sale {
    background: #f8353e;
    color: #ffffff;
}

.tt-label-out-stock {
    background: #191919;
    color: #ffffff;
}

.tt-label-our-fatured {
    background: #fdbc20;
    color: #ffffff;
}

.tt-product-single-info .tt-label {
    margin-left: -10px;
    margin-top: -10px;
}

    .tt-product-single-info .tt-label [class^="tt-label"] {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 17px;
        padding: 4px 10px 2px;
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 6px;
    }

.tt-product-vertical-layout .tt-product-single-img {
    float: right;
    width: 82.7%;
    position: relative;
}

    .tt-product-vertical-layout .tt-product-single-img img {
        width: 100%;
        height: auto;
    }

.tt-product-vertical-layout .tt-product-single-carousel-vertical {
    margin: 0 0 44px 0;
    top: 0px;
    left: 0;
    width: 13.9%;
}

  
/* product-images-carousel */
.product-images-carousel {
    margin-top: 20px;
    padding-bottom: 57px;
}

    .product-images-carousel ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

       
        .product-images-carousel ul li {
            padding-right: 25px;
        }

    .product-images-carousel > *:nth-child(1) {
        margin-top: 0;
    }

    .product-images-carousel > *:nth-child(2) {
        margin-top: 20px;
    }



/*-------  1.3 Slider Slick  --------*/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

    .slick-slider img {
        width: 100%;
        height: auto;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-slider .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
        /*height:605px !important;*/
    }

        .slick-slider .slick-list:focus {
            outline: none;
        }

        .slick-slider .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
    }

        .slick-slider .slick-track:before, .slick-slider .slick-track:after {
            content: "";
            display: table;
        }

        .slick-slider .slick-track:after {
            clear: both;
        }

.slick-loading .slick-slider .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    padding: 0% 5% 0% 5%;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}
.tt-desctop-menu .tt-title-submenu + .slick-slider,
.tt-desctop-menu .tt-title-submenu + .tt-menu-slider {
    margin-top: 4px;
}
.tt-post-single .tt-post-content .tt-slick-row {
    margin-top: 20px;
}

@media (max-width: 575px) {
    .tt-post-single .tt-post-content .tt-slick-row {
        margin-top: 10px;
    }
}

/* product-col-image (product.html) */
.tt-product-single-img,
.product-images-col .item,
.product-images-static li,
.tt-mobile-product-slider .slick-slide,
.tt-mobile-product-layout {
    position: relative;
}

.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide {
        padding-bottom: 20px;
    }

        .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide img {
            opacity: 1;
        }

        .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide a {
            display: block;
            position: relative;
        }

            .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide a:before {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background: #ffffff;
                opacity: 0;
                transition: opacity 0.2s linear;
            }

        .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide:hover a:before,
        .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide .zoomGalleryActive:before {
            opacity: 0.6;
        }

.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-arrow {
    top: auto;
    bottom: -33px;
    position: absolute;
    margin-top: 0;
    z-index: 2;
}

.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider:before {
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to bottom, #ffffff, white 20%);
}

/* product-images-carousel */
.product-images-carousel {
    margin-top: 20px;
    padding-bottom: 57px;
}

    .product-images-carousel ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .product-images-carousel ul .slick-list {
            margin-right: -25px;
        }

        .product-images-carousel ul li {
            padding-right: 25px;
        }

    .product-images-carousel > *:nth-child(1) {
        margin-top: 0;
    }

    .product-images-carousel > *:nth-child(2) {
        margin-top: 20px;
    }

    .product-images-carousel .slick-slider .slick-slide a {
        display: block;
        position: relative;
    }

        .product-images-carousel .slick-slider .slick-slide a:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background: #ffffff;
            opacity: 0;
            transition: opacity 0.2s linear;
        }

    .product-images-carousel .slick-slider .slick-slide:hover a:before,
    .product-images-carousel .slick-slider .slick-slide .zoomGalleryActive:before {
        opacity: 0.6;
    }


@media (min-width: 1025px) {
    .custom-single-page .tt-product-single-info {
        padding-left: 19px;
        padding-right: 19px;
    }

    .custom-single-page .tt-slick-button-vertical .slick-arrow {
        width: 28px;
        height: 28px;
    }

        .custom-single-page .tt-slick-button-vertical .slick-arrow:before {
            font-size: 15px;
        }

    .custom-single-page .tt-slick-button-vertical .slick-next {
        left: 32px;
    }

    .custom-single-page .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-arrow {
        bottom: -21px;
    }
}

@media (min-width: 1230px) {
    .custom-single-page .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide {
        padding-bottom: 17px;
    }
}

@media (max-width: 1229px) and (min-width: 1025px) {
    .custom-single-page .tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide {
        padding-bottom: 16px;
    }
}

/* tt-carousel-lookbook */
.tt-carousel-lookbook.arrow-location-center .slick-slide {
    padding: 0 10px;
}

.tt-carousel-lookbook.arrow-location-center .slick-prev {
    left: 15px;
}

.tt-carousel-lookbook.arrow-location-center .slick-next {
    right: 15px;
}

/*---------------------------------------*/
/*-------    16. Slider Slick       -----*/
/*---------------------------------------*/
/*
	 main slider "Slick" - full height and full width (* index-slick-slider.html)
*/
.mainSlider-layout {
    position: relative;
}

@media (min-width: 1025px) {
    .mainSliderSlick {
        height: calc(100vh - 50px);
    }
}

@media (max-width: 1024px) and (min-width: 551px) {
    .mainSliderSlick {
        height: 354px;
    }
}

@media (max-width: 550px) {
    .mainSliderSlick {
        height: 300px;
    }
}

.mainSliderSlick .container {
    position: relative;
}

.mainSliderSlick .slide .img--holder {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

@media (min-width: 1025px) {
    .mainSliderSlick .slide .img--holder {
        height: calc(100vh - 50px);
    }
}

@media (max-width: 1024px) and (min-width: 551px) {
    .mainSliderSlick .slide .img--holder {
        height: 354px;
    }
}

@media (max-width: 550px) {
    .mainSliderSlick .slide .img--holder {
        height: 300px;
    }
}

.mainSliderSlick .slide .slide-content {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    /* slide layout */
}

@media (min-width: 1025px) {
    .mainSliderSlick .slide .slide-content {
        padding-left: 25%;
        padding-right: 25%;
    }
}

@media (max-width: 1024px) {
    .mainSliderSlick .slide .slide-content {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media (max-width: 550px) {
    .mainSliderSlick .slide .slide-content {
        padding-left: 7%;
        padding-right: 7%;
    }
}

.mainSliderSlick .slide .slide-content div[class^="tp-caption-"] {
    color: #191919;
    font-family: "Hind", sans-serif;
    text-align: center;
}

    .mainSliderSlick .slide .slide-content div[class^="tp-caption-"]:first-child {
        margin-top: 0px;
    }

@media (min-width: 1025px) {
    .mainSliderSlick .slide .slide-content .tp-caption-01-01 {
        font-size: 36px;
        line-height: 1.1;
        font-weight: 400;
        text-align: center;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-01-02 {
        font-size: 70px;
        line-height: 0.97;
        font-weight: 500;
        margin-top: 8px;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-01-03 {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 300;
        margin-top: 23px;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-btn {
        margin-top: 35px;
    }
}

@media (max-width: 1024px) {
    .mainSliderSlick .slide .slide-content .tp-caption-01-01 {
        font-size: 25px;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-01-02 {
        font-size: 40px;
        line-height: 1;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-01-03 {
        font-size: 14px;
        margin-top: 8px;
    }

    .mainSliderSlick .slide .slide-content .tp-caption-btn {
        margin-top: 15px;
    }
}

@media (max-width: 550px) {
    .mainSliderSlick .slide .slide-content .tp-caption-01-01 {
        font-size: 15px;
    }

        .mainSliderSlick .slide .slide-content .tp-caption-01-01 br {
            display: none;
        }

    .mainSliderSlick .slide .slide-content .tp-caption-01-02 {
        font-size: 25px;
        line-height: 1;
    }

        .mainSliderSlick .slide .slide-content .tp-caption-01-02 br {
            display: none;
        }

    .mainSliderSlick .slide .slide-content .tp-caption-01-03 {
        font-size: 13px;
        line-height: 1.2;
        font-weight: 300;
        margin-top: 8px;
    }

        .mainSliderSlick .slide .slide-content .tp-caption-01-03 br {
            display: none;
        }

    .mainSliderSlick .slide .slide-content .tp-caption-btn {
        margin-top: 15px;
    }
}

.mainSliderSlick .slick-arrow:active {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    color: #dadada;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

.mainSliderSlick .slick-arrow:hover {
    color: #191919;
}

.mainSliderSlick .slick-arrow:before {
    font-family: "wokiee";
    font-size: 30px;
    line-height: 1;
}

.mainSliderSlick .slick-prev {
    left: 8px;
}

@media (max-width: 575px) {
    .mainSliderSlick .slick-prev {
        left: 0;
    }
}

.mainSliderSlick .slick-prev:before {
    content: "\e90d";
}

.mainSliderSlick .slick-next {
    right: 8px;
}

@media (max-width: 575px) {
    .mainSliderSlick .slick-next {
        right: 0;
    }
}

.mainSliderSlick .slick-next:before {
    content: "\e90e";
}

.mainSliderSlick .slick-dots {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
}

    .mainSliderSlick .slick-dots li {
        display: inline-block;
    }

        .mainSliderSlick .slick-dots li button {
            background: #dadada;
        }

            .mainSliderSlick .slick-dots li button:hover {
                background: #191919;
            }

        .mainSliderSlick .slick-dots li.slick-active button {
            background: #191919;
        }


/*
	tt-slick-main-item
*/
.tt-slick-slider {
    z-index: 1;
}

    .tt-slick-slider .slick-dots {
        position: absolute;
        bottom: 9%;
    }

.tt-slick-main-item {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tt-slick-main-item > img {
        width: 100%;
        height: auto;
    }

    .tt-slick-main-item .tt-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 40px 95px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        transition: color 0.2s linear;
    }

@media (min-width: 1025px) {
    .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper {
        margin-right: 8%;
    }
}

@media (max-width: 1024px) {
    .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper {
        margin-right: 2%;
        width: 270px;
    }
}

@media (max-width: 500px) {
    .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper {
        width: 270px;
    }
}

@media (min-width: 1025px) {
    .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {
        margin-left: 8%;
    }
}

@media (max-width: 1024px) {
    .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {
        margin-left: 2%;
        width: 270px;
    }
}

@media (max-width: 500px) {
    .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {
        width: 270px;
    }
}

.tt-slick-main-item .tt-description .tt-description-wrapper {
    width: 558px;
    text-align: center;
}

.tt-slick-main-item .tt-description .tt-title-small {
    font-family: "Hind", sans-serif;
    color: #191919;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 0.03em;
    transition: color 0.2s linear;
}

.tt-slick-main-item .tt-description .tt-title-large {
    font-family: "Hind", sans-serif;
    color: #191919;
    font-size: 70px;
    line-height: 0.97;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-top: 8px;
    transition: color 0.2s linear;
}

.tt-slick-main-item .tt-description p {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 23px;
    color: #191919;
    transition: color 0.2s linear;
}

.tt-slick-main-item .tt-description [class^="btn"] {
    margin-top: 35px;
}

.tt-slick-main-item .tt-description img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1229px) {
    .tt-slick-main-item .tt-description .tt-title-small {
        font-size: 26px;
        line-height: 1.1;
    }

        .tt-slick-main-item .tt-description .tt-title-small br {
            display: none;
        }

    .tt-slick-main-item .tt-description .tt-title-large {
        font-size: 50px;
        line-height: 0.97;
        margin-top: 8px;
    }

        .tt-slick-main-item .tt-description .tt-title-large br {
            display: none;
        }

    .tt-slick-main-item .tt-description p {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 6px;
    }

        .tt-slick-main-item .tt-description p br {
            display: none;
        }

    .tt-slick-main-item .tt-description [class^="btn"] {
        margin-top: 13px;
    }
}

@media (max-width: 1024px) {
    .tt-slick-main-item .tt-description .tt-title-small {
        font-size: 25px;
        line-height: 1.1;
    }

    .tt-slick-main-item .tt-description .tt-title-large {
        font-size: 40px;
        line-height: 0.97;
        margin-top: 8px;
    }

    .tt-slick-main-item .tt-description p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 8px;
    }

    .tt-slick-main-item .tt-description [class^="btn"] {
        margin-top: 15px;
    }
}

@media (max-width: 790px) {
    .tt-slick-main-item .tt-description {
        padding: 20px 5%;
    }

        .tt-slick-main-item .tt-description .tt-title-small {
            font-size: 15px;
            line-height: 1.1;
        }

        .tt-slick-main-item .tt-description .tt-title-large {
            font-size: 25px;
            line-height: 1;
            margin-top: 8px;
        }

        .tt-slick-main-item .tt-description p {
            font-size: 13px;
            line-height: 1.2;
            margin-top: 5px;
        }

        .tt-slick-main-item .tt-description [class^="btn"] {
            margin-top: 9px;
        }
}

@media (max-width: 460px) {
    .tt-slick-main-item .tt-description {
        padding: 15px 7%;
    }

        .tt-slick-main-item .tt-description .tt-title-small {
            font-size: 13px;
            line-height: 1.1;
        }

        .tt-slick-main-item .tt-description .tt-title-large {
            font-size: 20px;
            line-height: 1;
            margin-top: 5px;
        }

        .tt-slick-main-item .tt-description p {
            font-size: 12px;
            line-height: 1.2;
            margin-top: 4px;
        }

        .tt-slick-main-item .tt-description [class^="btn"] {
            margin-top: 7px;
            height: 30px;
            padding-left: 15px;
            padding-right: 15px;
        }
}

.tt-slick-main-item .tt-description *:nth-child(1) {
    margin-top: 0;
}

.tt-slick-main-item .tt-point-v-t {
    align-items: flex-start;
}

.tt-slick-main-item .tt-point-v-b {
    align-items: flex-end;
}

.tt-slick-main-item .tt-point-h-l {
    justify-content: flex-start;
    align-content: flex-start;
}

.tt-slick-main-item .tt-point-h-r {
    justify-content: flex-end;
    align-content: flex-start;
}

/* arrow-slick-main */
.arrow-slick-main.slick-slider .slick-arrow,
.arrow-slick-main.slick-slider .slick-arrow:active {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    color: #dadada;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-slick-main.slick-slider .slick-arrow:hover {
        color: #191919;
    }

    .arrow-slick-main.slick-slider .slick-arrow:before {
        font-family: "wokiee";
        font-size: 30px;
        line-height: 1;
    }

.arrow-slick-main.slick-slider .slick-prev {
    left: 8px;
}

@media (max-width: 575px) {
    .arrow-slick-main.slick-slider .slick-prev {
        left: 0;
    }
}

.arrow-slick-main.slick-slider .slick-prev:before {
    content: "\e90d";
}

.arrow-slick-main.slick-slider .slick-next {
    right: 8px;
}

@media (max-width: 575px) {
    .arrow-slick-main.slick-slider .slick-next {
        right: 0;
    }
}

.arrow-slick-main.slick-slider .slick-next:before {
    content: "\e90e";
}

.arrow-slick-main.slick-slider .slick-dots li button {
    background: #dadada;
}

    .arrow-slick-main.slick-slider .slick-dots li button:hover {
        background: #191919;
    }

.arrow-slick-main.slick-slider .slick-dots li.slick-active button {
    background: #191919;
}


.tt-compare-table.slick-init {
    position: relative;
    margin-top: 37px;
}

.tt-compare-table .slick-arrow {
    position: absolute;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

.tt-compare-table .slick-track {
    margin: 0;
}

.tt-compare-table .slick-arrow:hover {
    background: #58676C;
    color: #ffffff;
}

.tt-compare-table .slick-arrow:before {
    font-family: "wokiee";
    font-size: 20px;
    line-height: 1;
}

.tt-compare-table .slick-prev:before {
    content: "\e90d";
}

.tt-compare-table .slick-next:before {
    content: "\e90e";
}

.tt-compare-table .slick-arrow {
    top: -59px;
}

.tt-compare-table .slick-prev {
    right: 47px;
}

.tt-compare-table .slick-next {
    right: 0px;
}


.tt-compare-table02.slick-init {
    position: relative;
    margin-top: 37px;
}

.tt-compare-table02 .slick-arrow {
    position: absolute;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

.tt-compare-table02 .slick-track {
    width: 912px !important; /*burada*/
    margin: 0;
}

.tt-compare-table02 .slick-arrow:hover {
    background: #58676C;
    color: #ffffff;
}

.tt-compare-table02 .slick-arrow:before {
    font-family: "wokiee";
    font-size: 20px;
    line-height: 1;
}

.tt-compare-table02 .slick-prev:before {
    content: "\e90d";
}

.tt-compare-table02 .slick-next:before {
    content: "\e90e";
}

.tt-compare-table02 .slick-arrow {
    top: -59px;
}

.tt-compare-table02 .slick-prev {
    right: 47px;
}

.tt-compare-table02 .slick-next {
    right: 0px;
}

.tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu + .slick-slider,
.tt-menu-categories .tt-dropdown-menu nav > ul .tt-title-submenu + .tt-menu-slider {
    margin-top: 4px;
}

/* menu slick slider */
.arrow-location-03 .slick-arrow {
    top: -27px;
}

.arrow-location-03 .slick-prev {
    left: inherit;
}

    .arrow-location-03 .slick-next:before, .arrow-location-03 .slick-prev:before {
        color: #777777;
        opacity: 1;
    }


/*
	slick
*/
/*tt-carousel-products*/
.tt-carousel-products.slick-slider .slick-slide[class^="col-"] {
    max-width: inherit;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-animated-show-js {
    opacity: 0;
    transition: opacity 0.2s linear;
}

    .slick-animated-show-js.slick-initialized {
        opacity: 1;
    }

.slick-track {
    margin: auto;
}

.tt-slick-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
}

/* (blog-single-post-gallery.html) */
.tt-slick-button {
    font-size: 0;
    line-height: 0;
}

    .tt-slick-button .slick-arrow {
        z-index: 7;
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        background: none;
        border: none;
        width: 38px;
        height: 38px;
        background: #f7f8fa;
        color: #191919;
        font-weight: 500;
        border-radius: 50%;
        transition: all 0.2s linear;
    }

        .tt-slick-button .slick-arrow:hover {
            background: #58676C;
            color: #ffffff;
        }

        .tt-slick-button .slick-arrow:before {
            font-family: "wokiee";
            font-size: 20px;
            line-height: 1;
        }

    .tt-slick-button .slick-prev:before {
        content: "\e90d";
    }

    .tt-slick-button .slick-next {
        margin-left: 4px;
    }

        .tt-slick-button .slick-next:before {
            content: "\e90e";
        }

/* slick (product.html) */
.tt-slick-button-vertical {
    font-size: 0;
    line-height: 0;
}

    .tt-slick-button-vertical .slick-arrow {
        z-index: 7;
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        background: none;
        border: none;
        width: 38px;
        height: 38px;
        background: #f7f8fa;
        color: #191919;
        font-weight: 500;
        border-radius: 50%;
        transition: all 0.2s linear;
    }

        .tt-slick-button-vertical .slick-arrow:hover {
            background: #58676C;
            color: #ffffff;
        }

        .tt-slick-button-vertical .slick-arrow:before {
            font-family: "wokiee";
            font-size: 20px;
            line-height: 1;
        }

    .tt-slick-button-vertical .slick-prev:before {
        content: "\e90f";
    }

    .tt-slick-button-vertical .slick-next {
        left: 42px;
    }

        .tt-slick-button-vertical .slick-next:before {
            content: "\e90c";
        }

.tt-slick-quantity {
    font-size: 14px;
    line-height: 1;
    color: #989898;
    font-family: "Hind", sans-serif;
}

    .tt-slick-quantity .account-number {
        font-size: 20px;
        color: #191919;
    }

/* arrow-location-01 (blog listing pages)*/
.arrow-location-01 .slick-arrow {
    position: absolute;
    bottom: 10px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #ffffff;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-01 .slick-arrow:hover {
        background: #58676C;
        color: #ffffff;
    }

    .arrow-location-01 .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-01 .slick-prev {
    right: 57px;
}

    .arrow-location-01 .slick-prev:before {
        content: "\e90d";
    }

.arrow-location-01 .slick-next {
    right: 10px;
}

    .arrow-location-01 .slick-next:before {
        content: "\e90e";
    }

/* arrow-location-02 (product-02.html)*/
.arrow-location-02 .slick-arrow {
    position: absolute;
    bottom: -58px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-02 .slick-arrow:hover {
        background: #58676C;
        color: #ffffff;
    }

    .arrow-location-02 .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-02 .slick-prev {
    left: 0px;
}

    .arrow-location-02 .slick-prev:before {
        content: "\e90d";
    }

.arrow-location-02 .slick-next {
    left: 47px;
}

    .arrow-location-02 .slick-next:before {
        content: "\e90e";
    }

/* arrow-location-03 (desktop menu)*/
.arrow-location-03 .slick-arrow {
    position: absolute;
    top: -46px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    font-weight: 500;
    color: #191919;
    background: transparent;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-03 .slick-arrow:hover {
        color: #58676C;
        background: transparent;
    }

    .arrow-location-03 .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-03 .slick-prev {
    right: 20px;
}

    .arrow-location-03 .slick-prev:before {
        content: "\e90d";
    }

.arrow-location-03 .slick-next {
    right: -4px;
}

    .arrow-location-03 .slick-next:before {
        content: "\e90e";
    }

/* arrow-location-tab (index pages) */
.arrow-location-tab .slick-arrow {
    position: absolute;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    color: #191919;
    background: #f7f8fa;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-tab .slick-arrow:hover {
        background: #58676C;
        color: #ffffff;
    }

    .arrow-location-tab .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-tab .slick-prev:before {
    content: "\e90d";
    margin-right: 2px;
}

.arrow-location-tab .slick-next:before {
    content: "\e90e";
    margin-left: 2px;
}

@media (min-width: 1025px) {
    .arrow-location-tab.arrow-location-tab01 .slick-arrow {
        top: -43px;
    }

    .arrow-location-tab .slick-arrow {
        top: -33px;
    }

    .arrow-location-tab .slick-prev {
        right: 57px;
    }

    .arrow-location-tab .slick-next {
        right: 10px;
    }
}

@media (max-width: 1024px) {
    .arrow-location-tab .slick-arrow {
        top: 50%;
    }

    .arrow-location-tab .slick-prev {
        left: 0px;
    }

    .arrow-location-tab .slick-next {
        right: 0px;
    }
}

/* arrow-location-right-top (product single pages)*/
.arrow-location-right-top .slick-arrow {
    position: absolute;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-right-top .slick-arrow:hover {
        background: #58676C;
        color: #ffffff;
    }

    .arrow-location-right-top .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-right-top .slick-prev:before {
    content: "\e90d";
}

.arrow-location-right-top .slick-next:before {
    content: "\e90e";
}

@media (min-width: 1025px) {
    .arrow-location-right-top .slick-arrow {
        top: -28px;
    }

    .arrow-location-right-top .slick-prev {
        right: 57px;
    }

    .arrow-location-right-top .slick-next {
        right: 10px;
    }
}

@media (max-width: 1024px) {
    .arrow-location-right-top .slick-arrow {
        top: 50%;
    }

    .arrow-location-right-top .slick-prev {
        left: 0px;
    }

    .arrow-location-right-top .slick-next {
        right: 0px;
    }
}

/* arrow-location-center (quickViewModal)*/
.arrow-location-center .slick-arrow,
.arrow-location-center .slick-arrow:active {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    color: #dadada;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-center .slick-arrow:hover {
        color: #191919;
    }

    .arrow-location-center .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-center .slick-prev {
    left: 0px;
}

    .arrow-location-center .slick-prev:before {
        content: "\e90d";
    }

.arrow-location-center .slick-next {
    right: 0px;
}

    .arrow-location-center .slick-next:before {
        content: "\e90e";
    }

/* arrow-location-center-02 (index-07.html)*/
.arrow-location-center-02 .slick-arrow,
.arrow-location-center-02 .slick-arrow:active {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-center-02 .slick-arrow:hover {
        color: #ffffff;
        background: #58676C;
    }

    .arrow-location-center-02 .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-center-02 .slick-prev {
    left: 0px;
}

    .arrow-location-center-02 .slick-prev:before {
        content: "\e90d";
        margin-right: 2px;
    }

.arrow-location-center-02 .slick-next {
    right: 0px;
}

    .arrow-location-center-02 .slick-next:before {
        content: "\e90e";
        margin-left: 2px;
    }

/* arrow-location-center-02 (index-07.html)*/
.arrow-location-center-03 .slick-arrow,
.arrow-location-center-03 .slick-arrow:active {
    position: absolute;
    top: 50%;
    z-index: 7;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    .arrow-location-center-03 .slick-arrow:hover {
        color: #ffffff;
        background: #58676C;
    }

    .arrow-location-center-03 .slick-arrow:before {
        font-family: "wokiee";
        font-size: 20px;
        line-height: 1;
    }

.arrow-location-center-03 .slick-prev {
    left: 0px;
}

    .arrow-location-center-03 .slick-prev:before {
        content: "\e90d";
        margin-right: 2px;
    }

.arrow-location-center-03 .slick-next {
    right: 0px;
}

    .arrow-location-center-03 .slick-next:before {
        content: "\e90e";
        margin-left: 2px;
    }

@media (min-width: 1025px) and (max-width: 1229px) {
    .arrow-location-center-03 .slick-arrow {
        top: 92px !important;
    }
}

@media (min-width: 1230px) {
    .arrow-location-center-03 .slick-arrow {
        top: 118px !important;
    }
}

body:not(.touch-device) .arrow-location-center-02.tt-arrow-hover .slick-arrow {
    opacity: 0;
}

body:not(.touch-device) .arrow-location-center-02.tt-arrow-hover:hover .slick-arrow {
    opacity: 1;
}

/* slick - style */
.slick-slider .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 22px;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
}

    .slick-slider .slick-dots li {
        margin: 0 3px;
        padding: 0 2px;
        cursor: pointer;
    }

        .slick-slider .slick-dots li button {
            width: 14px;
            height: 14px;
            background: #dadada;
            border: none;
            border-radius: 50%;
            font-size: 0;
            line-height: 0;
            cursor: pointer;
        }

        .slick-slider .slick-dots li:hover button {
            background: #191919;
        }

    .slick-slider .slick-dots .slick-active button {
        background: #191919;
    }

/* (blog masonry col) */
.tt-arrow-type-02.slick-slider .slick-arrow {
    background: #f7f8fa;
    color: #dadada;
}

    .tt-arrow-type-02.slick-slider .slick-arrow:hover {
        background: #f7f8fa;
        color: #191919;
    }

.tt-arrow-type-02.slick-slider .slick-next {
    right: 20px;
}

.tt-arrow-type-02.slick-slider .slick-prev {
    left: 20px;
}

.wrapper-social-icon {
    background: #f7f8fa;
    padding: 12px 5px 10px;
}

/* tt-carousel-brands */
.tt-carousel-brands {
    margin: 4px 0px -4px;
}

    .tt-carousel-brands .slick-slide {
        text-align: center;
    }

    .tt-carousel-brands a {
        display: inline-block;
        padding: 0 20px;
    }

        .tt-carousel-brands a img {
            height: auto;
            width: 100%;
            max-width: 131px;
            opacity: 0.2;
        }

        .tt-carousel-brands a:hover img {
            opacity: 1;
        }

html:not(.mac):not(.touch-device) .tt-carousel-brands .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}


@media (max-width: 790px) {
    .js-objdata-slider .slick-slide {
        padding-left: 20px;
        padding-right: 20px;
    }

    .js-objdata-slider .obj-data {
        margin-bottom: 27px;
    }
}


.js-objdata-slider.slick-slider .slick-dots {
    position: relative;
    margin-top: 0;
}

.tt-mobile-product-slider .slick-dots {
    position: relative;
    margin-top: 7px;
    padding: 0 19px;
}

    .tt-mobile-product-slider .slick-dots li {
        margin: 0 0px;
        padding: 2px 2px;
        line-height: 0;
    }

        .tt-mobile-product-slider .slick-dots li button {
            width: 10px;
            height: 10px;
            padding: 0;
            background: #dadada;
            border: 1px solid #dadada;
            transition: all 0.2s linear;
            position: relative;
        }

            .tt-mobile-product-slider .slick-dots li button:before {
                content: '';
                display: block;
                width: calc(100% + 2px);
                height: calc(100% + 2px);
                border-radius: 50%;
                position: absolute;
                left: -1px;
                top: -1px;
                border: 1px solid #191919;
                background: #191919;
                border-right: 50%;
                opacity: 0;
                transition: all 0.2s linear;
            }

        .tt-mobile-product-slider .slick-dots li:hover button {
            background: #F7F8FA;
            border-color: #E9E7E7;
        }

    .tt-mobile-product-slider .slick-dots .slick-active {
        pointer-events: none;
    }

        .tt-mobile-product-slider .slick-dots .slick-active button {
            background: #191919;
        }

            .tt-mobile-product-slider .slick-dots .slick-active button:before {
                opacity: 1;
            }

.slick-dots-02 .slick-dots li button {
    background: transparent;
    border-color: #191919;
}

    .slick-dots-02 .slick-dots li button:before {
        background: transparent;
        border-color: #417DFB;
        border-width: 1px;
    }

.slick-dots-02 .slick-dots li:hover button {
    border-color: #417DFB;
}

.slick-dots-02 .slick-dots .slick-active button {
    background: transparent;
}

    .slick-dots-02 .slick-dots .slick-active button:before {
        opacity: 1;
        border-width: 2px;
    }



@media (max-width: 1024px) {
    .div-quickview-picture {
        max-width: 300px;
        max-height: 516px;
    }
    .div-quickview-text {
        max-width: 350px;
        max-height: 508px;
    }
}

@media (min-width: 1025px) {
    .div-quickview-picture {
        max-width: 400px;
        max-height: 605px;
    }

    .div-quickview-text {
        max-width: 400px;
        max-height: 605px;
    }
}

/*---------------------------------------*/
/*-------  15. Slider Revolution    -----*/
/*---------------------------------------*/
.slider-revolution {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

    .slider-revolution video {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
    }

    .slider-revolution .tp-dottedoverlay {
        z-index: 1;
    }

        .slider-revolution .tp-dottedoverlay.twoxtwo {
            background: none;
        }

    .slider-revolution .tp-bullets {
        bottom: 7% !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .slider-revolution .tp-bullets .bullet {
            width: 14px;
            height: 14px;
            background-color: #dadada;
            margin: 0 5px;
            border-radius: 50%;
            cursor: pointer;
        }

            .slider-revolution .tp-bullets .bullet.selected {
                background-color: #191919;
            }

@media (max-width: 575px) {
    .slider-revolution .tp-bullets {
        display: none;
    }
}

.slider-revolution.slider-revolution__dots-b-r .tp-bullets {
    margin-left: 0 !important;
    bottom: 20px !important;
    right: 20px !important;
    left: inherit !important;
}

.slider-revolution.slider-revolution__dots-color02 .tp-bullets .bullet {
    margin: 0 7px;
    background-color: #ffffff;
}

    .slider-revolution.slider-revolution__dots-color02 .tp-bullets .bullet:hover, .slider-revolution.slider-revolution__dots-color02 .tp-bullets .bullet.selected {
        opacity: 0.5;
    }

.slider-revolution.slider-revolution__arrows-none .tp-leftarrow, .slider-revolution.slider-revolution__arrows-none .tp-rightarrow {
    display: none !important;
}

.slider-revolution .video-play a {
    font-size: 40px;
    line-height: 40px;
    color: #c2c2c2;
}

@media (max-width: 500px) {
    .slider-revolution .video-play a {
        font-size: 35px;
        line-height: 35px;
    }
}

.slider-revolution .video-play a:hover {
    color: #58676C;
}

.slider-revolution .video-play .btn-pause {
    display: none;
}

.slider-revolution .video-play.pause .btn-play {
    display: none;
}

.slider-revolution .video-play.pause .btn-pause {
    display: block;
}

.slider-revolution .tp-caption1 {
    text-align: center;
    color: #191919;
}

.slider-revolution .tp-caption1-wd-1 {
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

.slider-revolution .tp-caption1-wd-2 {
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

.slider-revolution .tp-caption1-wd-3 {
    font-weight: 300;
    font-family: "Hind", sans-serif;
}

.slider-revolution [class^="btn"] {
    position: inherit;
    background-color: #58676C;
    color: #ffffff;
}

    .slider-revolution [class^="btn"]:hover {
        background-color: #2267d8;
        color: #ffffff;
    }

@media (min-width: 1230px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 50px;
        line-height: 1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 90px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 16px;
        line-height: 1;
        margin-top: 15px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 36px;
    }
}

@media (min-width: 1025px) and (max-width: 1229px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 40px;
        line-height: 1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 70px;
        line-height: 1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 16px;
        line-height: 1;
        margin-top: 18px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 36px;
    }
}

@media (min-width: 790px) and (max-width: 1024px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 30px;
        line-height: 1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 50px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 15px;
        line-height: 1.2;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 27px;
    }
}

@media (min-width: 576px) and (max-width: 789px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 25px;
        line-height: 1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 35px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 10px;
        max-width: 250px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 17px;
    }
}

@media (min-width: 461px) and (max-width: 575px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 15px;
        line-height: 1.1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 25px;
        line-height: 1.1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        max-width: 250px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 12px;
    }
}

@media (max-width: 460px) {
    .slider-revolution .tp-caption1-wd-1 {
        font-size: 15px;
        line-height: 1.1;
    }

    .slider-revolution .tp-caption1-wd-2 {
        font-size: 19px;
        line-height: 1.1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption1-wd-3 {
        font-size: 12px;
        line-height: 1.3;
        max-width: 184px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption1-wd-4 {
        margin-top: 10px;
    }

    .slider-revolution [class^="btn"] {
        height: 34px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.slider-revolution .tp-caption2 {
    text-align: center;
}

.slider-revolution .tp-caption2-wd-1 {
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

.slider-revolution .tp-caption2-wd-2 {
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

@media (min-width: 1230px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: 0.03em;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 90px;
        line-height: 1;
        margin-top: 5px;
        letter-spacing: 0.03em;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 16px;
        line-height: 1;
        margin-top: 25px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 37px;
    }
}

@media (min-width: 1025px) and (max-width: 1229px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 40px;
        line-height: 1;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 70px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 16px;
        line-height: 1;
        margin-top: 18px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 37px;
    }
}

@media (min-width: 790px) and (max-width: 1024px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 30px;
        line-height: 1;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 50px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 15px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 27px;
    }
}

@media (min-width: 576px) and (max-width: 789px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 25px;
        line-height: 1;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 30px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 10px;
        max-width: 250px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 17px;
    }
}

@media (min-width: 461px) and (max-width: 575px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 15px;
        line-height: 1;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 25px;
        line-height: 1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        max-width: 250px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 12px;
    }
}

@media (max-width: 460px) {
    .slider-revolution .tp-caption2-wd-1 {
        font-size: 15px;
        line-height: 1;
    }

    .slider-revolution .tp-caption2-wd-2 {
        font-size: 19px;
        line-height: 1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption2-wd-3 {
        font-size: 12px;
        line-height: 1.2;
        max-width: 184px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption2-wd-4 {
        margin-top: 7px;
    }

    .slider-revolution [class^="btn"] {
        height: 34px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.slider-revolution .tp-caption3 {
    text-align: center;
}

.slider-revolution .tp-caption3-wd-1 {
    font-weight: 600;
    font-family: "Hind", sans-serif;
}

.slider-revolution .tp-caption3-wd-2 {
    font-weight: 600;
    font-family: "Hind", sans-serif;
    margin-top: 14px;
}

.slider-revolution .tp-caption-list-btn > * {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 1230px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0.03em;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: 0.03em;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 37px;
    }
}

@media (min-width: 1025px) and (max-width: 1229px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 40px;
        line-height: 1;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 70px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption3-wd-3 {
        font-size: 16px;
        line-height: 1;
        margin-top: 18px;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 37px;
    }
}

@media (min-width: 790px) and (max-width: 1024px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 30px;
        line-height: 1;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 50px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption3-wd-3 {
        font-size: 15px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 27px;
    }
}

@media (min-width: 576px) and (max-width: 789px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 25px;
        line-height: 1;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 30px;
        line-height: 1;
        margin-top: 10px;
    }

    .slider-revolution .tp-caption3-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 10px;
        max-width: 250px;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 17px;
    }
}

@media (min-width: 461px) and (max-width: 575px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 15px;
        line-height: 1;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 25px;
        line-height: 1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption3-wd-3 {
        font-size: 14px;
        line-height: 1.3;
        max-width: 250px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 12px;
    }
}

@media (max-width: 460px) {
    .slider-revolution .tp-caption3-wd-1 {
        font-size: 15px;
        line-height: 1;
    }

    .slider-revolution .tp-caption3-wd-2 {
        font-size: 19px;
        line-height: 1;
        margin-top: 5px;
    }

    .slider-revolution .tp-caption3-wd-3 {
        font-size: 12px;
        line-height: 1.2;
        max-width: 184px;
        margin-top: 7px;
    }

    .slider-revolution .tp-caption3-wd-4 {
        margin-top: 7px;
    }

    .slider-revolution [class^="btn"] {
        height: 34px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.slider-revolution .tp-caption4 {
    text-align: center;
}

.slider-revolution .tp-caption4-wd-1 {
    font-weight: 500;
    line-height: 1;
}

.slider-revolution .tp-caption4-wd-2 {
    font-weight: 600;
    line-height: 1.14;
}

.slider-revolution .tp-caption-list-btn > * {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 1025px) {
    .slider-revolution .tp-caption4-wd-1 {
        font-size: 16px;
    }

    .slider-revolution .tp-caption4-wd-2 {
        font-size: 36px;
        margin-top: 6px;
    }
}

@media (max-width: 1024px) {
    .slider-revolution .tp-caption4-wd-1 {
        font-size: 16px;
    }

    .slider-revolution .tp-caption4-wd-2 {
        font-size: 32px;
        margin-top: 6px;
    }
}

@media (max-width: 575px) {
    .slider-revolution .tp-caption4-wd-1 {
        font-size: 14px;
        line-height: 1.2;
    }

    .slider-revolution .tp-caption4-wd-2 {
        font-size: 27px;
        margin-top: 6px;
    }
}

.slider-revolution .tp-caption5-wd-1 {
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    padding-right: 20px;
}

@media (min-width: 1025px) {
    .slider-revolution .tp-caption5-wd-1 {
        font-size: 40px;
        line-height: 44px;
        max-width: 620px;
    }

    .slider-revolution .tp-caption5-btn {
        margin-top: 29px;
    }
}

@media (max-width: 1024px) {
    .slider-revolution .tp-caption5-wd-1 {
        font-size: 32px;
        line-height: 38px;
    }

    .slider-revolution .tp-caption5-btn {
        margin-top: 20px;
    }
}

@media (max-width: 789px) {
    .slider-revolution .tp-caption5-wd-1 {
        font-size: 27px;
        line-height: 37px;
    }

        .slider-revolution .tp-caption5-wd-1 br {
            display: none;
        }

    .slider-revolution .tp-caption5-btn {
        margin-top: 29px;
    }
}

@media (max-width: 575px) {
    .slider-revolution .tp-caption5-wd-1 {
        font-size: 18px;
        line-height: 27px;
    }

    .slider-revolution .tp-caption5-btn {
        margin-top: 9px;
    }
}

.slider-revolution .tp-caption-left-bottom {
    position: absolute;
    max-width: 360px;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 5;
}

@media (max-width: 960px) {
    .slider-revolution .tp-caption-left-bottom {
        max-width: 280px;
    }
}

@media (max-width: 787px) {
    .slider-revolution .tp-caption-left-bottom {
        display: none;
    }
}

.slider-revolution__radius {
    border-radius: 6px;
}

@media (min-width: 790px) {
    .slider-revolution.revolution-default .tparrows.hidearrows {
        opacity: 1;
    }
}

@media (max-width: 789px) {
    .slider-revolution.revolution-default .tparrows {
        display: none;
    }
}

.slider-revolution.revolution-default .tp-leftarrow.default,
.slider-revolution.revolution-default .tp-rightarrow.default {
    background: none;
    font-size: 30px;
    line-height: 1;
    font-family: "wokiee";
    font-weight: 500;
    color: #dadada;
    transition: color 0.2s linear;
}

    .slider-revolution.revolution-default .tp-leftarrow.default:hover,
    .slider-revolution.revolution-default .tp-rightarrow.default:hover {
        color: #191919;
    }

.slider-revolution.revolution-default .tp-leftarrow:before,
.slider-revolution.revolution-default .tp-rightarrow:before {
    position: relative;
    top: 5px;
}

.slider-revolution.revolution-default .tp-leftarrow:before {
    content: "\e90d";
}

.slider-revolution.revolution-default .tp-rightarrow:before {
    content: "\e90e";
}

.ie.gecko .fullcoveredvideo {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}


.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.alan-resim{
    text-align: center;
    font-weight: bold;
    color: black;
    margin-top: 15px;
}


.mySlides {
    display: none;
}

.slider-image {
    vertical-align: middle;
    max-height: 625px;
    cursor: pointer;
}

/* Slideshow container */
.slideshow-container {
    max-width: 2000px;
    position: relative;
    margin: auto;
}


/* The dots/bullets/indicators */
.slider-dot {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.slider-active {
    background-color: #717171;
}

/* Fading animation */
.slider-fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 500px) {
    .text {
        font-size: 11px
    }
    .slider-image {
        vertical-align: middle;
        height: 200px;
        cursor: pointer;
    }
}

@media only screen and (min-width: 800px) {
    .div-slider {
        margin-top: -53px;
    }
}