/* input(7092,2): run-time error CSS1030: Expected identifier, found ' '
input(7092,2): run-time error CSS1019: Unexpected token, found ' '
input(7641,2): run-time error CSS1030: Expected identifier, found '.'
input(7641,2): run-time error CSS1019: Unexpected token, found '.'
input(7856,34): run-time error CSS1030: Expected identifier, found '.'
input(7856,58): run-time error CSS1025: Expected comma or open brace, found ')'
input(9396,1): run-time error CSS1019: Unexpected token, found '@import'
input(9396,9): run-time error CSS1019: Unexpected token, found 'url("../Themes/Ticareticin/Content/assets/css/input.css")'
input(11890,31): run-time error CSS1046: Expect comma, found '218'
input(11890,39): run-time error CSS1046: Expect comma, found '/'
input(11892,27): run-time error CSS1046: Expect comma, found '218'
input(11892,35): run-time error CSS1046: Expect comma, found '/'
input(11895,31): run-time error CSS1046: Expect comma, found '218'
input(11895,39): run-time error CSS1046: Expect comma, found '/'
input(11897,27): run-time error CSS1046: Expect comma, found '218'
input(11897,35): run-time error CSS1046: Expect comma, found '/'
input(12209,1): run-time error CSS1019: Unexpected token, found '@import'
input(12209,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap")'
input(12644,12): run-time error CSS1038: Expected hex color, found '#ffff'
input(12650,16): run-time error CSS1038: Expected hex color, found '#ffff'
input(20239,29): run-time error CSS1038: Expected hex color, found '#ffff'
input(21863,25): run-time error CSS1046: Expect comma, found '100'
input(21863,33): run-time error CSS1046: Expect comma, found '/'
input(21943,48): run-time error CSS1034: Expected closing parenthesis, found ','
input(21943,48): run-time error CSS1042: Expected function, found ','
input(21943,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(22932,52): run-time error CSS1034: Expected closing parenthesis, found ','
input(22932,52): run-time error CSS1042: Expected function, found ','
input(22932,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(22982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(23212,31): run-time error CSS1046: Expect comma, found '218'
input(23212,39): run-time error CSS1046: Expect comma, found '/'
input(23746,34): run-time error CSS1046: Expect comma, found '70'
input(23746,40): run-time error CSS1046: Expect comma, found '/'
input(23747,30): run-time error CSS1046: Expect comma, found '70'
input(23747,36): run-time error CSS1046: Expect comma, found '/'
input(23752,29): run-time error CSS1046: Expect comma, found '100'
input(23752,37): run-time error CSS1046: Expect comma, found '/'
input(23757,29): run-time error CSS1046: Expect comma, found '100'
input(23757,37): run-time error CSS1046: Expect comma, found '/'
input(23780,44): run-time error CSS1046: Expect comma, found '60'
input(23780,50): run-time error CSS1046: Expect comma, found '/'
input(25978,1): run-time error CSS1019: Unexpected token, found '@import'
input(25978,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap")'
input(25979,1): run-time error CSS1019: Unexpected token, found '@import'
input(25979,9): run-time error CSS1019: Unexpected token, found 'url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css")' */
/**
 * Swiper 8.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 1, 2022
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}
/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url('../Themes/Ticareticin/Content/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0') format('woff2'), url('../Themes/Ticareticin/Content/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.woff?v=2.2.0') format('woff'), url('../Themes/Ticareticin/Content/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.zmdi-hc-2x {
  font-size: 2em;
}
.zmdi-hc-3x {
  font-size: 3em;
}
.zmdi-hc-4x {
  font-size: 4em;
}
.zmdi-hc-5x {
  font-size: 5em;
}
.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}
.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.zmdi-hc-ul > li {
  position: relative;
}
.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}
.zmdi-hc-border {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px;
}
.zmdi-hc-border-circle {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%;
}
.zmdi.pull-left {
  float: left;
  margin-right: .15em;
}
.zmdi.pull-right {
  float: right;
  margin-left: .15em;
}
.zmdi-hc-spin {
  -webkit-animation: zmdi-spin 1.5s infinite linear;
          animation: zmdi-spin 1.5s infinite linear;
}
.zmdi-hc-spin-reverse {
  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
          animation: zmdi-spin-reverse 1.5s infinite linear;
}
@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.zmdi-hc-rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zmdi-hc-rotate-270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.zmdi-hc-flip-horizontal {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.zmdi-hc-flip-vertical {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.zmdi-hc-stack-1x {
  line-height: inherit;
}
.zmdi-hc-stack-2x {
  font-size: 2em;
}
.zmdi-hc-inverse {
  color: #ffffff;
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
  content: '\f101';
}
.zmdi-airplane-off:before {
  content: '\f102';
}
.zmdi-airplane:before {
  content: '\f103';
}
.zmdi-album:before {
  content: '\f104';
}
.zmdi-archive:before {
  content: '\f105';
}
.zmdi-assignment-account:before {
  content: '\f106';
}
.zmdi-assignment-alert:before {
  content: '\f107';
}
.zmdi-assignment-check:before {
  content: '\f108';
}
.zmdi-assignment-o:before {
  content: '\f109';
}
.zmdi-assignment-return:before {
  content: '\f10a';
}
.zmdi-assignment-returned:before {
  content: '\f10b';
}
.zmdi-assignment:before {
  content: '\f10c';
}
.zmdi-attachment-alt:before {
  content: '\f10d';
}
.zmdi-attachment:before {
  content: '\f10e';
}
.zmdi-audio:before {
  content: '\f10f';
}
.zmdi-badge-check:before {
  content: '\f110';
}
.zmdi-balance-wallet:before {
  content: '\f111';
}
.zmdi-balance:before {
  content: '\f112';
}
.zmdi-battery-alert:before {
  content: '\f113';
}
.zmdi-battery-flash:before {
  content: '\f114';
}
.zmdi-battery-unknown:before {
  content: '\f115';
}
.zmdi-battery:before {
  content: '\f116';
}
.zmdi-bike:before {
  content: '\f117';
}
.zmdi-block-alt:before {
  content: '\f118';
}
.zmdi-block:before {
  content: '\f119';
}
.zmdi-boat:before {
  content: '\f11a';
}
.zmdi-book-image:before {
  content: '\f11b';
}
.zmdi-book:before {
  content: '\f11c';
}
.zmdi-bookmark-outline:before {
  content: '\f11d';
}
.zmdi-bookmark:before {
  content: '\f11e';
}
.zmdi-brush:before {
  content: '\f11f';
}
.zmdi-bug:before {
  content: '\f120';
}
.zmdi-bus:before {
  content: '\f121';
}
.zmdi-cake:before {
  content: '\f122';
}
.zmdi-car-taxi:before {
  content: '\f123';
}
.zmdi-car-wash:before {
  content: '\f124';
}
.zmdi-car:before {
  content: '\f125';
}
.zmdi-card-giftcard:before {
  content: '\f126';
}
.zmdi-card-membership:before {
  content: '\f127';
}
.zmdi-card-travel:before {
  content: '\f128';
}
.zmdi-card:before {
  content: '\f129';
}
.zmdi-case-check:before {
  content: '\f12a';
}
.zmdi-case-download:before {
  content: '\f12b';
}
.zmdi-case-play:before {
  content: '\f12c';
}
.zmdi-case:before {
  content: '\f12d';
}
.zmdi-cast-connected:before {
  content: '\f12e';
}
.zmdi-cast:before {
  content: '\f12f';
}
.zmdi-chart-donut:before {
  content: '\f130';
}
.zmdi-chart:before {
  content: '\f131';
}
.zmdi-city-alt:before {
  content: '\f132';
}
.zmdi-city:before {
  content: '\f133';
}
.zmdi-close-circle-o:before {
  content: '\f134';
}
.zmdi-close-circle:before {
  content: '\f135';
}
.zmdi-close:before {
  content: '\f136';
}
.zmdi-cocktail:before {
  content: '\f137';
}
.zmdi-code-setting:before {
  content: '\f138';
}
.zmdi-code-smartphone:before {
  content: '\f139';
}
.zmdi-code:before {
  content: '\f13a';
}
.zmdi-coffee:before {
  content: '\f13b';
}
.zmdi-collection-bookmark:before {
  content: '\f13c';
}
.zmdi-collection-case-play:before {
  content: '\f13d';
}
.zmdi-collection-folder-image:before {
  content: '\f13e';
}
.zmdi-collection-image-o:before {
  content: '\f13f';
}
.zmdi-collection-image:before {
  content: '\f140';
}
.zmdi-collection-item-1:before {
  content: '\f141';
}
.zmdi-collection-item-2:before {
  content: '\f142';
}
.zmdi-collection-item-3:before {
  content: '\f143';
}
.zmdi-collection-item-4:before {
  content: '\f144';
}
.zmdi-collection-item-5:before {
  content: '\f145';
}
.zmdi-collection-item-6:before {
  content: '\f146';
}
.zmdi-collection-item-7:before {
  content: '\f147';
}
.zmdi-collection-item-8:before {
  content: '\f148';
}
.zmdi-collection-item-9-plus:before {
  content: '\f149';
}
.zmdi-collection-item-9:before {
  content: '\f14a';
}
.zmdi-collection-item:before {
  content: '\f14b';
}
.zmdi-collection-music:before {
  content: '\f14c';
}
.zmdi-collection-pdf:before {
  content: '\f14d';
}
.zmdi-collection-plus:before {
  content: '\f14e';
}
.zmdi-collection-speaker:before {
  content: '\f14f';
}
.zmdi-collection-text:before {
  content: '\f150';
}
.zmdi-collection-video:before {
  content: '\f151';
}
.zmdi-compass:before {
  content: '\f152';
}
.zmdi-cutlery:before {
  content: '\f153';
}
.zmdi-delete:before {
  content: '\f154';
}
.zmdi-dialpad:before {
  content: '\f155';
}
.zmdi-dns:before {
  content: '\f156';
}
.zmdi-drink:before {
  content: '\f157';
}
.zmdi-edit:before {
  content: '\f158';
}
.zmdi-email-open:before {
  content: '\f159';
}
.zmdi-email:before {
  content: '\f15a';
}
.zmdi-eye-off:before {
  content: '\f15b';
}
.zmdi-eye:before {
  content: '\f15c';
}
.zmdi-eyedropper:before {
  content: '\f15d';
}
.zmdi-favorite-outline:before {
  content: '\f15e';
}
.zmdi-favorite:before {
  content: '\f15f';
}
.zmdi-filter-list:before {
  content: '\f160';
}
.zmdi-fire:before {
  content: '\f161';
}
.zmdi-flag:before {
  content: '\f162';
}
.zmdi-flare:before {
  content: '\f163';
}
.zmdi-flash-auto:before {
  content: '\f164';
}
.zmdi-flash-off:before {
  content: '\f165';
}
.zmdi-flash:before {
  content: '\f166';
}
.zmdi-flip:before {
  content: '\f167';
}
.zmdi-flower-alt:before {
  content: '\f168';
}
.zmdi-flower:before {
  content: '\f169';
}
.zmdi-font:before {
  content: '\f16a';
}
.zmdi-fullscreen-alt:before {
  content: '\f16b';
}
.zmdi-fullscreen-exit:before {
  content: '\f16c';
}
.zmdi-fullscreen:before {
  content: '\f16d';
}
.zmdi-functions:before {
  content: '\f16e';
}
.zmdi-gas-station:before {
  content: '\f16f';
}
.zmdi-gesture:before {
  content: '\f170';
}
.zmdi-globe-alt:before {
  content: '\f171';
}
.zmdi-globe-lock:before {
  content: '\f172';
}
.zmdi-globe:before {
  content: '\f173';
}
.zmdi-graduation-cap:before {
  content: '\f174';
}
.zmdi-home:before {
  content: '\f175';
}
.zmdi-hospital-alt:before {
  content: '\f176';
}
.zmdi-hospital:before {
  content: '\f177';
}
.zmdi-hotel:before {
  content: '\f178';
}
.zmdi-hourglass-alt:before {
  content: '\f179';
}
.zmdi-hourglass-outline:before {
  content: '\f17a';
}
.zmdi-hourglass:before {
  content: '\f17b';
}
.zmdi-http:before {
  content: '\f17c';
}
.zmdi-image-alt:before {
  content: '\f17d';
}
.zmdi-image-o:before {
  content: '\f17e';
}
.zmdi-image:before {
  content: '\f17f';
}
.zmdi-inbox:before {
  content: '\f180';
}
.zmdi-invert-colors-off:before {
  content: '\f181';
}
.zmdi-invert-colors:before {
  content: '\f182';
}
.zmdi-key:before {
  content: '\f183';
}
.zmdi-label-alt-outline:before {
  content: '\f184';
}
.zmdi-label-alt:before {
  content: '\f185';
}
.zmdi-label-heart:before {
  content: '\f186';
}
.zmdi-label:before {
  content: '\f187';
}
.zmdi-labels:before {
  content: '\f188';
}
.zmdi-lamp:before {
  content: '\f189';
}
.zmdi-landscape:before {
  content: '\f18a';
}
.zmdi-layers-off:before {
  content: '\f18b';
}
.zmdi-layers:before {
  content: '\f18c';
}
.zmdi-library:before {
  content: '\f18d';
}
.zmdi-link:before {
  content: '\f18e';
}
.zmdi-lock-open:before {
  content: '\f18f';
}
.zmdi-lock-outline:before {
  content: '\f190';
}
.zmdi-lock:before {
  content: '\f191';
}
.zmdi-mail-reply-all:before {
  content: '\f192';
}
.zmdi-mail-reply:before {
  content: '\f193';
}
.zmdi-mail-send:before {
  content: '\f194';
}
.zmdi-mall:before {
  content: '\f195';
}
.zmdi-map:before {
  content: '\f196';
}
.zmdi-menu:before {
  content: '\f197';
}
.zmdi-money-box:before {
  content: '\f198';
}
.zmdi-money-off:before {
  content: '\f199';
}
.zmdi-money:before {
  content: '\f19a';
}
.zmdi-more-vert:before {
  content: '\f19b';
}
.zmdi-more:before {
  content: '\f19c';
}
.zmdi-movie-alt:before {
  content: '\f19d';
}
.zmdi-movie:before {
  content: '\f19e';
}
.zmdi-nature-people:before {
  content: '\f19f';
}
.zmdi-nature:before {
  content: '\f1a0';
}
.zmdi-navigation:before {
  content: '\f1a1';
}
.zmdi-open-in-browser:before {
  content: '\f1a2';
}
.zmdi-open-in-new:before {
  content: '\f1a3';
}
.zmdi-palette:before {
  content: '\f1a4';
}
.zmdi-parking:before {
  content: '\f1a5';
}
.zmdi-pin-account:before {
  content: '\f1a6';
}
.zmdi-pin-assistant:before {
  content: '\f1a7';
}
.zmdi-pin-drop:before {
  content: '\f1a8';
}
.zmdi-pin-help:before {
  content: '\f1a9';
}
.zmdi-pin-off:before {
  content: '\f1aa';
}
.zmdi-pin:before {
  content: '\f1ab';
}
.zmdi-pizza:before {
  content: '\f1ac';
}
.zmdi-plaster:before {
  content: '\f1ad';
}
.zmdi-power-setting:before {
  content: '\f1ae';
}
.zmdi-power:before {
  content: '\f1af';
}
.zmdi-print:before {
  content: '\f1b0';
}
.zmdi-puzzle-piece:before {
  content: '\f1b1';
}
.zmdi-quote:before {
  content: '\f1b2';
}
.zmdi-railway:before {
  content: '\f1b3';
}
.zmdi-receipt:before {
  content: '\f1b4';
}
.zmdi-refresh-alt:before {
  content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}
.zmdi-refresh-sync:before {
  content: '\f1b8';
}
.zmdi-refresh:before {
  content: '\f1b9';
}
.zmdi-roller:before {
  content: '\f1ba';
}
.zmdi-ruler:before {
  content: '\f1bb';
}
.zmdi-scissors:before {
  content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}
.zmdi-screen-rotation:before {
  content: '\f1be';
}
.zmdi-search-for:before {
  content: '\f1bf';
}
.zmdi-search-in-file:before {
  content: '\f1c0';
}
.zmdi-search-in-page:before {
  content: '\f1c1';
}
.zmdi-search-replace:before {
  content: '\f1c2';
}
.zmdi-search:before {
  content: '\f1c3';
}
.zmdi-seat:before {
  content: '\f1c4';
}
.zmdi-settings-square:before {
  content: '\f1c5';
}
.zmdi-settings:before {
  content: '\f1c6';
}
.zmdi-shield-check:before {
  content: '\f1c7';
}
.zmdi-shield-security:before {
  content: '\f1c8';
}
.zmdi-shopping-basket:before {
  content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}
.zmdi-shopping-cart:before {
  content: '\f1cb';
}
.zmdi-sign-in:before {
  content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}
.zmdi-sort-asc:before {
  content: '\f1cf';
}
.zmdi-sort-desc:before {
  content: '\f1d0';
}
.zmdi-spellcheck:before {
  content: '\f1d1';
}
.zmdi-storage:before {
  content: '\f1d2';
}
.zmdi-store-24:before {
  content: '\f1d3';
}
.zmdi-store:before {
  content: '\f1d4';
}
.zmdi-subway:before {
  content: '\f1d5';
}
.zmdi-sun:before {
  content: '\f1d6';
}
.zmdi-tab-unselected:before {
  content: '\f1d7';
}
.zmdi-tab:before {
  content: '\f1d8';
}
.zmdi-tag-close:before {
  content: '\f1d9';
}
.zmdi-tag-more:before {
  content: '\f1da';
}
.zmdi-tag:before {
  content: '\f1db';
}
.zmdi-thumb-down:before {
  content: '\f1dc';
}
.zmdi-thumb-up-down:before {
  content: '\f1dd';
}
.zmdi-thumb-up:before {
  content: '\f1de';
}
.zmdi-ticket-star:before {
  content: '\f1df';
}
.zmdi-toll:before {
  content: '\f1e0';
}
.zmdi-toys:before {
  content: '\f1e1';
}
.zmdi-traffic:before {
  content: '\f1e2';
}
.zmdi-translate:before {
  content: '\f1e3';
}
.zmdi-triangle-down:before {
  content: '\f1e4';
}
.zmdi-triangle-up:before {
  content: '\f1e5';
}
.zmdi-truck:before {
  content: '\f1e6';
}
.zmdi-turning-sign:before {
  content: '\f1e7';
}
.zmdi-wallpaper:before {
  content: '\f1e8';
}
.zmdi-washing-machine:before {
  content: '\f1e9';
}
.zmdi-window-maximize:before {
  content: '\f1ea';
}
.zmdi-window-minimize:before {
  content: '\f1eb';
}
.zmdi-window-restore:before {
  content: '\f1ec';
}
.zmdi-wrench:before {
  content: '\f1ed';
}
.zmdi-zoom-in:before {
  content: '\f1ee';
}
.zmdi-zoom-out:before {
  content: '\f1ef';
}
.zmdi-alert-circle-o:before {
  content: '\f1f0';
}
.zmdi-alert-circle:before {
  content: '\f1f1';
}
.zmdi-alert-octagon:before {
  content: '\f1f2';
}
.zmdi-alert-polygon:before {
  content: '\f1f3';
}
.zmdi-alert-triangle:before {
  content: '\f1f4';
}
.zmdi-help-outline:before {
  content: '\f1f5';
}
.zmdi-help:before {
  content: '\f1f6';
}
.zmdi-info-outline:before {
  content: '\f1f7';
}
.zmdi-info:before {
  content: '\f1f8';
}
.zmdi-notifications-active:before {
  content: '\f1f9';
}
.zmdi-notifications-add:before {
  content: '\f1fa';
}
.zmdi-notifications-none:before {
  content: '\f1fb';
}
.zmdi-notifications-off:before {
  content: '\f1fc';
}
.zmdi-notifications-paused:before {
  content: '\f1fd';
}
.zmdi-notifications:before {
  content: '\f1fe';
}
.zmdi-account-add:before {
  content: '\f1ff';
}
.zmdi-account-box-mail:before {
  content: '\f200';
}
.zmdi-account-box-o:before {
  content: '\f201';
}
.zmdi-account-box-phone:before {
  content: '\f202';
}
.zmdi-account-box:before {
  content: '\f203';
}
.zmdi-account-calendar:before {
  content: '\f204';
}
.zmdi-account-circle:before {
  content: '\f205';
}
.zmdi-account-o:before {
  content: '\f206';
}
.zmdi-account:before {
  content: '\f207';
}
.zmdi-accounts-add:before {
  content: '\f208';
}
.zmdi-accounts-alt:before {
  content: '\f209';
}
.zmdi-accounts-list-alt:before {
  content: '\f20a';
}
.zmdi-accounts-list:before {
  content: '\f20b';
}
.zmdi-accounts-outline:before {
  content: '\f20c';
}
.zmdi-accounts:before {
  content: '\f20d';
}
.zmdi-face:before {
  content: '\f20e';
}
.zmdi-female:before {
  content: '\f20f';
}
.zmdi-male-alt:before {
  content: '\f210';
}
.zmdi-male-female:before {
  content: '\f211';
}
.zmdi-male:before {
  content: '\f212';
}
.zmdi-mood-bad:before {
  content: '\f213';
}
.zmdi-mood:before {
  content: '\f214';
}
.zmdi-run:before {
  content: '\f215';
}
.zmdi-walk:before {
  content: '\f216';
}
.zmdi-cloud-box:before {
  content: '\f217';
}
.zmdi-cloud-circle:before {
  content: '\f218';
}
.zmdi-cloud-done:before {
  content: '\f219';
}
.zmdi-cloud-download:before {
  content: '\f21a';
}
.zmdi-cloud-off:before {
  content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}
.zmdi-cloud-outline:before {
  content: '\f21d';
}
.zmdi-cloud-upload:before {
  content: '\f21e';
}
.zmdi-cloud:before {
  content: '\f21f';
}
.zmdi-download:before {
  content: '\f220';
}
.zmdi-file-plus:before {
  content: '\f221';
}
.zmdi-file-text:before {
  content: '\f222';
}
.zmdi-file:before {
  content: '\f223';
}
.zmdi-folder-outline:before {
  content: '\f224';
}
.zmdi-folder-person:before {
  content: '\f225';
}
.zmdi-folder-star-alt:before {
  content: '\f226';
}
.zmdi-folder-star:before {
  content: '\f227';
}
.zmdi-folder:before {
  content: '\f228';
}
.zmdi-gif:before {
  content: '\f229';
}
.zmdi-upload:before {
  content: '\f22a';
}
.zmdi-border-all:before {
  content: '\f22b';
}
.zmdi-border-bottom:before {
  content: '\f22c';
}
.zmdi-border-clear:before {
  content: '\f22d';
}
.zmdi-border-color:before {
  content: '\f22e';
}
.zmdi-border-horizontal:before {
  content: '\f22f';
}
.zmdi-border-inner:before {
  content: '\f230';
}
.zmdi-border-left:before {
  content: '\f231';
}
.zmdi-border-outer:before {
  content: '\f232';
}
.zmdi-border-right:before {
  content: '\f233';
}
.zmdi-border-style:before {
  content: '\f234';
}
.zmdi-border-top:before {
  content: '\f235';
}
.zmdi-border-vertical:before {
  content: '\f236';
}
.zmdi-copy:before {
  content: '\f237';
}
.zmdi-crop:before {
  content: '\f238';
}
.zmdi-format-align-center:before {
  content: '\f239';
}
.zmdi-format-align-justify:before {
  content: '\f23a';
}
.zmdi-format-align-left:before {
  content: '\f23b';
}
.zmdi-format-align-right:before {
  content: '\f23c';
}
.zmdi-format-bold:before {
  content: '\f23d';
}
.zmdi-format-clear-all:before {
  content: '\f23e';
}
.zmdi-format-clear:before {
  content: '\f23f';
}
.zmdi-format-color-fill:before {
  content: '\f240';
}
.zmdi-format-color-reset:before {
  content: '\f241';
}
.zmdi-format-color-text:before {
  content: '\f242';
}
.zmdi-format-indent-decrease:before {
  content: '\f243';
}
.zmdi-format-indent-increase:before {
  content: '\f244';
}
.zmdi-format-italic:before {
  content: '\f245';
}
.zmdi-format-line-spacing:before {
  content: '\f246';
}
.zmdi-format-list-bulleted:before {
  content: '\f247';
}
.zmdi-format-list-numbered:before {
  content: '\f248';
}
.zmdi-format-ltr:before {
  content: '\f249';
}
.zmdi-format-rtl:before {
  content: '\f24a';
}
.zmdi-format-size:before {
  content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}
.zmdi-format-strikethrough:before {
  content: '\f24d';
}
.zmdi-format-subject:before {
  content: '\f24e';
}
.zmdi-format-underlined:before {
  content: '\f24f';
}
.zmdi-format-valign-bottom:before {
  content: '\f250';
}
.zmdi-format-valign-center:before {
  content: '\f251';
}
.zmdi-format-valign-top:before {
  content: '\f252';
}
.zmdi-redo:before {
  content: '\f253';
}
.zmdi-select-all:before {
  content: '\f254';
}
.zmdi-space-bar:before {
  content: '\f255';
}
.zmdi-text-format:before {
  content: '\f256';
}
.zmdi-transform:before {
  content: '\f257';
}
.zmdi-undo:before {
  content: '\f258';
}
.zmdi-wrap-text:before {
  content: '\f259';
}
.zmdi-comment-alert:before {
  content: '\f25a';
}
.zmdi-comment-alt-text:before {
  content: '\f25b';
}
.zmdi-comment-alt:before {
  content: '\f25c';
}
.zmdi-comment-edit:before {
  content: '\f25d';
}
.zmdi-comment-image:before {
  content: '\f25e';
}
.zmdi-comment-list:before {
  content: '\f25f';
}
.zmdi-comment-more:before {
  content: '\f260';
}
.zmdi-comment-outline:before {
  content: '\f261';
}
.zmdi-comment-text-alt:before {
  content: '\f262';
}
.zmdi-comment-text:before {
  content: '\f263';
}
.zmdi-comment-video:before {
  content: '\f264';
}
.zmdi-comment:before {
  content: '\f265';
}
.zmdi-comments:before {
  content: '\f266';
}
.zmdi-check-all:before {
  content: '\f267';
}
.zmdi-check-circle-u:before {
  content: '\f268';
}
.zmdi-check-circle:before {
  content: '\f269';
}
.zmdi-check-square:before {
  content: '\f26a';
}
.zmdi-check:before {
  content: '\f26b';
}
.zmdi-circle-o:before {
  content: '\f26c';
}
.zmdi-circle:before {
  content: '\f26d';
}
.zmdi-dot-circle-alt:before {
  content: '\f26e';
}
.zmdi-dot-circle:before {
  content: '\f26f';
}
.zmdi-minus-circle-outline:before {
  content: '\f270';
}
.zmdi-minus-circle:before {
  content: '\f271';
}
.zmdi-minus-square:before {
  content: '\f272';
}
.zmdi-minus:before {
  content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}
.zmdi-plus-circle-o:before {
  content: '\f275';
}
.zmdi-plus-circle:before {
  content: '\f276';
}
.zmdi-plus-square:before {
  content: '\f277';
}
.zmdi-plus:before {
  content: '\f278';
}
.zmdi-square-o:before {
  content: '\f279';
}
.zmdi-star-circle:before {
  content: '\f27a';
}
.zmdi-star-half:before {
  content: '\f27b';
}
.zmdi-star-outline:before {
  content: '\f27c';
}
.zmdi-star:before {
  content: '\f27d';
}
.zmdi-bluetooth-connected:before {
  content: '\f27e';
}
.zmdi-bluetooth-off:before {
  content: '\f27f';
}
.zmdi-bluetooth-search:before {
  content: '\f280';
}
.zmdi-bluetooth-setting:before {
  content: '\f281';
}
.zmdi-bluetooth:before {
  content: '\f282';
}
.zmdi-camera-add:before {
  content: '\f283';
}
.zmdi-camera-alt:before {
  content: '\f284';
}
.zmdi-camera-bw:before {
  content: '\f285';
}
.zmdi-camera-front:before {
  content: '\f286';
}
.zmdi-camera-mic:before {
  content: '\f287';
}
.zmdi-camera-party-mode:before {
  content: '\f288';
}
.zmdi-camera-rear:before {
  content: '\f289';
}
.zmdi-camera-roll:before {
  content: '\f28a';
}
.zmdi-camera-switch:before {
  content: '\f28b';
}
.zmdi-camera:before {
  content: '\f28c';
}
.zmdi-card-alert:before {
  content: '\f28d';
}
.zmdi-card-off:before {
  content: '\f28e';
}
.zmdi-card-sd:before {
  content: '\f28f';
}
.zmdi-card-sim:before {
  content: '\f290';
}
.zmdi-desktop-mac:before {
  content: '\f291';
}
.zmdi-desktop-windows:before {
  content: '\f292';
}
.zmdi-device-hub:before {
  content: '\f293';
}
.zmdi-devices-off:before {
  content: '\f294';
}
.zmdi-devices:before {
  content: '\f295';
}
.zmdi-dock:before {
  content: '\f296';
}
.zmdi-floppy:before {
  content: '\f297';
}
.zmdi-gamepad:before {
  content: '\f298';
}
.zmdi-gps-dot:before {
  content: '\f299';
}
.zmdi-gps-off:before {
  content: '\f29a';
}
.zmdi-gps:before {
  content: '\f29b';
}
.zmdi-headset-mic:before {
  content: '\f29c';
}
.zmdi-headset:before {
  content: '\f29d';
}
.zmdi-input-antenna:before {
  content: '\f29e';
}
.zmdi-input-composite:before {
  content: '\f29f';
}
.zmdi-input-hdmi:before {
  content: '\f2a0';
}
.zmdi-input-power:before {
  content: '\f2a1';
}
.zmdi-input-svideo:before {
  content: '\f2a2';
}
.zmdi-keyboard-hide:before {
  content: '\f2a3';
}
.zmdi-keyboard:before {
  content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}
.zmdi-laptop-mac:before {
  content: '\f2a6';
}
.zmdi-laptop:before {
  content: '\f2a7';
}
.zmdi-mic-off:before {
  content: '\f2a8';
}
.zmdi-mic-outline:before {
  content: '\f2a9';
}
.zmdi-mic-setting:before {
  content: '\f2aa';
}
.zmdi-mic:before {
  content: '\f2ab';
}
.zmdi-mouse:before {
  content: '\f2ac';
}
.zmdi-network-alert:before {
  content: '\f2ad';
}
.zmdi-network-locked:before {
  content: '\f2ae';
}
.zmdi-network-off:before {
  content: '\f2af';
}
.zmdi-network-outline:before {
  content: '\f2b0';
}
.zmdi-network-setting:before {
  content: '\f2b1';
}
.zmdi-network:before {
  content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}
.zmdi-phone-end:before {
  content: '\f2b4';
}
.zmdi-phone-forwarded:before {
  content: '\f2b5';
}
.zmdi-phone-in-talk:before {
  content: '\f2b6';
}
.zmdi-phone-locked:before {
  content: '\f2b7';
}
.zmdi-phone-missed:before {
  content: '\f2b8';
}
.zmdi-phone-msg:before {
  content: '\f2b9';
}
.zmdi-phone-paused:before {
  content: '\f2ba';
}
.zmdi-phone-ring:before {
  content: '\f2bb';
}
.zmdi-phone-setting:before {
  content: '\f2bc';
}
.zmdi-phone-sip:before {
  content: '\f2bd';
}
.zmdi-phone:before {
  content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}
.zmdi-portable-wifi:before {
  content: '\f2c1';
}
.zmdi-radio:before {
  content: '\f2c2';
}
.zmdi-reader:before {
  content: '\f2c3';
}
.zmdi-remote-control-alt:before {
  content: '\f2c4';
}
.zmdi-remote-control:before {
  content: '\f2c5';
}
.zmdi-router:before {
  content: '\f2c6';
}
.zmdi-scanner:before {
  content: '\f2c7';
}
.zmdi-smartphone-android:before {
  content: '\f2c8';
}
.zmdi-smartphone-download:before {
  content: '\f2c9';
}
.zmdi-smartphone-erase:before {
  content: '\f2ca';
}
.zmdi-smartphone-info:before {
  content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}
.zmdi-smartphone-lock:before {
  content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}
.zmdi-smartphone-ring:before {
  content: '\f2d1';
}
.zmdi-smartphone-setting:before {
  content: '\f2d2';
}
.zmdi-smartphone-setup:before {
  content: '\f2d3';
}
.zmdi-smartphone:before {
  content: '\f2d4';
}
.zmdi-speaker:before {
  content: '\f2d5';
}
.zmdi-tablet-android:before {
  content: '\f2d6';
}
.zmdi-tablet-mac:before {
  content: '\f2d7';
}
.zmdi-tablet:before {
  content: '\f2d8';
}
.zmdi-tv-alt-play:before {
  content: '\f2d9';
}
.zmdi-tv-list:before {
  content: '\f2da';
}
.zmdi-tv-play:before {
  content: '\f2db';
}
.zmdi-tv:before {
  content: '\f2dc';
}
.zmdi-usb:before {
  content: '\f2dd';
}
.zmdi-videocam-off:before {
  content: '\f2de';
}
.zmdi-videocam-switch:before {
  content: '\f2df';
}
.zmdi-videocam:before {
  content: '\f2e0';
}
.zmdi-watch:before {
  content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}
.zmdi-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-wifi-info:before {
  content: '\f2e4';
}
.zmdi-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-wifi-off:before {
  content: '\f2e6';
}
.zmdi-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-wifi:before {
  content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}
.zmdi-arrow-left:before {
  content: '\f2ea';
}
.zmdi-arrow-merge:before {
  content: '\f2eb';
}
.zmdi-arrow-missed:before {
  content: '\f2ec';
}
.zmdi-arrow-right-top:before {
  content: '\f2ed';
}
.zmdi-arrow-right:before {
  content: '\f2ee';
}
.zmdi-arrow-split:before {
  content: '\f2ef';
}
.zmdi-arrows:before {
  content: '\f2f0';
}
.zmdi-caret-down-circle:before {
  content: '\f2f1';
}
.zmdi-caret-down:before {
  content: '\f2f2';
}
.zmdi-caret-left-circle:before {
  content: '\f2f3';
}
.zmdi-caret-left:before {
  content: '\f2f4';
}
.zmdi-caret-right-circle:before {
  content: '\f2f5';
}
.zmdi-caret-right:before {
  content: '\f2f6';
}
.zmdi-caret-up-circle:before {
  content: '\f2f7';
}
.zmdi-caret-up:before {
  content: '\f2f8';
}
.zmdi-chevron-down:before {
  content: '\f2f9';
}
.zmdi-chevron-left:before {
  content: '\f2fa';
}
.zmdi-chevron-right:before {
  content: '\f2fb';
}
.zmdi-chevron-up:before {
  content: '\f2fc';
}
.zmdi-forward:before {
  content: '\f2fd';
}
.zmdi-long-arrow-down:before {
  content: '\f2fe';
}
.zmdi-long-arrow-left:before {
  content: '\f2ff';
}
.zmdi-long-arrow-return:before {
  content: '\f300';
}
.zmdi-long-arrow-right:before {
  content: '\f301';
}
.zmdi-long-arrow-tab:before {
  content: '\f302';
}
.zmdi-long-arrow-up:before {
  content: '\f303';
}
.zmdi-rotate-ccw:before {
  content: '\f304';
}
.zmdi-rotate-cw:before {
  content: '\f305';
}
.zmdi-rotate-left:before {
  content: '\f306';
}
.zmdi-rotate-right:before {
  content: '\f307';
}
.zmdi-square-down:before {
  content: '\f308';
}
.zmdi-square-right:before {
  content: '\f309';
}
.zmdi-swap-alt:before {
  content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}
.zmdi-swap-vertical:before {
  content: '\f30c';
}
.zmdi-swap:before {
  content: '\f30d';
}
.zmdi-trending-down:before {
  content: '\f30e';
}
.zmdi-trending-flat:before {
  content: '\f30f';
}
.zmdi-trending-up:before {
  content: '\f310';
}
.zmdi-unfold-less:before {
  content: '\f311';
}
.zmdi-unfold-more:before {
  content: '\f312';
}
.zmdi-apps:before {
  content: '\f313';
}
.zmdi-grid-off:before {
  content: '\f314';
}
.zmdi-grid:before {
  content: '\f315';
}
.zmdi-view-agenda:before {
  content: '\f316';
}
.zmdi-view-array:before {
  content: '\f317';
}
.zmdi-view-carousel:before {
  content: '\f318';
}
.zmdi-view-column:before {
  content: '\f319';
}
.zmdi-view-comfy:before {
  content: '\f31a';
}
.zmdi-view-compact:before {
  content: '\f31b';
}
.zmdi-view-dashboard:before {
  content: '\f31c';
}
.zmdi-view-day:before {
  content: '\f31d';
}
.zmdi-view-headline:before {
  content: '\f31e';
}
.zmdi-view-list-alt:before {
  content: '\f31f';
}
.zmdi-view-list:before {
  content: '\f320';
}
.zmdi-view-module:before {
  content: '\f321';
}
.zmdi-view-quilt:before {
  content: '\f322';
}
.zmdi-view-stream:before {
  content: '\f323';
}
.zmdi-view-subtitles:before {
  content: '\f324';
}
.zmdi-view-toc:before {
  content: '\f325';
}
.zmdi-view-web:before {
  content: '\f326';
}
.zmdi-view-week:before {
  content: '\f327';
}
.zmdi-widgets:before {
  content: '\f328';
}
.zmdi-alarm-check:before {
  content: '\f329';
}
.zmdi-alarm-off:before {
  content: '\f32a';
}
.zmdi-alarm-plus:before {
  content: '\f32b';
}
.zmdi-alarm-snooze:before {
  content: '\f32c';
}
.zmdi-alarm:before {
  content: '\f32d';
}
.zmdi-calendar-alt:before {
  content: '\f32e';
}
.zmdi-calendar-check:before {
  content: '\f32f';
}
.zmdi-calendar-close:before {
  content: '\f330';
}
.zmdi-calendar-note:before {
  content: '\f331';
}
.zmdi-calendar:before {
  content: '\f332';
}
.zmdi-time-countdown:before {
  content: '\f333';
}
.zmdi-time-interval:before {
  content: '\f334';
}
.zmdi-time-restore-setting:before {
  content: '\f335';
}
.zmdi-time-restore:before {
  content: '\f336';
}
.zmdi-time:before {
  content: '\f337';
}
.zmdi-timer-off:before {
  content: '\f338';
}
.zmdi-timer:before {
  content: '\f339';
}
.zmdi-android-alt:before {
  content: '\f33a';
}
.zmdi-android:before {
  content: '\f33b';
}
.zmdi-apple:before {
  content: '\f33c';
}
.zmdi-behance:before {
  content: '\f33d';
}
.zmdi-codepen:before {
  content: '\f33e';
}
.zmdi-dribbble:before {
  content: '\f33f';
}
.zmdi-dropbox:before {
  content: '\f340';
}
.zmdi-evernote:before {
  content: '\f341';
}
.zmdi-facebook-box:before {
  content: '\f342';
}
.zmdi-facebook:before {
  content: '\f343';
}
.zmdi-github-box:before {
  content: '\f344';
}
.zmdi-github:before {
  content: '\f345';
}
.zmdi-google-drive:before {
  content: '\f346';
}
.zmdi-google-earth:before {
  content: '\f347';
}
.zmdi-google-glass:before {
  content: '\f348';
}
.zmdi-google-maps:before {
  content: '\f349';
}
.zmdi-google-pages:before {
  content: '\f34a';
}
.zmdi-google-play:before {
  content: '\f34b';
}
.zmdi-google-plus-box:before {
  content: '\f34c';
}
.zmdi-google-plus:before {
  content: '\f34d';
}
.zmdi-google:before {
  content: '\f34e';
}
.zmdi-instagram:before {
  content: '\f34f';
}
.zmdi-language-css3:before {
  content: '\f350';
}
.zmdi-language-html5:before {
  content: '\f351';
}
.zmdi-language-javascript:before {
  content: '\f352';
}
.zmdi-language-python-alt:before {
  content: '\f353';
}
.zmdi-language-python:before {
  content: '\f354';
}
.zmdi-lastfm:before {
  content: '\f355';
}
.zmdi-linkedin-box:before {
  content: '\f356';
}
.zmdi-paypal:before {
  content: '\f357';
}
.zmdi-pinterest-box:before {
  content: '\f358';
}
.zmdi-pocket:before {
  content: '\f359';
}
.zmdi-polymer:before {
  content: '\f35a';
}
.zmdi-share:before {
  content: '\f35b';
}
.zmdi-stackoverflow:before {
  content: '\f35c';
}
.zmdi-steam-square:before {
  content: '\f35d';
}
.zmdi-steam:before {
  content: '\f35e';
}
.zmdi-twitter-box:before {
  content: '\f35f';
}
.zmdi-twitter:before {
  content: '\f360';
}
.zmdi-vk:before {
  content: '\f361';
}
.zmdi-wikipedia:before {
  content: '\f362';
}
.zmdi-windows:before {
  content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}
.zmdi-aspect-ratio:before {
  content: '\f365';
}
.zmdi-blur-circular:before {
  content: '\f366';
}
.zmdi-blur-linear:before {
  content: '\f367';
}
.zmdi-blur-off:before {
  content: '\f368';
}
.zmdi-blur:before {
  content: '\f369';
}
.zmdi-brightness-2:before {
  content: '\f36a';
}
.zmdi-brightness-3:before {
  content: '\f36b';
}
.zmdi-brightness-4:before {
  content: '\f36c';
}
.zmdi-brightness-5:before {
  content: '\f36d';
}
.zmdi-brightness-6:before {
  content: '\f36e';
}
.zmdi-brightness-7:before {
  content: '\f36f';
}
.zmdi-brightness-auto:before {
  content: '\f370';
}
.zmdi-brightness-setting:before {
  content: '\f371';
}
.zmdi-broken-image:before {
  content: '\f372';
}
.zmdi-center-focus-strong:before {
  content: '\f373';
}
.zmdi-center-focus-weak:before {
  content: '\f374';
}
.zmdi-compare:before {
  content: '\f375';
}
.zmdi-crop-16-9:before {
  content: '\f376';
}
.zmdi-crop-3-2:before {
  content: '\f377';
}
.zmdi-crop-5-4:before {
  content: '\f378';
}
.zmdi-crop-7-5:before {
  content: '\f379';
}
.zmdi-crop-din:before {
  content: '\f37a';
}
.zmdi-crop-free:before {
  content: '\f37b';
}
.zmdi-crop-landscape:before {
  content: '\f37c';
}
.zmdi-crop-portrait:before {
  content: '\f37d';
}
.zmdi-crop-square:before {
  content: '\f37e';
}
.zmdi-exposure-alt:before {
  content: '\f37f';
}
.zmdi-exposure:before {
  content: '\f380';
}
.zmdi-filter-b-and-w:before {
  content: '\f381';
}
.zmdi-filter-center-focus:before {
  content: '\f382';
}
.zmdi-filter-frames:before {
  content: '\f383';
}
.zmdi-filter-tilt-shift:before {
  content: '\f384';
}
.zmdi-gradient:before {
  content: '\f385';
}
.zmdi-grain:before {
  content: '\f386';
}
.zmdi-graphic-eq:before {
  content: '\f387';
}
.zmdi-hdr-off:before {
  content: '\f388';
}
.zmdi-hdr-strong:before {
  content: '\f389';
}
.zmdi-hdr-weak:before {
  content: '\f38a';
}
.zmdi-hdr:before {
  content: '\f38b';
}
.zmdi-iridescent:before {
  content: '\f38c';
}
.zmdi-leak-off:before {
  content: '\f38d';
}
.zmdi-leak:before {
  content: '\f38e';
}
.zmdi-looks:before {
  content: '\f38f';
}
.zmdi-loupe:before {
  content: '\f390';
}
.zmdi-panorama-horizontal:before {
  content: '\f391';
}
.zmdi-panorama-vertical:before {
  content: '\f392';
}
.zmdi-panorama-wide-angle:before {
  content: '\f393';
}
.zmdi-photo-size-select-large:before {
  content: '\f394';
}
.zmdi-photo-size-select-small:before {
  content: '\f395';
}
.zmdi-picture-in-picture:before {
  content: '\f396';
}
.zmdi-slideshow:before {
  content: '\f397';
}
.zmdi-texture:before {
  content: '\f398';
}
.zmdi-tonality:before {
  content: '\f399';
}
.zmdi-vignette:before {
  content: '\f39a';
}
.zmdi-wb-auto:before {
  content: '\f39b';
}
.zmdi-eject-alt:before {
  content: '\f39c';
}
.zmdi-eject:before {
  content: '\f39d';
}
.zmdi-equalizer:before {
  content: '\f39e';
}
.zmdi-fast-forward:before {
  content: '\f39f';
}
.zmdi-fast-rewind:before {
  content: '\f3a0';
}
.zmdi-forward-10:before {
  content: '\f3a1';
}
.zmdi-forward-30:before {
  content: '\f3a2';
}
.zmdi-forward-5:before {
  content: '\f3a3';
}
.zmdi-hearing:before {
  content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}
.zmdi-pause-circle:before {
  content: '\f3a6';
}
.zmdi-pause:before {
  content: '\f3a7';
}
.zmdi-play-circle-outline:before {
  content: '\f3a8';
}
.zmdi-play-circle:before {
  content: '\f3a9';
}
.zmdi-play:before {
  content: '\f3aa';
}
.zmdi-playlist-audio:before {
  content: '\f3ab';
}
.zmdi-playlist-plus:before {
  content: '\f3ac';
}
.zmdi-repeat-one:before {
  content: '\f3ad';
}
.zmdi-repeat:before {
  content: '\f3ae';
}
.zmdi-replay-10:before {
  content: '\f3af';
}
.zmdi-replay-30:before {
  content: '\f3b0';
}
.zmdi-replay-5:before {
  content: '\f3b1';
}
.zmdi-replay:before {
  content: '\f3b2';
}
.zmdi-shuffle:before {
  content: '\f3b3';
}
.zmdi-skip-next:before {
  content: '\f3b4';
}
.zmdi-skip-previous:before {
  content: '\f3b5';
}
.zmdi-stop:before {
  content: '\f3b6';
}
.zmdi-surround-sound:before {
  content: '\f3b7';
}
.zmdi-tune:before {
  content: '\f3b8';
}
.zmdi-volume-down:before {
  content: '\f3b9';
}
.zmdi-volume-mute:before {
  content: '\f3ba';
}
.zmdi-volume-off:before {
  content: '\f3bb';
}
.zmdi-volume-up:before {
  content: '\f3bc';
}
.zmdi-n-1-square:before {
  content: '\f3bd';
}
.zmdi-n-2-square:before {
  content: '\f3be';
}
.zmdi-n-3-square:before {
  content: '\f3bf';
}
.zmdi-n-4-square:before {
  content: '\f3c0';
}
.zmdi-n-5-square:before {
  content: '\f3c1';
}
.zmdi-n-6-square:before {
  content: '\f3c2';
}
.zmdi-neg-1:before {
  content: '\f3c3';
}
.zmdi-neg-2:before {
  content: '\f3c4';
}
.zmdi-plus-1:before {
  content: '\f3c5';
}
.zmdi-plus-2:before {
  content: '\f3c6';
}
.zmdi-sec-10:before {
  content: '\f3c7';
}
.zmdi-sec-3:before {
  content: '\f3c8';
}
.zmdi-zero:before {
  content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}
.zmdi-airplay:before {
  content: '\f3d2';
}
.zmdi-closed-caption:before {
  content: '\f3d3';
}
.zmdi-confirmation-number:before {
  content: '\f3d4';
}
.zmdi-developer-board:before {
  content: '\f3d5';
}
.zmdi-disc-full:before {
  content: '\f3d6';
}
.zmdi-explicit:before {
  content: '\f3d7';
}
.zmdi-flight-land:before {
  content: '\f3d8';
}
.zmdi-flight-takeoff:before {
  content: '\f3d9';
}
.zmdi-flip-to-back:before {
  content: '\f3da';
}
.zmdi-flip-to-front:before {
  content: '\f3db';
}
.zmdi-group-work:before {
  content: '\f3dc';
}
.zmdi-hd:before {
  content: '\f3dd';
}
.zmdi-hq:before {
  content: '\f3de';
}
.zmdi-markunread-mailbox:before {
  content: '\f3df';
}
.zmdi-memory:before {
  content: '\f3e0';
}
.zmdi-nfc:before {
  content: '\f3e1';
}
.zmdi-play-for-work:before {
  content: '\f3e2';
}
.zmdi-power-input:before {
  content: '\f3e3';
}
.zmdi-present-to-all:before {
  content: '\f3e4';
}
.zmdi-satellite:before {
  content: '\f3e5';
}
.zmdi-tap-and-play:before {
  content: '\f3e6';
}
.zmdi-vibration:before {
  content: '\f3e7';
}
.zmdi-voicemail:before {
  content: '\f3e8';
}
.zmdi-group:before {
  content: '\f3e9';
}
.zmdi-rss:before {
  content: '\f3ea';
}
.zmdi-shape:before {
  content: '\f3eb';
}
.zmdi-spinner:before {
  content: '\f3ec';
}
.zmdi-ungroup:before {
  content: '\f3ed';
}
.zmdi-500px:before {
  content: '\f3ee';
}
.zmdi-8tracks:before {
  content: '\f3ef';
}
.zmdi-amazon:before {
  content: '\f3f0';
}
.zmdi-blogger:before {
  content: '\f3f1';
}
.zmdi-delicious:before {
  content: '\f3f2';
}
.zmdi-disqus:before {
  content: '\f3f3';
}
.zmdi-flattr:before {
  content: '\f3f4';
}
.zmdi-flickr:before {
  content: '\f3f5';
}
.zmdi-github-alt:before {
  content: '\f3f6';
}
.zmdi-google-old:before {
  content: '\f3f7';
}
.zmdi-linkedin:before {
  content: '\f3f8';
}
.zmdi-odnoklassniki:before {
  content: '\f3f9';
}
.zmdi-outlook:before {
  content: '\f3fa';
}
.zmdi-paypal-alt:before {
  content: '\f3fb';
}
.zmdi-pinterest:before {
  content: '\f3fc';
}
.zmdi-playstation:before {
  content: '\f3fd';
}
.zmdi-reddit:before {
  content: '\f3fe';
}
.zmdi-skype:before {
  content: '\f3ff';
}
.zmdi-slideshare:before {
  content: '\f400';
}
.zmdi-soundcloud:before {
  content: '\f401';
}
.zmdi-tumblr:before {
  content: '\f402';
}
.zmdi-twitch:before {
  content: '\f403';
}
.zmdi-vimeo:before {
  content: '\f404';
}
.zmdi-whatsapp:before {
  content: '\f405';
}
.zmdi-xbox:before {
  content: '\f406';
}
.zmdi-yahoo:before {
  content: '\f407';
}
.zmdi-youtube-play:before {
  content: '\f408';
}
.zmdi-youtube:before {
  content: '\f409';
}
.zmdi-3d-rotation:before {
  content: '\f101';
}
.zmdi-airplane-off:before {
  content: '\f102';
}
.zmdi-airplane:before {
  content: '\f103';
}
.zmdi-album:before {
  content: '\f104';
}
.zmdi-archive:before {
  content: '\f105';
}
.zmdi-assignment-account:before {
  content: '\f106';
}
.zmdi-assignment-alert:before {
  content: '\f107';
}
.zmdi-assignment-check:before {
  content: '\f108';
}
.zmdi-assignment-o:before {
  content: '\f109';
}
.zmdi-assignment-return:before {
  content: '\f10a';
}
.zmdi-assignment-returned:before {
  content: '\f10b';
}
.zmdi-assignment:before {
  content: '\f10c';
}
.zmdi-attachment-alt:before {
  content: '\f10d';
}
.zmdi-attachment:before {
  content: '\f10e';
}
.zmdi-audio:before {
  content: '\f10f';
}
.zmdi-badge-check:before {
  content: '\f110';
}
.zmdi-balance-wallet:before {
  content: '\f111';
}
.zmdi-balance:before {
  content: '\f112';
}
.zmdi-battery-alert:before {
  content: '\f113';
}
.zmdi-battery-flash:before {
  content: '\f114';
}
.zmdi-battery-unknown:before {
  content: '\f115';
}
.zmdi-battery:before {
  content: '\f116';
}
.zmdi-bike:before {
  content: '\f117';
}
.zmdi-block-alt:before {
  content: '\f118';
}
.zmdi-block:before {
  content: '\f119';
}
.zmdi-boat:before {
  content: '\f11a';
}
.zmdi-book-image:before {
  content: '\f11b';
}
.zmdi-book:before {
  content: '\f11c';
}
.zmdi-bookmark-outline:before {
  content: '\f11d';
}
.zmdi-bookmark:before {
  content: '\f11e';
}
.zmdi-brush:before {
  content: '\f11f';
}
.zmdi-bug:before {
  content: '\f120';
}
.zmdi-bus:before {
  content: '\f121';
}
.zmdi-cake:before {
  content: '\f122';
}
.zmdi-car-taxi:before {
  content: '\f123';
}
.zmdi-car-wash:before {
  content: '\f124';
}
.zmdi-car:before {
  content: '\f125';
}
.zmdi-card-giftcard:before {
  content: '\f126';
}
.zmdi-card-membership:before {
  content: '\f127';
}
.zmdi-card-travel:before {
  content: '\f128';
}
.zmdi-card:before {
  content: '\f129';
}
.zmdi-case-check:before {
  content: '\f12a';
}
.zmdi-case-download:before {
  content: '\f12b';
}
.zmdi-case-play:before {
  content: '\f12c';
}
.zmdi-case:before {
  content: '\f12d';
}
.zmdi-cast-connected:before {
  content: '\f12e';
}
.zmdi-cast:before {
  content: '\f12f';
}
.zmdi-chart-donut:before {
  content: '\f130';
}
.zmdi-chart:before {
  content: '\f131';
}
.zmdi-city-alt:before {
  content: '\f132';
}
.zmdi-city:before {
  content: '\f133';
}
.zmdi-close-circle-o:before {
  content: '\f134';
}
.zmdi-close-circle:before {
  content: '\f135';
}
.zmdi-close:before {
  content: '\f136';
}
.zmdi-cocktail:before {
  content: '\f137';
}
.zmdi-code-setting:before {
  content: '\f138';
}
.zmdi-code-smartphone:before {
  content: '\f139';
}
.zmdi-code:before {
  content: '\f13a';
}
.zmdi-coffee:before {
  content: '\f13b';
}
.zmdi-collection-bookmark:before {
  content: '\f13c';
}
.zmdi-collection-case-play:before {
  content: '\f13d';
}
.zmdi-collection-folder-image:before {
  content: '\f13e';
}
.zmdi-collection-image-o:before {
  content: '\f13f';
}
.zmdi-collection-image:before {
  content: '\f140';
}
.zmdi-collection-item-1:before {
  content: '\f141';
}
.zmdi-collection-item-2:before {
  content: '\f142';
}
.zmdi-collection-item-3:before {
  content: '\f143';
}
.zmdi-collection-item-4:before {
  content: '\f144';
}
.zmdi-collection-item-5:before {
  content: '\f145';
}
.zmdi-collection-item-6:before {
  content: '\f146';
}
.zmdi-collection-item-7:before {
  content: '\f147';
}
.zmdi-collection-item-8:before {
  content: '\f148';
}
.zmdi-collection-item-9-plus:before {
  content: '\f149';
}
.zmdi-collection-item-9:before {
  content: '\f14a';
}
.zmdi-collection-item:before {
  content: '\f14b';
}
.zmdi-collection-music:before {
  content: '\f14c';
}
.zmdi-collection-pdf:before {
  content: '\f14d';
}
.zmdi-collection-plus:before {
  content: '\f14e';
}
.zmdi-collection-speaker:before {
  content: '\f14f';
}
.zmdi-collection-text:before {
  content: '\f150';
}
.zmdi-collection-video:before {
  content: '\f151';
}
.zmdi-compass:before {
  content: '\f152';
}
.zmdi-cutlery:before {
  content: '\f153';
}
.zmdi-delete:before {
  content: '\f154';
}
.zmdi-dialpad:before {
  content: '\f155';
}
.zmdi-dns:before {
  content: '\f156';
}
.zmdi-drink:before {
  content: '\f157';
}
.zmdi-edit:before {
  content: '\f158';
}
.zmdi-email-open:before {
  content: '\f159';
}
.zmdi-email:before {
  content: '\f15a';
}
.zmdi-eye-off:before {
  content: '\f15b';
}
.zmdi-eye:before {
  content: '\f15c';
}
.zmdi-eyedropper:before {
  content: '\f15d';
}
.zmdi-favorite-outline:before {
  content: '\f15e';
}
.zmdi-favorite:before {
  content: '\f15f';
}
.zmdi-filter-list:before {
  content: '\f160';
}
.zmdi-fire:before {
  content: '\f161';
}
.zmdi-flag:before {
  content: '\f162';
}
.zmdi-flare:before {
  content: '\f163';
}
.zmdi-flash-auto:before {
  content: '\f164';
}
.zmdi-flash-off:before {
  content: '\f165';
}
.zmdi-flash:before {
  content: '\f166';
}
.zmdi-flip:before {
  content: '\f167';
}
.zmdi-flower-alt:before {
  content: '\f168';
}
.zmdi-flower:before {
  content: '\f169';
}
.zmdi-font:before {
  content: '\f16a';
}
.zmdi-fullscreen-alt:before {
  content: '\f16b';
}
.zmdi-fullscreen-exit:before {
  content: '\f16c';
}
.zmdi-fullscreen:before {
  content: '\f16d';
}
.zmdi-functions:before {
  content: '\f16e';
}
.zmdi-gas-station:before {
  content: '\f16f';
}
.zmdi-gesture:before {
  content: '\f170';
}
.zmdi-globe-alt:before {
  content: '\f171';
}
.zmdi-globe-lock:before {
  content: '\f172';
}
.zmdi-globe:before {
  content: '\f173';
}
.zmdi-graduation-cap:before {
  content: '\f174';
}
.zmdi-home:before {
  content: '\f175';
}
.zmdi-hospital-alt:before {
  content: '\f176';
}
.zmdi-hospital:before {
  content: '\f177';
}
.zmdi-hotel:before {
  content: '\f178';
}
.zmdi-hourglass-alt:before {
  content: '\f179';
}
.zmdi-hourglass-outline:before {
  content: '\f17a';
}
.zmdi-hourglass:before {
  content: '\f17b';
}
.zmdi-http:before {
  content: '\f17c';
}
.zmdi-image-alt:before {
  content: '\f17d';
}
.zmdi-image-o:before {
  content: '\f17e';
}
.zmdi-image:before {
  content: '\f17f';
}
.zmdi-inbox:before {
  content: '\f180';
}
.zmdi-invert-colors-off:before {
  content: '\f181';
}
.zmdi-invert-colors:before {
  content: '\f182';
}
.zmdi-key:before {
  content: '\f183';
}
.zmdi-label-alt-outline:before {
  content: '\f184';
}
.zmdi-label-alt:before {
  content: '\f185';
}
.zmdi-label-heart:before {
  content: '\f186';
}
.zmdi-label:before {
  content: '\f187';
}
.zmdi-labels:before {
  content: '\f188';
}
.zmdi-lamp:before {
  content: '\f189';
}
.zmdi-landscape:before {
  content: '\f18a';
}
.zmdi-layers-off:before {
  content: '\f18b';
}
.zmdi-layers:before {
  content: '\f18c';
}
.zmdi-library:before {
  content: '\f18d';
}
.zmdi-link:before {
  content: '\f18e';
}
.zmdi-lock-open:before {
  content: '\f18f';
}
.zmdi-lock-outline:before {
  content: '\f190';
}
.zmdi-lock:before {
  content: '\f191';
}
.zmdi-mail-reply-all:before {
  content: '\f192';
}
.zmdi-mail-reply:before {
  content: '\f193';
}
.zmdi-mail-send:before {
  content: '\f194';
}
.zmdi-mall:before {
  content: '\f195';
}
.zmdi-map:before {
  content: '\f196';
}
.zmdi-menu:before {
  content: '\f197';
}
.zmdi-money-box:before {
  content: '\f198';
}
.zmdi-money-off:before {
  content: '\f199';
}
.zmdi-money:before {
  content: '\f19a';
}
.zmdi-more-vert:before {
  content: '\f19b';
}
.zmdi-more:before {
  content: '\f19c';
}
.zmdi-movie-alt:before {
  content: '\f19d';
}
.zmdi-movie:before {
  content: '\f19e';
}
.zmdi-nature-people:before {
  content: '\f19f';
}
.zmdi-nature:before {
  content: '\f1a0';
}
.zmdi-navigation:before {
  content: '\f1a1';
}
.zmdi-open-in-browser:before {
  content: '\f1a2';
}
.zmdi-open-in-new:before {
  content: '\f1a3';
}
.zmdi-palette:before {
  content: '\f1a4';
}
.zmdi-parking:before {
  content: '\f1a5';
}
.zmdi-pin-account:before {
  content: '\f1a6';
}
.zmdi-pin-assistant:before {
  content: '\f1a7';
}
.zmdi-pin-drop:before {
  content: '\f1a8';
}
.zmdi-pin-help:before {
  content: '\f1a9';
}
.zmdi-pin-off:before {
  content: '\f1aa';
}
.zmdi-pin:before {
  content: '\f1ab';
}
.zmdi-pizza:before {
  content: '\f1ac';
}
.zmdi-plaster:before {
  content: '\f1ad';
}
.zmdi-power-setting:before {
  content: '\f1ae';
}
.zmdi-power:before {
  content: '\f1af';
}
.zmdi-print:before {
  content: '\f1b0';
}
.zmdi-puzzle-piece:before {
  content: '\f1b1';
}
.zmdi-quote:before {
  content: '\f1b2';
}
.zmdi-railway:before {
  content: '\f1b3';
}
.zmdi-receipt:before {
  content: '\f1b4';
}
.zmdi-refresh-alt:before {
  content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}
.zmdi-refresh-sync:before {
  content: '\f1b8';
}
.zmdi-refresh:before {
  content: '\f1b9';
}
.zmdi-roller:before {
  content: '\f1ba';
}
.zmdi-ruler:before {
  content: '\f1bb';
}
.zmdi-scissors:before {
  content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}
.zmdi-screen-rotation:before {
  content: '\f1be';
}
.zmdi-search-for:before {
  content: '\f1bf';
}
.zmdi-search-in-file:before {
  content: '\f1c0';
}
.zmdi-search-in-page:before {
  content: '\f1c1';
}
.zmdi-search-replace:before {
  content: '\f1c2';
}
.zmdi-search:before {
  content: '\f1c3';
}
.zmdi-seat:before {
  content: '\f1c4';
}
.zmdi-settings-square:before {
  content: '\f1c5';
}
.zmdi-settings:before {
  content: '\f1c6';
}
.zmdi-shield-check:before {
  content: '\f1c7';
}
.zmdi-shield-security:before {
  content: '\f1c8';
}
.zmdi-shopping-basket:before {
  content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}
.zmdi-shopping-cart:before {
  content: '\f1cb';
}
.zmdi-sign-in:before {
  content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}
.zmdi-sort-asc:before {
  content: '\f1cf';
}
.zmdi-sort-desc:before {
  content: '\f1d0';
}
.zmdi-spellcheck:before {
  content: '\f1d1';
}
.zmdi-storage:before {
  content: '\f1d2';
}
.zmdi-store-24:before {
  content: '\f1d3';
}
.zmdi-store:before {
  content: '\f1d4';
}
.zmdi-subway:before {
  content: '\f1d5';
}
.zmdi-sun:before {
  content: '\f1d6';
}
.zmdi-tab-unselected:before {
  content: '\f1d7';
}
.zmdi-tab:before {
  content: '\f1d8';
}
.zmdi-tag-close:before {
  content: '\f1d9';
}
.zmdi-tag-more:before {
  content: '\f1da';
}
.zmdi-tag:before {
  content: '\f1db';
}
.zmdi-thumb-down:before {
  content: '\f1dc';
}
.zmdi-thumb-up-down:before {
  content: '\f1dd';
}
.zmdi-thumb-up:before {
  content: '\f1de';
}
.zmdi-ticket-star:before {
  content: '\f1df';
}
.zmdi-toll:before {
  content: '\f1e0';
}
.zmdi-toys:before {
  content: '\f1e1';
}
.zmdi-traffic:before {
  content: '\f1e2';
}
.zmdi-translate:before {
  content: '\f1e3';
}
.zmdi-triangle-down:before {
  content: '\f1e4';
}
.zmdi-triangle-up:before {
  content: '\f1e5';
}
.zmdi-truck:before {
  content: '\f1e6';
}
.zmdi-turning-sign:before {
  content: '\f1e7';
}
.zmdi-wallpaper:before {
  content: '\f1e8';
}
.zmdi-washing-machine:before {
  content: '\f1e9';
}
.zmdi-window-maximize:before {
  content: '\f1ea';
}
.zmdi-window-minimize:before {
  content: '\f1eb';
}
.zmdi-window-restore:before {
  content: '\f1ec';
}
.zmdi-wrench:before {
  content: '\f1ed';
}
.zmdi-zoom-in:before {
  content: '\f1ee';
}
.zmdi-zoom-out:before {
  content: '\f1ef';
}
.zmdi-alert-circle-o:before {
  content: '\f1f0';
}
.zmdi-alert-circle:before {
  content: '\f1f1';
}
.zmdi-alert-octagon:before {
  content: '\f1f2';
}
.zmdi-alert-polygon:before {
  content: '\f1f3';
}
.zmdi-alert-triangle:before {
  content: '\f1f4';
}
.zmdi-help-outline:before {
  content: '\f1f5';
}
.zmdi-help:before {
  content: '\f1f6';
}
.zmdi-info-outline:before {
  content: '\f1f7';
}
.zmdi-info:before {
  content: '\f1f8';
}
.zmdi-notifications-active:before {
  content: '\f1f9';
}
.zmdi-notifications-add:before {
  content: '\f1fa';
}
.zmdi-notifications-none:before {
  content: '\f1fb';
}
.zmdi-notifications-off:before {
  content: '\f1fc';
}
.zmdi-notifications-paused:before {
  content: '\f1fd';
}
.zmdi-notifications:before {
  content: '\f1fe';
}
.zmdi-account-add:before {
  content: '\f1ff';
}
.zmdi-account-box-mail:before {
  content: '\f200';
}
.zmdi-account-box-o:before {
  content: '\f201';
}
.zmdi-account-box-phone:before {
  content: '\f202';
}
.zmdi-account-box:before {
  content: '\f203';
}
.zmdi-account-calendar:before {
  content: '\f204';
}
.zmdi-account-circle:before {
  content: '\f205';
}
.zmdi-account-o:before {
  content: '\f206';
}
.zmdi-account:before {
  content: '\f207';
}
.zmdi-accounts-add:before {
  content: '\f208';
}
.zmdi-accounts-alt:before {
  content: '\f209';
}
.zmdi-accounts-list-alt:before {
  content: '\f20a';
}
.zmdi-accounts-list:before {
  content: '\f20b';
}
.zmdi-accounts-outline:before {
  content: '\f20c';
}
.zmdi-accounts:before {
  content: '\f20d';
}
.zmdi-face:before {
  content: '\f20e';
}
.zmdi-female:before {
  content: '\f20f';
}
.zmdi-male-alt:before {
  content: '\f210';
}
.zmdi-male-female:before {
  content: '\f211';
}
.zmdi-male:before {
  content: '\f212';
}
.zmdi-mood-bad:before {
  content: '\f213';
}
.zmdi-mood:before {
  content: '\f214';
}
.zmdi-run:before {
  content: '\f215';
}
.zmdi-walk:before {
  content: '\f216';
}
.zmdi-cloud-box:before {
  content: '\f217';
}
.zmdi-cloud-circle:before {
  content: '\f218';
}
.zmdi-cloud-done:before {
  content: '\f219';
}
.zmdi-cloud-download:before {
  content: '\f21a';
}
.zmdi-cloud-off:before {
  content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}
.zmdi-cloud-outline:before {
  content: '\f21d';
}
.zmdi-cloud-upload:before {
  content: '\f21e';
}
.zmdi-cloud:before {
  content: '\f21f';
}
.zmdi-download:before {
  content: '\f220';
}
.zmdi-file-plus:before {
  content: '\f221';
}
.zmdi-file-text:before {
  content: '\f222';
}
.zmdi-file:before {
  content: '\f223';
}
.zmdi-folder-outline:before {
  content: '\f224';
}
.zmdi-folder-person:before {
  content: '\f225';
}
.zmdi-folder-star-alt:before {
  content: '\f226';
}
.zmdi-folder-star:before {
  content: '\f227';
}
.zmdi-folder:before {
  content: '\f228';
}
.zmdi-gif:before {
  content: '\f229';
}
.zmdi-upload:before {
  content: '\f22a';
}
.zmdi-border-all:before {
  content: '\f22b';
}
.zmdi-border-bottom:before {
  content: '\f22c';
}
.zmdi-border-clear:before {
  content: '\f22d';
}
.zmdi-border-color:before {
  content: '\f22e';
}
.zmdi-border-horizontal:before {
  content: '\f22f';
}
.zmdi-border-inner:before {
  content: '\f230';
}
.zmdi-border-left:before {
  content: '\f231';
}
.zmdi-border-outer:before {
  content: '\f232';
}
.zmdi-border-right:before {
  content: '\f233';
}
.zmdi-border-style:before {
  content: '\f234';
}
.zmdi-border-top:before {
  content: '\f235';
}
.zmdi-border-vertical:before {
  content: '\f236';
}
.zmdi-copy:before {
  content: '\f237';
}
.zmdi-crop:before {
  content: '\f238';
}
.zmdi-format-align-center:before {
  content: '\f239';
}
.zmdi-format-align-justify:before {
  content: '\f23a';
}
.zmdi-format-align-left:before {
  content: '\f23b';
}
.zmdi-format-align-right:before {
  content: '\f23c';
}
.zmdi-format-bold:before {
  content: '\f23d';
}
.zmdi-format-clear-all:before {
  content: '\f23e';
}
.zmdi-format-clear:before {
  content: '\f23f';
}
.zmdi-format-color-fill:before {
  content: '\f240';
}
.zmdi-format-color-reset:before {
  content: '\f241';
}
.zmdi-format-color-text:before {
  content: '\f242';
}
.zmdi-format-indent-decrease:before {
  content: '\f243';
}
.zmdi-format-indent-increase:before {
  content: '\f244';
}
.zmdi-format-italic:before {
  content: '\f245';
}
.zmdi-format-line-spacing:before {
  content: '\f246';
}
.zmdi-format-list-bulleted:before {
  content: '\f247';
}
.zmdi-format-list-numbered:before {
  content: '\f248';
}
.zmdi-format-ltr:before {
  content: '\f249';
}
.zmdi-format-rtl:before {
  content: '\f24a';
}
.zmdi-format-size:before {
  content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}
.zmdi-format-strikethrough:before {
  content: '\f24d';
}
.zmdi-format-subject:before {
  content: '\f24e';
}
.zmdi-format-underlined:before {
  content: '\f24f';
}
.zmdi-format-valign-bottom:before {
  content: '\f250';
}
.zmdi-format-valign-center:before {
  content: '\f251';
}
.zmdi-format-valign-top:before {
  content: '\f252';
}
.zmdi-redo:before {
  content: '\f253';
}
.zmdi-select-all:before {
  content: '\f254';
}
.zmdi-space-bar:before {
  content: '\f255';
}
.zmdi-text-format:before {
  content: '\f256';
}
.zmdi-transform:before {
  content: '\f257';
}
.zmdi-undo:before {
  content: '\f258';
}
.zmdi-wrap-text:before {
  content: '\f259';
}
.zmdi-comment-alert:before {
  content: '\f25a';
}
.zmdi-comment-alt-text:before {
  content: '\f25b';
}
.zmdi-comment-alt:before {
  content: '\f25c';
}
.zmdi-comment-edit:before {
  content: '\f25d';
}
.zmdi-comment-image:before {
  content: '\f25e';
}
.zmdi-comment-list:before {
  content: '\f25f';
}
.zmdi-comment-more:before {
  content: '\f260';
}
.zmdi-comment-outline:before {
  content: '\f261';
}
.zmdi-comment-text-alt:before {
  content: '\f262';
}
.zmdi-comment-text:before {
  content: '\f263';
}
.zmdi-comment-video:before {
  content: '\f264';
}
.zmdi-comment:before {
  content: '\f265';
}
.zmdi-comments:before {
  content: '\f266';
}
.zmdi-check-all:before {
  content: '\f267';
}
.zmdi-check-circle-u:before {
  content: '\f268';
}
.zmdi-check-circle:before {
  content: '\f269';
}
.zmdi-check-square:before {
  content: '\f26a';
}
.zmdi-check:before {
  content: '\f26b';
}
.zmdi-circle-o:before {
  content: '\f26c';
}
.zmdi-circle:before {
  content: '\f26d';
}
.zmdi-dot-circle-alt:before {
  content: '\f26e';
}
.zmdi-dot-circle:before {
  content: '\f26f';
}
.zmdi-minus-circle-outline:before {
  content: '\f270';
}
.zmdi-minus-circle:before {
  content: '\f271';
}
.zmdi-minus-square:before {
  content: '\f272';
}
.zmdi-minus:before {
  content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}
.zmdi-plus-circle-o:before {
  content: '\f275';
}
.zmdi-plus-circle:before {
  content: '\f276';
}
.zmdi-plus-square:before {
  content: '\f277';
}
.zmdi-plus:before {
  content: '\f278';
}
.zmdi-square-o:before {
  content: '\f279';
}
.zmdi-star-circle:before {
  content: '\f27a';
}
.zmdi-star-half:before {
  content: '\f27b';
}
.zmdi-star-outline:before {
  content: '\f27c';
}
.zmdi-star:before {
  content: '\f27d';
}
.zmdi-bluetooth-connected:before {
  content: '\f27e';
}
.zmdi-bluetooth-off:before {
  content: '\f27f';
}
.zmdi-bluetooth-search:before {
  content: '\f280';
}
.zmdi-bluetooth-setting:before {
  content: '\f281';
}
.zmdi-bluetooth:before {
  content: '\f282';
}
.zmdi-camera-add:before {
  content: '\f283';
}
.zmdi-camera-alt:before {
  content: '\f284';
}
.zmdi-camera-bw:before {
  content: '\f285';
}
.zmdi-camera-front:before {
  content: '\f286';
}
.zmdi-camera-mic:before {
  content: '\f287';
}
.zmdi-camera-party-mode:before {
  content: '\f288';
}
.zmdi-camera-rear:before {
  content: '\f289';
}
.zmdi-camera-roll:before {
  content: '\f28a';
}
.zmdi-camera-switch:before {
  content: '\f28b';
}
.zmdi-camera:before {
  content: '\f28c';
}
.zmdi-card-alert:before {
  content: '\f28d';
}
.zmdi-card-off:before {
  content: '\f28e';
}
.zmdi-card-sd:before {
  content: '\f28f';
}
.zmdi-card-sim:before {
  content: '\f290';
}
.zmdi-desktop-mac:before {
  content: '\f291';
}
.zmdi-desktop-windows:before {
  content: '\f292';
}
.zmdi-device-hub:before {
  content: '\f293';
}
.zmdi-devices-off:before {
  content: '\f294';
}
.zmdi-devices:before {
  content: '\f295';
}
.zmdi-dock:before {
  content: '\f296';
}
.zmdi-floppy:before {
  content: '\f297';
}
.zmdi-gamepad:before {
  content: '\f298';
}
.zmdi-gps-dot:before {
  content: '\f299';
}
.zmdi-gps-off:before {
  content: '\f29a';
}
.zmdi-gps:before {
  content: '\f29b';
}
.zmdi-headset-mic:before {
  content: '\f29c';
}
.zmdi-headset:before {
  content: '\f29d';
}
.zmdi-input-antenna:before {
  content: '\f29e';
}
.zmdi-input-composite:before {
  content: '\f29f';
}
.zmdi-input-hdmi:before {
  content: '\f2a0';
}
.zmdi-input-power:before {
  content: '\f2a1';
}
.zmdi-input-svideo:before {
  content: '\f2a2';
}
.zmdi-keyboard-hide:before {
  content: '\f2a3';
}
.zmdi-keyboard:before {
  content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}
.zmdi-laptop-mac:before {
  content: '\f2a6';
}
.zmdi-laptop:before {
  content: '\f2a7';
}
.zmdi-mic-off:before {
  content: '\f2a8';
}
.zmdi-mic-outline:before {
  content: '\f2a9';
}
.zmdi-mic-setting:before {
  content: '\f2aa';
}
.zmdi-mic:before {
  content: '\f2ab';
}
.zmdi-mouse:before {
  content: '\f2ac';
}
.zmdi-network-alert:before {
  content: '\f2ad';
}
.zmdi-network-locked:before {
  content: '\f2ae';
}
.zmdi-network-off:before {
  content: '\f2af';
}
.zmdi-network-outline:before {
  content: '\f2b0';
}
.zmdi-network-setting:before {
  content: '\f2b1';
}
.zmdi-network:before {
  content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}
.zmdi-phone-end:before {
  content: '\f2b4';
}
.zmdi-phone-forwarded:before {
  content: '\f2b5';
}
.zmdi-phone-in-talk:before {
  content: '\f2b6';
}
.zmdi-phone-locked:before {
  content: '\f2b7';
}
.zmdi-phone-missed:before {
  content: '\f2b8';
}
.zmdi-phone-msg:before {
  content: '\f2b9';
}
.zmdi-phone-paused:before {
  content: '\f2ba';
}
.zmdi-phone-ring:before {
  content: '\f2bb';
}
.zmdi-phone-setting:before {
  content: '\f2bc';
}
.zmdi-phone-sip:before {
  content: '\f2bd';
}
.zmdi-phone:before {
  content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}
.zmdi-portable-wifi:before {
  content: '\f2c1';
}
.zmdi-radio:before {
  content: '\f2c2';
}
.zmdi-reader:before {
  content: '\f2c3';
}
.zmdi-remote-control-alt:before {
  content: '\f2c4';
}
.zmdi-remote-control:before {
  content: '\f2c5';
}
.zmdi-router:before {
  content: '\f2c6';
}
.zmdi-scanner:before {
  content: '\f2c7';
}
.zmdi-smartphone-android:before {
  content: '\f2c8';
}
.zmdi-smartphone-download:before {
  content: '\f2c9';
}
.zmdi-smartphone-erase:before {
  content: '\f2ca';
}
.zmdi-smartphone-info:before {
  content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}
.zmdi-smartphone-lock:before {
  content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}
.zmdi-smartphone-ring:before {
  content: '\f2d1';
}
.zmdi-smartphone-setting:before {
  content: '\f2d2';
}
.zmdi-smartphone-setup:before {
  content: '\f2d3';
}
.zmdi-smartphone:before {
  content: '\f2d4';
}
.zmdi-speaker:before {
  content: '\f2d5';
}
.zmdi-tablet-android:before {
  content: '\f2d6';
}
.zmdi-tablet-mac:before {
  content: '\f2d7';
}
.zmdi-tablet:before {
  content: '\f2d8';
}
.zmdi-tv-alt-play:before {
  content: '\f2d9';
}
.zmdi-tv-list:before {
  content: '\f2da';
}
.zmdi-tv-play:before {
  content: '\f2db';
}
.zmdi-tv:before {
  content: '\f2dc';
}
.zmdi-usb:before {
  content: '\f2dd';
}
.zmdi-videocam-off:before {
  content: '\f2de';
}
.zmdi-videocam-switch:before {
  content: '\f2df';
}
.zmdi-videocam:before {
  content: '\f2e0';
}
.zmdi-watch:before {
  content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}
.zmdi-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-wifi-info:before {
  content: '\f2e4';
}
.zmdi-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-wifi-off:before {
  content: '\f2e6';
}
.zmdi-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-wifi:before {
  content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}
.zmdi-arrow-left:before {
  content: '\f2ea';
}
.zmdi-arrow-merge:before {
  content: '\f2eb';
}
.zmdi-arrow-missed:before {
  content: '\f2ec';
}
.zmdi-arrow-right-top:before {
  content: '\f2ed';
}
.zmdi-arrow-right:before {
  content: '\f2ee';
}
.zmdi-arrow-split:before {
  content: '\f2ef';
}
.zmdi-arrows:before {
  content: '\f2f0';
}
.zmdi-caret-down-circle:before {
  content: '\f2f1';
}
.zmdi-caret-down:before {
  content: '\f2f2';
}
.zmdi-caret-left-circle:before {
  content: '\f2f3';
}
.zmdi-caret-left:before {
  content: '\f2f4';
}
.zmdi-caret-right-circle:before {
  content: '\f2f5';
}
.zmdi-caret-right:before {
  content: '\f2f6';
}
.zmdi-caret-up-circle:before {
  content: '\f2f7';
}
.zmdi-caret-up:before {
  content: '\f2f8';
}
.zmdi-chevron-down:before {
  content: '\f2f9';
}
.zmdi-chevron-left:before {
  content: '\f2fa';
}
.zmdi-chevron-right:before {
  content: '\f2fb';
}
.zmdi-chevron-up:before {
  content: '\f2fc';
}
.zmdi-forward:before {
  content: '\f2fd';
}
.zmdi-long-arrow-down:before {
  content: '\f2fe';
}
.zmdi-long-arrow-left:before {
  content: '\f2ff';
}
.zmdi-long-arrow-return:before {
  content: '\f300';
}
.zmdi-long-arrow-right:before {
  content: '\f301';
}
.zmdi-long-arrow-tab:before {
  content: '\f302';
}
.zmdi-long-arrow-up:before {
  content: '\f303';
}
.zmdi-rotate-ccw:before {
  content: '\f304';
}
.zmdi-rotate-cw:before {
  content: '\f305';
}
.zmdi-rotate-left:before {
  content: '\f306';
}
.zmdi-rotate-right:before {
  content: '\f307';
}
.zmdi-square-down:before {
  content: '\f308';
}
.zmdi-square-right:before {
  content: '\f309';
}
.zmdi-swap-alt:before {
  content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}
.zmdi-swap-vertical:before {
  content: '\f30c';
}
.zmdi-swap:before {
  content: '\f30d';
}
.zmdi-trending-down:before {
  content: '\f30e';
}
.zmdi-trending-flat:before {
  content: '\f30f';
}
.zmdi-trending-up:before {
  content: '\f310';
}
.zmdi-unfold-less:before {
  content: '\f311';
}
.zmdi-unfold-more:before {
  content: '\f312';
}
.zmdi-apps:before {
  content: '\f313';
}
.zmdi-grid-off:before {
  content: '\f314';
}
.zmdi-grid:before {
  content: '\f315';
}
.zmdi-view-agenda:before {
  content: '\f316';
}
.zmdi-view-array:before {
  content: '\f317';
}
.zmdi-view-carousel:before {
  content: '\f318';
}
.zmdi-view-column:before {
  content: '\f319';
}
.zmdi-view-comfy:before {
  content: '\f31a';
}
.zmdi-view-compact:before {
  content: '\f31b';
}
.zmdi-view-dashboard:before {
  content: '\f31c';
}
.zmdi-view-day:before {
  content: '\f31d';
}
.zmdi-view-headline:before {
  content: '\f31e';
}
.zmdi-view-list-alt:before {
  content: '\f31f';
}
.zmdi-view-list:before {
  content: '\f320';
}
.zmdi-view-module:before {
  content: '\f321';
}
.zmdi-view-quilt:before {
  content: '\f322';
}
.zmdi-view-stream:before {
  content: '\f323';
}
.zmdi-view-subtitles:before {
  content: '\f324';
}
.zmdi-view-toc:before {
  content: '\f325';
}
.zmdi-view-web:before {
  content: '\f326';
}
.zmdi-view-week:before {
  content: '\f327';
}
.zmdi-widgets:before {
  content: '\f328';
}
.zmdi-alarm-check:before {
  content: '\f329';
}
.zmdi-alarm-off:before {
  content: '\f32a';
}
.zmdi-alarm-plus:before {
  content: '\f32b';
}
.zmdi-alarm-snooze:before {
  content: '\f32c';
}
.zmdi-alarm:before {
  content: '\f32d';
}
.zmdi-calendar-alt:before {
  content: '\f32e';
}
.zmdi-calendar-check:before {
  content: '\f32f';
}
.zmdi-calendar-close:before {
  content: '\f330';
}
.zmdi-calendar-note:before {
  content: '\f331';
}
.zmdi-calendar:before {
  content: '\f332';
}
.zmdi-time-countdown:before {
  content: '\f333';
}
.zmdi-time-interval:before {
  content: '\f334';
}
.zmdi-time-restore-setting:before {
  content: '\f335';
}
.zmdi-time-restore:before {
  content: '\f336';
}
.zmdi-time:before {
  content: '\f337';
}
.zmdi-timer-off:before {
  content: '\f338';
}
.zmdi-timer:before {
  content: '\f339';
}
.zmdi-android-alt:before {
  content: '\f33a';
}
.zmdi-android:before {
  content: '\f33b';
}
.zmdi-apple:before {
  content: '\f33c';
}
.zmdi-behance:before {
  content: '\f33d';
}
.zmdi-codepen:before {
  content: '\f33e';
}
.zmdi-dribbble:before {
  content: '\f33f';
}
.zmdi-dropbox:before {
  content: '\f340';
}
.zmdi-evernote:before {
  content: '\f341';
}
.zmdi-facebook-box:before {
  content: '\f342';
}
.zmdi-facebook:before {
  content: '\f343';
}
.zmdi-github-box:before {
  content: '\f344';
}
.zmdi-github:before {
  content: '\f345';
}
.zmdi-google-drive:before {
  content: '\f346';
}
.zmdi-google-earth:before {
  content: '\f347';
}
.zmdi-google-glass:before {
  content: '\f348';
}
.zmdi-google-maps:before {
  content: '\f349';
}
.zmdi-google-pages:before {
  content: '\f34a';
}
.zmdi-google-play:before {
  content: '\f34b';
}
.zmdi-google-plus-box:before {
  content: '\f34c';
}
.zmdi-google-plus:before {
  content: '\f34d';
}
.zmdi-google:before {
  content: '\f34e';
}
.zmdi-instagram:before {
  content: '\f34f';
}
.zmdi-language-css3:before {
  content: '\f350';
}
.zmdi-language-html5:before {
  content: '\f351';
}
.zmdi-language-javascript:before {
  content: '\f352';
}
.zmdi-language-python-alt:before {
  content: '\f353';
}
.zmdi-language-python:before {
  content: '\f354';
}
.zmdi-lastfm:before {
  content: '\f355';
}
.zmdi-linkedin-box:before {
  content: '\f356';
}
.zmdi-paypal:before {
  content: '\f357';
}
.zmdi-pinterest-box:before {
  content: '\f358';
}
.zmdi-pocket:before {
  content: '\f359';
}
.zmdi-polymer:before {
  content: '\f35a';
}
.zmdi-share:before {
  content: '\f35b';
}
.zmdi-stackoverflow:before {
  content: '\f35c';
}
.zmdi-steam-square:before {
  content: '\f35d';
}
.zmdi-steam:before {
  content: '\f35e';
}
.zmdi-twitter-box:before {
  content: '\f35f';
}
.zmdi-twitter:before {
  content: '\f360';
}
.zmdi-vk:before {
  content: '\f361';
}
.zmdi-wikipedia:before {
  content: '\f362';
}
.zmdi-windows:before {
  content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}
.zmdi-aspect-ratio:before {
  content: '\f365';
}
.zmdi-blur-circular:before {
  content: '\f366';
}
.zmdi-blur-linear:before {
  content: '\f367';
}
.zmdi-blur-off:before {
  content: '\f368';
}
.zmdi-blur:before {
  content: '\f369';
}
.zmdi-brightness-2:before {
  content: '\f36a';
}
.zmdi-brightness-3:before {
  content: '\f36b';
}
.zmdi-brightness-4:before {
  content: '\f36c';
}
.zmdi-brightness-5:before {
  content: '\f36d';
}
.zmdi-brightness-6:before {
  content: '\f36e';
}
.zmdi-brightness-7:before {
  content: '\f36f';
}
.zmdi-brightness-auto:before {
  content: '\f370';
}
.zmdi-brightness-setting:before {
  content: '\f371';
}
.zmdi-broken-image:before {
  content: '\f372';
}
.zmdi-center-focus-strong:before {
  content: '\f373';
}
.zmdi-center-focus-weak:before {
  content: '\f374';
}
.zmdi-compare:before {
  content: '\f375';
}
.zmdi-crop-16-9:before {
  content: '\f376';
}
.zmdi-crop-3-2:before {
  content: '\f377';
}
.zmdi-crop-5-4:before {
  content: '\f378';
}
.zmdi-crop-7-5:before {
  content: '\f379';
}
.zmdi-crop-din:before {
  content: '\f37a';
}
.zmdi-crop-free:before {
  content: '\f37b';
}
.zmdi-crop-landscape:before {
  content: '\f37c';
}
.zmdi-crop-portrait:before {
  content: '\f37d';
}
.zmdi-crop-square:before {
  content: '\f37e';
}
.zmdi-exposure-alt:before {
  content: '\f37f';
}
.zmdi-exposure:before {
  content: '\f380';
}
.zmdi-filter-b-and-w:before {
  content: '\f381';
}
.zmdi-filter-center-focus:before {
  content: '\f382';
}
.zmdi-filter-frames:before {
  content: '\f383';
}
.zmdi-filter-tilt-shift:before {
  content: '\f384';
}
.zmdi-gradient:before {
  content: '\f385';
}
.zmdi-grain:before {
  content: '\f386';
}
.zmdi-graphic-eq:before {
  content: '\f387';
}
.zmdi-hdr-off:before {
  content: '\f388';
}
.zmdi-hdr-strong:before {
  content: '\f389';
}
.zmdi-hdr-weak:before {
  content: '\f38a';
}
.zmdi-hdr:before {
  content: '\f38b';
}
.zmdi-iridescent:before {
  content: '\f38c';
}
.zmdi-leak-off:before {
  content: '\f38d';
}
.zmdi-leak:before {
  content: '\f38e';
}
.zmdi-looks:before {
  content: '\f38f';
}
.zmdi-loupe:before {
  content: '\f390';
}
.zmdi-panorama-horizontal:before {
  content: '\f391';
}
.zmdi-panorama-vertical:before {
  content: '\f392';
}
.zmdi-panorama-wide-angle:before {
  content: '\f393';
}
.zmdi-photo-size-select-large:before {
  content: '\f394';
}
.zmdi-photo-size-select-small:before {
  content: '\f395';
}
.zmdi-picture-in-picture:before {
  content: '\f396';
}
.zmdi-slideshow:before {
  content: '\f397';
}
.zmdi-texture:before {
  content: '\f398';
}
.zmdi-tonality:before {
  content: '\f399';
}
.zmdi-vignette:before {
  content: '\f39a';
}
.zmdi-wb-auto:before {
  content: '\f39b';
}
.zmdi-eject-alt:before {
  content: '\f39c';
}
.zmdi-eject:before {
  content: '\f39d';
}
.zmdi-equalizer:before {
  content: '\f39e';
}
.zmdi-fast-forward:before {
  content: '\f39f';
}
.zmdi-fast-rewind:before {
  content: '\f3a0';
}
.zmdi-forward-10:before {
  content: '\f3a1';
}
.zmdi-forward-30:before {
  content: '\f3a2';
}
.zmdi-forward-5:before {
  content: '\f3a3';
}
.zmdi-hearing:before {
  content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}
.zmdi-pause-circle:before {
  content: '\f3a6';
}
.zmdi-pause:before {
  content: '\f3a7';
}
.zmdi-play-circle-outline:before {
  content: '\f3a8';
}
.zmdi-play-circle:before {
  content: '\f3a9';
}
.zmdi-play:before {
  content: '\f3aa';
}
.zmdi-playlist-audio:before {
  content: '\f3ab';
}
.zmdi-playlist-plus:before {
  content: '\f3ac';
}
.zmdi-repeat-one:before {
  content: '\f3ad';
}
.zmdi-repeat:before {
  content: '\f3ae';
}
.zmdi-replay-10:before {
  content: '\f3af';
}
.zmdi-replay-30:before {
  content: '\f3b0';
}
.zmdi-replay-5:before {
  content: '\f3b1';
}
.zmdi-replay:before {
  content: '\f3b2';
}
.zmdi-shuffle:before {
  content: '\f3b3';
}
.zmdi-skip-next:before {
  content: '\f3b4';
}
.zmdi-skip-previous:before {
  content: '\f3b5';
}
.zmdi-stop:before {
  content: '\f3b6';
}
.zmdi-surround-sound:before {
  content: '\f3b7';
}
.zmdi-tune:before {
  content: '\f3b8';
}
.zmdi-volume-down:before {
  content: '\f3b9';
}
.zmdi-volume-mute:before {
  content: '\f3ba';
}
.zmdi-volume-off:before {
  content: '\f3bb';
}
.zmdi-volume-up:before {
  content: '\f3bc';
}
.zmdi-n-1-square:before {
  content: '\f3bd';
}
.zmdi-n-2-square:before {
  content: '\f3be';
}
.zmdi-n-3-square:before {
  content: '\f3bf';
}
.zmdi-n-4-square:before {
  content: '\f3c0';
}
.zmdi-n-5-square:before {
  content: '\f3c1';
}
.zmdi-n-6-square:before {
  content: '\f3c2';
}
.zmdi-neg-1:before {
  content: '\f3c3';
}
.zmdi-neg-2:before {
  content: '\f3c4';
}
.zmdi-plus-1:before {
  content: '\f3c5';
}
.zmdi-plus-2:before {
  content: '\f3c6';
}
.zmdi-sec-10:before {
  content: '\f3c7';
}
.zmdi-sec-3:before {
  content: '\f3c8';
}
.zmdi-zero:before {
  content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}
.zmdi-airplay:before {
  content: '\f3d2';
}
.zmdi-closed-caption:before {
  content: '\f3d3';
}
.zmdi-confirmation-number:before {
  content: '\f3d4';
}
.zmdi-developer-board:before {
  content: '\f3d5';
}
.zmdi-disc-full:before {
  content: '\f3d6';
}
.zmdi-explicit:before {
  content: '\f3d7';
}
.zmdi-flight-land:before {
  content: '\f3d8';
}
.zmdi-flight-takeoff:before {
  content: '\f3d9';
}
.zmdi-flip-to-back:before {
  content: '\f3da';
}
.zmdi-flip-to-front:before {
  content: '\f3db';
}
.zmdi-group-work:before {
  content: '\f3dc';
}
.zmdi-hd:before {
  content: '\f3dd';
}
.zmdi-hq:before {
  content: '\f3de';
}
.zmdi-markunread-mailbox:before {
  content: '\f3df';
}
.zmdi-memory:before {
  content: '\f3e0';
}
.zmdi-nfc:before {
  content: '\f3e1';
}
.zmdi-play-for-work:before {
  content: '\f3e2';
}
.zmdi-power-input:before {
  content: '\f3e3';
}
.zmdi-present-to-all:before {
  content: '\f3e4';
}
.zmdi-satellite:before {
  content: '\f3e5';
}
.zmdi-tap-and-play:before {
  content: '\f3e6';
}
.zmdi-vibration:before {
  content: '\f3e7';
}
.zmdi-voicemail:before {
  content: '\f3e8';
}
.zmdi-group:before {
  content: '\f3e9';
}
.zmdi-rss:before {
  content: '\f3ea';
}
.zmdi-shape:before {
  content: '\f3eb';
}
.zmdi-spinner:before {
  content: '\f3ec';
}
.zmdi-ungroup:before {
  content: '\f3ed';
}
.zmdi-500px:before {
  content: '\f3ee';
}
.zmdi-8tracks:before {
  content: '\f3ef';
}
.zmdi-amazon:before {
  content: '\f3f0';
}
.zmdi-blogger:before {
  content: '\f3f1';
}
.zmdi-delicious:before {
  content: '\f3f2';
}
.zmdi-disqus:before {
  content: '\f3f3';
}
.zmdi-flattr:before {
  content: '\f3f4';
}
.zmdi-flickr:before {
  content: '\f3f5';
}
.zmdi-github-alt:before {
  content: '\f3f6';
}
.zmdi-google-old:before {
  content: '\f3f7';
}
.zmdi-linkedin:before {
  content: '\f3f8';
}
.zmdi-odnoklassniki:before {
  content: '\f3f9';
}
.zmdi-outlook:before {
  content: '\f3fa';
}
.zmdi-paypal-alt:before {
  content: '\f3fb';
}
.zmdi-pinterest:before {
  content: '\f3fc';
}
.zmdi-playstation:before {
  content: '\f3fd';
}
.zmdi-reddit:before {
  content: '\f3fe';
}
.zmdi-skype:before {
  content: '\f3ff';
}
.zmdi-slideshare:before {
  content: '\f400';
}
.zmdi-soundcloud:before {
  content: '\f401';
}
.zmdi-tumblr:before {
  content: '\f402';
}
.zmdi-twitch:before {
  content: '\f403';
}
.zmdi-vimeo:before {
  content: '\f404';
}
.zmdi-whatsapp:before {
  content: '\f405';
}
.zmdi-xbox:before {
  content: '\f406';
}
.zmdi-yahoo:before {
  content: '\f407';
}
.zmdi-youtube-play:before {
  content: '\f408';
}
.zmdi-youtube:before {
  content: '\f409';
}
.zmdi-import-export:before {
  content: '\f30c';
}
.zmdi-swap-vertical-:before {
  content: '\f30c';
}
.zmdi-airplanemode-inactive:before {
  content: '\f102';
}
.zmdi-airplanemode-active:before {
  content: '\f103';
}
.zmdi-rate-review:before {
  content: '\f103';
}
.zmdi-comment-sign:before {
  content: '\f25a';
}
.zmdi-network-warning:before {
  content: '\f2ad';
}
.zmdi-shopping-cart-add:before {
  content: '\f1ca';
}
.zmdi-file-add:before {
  content: '\f221';
}
.zmdi-network-wifi-scan:before {
  content: '\f2e4';
}
.zmdi-collection-add:before {
  content: '\f14e';
}
.zmdi-format-playlist-add:before {
  content: '\f3ac';
}
.zmdi-format-queue-music:before {
  content: '\f3ab';
}
.zmdi-plus-box:before {
  content: '\f277';
}
.zmdi-tag-backspace:before {
  content: '\f1d9';
}
.zmdi-alarm-add:before {
  content: '\f32b';
}
.zmdi-battery-charging:before {
  content: '\f114';
}
.zmdi-daydream-setting:before {
  content: '\f217';
}
.zmdi-more-horiz:before {
  content: '\f19c';
}
.zmdi-book-photo:before {
  content: '\f11b';
}
.zmdi-incandescent:before {
  content: '\f189';
}
.zmdi-wb-iridescent:before {
  content: '\f38c';
}
.zmdi-calendar-remove:before {
  content: '\f330';
}
.zmdi-refresh-sync-disabled:before {
  content: '\f1b7';
}
.zmdi-refresh-sync-problem:before {
  content: '\f1b6';
}
.zmdi-crop-original:before {
  content: '\f17e';
}
.zmdi-power-off:before {
  content: '\f1af';
}
.zmdi-power-off-setting:before {
  content: '\f1ae';
}
.zmdi-leak-remove:before {
  content: '\f38d';
}
.zmdi-star-border:before {
  content: '\f27c';
}
.zmdi-brightness-low:before {
  content: '\f36d';
}
.zmdi-brightness-medium:before {
  content: '\f36e';
}
.zmdi-brightness-high:before {
  content: '\f36f';
}
.zmdi-smartphone-portrait:before {
  content: '\f2d4';
}
.zmdi-live-tv:before {
  content: '\f2d9';
}
.zmdi-format-textdirection-l-to-r:before {
  content: '\f249';
}
.zmdi-format-textdirection-r-to-l:before {
  content: '\f24a';
}
.zmdi-arrow-back:before {
  content: '\f2ea';
}
.zmdi-arrow-forward:before {
  content: '\f2ee';
}
.zmdi-arrow-in:before {
  content: '\f2e9';
}
.zmdi-arrow-out:before {
  content: '\f2ed';
}
.zmdi-rotate-90-degrees-ccw:before {
  content: '\f304';
}
.zmdi-adb:before {
  content: '\f33a';
}
.zmdi-network-wifi:before {
  content: '\f2e8';
}
.zmdi-network-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-network-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-network-wifi-off:before {
  content: '\f2e6';
}
.zmdi-network-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-network-wifi-info:before {
  content: '\f2e4';
}
.zmdi-layers-clear:before {
  content: '\f18b';
}
.zmdi-colorize:before {
  content: '\f15d';
}
.zmdi-format-paint:before {
  content: '\f1ba';
}
.zmdi-format-quote:before {
  content: '\f1b2';
}
.zmdi-camera-monochrome-photos:before {
  content: '\f285';
}
.zmdi-sort-by-alpha:before {
  content: '\f1cf';
}
.zmdi-folder-shared:before {
  content: '\f225';
}
.zmdi-folder-special:before {
  content: '\f226';
}
.zmdi-comment-dots:before {
  content: '\f260';
}
.zmdi-reorder:before {
  content: '\f31e';
}
.zmdi-dehaze:before {
  content: '\f197';
}
.zmdi-sort:before {
  content: '\f1ce';
}
.zmdi-pages:before {
  content: '\f34a';
}
.zmdi-stack-overflow:before {
  content: '\f35c';
}
.zmdi-calendar-account:before {
  content: '\f204';
}
.zmdi-paste:before {
  content: '\f109';
}
.zmdi-cut:before {
  content: '\f1bc';
}
.zmdi-save:before {
  content: '\f297';
}
.zmdi-smartphone-code:before {
  content: '\f139';
}
.zmdi-directions-bike:before {
  content: '\f117';
}
.zmdi-directions-boat:before {
  content: '\f11a';
}
.zmdi-directions-bus:before {
  content: '\f121';
}
.zmdi-directions-car:before {
  content: '\f125';
}
.zmdi-directions-railway:before {
  content: '\f1b3';
}
.zmdi-directions-run:before {
  content: '\f215';
}
.zmdi-directions-subway:before {
  content: '\f1d5';
}
.zmdi-directions-walk:before {
  content: '\f216';
}
.zmdi-local-hotel:before {
  content: '\f178';
}
.zmdi-local-activity:before {
  content: '\f1df';
}
.zmdi-local-play:before {
  content: '\f1df';
}
.zmdi-local-airport:before {
  content: '\f103';
}
.zmdi-local-atm:before {
  content: '\f198';
}
.zmdi-local-bar:before {
  content: '\f137';
}
.zmdi-local-cafe:before {
  content: '\f13b';
}
.zmdi-local-car-wash:before {
  content: '\f124';
}
.zmdi-local-convenience-store:before {
  content: '\f1d3';
}
.zmdi-local-dining:before {
  content: '\f153';
}
.zmdi-local-drink:before {
  content: '\f157';
}
.zmdi-local-florist:before {
  content: '\f168';
}
.zmdi-local-gas-station:before {
  content: '\f16f';
}
.zmdi-local-grocery-store:before {
  content: '\f1cb';
}
.zmdi-local-hospital:before {
  content: '\f177';
}
.zmdi-local-laundry-service:before {
  content: '\f1e9';
}
.zmdi-local-library:before {
  content: '\f18d';
}
.zmdi-local-mall:before {
  content: '\f195';
}
.zmdi-local-movies:before {
  content: '\f19d';
}
.zmdi-local-offer:before {
  content: '\f187';
}
.zmdi-local-parking:before {
  content: '\f1a5';
}
.zmdi-local-parking:before {
  content: '\f1a5';
}
.zmdi-local-pharmacy:before {
  content: '\f176';
}
.zmdi-local-phone:before {
  content: '\f2be';
}
.zmdi-local-pizza:before {
  content: '\f1ac';
}
.zmdi-local-post-office:before {
  content: '\f15a';
}
.zmdi-local-printshop:before {
  content: '\f1b0';
}
.zmdi-local-see:before {
  content: '\f28c';
}
.zmdi-local-shipping:before {
  content: '\f1e6';
}
.zmdi-local-store:before {
  content: '\f1d4';
}
.zmdi-local-taxi:before {
  content: '\f123';
}
.zmdi-local-wc:before {
  content: '\f211';
}
.zmdi-my-location:before {
  content: '\f299';
}
.zmdi-directions:before {
  content: '\f1e7';
}

.t-address__list select {display: none}
#checkout-steps {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
    padding: 20px;
    min-height: 450px;
}
.t-checkout__page {
    min-height: 80vh;
    padding-bottom: 30px;
}
.t-checkout__titles {
    padding-left: 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.t-checkout__title:not(.active) span ,
.t-checkout__title:not(.passive) span {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f5f5f5;
    border-radius: 5px;
    font-size: 0;
}
.t-checkout__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    padding: 0 10px;
}
.t-checkout__title::after {
    content: "";
    width: 100%;
    height: 4px;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: black;
}
.t-checkout__titles .t-checkout__title:first-child::after {
    width: 50%;
    left: 50%;
}
.t-checkout__titles .t-checkout__title:last-child::after {
    width: 50%;
    left: initial;
    right: 50%;
}
.t-checkout__title .number {
    border-color: var(--colorPrimary);
}
.t-checkout__title h2 {
    font-size: 14px;
    font-weight: 400;
    color: black;
    margin-bottom: 0;
    margin-top: 20px;
}
.t-checkout__containers {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid var(--colorPrimary);
    min-height: 450px;
}
.t-address__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.t-address-select {
    cursor: pointer;
}
.t-address-select b {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    margin-bottom: 7px;
}
.t-address-select span {
    display: block;
    border-radius: 9px;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid var(--colorPrimary);
    height: 70px;
    transition: .33s;
}
.t-address-select span:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.t-address-new-add {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--colorPrimary);
    cursor: pointer;
}
.t-address-new-add i {
    margin-right: 5px;
}
.credit-cart-title {
    border: 1px solid var(--colorPrimary);
    border-bottom-width: 0;
    background-color: #f5f5f5;
    padding: 9px;
    border-radius: 9px 9px 0 0;
    text-align: center;
    margin-bottom: 15px;
}
.credit-cart-footer {
    border: 1px solid var(--colorPrimary);
    border-top-width: 0;
    background-color: #f5f5f5;
    height: 43px;
    border-radius: 0 0 9px 9px;
    text-align: center;
    margin-top: 15px;
}
/*#co-payment-info-form {
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    gap: 20px;
}*/
.t-basket__discount {
    font-size: 13px;
    color: red;
    margin-right: auto;
}
.message-error {
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial;
    color: red;
    font-size: 12px;
    background-color: transparent;
    padding-left: 0;
}
#checkout-confirm-order-load .order-summary {
    width: 100%;
}
.credit-cart-ikon-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 25px;
    gap: 10px;
}
#checkout-payment-info-load table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
}
#checkout-payment-info-load input,
#checkout-payment-info-load select {
    padding: 14px;
}
#CardholderName,
#CardNumber,
#CreditCardType {
    width: 100% !important;
}
#ExpireMonth,
#ExpireYear {
    /*width: calc(50% - 7px);*/
    display: inline-block;
}
.order-review-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.order-review-data > div {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid var(--colorPrimary);
    padding: 10px;
    font-size: 15px;
}
#checkout-confirm-order-load .t-basket-page {
    min-height: initial;
    display: block;
}
#checkout-confirm-order-load .t-basket-page .t-basket-infos,
#checkout-confirm-order-load .t-basket-page .t-checkbox,
#checkout-confirm-order-load .t-basket-page .t-basket-right button {
    display: none !important;
}
#checkout-confirm-order-load .t-basket-page .t-basket-product {
    display: block;
    text-align: center;
}
#checkout-confirm-order-load .t-basket-page .t-basket-product .t-basket-left {
    display: block;
}
#checkout-confirm-order-load .t-basket-page .t-basket-product .t-basket__img {
    margin-left: auto;
    margin-right: auto;
}
#checkout-confirm-order-load .t-basket-page .t-basket-product .t-basket-right {
    justify-content: center;
    font-weight: bold;
}
    #checkout-confirm-order-load .t-basket-page .t-basket-product .t-basket-product-infos {
        margin-top: 10px;
    }
.ui-dialog.ui-corner-all {
    border: 1px solid #ff392025;
}
.ui-dialog-titlebar {
    border-bottom: 1px solid #ff392025;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.ui-dialog-titlebar-close::after {
    content: "\f00d"; /* Font Awesome kapatma ikonunun kodu */
    font-family: "Font Awesome 6 Free"; /* Font Awesome kullanıldığını belirtmek için */
    font-weight: 900;
    font-size: 16px; /* İkonun boyutunu ayarlayabilirsiniz */
    color: var(--colorPrimary); /* İkon rengini istediğiniz renkle değiştirebilirsiniz */
    display: inline-block; /* İkonun düzgün bir şekilde görünmesi için */
    margin-left: 5px; /* İkon ile düğme arasında bir boşluk bırakabilirsiniz */
}
.ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: transparent;
    padding: 7px 10px;
}
#terms-of-service-warning-box {
padding: 10px;
}
.vidlink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 22;
    font-size: 90px;
    color: var(--colorPrimary);
    transition: .33s;
}

.vidlink:hover {
    font-size: 90px;
    color: var(--colorPrimary);
}
.vidtitle {
    text-align: left;
    font-size: 28px;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 25px;
    margin-bottom: 25px;
}


#videoModal .close {
    position: absolute;
    right: 15px;
    bottom: 90%;
    color: #ffffff;
    text-shadow: none;
    font-size: 25px;
    line-height: 1;
    z-index: 1;
}
#videoModal .video-js {
    width: 100%;
    height: 100%;
}

#videoModal .modal-content {
    max-width: 100%;
}

span.htitle {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    color: #888896;
    display: block;
    line-height: 24px;
}

span.hdesc {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-top: 8px;
    color: #888896;
    line-height: 18px;
}

.img-cont {
    min-height: 100px;
}
.img-cont img {
    height: 100px;
    object-fit: contain;
}

.hbtn {
    color: #fff;
    background: #ff3a20;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    display: -webkit-flex;
    height: 35px;
    margin-top: 10px;
    width: 50%;
}

.vidpg {
    font-size: 16px;
    line-height: 22px;
    color: #777;
    padding-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
}

.t-category-homepage-list {
    display: grid !important;
    grid-template-columns: repeat(5,1fr);
    gap: 0 30px;
}
.t-category-homepage-list:not(.disabled):not(.noze) {
    padding-bottom: 40px;
}
   
.t-category-homepage-list-item {
    position: relative;
    margin-top: 40px;
}
.t-disabled-pointer {
    pointer-events: none;
}
.t-disabled >* {
    opacity: 0.6;
}

.t-red-line-tablet,
.t-red-line-mobile {
    display: none
}

.t-text--sellers {
    background-color: #343a40;
}

.occasions-list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 30px;
}

    .occasions-list.container [data-id="350"] {
        order: 1;
    }

    .occasions-list.container [data-id="346"] {
        order: 2;
    }

    .occasions-list.container [data-id="351"] {
        order: 3;
    }

    .occasions-list.container [data-id="347"] {
        order: 4;
    }

    .occasions-list.container [data-id="349"] {
        order: 5;
    }

    .occasions-list a {
        border-radius: 8px;
        height: 180px;
        border: 1px solid transparent;
        padding-top: 24px;
        text-align: center;
    }

        .occasions-list a span {
            font-size: 14px;
            font-weight: 600;
            color: #413E3A;
            line-height: 21px;
            max-width: 100px;
            display: block;
            margin: 20px auto 0 auto;
        }

        .occasions-list a::before {
            display: block;
            border-radius: 50%;
            content: "";
            background-color: #000;
            width: 70px;
            height: 70px;
            background-size: 35px 39px;
            margin: auto;
            background-repeat: no-repeat;
            background-position: center;
        }

  
    .occasions-list [data-id='536'] {
        display: none
    }

    .occasions-list [data-id='346'] {
        border-color: #9F1997;
        background-color: #9F199705
    }

        .occasions-list [data-id='346']::before {
            background-color: #9F1997;
            box-shadow: 0 0 20px 0 #9F199730;
            background-image: url("/Themes/Ticareticin/Content/assets/img/kampanyali-urunler.svg");
        }
    .occasions-list [data-id='348'] {
        border-color: #9F1997;
        background-color: #9F199705
    }

        .occasions-list [data-id='348']::before {
            background-color: #9F1997;
            box-shadow: 0 0 20px 0 #9F199730;
            background-image: url("/Themes/Ticareticin/Content/assets/img/badges/list-cok-satanlar.svg");
        } 
    .occasions-list [data-id='350'] {
        border-color: #FF3920;
        background-color: #FF392005;
    }

        .occasions-list [data-id='350']::before {
            background-color: #FF3920;
            box-shadow: 0 0 20px 0 #FF392030;
            background-image: url("/Themes/Ticareticin/Content/assets/img/en-iyi-performans.svg")
        }

    .occasions-list [data-id='351'] {
        border-color: #2A92E1;
        background-color: #2A92E105
    }

    .occasions-list [data-id='351']::before {
        background-color: #2A92E1;
        box-shadow: 0 0 20px 0 #2A92E130;
        background-image: url("/Themes/Ticareticin/Content/assets/img/en-cok-begenilen.svg")
    }

.occasions-list [data-id='347'] {
    border-color: #5BAEAA;
    background-color: #5BAEAA05
}

.occasions-list [data-id='347']::before {
    background-color: #5BAEAA;
    box-shadow: 0 0 20px 0 #5BAEAA30;
    background-image: url("/Themes/Ticareticin/Content/assets/img/gunun-firsati.svg")
}

.occasions-list [data-id='349'] {
    border-color: #379D05;
    background-color: #379D0505
}

.occasions-list [data-id='349']::before {
    background-color: #379D05;
    box-shadow: 0 0 20px 0 #379D0530;
    background-image: url("/Themes/Ticareticin/Content/assets/img/yeni-cikan.svg")
}

.category-box-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    max-height: 800px;
    overflow: auto;
    padding-bottom: 30px;
    padding-right: 20px;
}

.category-box-list::-webkit-scrollbar {
    background-color: #E8E8E8;
    width: 8px;
    border-radius: 100px;
}

.category-box-list::-webkit-scrollbar-thumb {
    background-color: #7A7A7A;
    border-radius: 100px;
}

.category-box-item {
    border: 1px solid #DFE3E9;
    border-radius: 8px;
    overflow: hidden;
    color: #2C2C2C;
    height: 160px;
}

    .category-box-item span {
        display: block;
        height: 60px;
        padding: 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .category-box-item img {
        height: 100px;
        width: 100%;
        border-radius: 0 0 8px 8px;
        object-fit: cover;
    }

/* Transport */

.section-transport {
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-top: 50px !important;
    position: relative;
    max-height:370px;
    height:100%;
}

.section-transport__left-top,
.section-transport__left-bottom {
    display: flex;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    height: 370px;
}

.section-transport__left-bottom {
    flex-direction: row-reverse;
}

    .section-transport__left-top > img,
    .section-transport__left-bottom > img,
    .section-transport__box {
        flex: 1;
    }

        .section-transport__box.orange {
            background-color: #FF3920;
            color: white;
        }

.section-transport__left b {
    font-size: 18px;
    line-height: 27px;
    color: white;
    font-weight: 600;
    margin-top: 24px;
    display: block;
}

.section-transport__left p {
    font-size: 14px;
    line-height: 21px;
    color: white;
    font-weight: 400;
    padding: 24px 0;
}

.section-transport__left a {
    background-color: white;
    color: #FF3920;
    display: inline-grid;
    grid-template-columns: auto auto;
    /*gap: 10px;*/
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
    border-radius: 3px;
    outline: none;
    border: none;
}

.section-transport__box.orange a {
    color: #FF3920;
}


.section-transport__left-bottom > img,
.section-transport__left-top > img {
    width: 50%;
    height: 370px;
    object-fit: cover;
}
.section-transport__right {
    display: grid;
    grid-template-rows: 1fr 1fr;
}
.section-transport__right img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    max-height: 740px;
}

.section-transport__box {
    padding-top: 50px;
    text-align: center;
}

.section-transport a {
    margin: auto;
}

.section-transport__box.white b,
.section-transport__box.white p {
    color: #FF3920;
}

.section-transport__box.white a {
    background-color: #FF3920;
    color: white;
}

/* How to Use */
.t-foot-wrapper {
    background: #F8FAFC;
}
.t-foot {
    padding: 80px 0;
    
    margin-top: 50px;
}

.t-foot__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.t-foot__header h2 {
    font-size: 40px;
    line-height: 51px;
    color: #413E3A;
    text-align: left;
}

.t-foot__btns {
    display: flex;
    align-items: center;
}
.playButton {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    border: 2px solid white;
    filter: blur(26px);
    background-image: url("/Themes/Ticareticin/Content/assets/img/btn-white-right-arrow.svg");
    background-image: url("/Themes/Ticareticin/Content/assets/img/btn-white-right-arrow.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.video-container {
    position: relative;
    /*border: 10px solid #FF3920;*/
    border-radius: 32px;
    text-align: -webkit-center;
}

.video-container video {
    width: 100%;
    height: 400px;
    border-radius: 32px;
}

.video-container img {
    width: 93%;
    height: 100%;
    max-height: 550px;
    object-fit: cover;
    border-radius: inherit;
}

.category-box-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    max-height: 800px;
    overflow: auto;
}

.category-box-item {
    border: 1px solid #DFE3E9;
    border-radius: 8px;
    overflow: hidden;
    color: #2C2C2C;
    height: 160px;
}

    .category-box-item span {
        display: block;
        height: 60px;
        padding: 10px;
        font-size: 13px;
        line-height: 20px;
    }
.occasions-list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 30px;
}

    .occasions-list.container [data-id="350"] {
        order: 1;
    }

    .occasions-list.container [data-id="346"] {
        order: 2;
    }

    .occasions-list.container [data-id="351"] {
        order: 3;
    }

    .occasions-list.container [data-id="347"] {
        order: 4;
    }

    .occasions-list.container [data-id="349"] {
        order: 5;
    }

    .occasions-list a {
        border-radius: 8px;
        height: 180px;
        border: 1px solid transparent;
        padding-top: 24px;
        text-align: center;
    }

        .occasions-list a span {
            font-size: 14px;
            font-weight: 600;
            color: #413E3A;
            line-height: 21px;
            max-width: 100px;
            display: block;
            margin: 20px auto 0 auto;
        }

        .occasions-list a::before {
            display: block;
            border-radius: 50%;
            content: "";
            background-color: #000;
            width: 70px;
            height: 70px;
            background-size: 35px 39px;
            margin: auto;
            background-repeat: no-repeat;
            background-position: center;
        }

   
    .occasions-list [data-id='536'] {
        display: none
    }
 
    .occasions-list [data-id='346'] {
        border-color: #9F1997;
        background-color: #9F199705
    }

        .occasions-list [data-id='346']::before {
            background-color: #9F1997;
            box-shadow: 0 0 20px 0 #9F199730;
            background-image: url("/Themes/Ticareticin/Content/assets/img/kampanyali-urunler.svg");
        }

    .occasions-list [data-id='350'] {
        border-color: #FF3920;
        background-color: #FF392005;
    }

        .occasions-list [data-id='350']::before {
            background-color: #FF3920;
            box-shadow: 0 0 20px 0 #FF392030;
            background-image: url("/Themes/Ticareticin/Content/assets/img/en-iyi-performans.svg")
        }

    .occasions-list [data-id='351'] {
        border-color: #2A92E1;
        background-color: #2A92E105
    }

        .occasions-list [data-id='351']::before {
            background-color: #2A92E1;
            box-shadow: 0 0 20px 0 #2A92E130;
            background-image: url("/Themes/Ticareticin/Content/assets/img/en-cok-begenilen.svg")
        }
    .occasions-list [data-id='348'] {
        border-color: #9F1997;
        background-color: #9F199705
    }

        .occasions-list [data-id='348']::before {
            background-color: #9F1997;
            box-shadow: 0 0 20px 0 #9F199730;
            background-image: url("/Themes/Ticareticin/Content/assets/img/badges/list-cok-satanlar.svg");
        } 
    .occasions-list [data-id='347'] {
        border-color: #5BAEAA;
        background-color: #5BAEAA05
    }

        .occasions-list [data-id='347']::before {
            background-color: #5BAEAA;
            box-shadow: 0 0 20px 0 #5BAEAA30;
            background-image: url("/Themes/Ticareticin/Content/assets/img/gunun-firsati.svg")
        }

    .occasions-list [data-id='349'] {
        border-color: #379D05;
        background-color: #379D0505
    }

        .occasions-list [data-id='349']::before {
            background-color: #379D05;
            box-shadow: 0 0 20px 0 #379D0530;
            background-image: url("/Themes/Ticareticin/Content/assets/img/yeni-cikan.svg")
        }

@media screen and (max-width: 768px) {
    
    .t-category-homepage-list:not(.disabled):not(.noze) {
        padding-bottom: 25px;
    }
    .megamenu .col-md-3 {display: none !important}
    .category-box-list {grid-template-columns: 1fr 1fr 1fr}
    .anywhere-slider {
        height: initial !important
    }
    .occasions-list {
        margin-bottom: 40px !important;
    }
    .occasions-list a {
        position: relative;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding-top: 5px;
        margin: auto;
    }
    .occasions-list a::before {
        width: 40px;
        height: 40px;
        background-size: 19px;
    }
    .occasions-list a span {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 3px;
    }
    .occasions-list [data-id='350'] span {
        color: #FF3920
    }
    .occasions-list [data-id='346'] span {
        color: #9F1997;
    }
    .occasions-list [data-id='351'] span {
        color: #2A92E1;
    }
    .occasions-list [data-id='347'] span {
        color: #5BAEAA;
    }
    .occasions-list [data-id='349'] span {
        color: #379D05;
    }
}

@media screen and (max-width: 992px) {

    .t-category-homepage-list {
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }

    .t-red-line-pc {
        display: none
    }

    .t-red-line-tablet {
        display: grid;
    }

    .section-transport {grid-template-columns: 1fr;padding: 10px;}
    .section-transport__box {
        position: relative;
        margin-top: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .section-transport__box.white {
        border: 1px solid #aaa;
    }
    .section-transport__box > img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 38px;
    }
    .section-transport__left b {
        padding-left: 50px;
        text-align: left;
        margin-top: 10px;
    }
    .section-transport__left p {text-align: left;}
    .section-transport__left-top,
    .section-transport__left-bottom {
        flex-direction: column;
        height: initial;
    }
    .section-transport__left a {width: 100%;justify-content:center;}
     .section-transport__left-bottom > img, .section-transport__left-top > img {
        width: 100%;
        height: 370px;
        object-fit: cover;
        flex: initial;
     }
    .section-transport__right img {height: 370px;}

    .t-foot__header {
        position: relative;
        padding-bottom: 50px;
        grid-template-columns: 1fr;
        
    }
    .t-foot__btns {
        position: absolute;
        left: 0;
        bottom: 10px;
       
    }


}

@media screen and (max-width: 767px) {

    .t-category-homepage-list {
        grid-template-columns: repeat(2,1fr);
    }
  

    .t-red-line-tablet {
        display: none;
    }

    .t-red-line-mobile {
        display: grid
    }
}


@media screen and (max-width: 576px) {
    .category-box-list {
        grid-template-columns: 1fr 1fr;
    }
    .section-transport__left-bottom > img, .section-transport__left-top > img, .section-transport__right img {
        height: 144px;
    }
    .occasions-list {
        margin-top: 6% !important;
        margin-bottom: 7% !important;
    }
}

.carousel-item {
  
}
 .card.t-product-card {
    width: initial !important;
    margin-bottom: 0;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-right: 10px;
    margin: 5px;
    transition: .33s;
    border: none;
}
 .card.t-product-card:not(.notShadow):hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.t-product-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
    text-align: center;
    font-size: 16px;
    color: var(--colorDark);
    line-height: 1.2;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 0;
    color: var(--colorTicaretIcınBlack);
}
.t-product-card__img {
    border: 2px solid #f5f5f5;
    border-radius: 7px;
    overflow: hidden;
    height: 205px;
    position: relative;
}
.t-product-card__img a > img {
    object-fit: contain !important;
    height: 205px;
}
.t-product-card__price {
    margin-top: 0;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: var(--colorPrimary);
}
.t-product-card__price .priceText {
    color: var(--colorPrimary);
}
.t-product-card__price span {
    position: relative;
    color: gray;
    opacity: .75;
    display: inline-block; 
    margin-bottom: 3px;
    font-size: 16px;
}
.t-product-card__price span::after {
    content: "";
    width: 100%;
/*    position: absolute;
*/    left: 0;
    top: 50%;
    /*transform: rotate(-15deg);*/
    height: 1px;
    background-color: grey;
}
.t-product-card .cart-add-content {
    opacity: 0;
    display: grid;
    grid-template-columns: 79px 1fr;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: auto;
}
.t-product-card:hover .cart-add-content {
    opacity: 1;
}
.t-product-card:hover .cart-add-content button {
    justify-content: center;
}

.t-product-card__list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.t-product-card__list-header > a:not(.w-aut) {
    margin-left: auto;
}

.t-product-card__title span {
    font-size: 22px;
    color: var(--colorTicaretIcınBlack);
    font-weight: 600;
}

.t-product-card__title a {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorPrimary);
    text-decoration: none;
}


.t-product-card .cart-add-content button {
    margin-right: 0;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;  
}

.cat-list {
    display: flex;
    gap: 10px;
}

.cat-list .carousel-item {
    margin-right: 10px
}
.product-detail__tabs:not(.active) {
    display: none;
}
.product-detail__tabs {
    padding: 10px;
}
.product-detail__tabs-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    font-size: 13px;
    padding: 5px;
    color: black;
    cursor: pointer;
    margin: 0 -15px;
}

    .product-detail__tabs-button i {
        color: black;
        transform-origin: center;
        margin-top: -6px;
    }

    .product-detail__tabs-button.active i {
        transform: rotate(180deg);
        margin-top: 0;
        margin-bottom: -6px
    }

.product-details__tabs {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(5,1fr);
}

.product-details__tab {
    padding: 10px;
    font-size: 15px;
    text-align: left;
    transition: .33s;
    cursor: pointer;
    color: black;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

    .product-details__tab.active,
    .product-details__tab:hover {
        color: var(--colorPrimary);
        border-bottom-color: var(--colorPrimary);
    }

.product-details__tab-pane {
    display: none;
    padding: 20px 25px 25px;
    min-height: 250px;
}

. product-detail__tab-4 img {
    max-width: 100%;
    max-height: 250px;
    width: 100%;
}
.ishare.active {color: var(--colorPrimary)}
/* Table Start */
.t-table__specs-title {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 600;
    color: black;
    display: block;
    margin-bottom: 7px;
}
.t-table__specs {
    font-size: 14px;
    font-weight: 500;
    color: black;
}
.t-table__specs > div {
    margin-bottom: 4px;
}
.t-table {
    border-collapse: collapse;
    width: 100%;
}

    .t-table th {
        font-weight: 600;
        color: black;
        background-color: #faf8f8;
    }

    .t-table,
    .t-table th,
    .t-table td {
        border: 1px solid #cecece;
    }

        .t-table th,
        .t-table td {
            padding: 18px;
            text-align: left;
            font-size: 13px;
        }

.t-table__type-1 tr th:first-child {
    width: 150px;
}
/* Table End */
.product-detail__tab-2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.product-detail__tab-4 {
}

    .product-detail__tab-4 img {
        border: 1px solid var(--colorPrimary);
        border-radius: 12px;
        height: 250px;
        width: 200px;
        object-fit: contain;
        margin-right: 10px;
    }

/* PRODUCT SLIDER START */
.t-product-detail__popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00000095;
    z-index: 9999;
}
.t-product-detail__popup::after {
    content: "X";
    font-size: 25px;
    color: var(--colorPrimary);
    position: absolute;
    z-index: 99;    
    font-weight: 600;
    top: calc(30vh - 70px);
    right: 15%;
    padding: 5px;
    background-color: white;
    border-top-right-radius: 12px;
    margin: 2px;
    cursor: pointer;
    
}

.t-product-detail__popup button {
    position: fixed;
    left: 50%;
    bottom: 20px;
    z-index: 9999;
}

.t-product-detail__popup button.t-btn--primary {
    transform: translateX(-100%);
}

.t-product-detail__popup button.t-btn--secondary {
    transform: translateX(100%);
}

.t-product-detail__popup .slide {
    border-color: white;
    height: 70vh;
    width: 70%;
    position: absolute;
    bottom: 70px;
    display: none;
    border: 1px solid var(--colorPrimary);
    border-radius: 12px;
    background-color: white;
}
.t-product-detail__popup .slide.active {
    display: block;
}

.t-product-detail__popup img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: none;
    padding: 10px;
}

.t-product-detail__slider {
    display: flex;
    justify-content: center;
}

.t-product-detail__brochure {
    display: flex;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 20px;
}

    .t-product-detail__brochure::-webkit-scrollbar {
        height: 5px;
        background-color: #c4c4c450;
    }

    .t-product-detail__brochure::-webkit-scrollbar-thumb {
        background-color: var(--colorPrimary);
        border-radius: 5px;
    }

    .t-product-detail__brochure img {
        width: 25%;
        flex: 1 0 25%;
        height: 125px;
        object-fit: contain;
    }
/* PRODUCT SLIDER END */
.t-product-detail__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t-product-detail__list {
    display: grid;
    grid-template-columns: 30fr 50fr 300px;
    gap: 10px;
    padding: 10px 10px 5px 10px;
}

.t-product-detail__list-left {
    border: 2px solid #f5f5f5;
    border-radius: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: white;
    max-height: 175px;
    overflow: hidden;
}

    .t-product-detail__list-left img {
        object-fit: contain;
        height: 100%;
        max-width: 100%;
        position: relative;
        z-index: 2;
    }

.t-product-detail__list-right {
    padding: 10px;
    background-color: var(--colorSecondary);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

    .t-product-detail__list-right,
    .t-product-detail__list-right .detail-right {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

.t-product-detail__list .t-product-detail__title {
    text-decoration: none;
    font-size: 13px;
}

.t-product-detail__price .t-product-detail__price-price:first-child span {
    text-align: left;
}

.t-product-detail__list-right .detail-right .t-product-detail__price {
    margin-bottom: auto;
}

.t-product-detail__list .t-product-detail__mini-info {
    font-size: 13px;
}

.t-product-detail__list .t-product-detail__buttons {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .t-product-detail__list .t-product-detail__buttons .quantity-wrapper {
        margin-right: auto;
    }
.t-product-detail__list .t-product-detail__buttons .t-btn-primary {
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.t-product-detail__list .t-price-box {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    width: initial !important;
}

.t-basket-info__custom {
    padding: 4px 6px;
    background-color: #ff392030;
    color: #ff3920;
    display: inline-block;
    border-radius: 4px;
    margin-left: auto;
    font-size: 14px;
    border: 1px solid #ff3920;
}

.t-product-detail__blur-img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(5px);
    background-size: 125%;
    background-position: center;
}

.t-product-detail__list-right .t-btn {
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.t-product-detail__list-right .t-price-box {
    position: initial;
    margin-right: auto;
}

.t-product-detail__list .t-product-detail__list-vendor-rating {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

    .t-product-detail__list .t-product-detail__list-vendor-rating .rating-stars {
        margin-left: 0;
    }

.t-product-price-range {
    font-size: 13px;
    font-weight: 600;
    color: var(--colorSecondary);
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
    .t-product-detail__list {
        grid-template-columns: 15fr 30fr minmax(auto,300px);
    }

    .t-product-detail__list .t-product-detail__mini-info {
        grid-template-columns: 1fr 1fr;
    }

    .t-product-detail__list-right {
    }
}

@media screen and (max-width: 767px) {
    .product-details__tabs {
        grid-template-columns: 1fr;
    }

    .t-product-detail__list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
    }

    .t-product-detail__list-left {
        flex-basis: calc(calc(100% / 3) * 1 );
    }

    .t-product-detail__list-right {
        flex-basis: calc(calc(100% / 3) * 2 - 10px);
        margin-left: 8px;
        padding: 10px;
    }

    .t-product-detail__list-middle {
        order: 3;
        flex-basis: 100%;
    }

/*
    .t-product-detail__price {
        grid-template-columns: 1fr !important;
        padding-bottom: 10px;
    }

        .t-product-detail__price > * {
            display: flex;
            align-items: center;
        }

        .t-product-detail__price .t-product-detail__price-price:first-child span {
            text-align: right;
        }
*/
}

@media screen and (max-width: 576px) {
    .t-product-detail__list-right .t-btn {
       padding: 5px 7px;
       font-size: 12px;
    }
    .t-product-detail__list .t-product-detail__buttons .quantity-wrapper {
       
    }
    .t-product-detail__list .t-product-detail__mini-info {
        font-size: 12px;
    }
    .t-product-detail__list-left{
        flex-basis: auto;
    }
    .t-product-detail__list-right {
        flex-basis: auto;
        width: 100%;
    }
    .t-product-detail__title {
        padding-top: 2%;
    }
}
.t-product-detail {
    display: grid;
    grid-template-columns: 415px 1fr 300px;
    align-items: flex-start;
    gap: 20px;
}
.t-product-detail__gallery {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.t-product-detail__picture {
    background-color: white;
    border-radius: 7px;
    object-fit: contain;
    overflow: hidden;
    margin-bottom: 20px;
}

.t-product-detail__thumbs {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    position: relative;
    gap: 5px;   
}

.t-product-detail__thumb {
    border-radius: 7px;
    object-fit: contain;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

    .t-product-detail__thumb.active {
        border: 2px solid var(--colorPrimary);
    }

.t-product-detail__title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
    word-break: break-word;
}
.t-product-detail__vendor {
    line-height: 1;
}

.t-product-detail__right { 
    background-color: var(--colorSecondary);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.t-product-detail__right .swal2-container,
.t-product-detail__right #ask-vendor-modal,
.t-product-detail__right .swal2-html-container {display: none !important}


    .t-product-detail__buttons {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
.product-details-page {
margin-top: 45px;
}

.product-details-page .t-product-detail__buttons {
    padding-left: 0;
    padding-right: 0;
}

.t-product-detail__buttons .add-to-wishlist button:first-child {
    border: none;
    font-size: 15px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: .33s;
    outline: none;
    background-color: transparent;
    color: white;
    font-size: 23px;
}

    .t-product-detail__buttons .add-to-wishlist button.active {
        color: var(--colorPrimary);
    }
.t-product-detail__buttons .ask-vendor button {
    font-size: 11px;
    color: white;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    text-decoration: underline;
}
.t-product-detail__buttons .add-to-wishlist {
    margin-right: 10px;
position: relative;
z-index: 33;
}

.t-product-detail__price > div > *:last-child {
    display: block;
    white-space: nowrap;
}

.product-details-page .t-product-detail__price > * {
    justify-content: space-between;
}

.t-product-detail__price-bottom {
    position: relative;
}

    .t-product-detail__price-bottom .t-price-input {
        position: absolute;
        top: 6px;
        left: 0px;
        width: 150px;
        border: none;
    }
        .t-product-detail__price-bottom .t-price-input input {
            height: initial !important;
        }

        .t-product-detail .min-qty-notification {
            position: absolute;
            top: 100%;
            left: 0;
            margin-top: 15px;
            color: red;
            font-size: 14px;
            font-weight: 600;
        }

.t-product-detail .add-to-cart-panel {
    padding-top: 10px;
}

    .t-product-detail .add-to-cart-panel button.t-btn {
        width: 100%;
        text-align: center;
        display: block;
    }

.product-details-page .t-product-detail .add-to-cart-panel button.t-btn {
    margin-left: 0;
}

.t-product-detail__price {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    
    gap: 10px;
    margin-bottom: 10px;
}

..t-product-detail__price > div {
    color: white;
    font-weight: 600;
}

.t-product-detail__price > div:first-child {
    text-align: left;
}
.t-product-detail__price-middle span {
    font-weight: 600;
    font-size: 15px;
    display: inline-flex !important;
    align-items: flex-end;
}
.t-product-detail__price .t-product-detail__price-end {
    text-align: right;
}

.t-product-detail__price-old span:first-child,
.t-product-detail__price-old label:first-child,
.t-product-detail__price-price label:first-child {
    color: white;
    display: block;
    margin: 0;
    width: 100%;
    /*padding-bottom: 3px;*/
}
.t-product-detail__price-old label:first-child {
    text-align: left;
}

.t-product-detail__price-old > span {
display: inline !important;
    position: relative;
    color: white;
padding-bottom: 0 !important;
}

   /* .t-product-detail__price-old > span:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: #ffffff;
        transform: rotate(-15deg);
    }*/


.t-product-detail__price-price span {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: white;
    width: 100%;
    text-align: left;
}

.t-product-detail__info-vendor {
    display: flex;
    align-items: center;
    gap: 5px;
    /*margin-bottom: 10px;*/
}
.t-product-detail__info-vendor .t-badge__primary {margin-left: 5px;}
.t-product-detail__info-vendor .t-badge__secondary {margin-left: auto;}
.t-product-detail__info-vendor .t-badge:nth-of-type(2) {margin-left: auto;}

.t-product-detail__info-vendor span a {
    color: var(--colorPrimary);
    font-size: inherit;
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline;
}

.t-product-detail__tier-prices {
    border-top: 1px solid var(--colorPrimary);
    padding-top: 10px;
    margin-top: 10px;
}

.t-product-detail__tier-prices-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--colorDark);
    line-height: 1.5;
}

.t-product-detail__tier-prices-prices-table {
    border-collapse: collapse;
    width: 100%;
}

    .t-product-detail__tier-prices-prices-table,
    .t-product-detail__tier-prices-prices-table th,
    .t-product-detail__tier-prices-prices-table td {
        border: 1px solid #c4c4c465;
    }

        .t-product-detail__tier-prices-prices-table td {
            padding: 10px;
            text-align: left;
        }

.t-product-detail__tier-prices-header {
    font-weight: 600;
}

.t-product-detail__mini-info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 15px;
    margin-bottom: 15px;
}

    .t-product-detail__mini-info > * {
        border-top: 1px solid #c4c4c475;
        padding: 5px 0;
    }

    .t-product-detail__mini-info span.label {
        font-weight: 400;
    }

    .t-product-detail__mini-info span.value,
    .t-product-detail__mini-info span.value a {
        font-weight: 600;
        color: var(--colorDark);
        text-decoration: none;
    }

.t-product-tags-wrapper {
    margin-top: 20px;
}

    .t-product-tags-wrapper ul {
        display: flex;
        align-items: center;
    }

    .t-product-tags-wrapper li {
        border: 1px solid #c4c4c440;
        background-color: #c4c4c440;
        font-size: 12px;
        font-weight: 400;
        color: var(--colorPrimary);
        padding: 3px;
        border-radius: 3px;
        margin-right: 5px;
    }

        .t-product-tags-wrapper li a {
            font-weight: inherit;
            color: inherit;
            font-size: inherit;
        }

.product-detail-page__tab {
    padding: 50px 0;
}

.product-detail__tabs .t-product-detail__tier-prices {
    border: none;
    padding: 0;
    margin: 0;
}

.product-details__tab-pane.active {
    display: block;
}
.product-details-page #product-features {
    border: 2px solid #f5f5f5;
    border-radius: 7px;
    overflow: hidden;
    margin-top: 20px;
}
.t-product-detail__baremlist:empty {
    display: none
}
/*.t-product-detail__price-middle {margin-top: auto}*/
.t-product-detail__price-middle {
    align-self: center;
}
.t-product-detail__baremlist i {
    font-size: 10px;
    color: white;
    margin-left: 4px;
}
.t-product-detail__baremlist > div > div {
    opacity: 0;
    visibility: hidden;
    transition: .33s;
    margin-top: -10px;
    position: absolute;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 7px;
    left: 120%;
    transform: translateY(-50%);
    border-radius: 5px;
}
.t-product-detail__baremlist > div {
    position: relative;
    z-index: 33;
    display: inline-block;
}
.t-product-detail__baremlist > div:hover div {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.t-product-detail__baremlist :is(.t-table th, .t-table td) {
    padding: 3px;
    color: black;
}
.t-product-detail__baremlist .t-table__type-1 tr th:first-child {
    width: initial;
}
#cproductDetailPriceTotalPrice .t-non-discounted-price {display: none}
#cproductDetailPriceTotalPrice {color: white;font-size: 15px;font-weight: 600}
#cproductDetailPriceTotalPrice div {font-size: 15px;font-weight: 700}
.t-non-discounted-price + .t-product-detail__price-old {display: none !important}
.t-product-detail-price__left {display: flex;flex-direction: column-reverse;margin-top: auto}
.t-product-detail-price__right {text-align: right}

.t-product-detail__price-old > span{
    position: relative;
    color: white;
    line-height: 1;
    text-decoration: line-through;
}
.t-product-detail__price-old .productTabListCurrencyPrice span + span {
    position: relative;
    color: white;
    text-decoration: none !important;
}
/* Price Part*/
.t-product-detail__right .non-discounted-price {
    color: white;
}

    .t-product-detail__right .non-discounted-price label {
        margin-bottom: 0;
    }

    .t-product-detail__right .non-discounted-price span {
        display: block;
        font-size: 18px;
        font-weight: 600;
        color: white;
        text-align: right;
    }

.t-product-detail__price-discounted {
    color: white;
}

    .t-product-detail__price-discounted span:last-child {
        font-size: 15px;
        font-weight: 600;
    }
/* Product Image */
.t-product-detail__picture {
    height: 375px;
    width:300px;
    border: 2px solid #f5f5f5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.t-product-detail__picture img {
    width: 100%;
    max-width: 100%;
    height: inherit;
    object-fit: contain;
}

.t-product-detail__thumbs {
    max-height: 375px;
    overflow: auto;
    width: 75px;
    flex: 0 0 75px;
    margin-right: 5px;
}
.t-product-detail__thumbs::-webkit-scrollbar {
    width: 3px;
}
.t-product-detail__thumbs::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimary)
}
.t-product-detail__thumb {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    display: flex;
    align-items: center;
    border-radius: 7px;
    border: 2px solid transparent;
}

.t-product-detail__thumb img {
    object-fit: cover; 
    width: 100%;
height: 100%;
border-radius: 4px;
}

.t-attributes__list {
    border-top: 1px solid #c4c4c475;
    gap: 10px;
    margin-top: 15px;
    padding-top: 10px;
}

.t-attributes__select-box {
    position: relative;
    cursor: pointer;
}
.t-attributes__select-box select {
    padding: 5px;
    font-size: 14px;
    width: 100%;
}

.t-attributes__list label {
    font-size: 14px;
    color: black;
    font-weight: 600;
}

.t-attributes__select-box i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--colorPrimary);
}

.productTabListTotalPrice {
    text-align: right !important;
    opacity: .95;
}
#productVariantListMore {
    display: block;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    color: var(--colorPrimary);
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.t-attributes__item {
margin-bottom: 10px;
}
#productDetailPriceTotalPrice .t-non-discounted-price {display: none}
.productTabListCurrencyPrice span {padding-bottom: 0 !important}
@media screen and (max-width: 1200px) {
    .t-product-detail {
        grid-template-columns: 325px 1fr 250px;
    }

    .t-product-detail__picture {
        height: 250px
    }
    .t-product-detail__thumbs {
        width: 55px;
        flex: 0 0 55px;
        max-height: 250px;
    }

    .t-product-detail__thumb {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 992px) {
    .t-product-detail {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .t-product-detail__left {
        order: 1;
        flex: 0 0 40%
    }

    .t-product-detail__middle {
        order: 3;
        flex: 0 0 100%;
        margin: 15px 0
    }

    .t-product-detail__right {
        order: 2;
        flex: 0 0 calc(55% - 10px);
        margin-left: auto;
    }
}

@media screen and (max-width: 867px) {
    .t-attributes__list {
        
    }
}

@media screen and (max-width: 676px) {
    .t-product-detail {
        display: block;
    }

    .t-product-detail__middle {
        margin: 15px 0;
    }

    .t-product-detail__price > div {
        justify-content: space-between;
    }

    .t-product-detail__price > div > *:first-child {
        font-size: 13px;
    }

    .t-product-detail__price > div > *:last-child {
        white-space: nowrap;
    }
    .productTabListCurrencyPrice > span {
        font-size: 15px;
    }
    .productTabListTotalPrice {
        font-size: 15px !important;
        text-align: right !important;  
    }
}
@media screen and (max-width: 490px) {
    .t-product-detail__right {
        padding-left: 370px !important;
        margin-left: 0px !important;
        padding-bottom: 107px !important;
    }
    .t-product-price-tier {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .t-price-input{
        left: 35px !important;
    }
    .t-product-detail__buttons .ask-vendor-btn {
        margin-right: 30px !important;
    }
}

footer ul {
    padding-left: 0;
}

footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorDark);
    margin-bottom: 10px;
}

.footer__motto {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--colorPrimary);
    padding: 15px 0;
    color: white;
    font-size: 16px;
    font-weight: 600;
    font-size: 15px;
}

.footer__motto-text {
    font-size: 15px;
}

.payment-methods .card {
    width: 40px;
}

.threeColumnFooter {
    display: grid;
    grid-template-columns: 1fr 0.5fr 1fr;
    gap: 20px;
    padding-bottom: 15px;
}

.fourColumnFooter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.twoColumn-application {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    list-style-type: none;
}

.twoColumn-right {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
}

.social-media-text {
    font-family: sans-serif;
    font-weight: 500;
    width: 300px;
    font-size: 15px;
}

.footer__logo img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

.footer__logo p {
    margin: 15px 0 0 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--colorDark);
}

.footer__logo {
    text-align: -webkit-center;
    padding-right: 33px;
    text-align: left;
}

.footer-logo-margin {
    margin-right: 20px;
}

.footer-img-bg {
    background: black;
    width: 150px;
    border-radius: 6px;
    height: 40px;
}

.social-media-account .fa-linkedin-in:hover {
    color: #0077B5;
}

.social-media-account .fa-instagram:hover {
    color: #d70439;
}

.social-media-account .fa-square-x-twitter:hover {
    color: #01daf2;
}

.social-media-account .fa-square-x-twitter {
    color: black;
    background-color: var(--bs-border-color) !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 9px;
    padding-top: 8px;
}

.social-media-account .fa-instagram {
    color: black;
    background-color: var(--bs-border-color) !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 8px;
    padding-top: 8px;
}

.social-media-account .fa-linkedin-in {
    color: black;
    background-color: var(--bs-border-color) !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 9px;
    padding-top: 8px;
}

.social-media-account .fa-facebook-f {
    color: black;
    background-color: var(--bs-border-color) !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 10px;
    padding-top: 7px;
}

    .social-media-account .fa-facebook-f:hover {
        color: #1877F2;
    }

.social-media-account .fa-youtube-s {
    color: black;
    background-color: var(--bs-border-color) !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 7px;
    padding-top: 8px;
}
    .social-media-account .fa-youtube-s:hover {
        color: red;
    }

.app-store {
    background: url(https://cdn.dsmcdn.com/web/production/iosV2.svg) no-repeat 0 0;
    width: 120px;
    height: 30px;
    display: list-item;
}

.google-play-store {
    background: url(https://cdn.dsmcdn.com/web/production/googleV2.svg) no-repeat 0 0;
    width: 120px;
    height: 30px;
    display: list-item;
}

.footer-img {
    border-radius: 11px;
    width: 35px !important;
    padding: 2.5PX 0PX 0px 2.5px;
}

.footer-img-socialMedia {
    border-radius: 11px;
    width: 50px !important;
    padding: 2.5PX 0PX 0px 2.5px;
}

.footer-img-right {
    width: 70px;
}

.footer__motto p {
    margin: 0;
}

.footer__middle {
    display: grid;
    padding-top: 20px;
    grid-template-columns: auto auto auto auto;
}

.footer__link {
    gap: 25px;
    display: flex;
    line-height: 26px;
    padding-right: 66px;
}

.footer__link a {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorDark);
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
}

    .footer__link a:hover {
        color: var(--colorPrimary);
    }

.footer__contact li {
    margin-bottom: 5px;
}

    .footer__contact li,
    .footer__contact li a {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--colorDark);
        text-decoration: none;
        font-size: 15px;
    }

.footer__contact i {
    color: var(--colorPrimary);
}

.footer__text p {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorDark);
}

.footer__text li {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorPrimary);
}

.footer__text a i {
    margin-left: 5px;
}

.footer__bottom-wrapper {
    background-color: #eaeaea;
    padding: 10px 0;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 400;
}

    .footer__bottom .copy p {
        font-size: 15px;
        font-weight: 400;
        color: var(--colorDark);
        margin: 0;
    }
/*footer-support-button*/
.support-button {
    background-color: var(--colorPrimary);
    color: #fff;
    border-color: var(--colorPrimary) !important;
    border-radius: 10px;
    width: 147px;
    height: 30px;
}

    .support-button:hover {
        background-color: #d30000;
        color: white;
        border-color: #d30000 !important;
        border-radius: 10px;
        width: 147px;
        height: 30px;
    }

    .support-button:active {
        background-color: #770000;
        color: white;
    }

.twitter_x {
    background-color: #dee2e6;
    height: 30px;
    border-radius: 15px;
    width: 30px;
    position: absolute;
}

.footer__contact .fa-location-dot {
    padding-bottom: 26px !important;
}

.support-button .fa-solid.fa-caret-right {
    font-size: 16px !important;
    padding-left: 5px !important;
}

.footer__bottom .payment-methods {
    display: flex;
    align-items: center;
}

    .footer__bottom .payment-methods img {
        height: 30px;
        width: 30px;
        align-self: center;
    }

@media screen and (max-width: 1078px) {
    .footer__contact .fa-location-dot {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) {
    .footer__contact .fa-location-dot {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 946px) {
    .footer__contact .fa-location-dot {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) {
    .footer__middle {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 576px) {
    .threeColumnFooter {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 626px) {
    .footer__contact .fa-location-dot {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .footer__logo {
        display: block;
        margin-right: 0px;
        padding-right: 0px;
        text-align: -webkit-center !important;
    }

    .footer__link {
        margin-right: 0px;
        padding-right: 0px;
    }

    .footer__middle {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer__bottom {
        display: block;
    }

        .footer__bottom .copy {
            margin-bottom: 10px;
        }

    .footer__contact .fa-location-dot {
        padding-bottom: 5px !important;
    }

    .twoColumn-application {
        justify-self: center;
    }
}

@media screen and (max-width: 481px) {
    .footer__contact .fa-location-dot {
        padding-bottom: 25px !important;
    }
}

.fixed {
    position: fixed;
    top: 90%;
    right: 22px;
    /*width: 100%;*/
   /* z-index: 1111;*/
}

/*.whatsapp-icon {
    color: #00c614;
    font-size: 70px;
}
.whatsapp-div {
    text-align: right;
}*/
.t-filter__title {
    font-size: 13px;
    font-weight: 600;
    color: var(--colorPrimary);
    margin-bottom: 15px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--colorPrimary);
    font-weight: bold;
}
.t-filter__title-special,
.t-filter__title-special a
{
    display: block !important
}
.t-filter__title-special a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--colorPrimary) !important;
    pointer-events: none;
}
.t-filter__title-special i {
    display: none;
}
.t-filter--wrapper {
    margin-bottom:20px;
    position: relative;
    border: 1px solid #c4c4c450;
    border-radius: 5px;
    padding: 10px 7px;
}
.t-filter ul {
    padding-left: 0;
}

.t-filter .t-filter__list a {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: var(--colorTicaretIcınBlack);
    opacity: .85;
    padding: 4px 5px;
    text-decoration: none;
    user-select: none;
}

.t-filter__content {
    position: relative;
    margin-bottom: 20px;
}

    .t-filter__content::after {
        content: "";
        position: absolute;
        left: -7px;
        width: calc(100% + 14px);
        border-top: 2px solid #c4c4c450;
        bottom: -10px;
    }

.t-filter__checkbox {
    max-height: 150px;
    overflow: auto;
    margin: 15px 0;
}

    .t-filter__checkbox::-webkit-scrollbar {
        width: 2px;
        background-color: #f9f9f9;
    }

    .t-filter__checkbox::-webkit-scrollbar-thumb {
        background-color: var(--colorPrimary);
        border-radius: 2px;
    }

.t-filter-checkbox .t-checkbox {
    cursor: pointer;
}

.t-filter__checkbox label {
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.t-filter__checkbox b {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--colorTicaretIcınBlack);
}

.t-filter__checkbox .t-checkbox input + span {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    font-size: 13px;
}

.t-filter__item.active {
    border-radius: 9px;
    background-color: #f9f9f9;
}
.t-filter__item1-li {
    padding-left: 15px !important;
}

.t-filter__subcontent, .t-filter__item2 {
    display: none;
}

    .t-filter__subcontent.show, .t-filter__item2.show {
        display: block;
    }
.t-filter__item.active > ul,
.t-filter__item1-li.active > ul {
    display: block;
}
.t-filter__item.active > span  a,
.t-filter__item1-li.active > span  a {
    font-weight: 600
}

.t-filter__item.active > span i,
.t-filter__item1-li.active > span i {
    transform: rotate(180deg);
}
.t-filter__list i.fa-caret-down:hover {
    cursor: pointer;
    color: var(--colorPrimary);
}

.t-filter__item > span,
.t-filter__item1-li > span {
    display: inline-flex;
    align-items: center;
}

.t-filter__item a i {
    transform-origin: center;
    transition: .33s
}

.t-filter__item a.active i {
    transform: rotate(180deg);
}

.t-filter__recently li {
    display: grid;
    align-items: center;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.t-filter__recently--img {
    border: 2px solid #f5f5f5;
}
.t-filter__recently--img img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}


.t-filter__recently--text {
    font-size: 12px;
    color: #232323;
}

.t-filter__mobileButton,
.t-filter__closer {
    display: none;
}

.t-filter__priceRange {
    display: flex;
    align-items: center;
}

.t-filter__priceRangeInputs input {
    padding: 7px;
    font-size: 12px;
    color: var(--colorTicaretIcınBlack);
    font-family: 'Open Sans', sans-serif !important;
}
.t-filter__priceRangeInputs {
    display: grid;
    grid-template-columns: repeat(2,70px);
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.t-filter__priceRangeInputs input[type=text] {
    border: 1px solid #c4c4c450;
    border-radius: 5px;
    height: 35px;
    width: 100%;
    font-size: 14px;
    text-indent: 5px;
    color: #232323;
    margin: 0;
    display: block;
    padding: 0;
}

.t-filter__priceRangeInputs::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #23232350;
}

.t-filter__priceRangeInputs .sep {
    font-size: 18px;
    font-weight: 600;
    color: #232323;
    text-align: center;
}

.t-filter__priceRange .t-btn {
    display: block;
    margin-left: auto;
}

.t-filter__clear {
    position: absolute;
    top: 5px;
    font-size: 11px;
    font-weight: 400;
    color: var(--colorPrimary);
    text-decoration: underline;
    right: 5px;
    z-index: 4;
    cursor: pointer;
}
.t-filter__clear-single {
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
    opacity: 0;
    left: 0;
    top: 0;
}
.t-filter__results {
    position: relative;
    max-height: 175px;
    overflow: auto;
    padding: 20px 10px;
}
.t-filter__results::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px;
    background-color: #f9f9f9;
}
.t-filter__results::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--colorPrimary);
}
.t-filter__result {
    border: 1px solid var(--colorPrimary);
    border-radius: 15px;
    padding: 7px 15px;
    font-size: 15px;
    color: var(--colorDark);
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    transition: .33s;
    cursor: pointer;
    position: relative;
}

.t-filter__result i {
    font-size: 13px;
    color: var(--colorPrimary);
    margin-left: 7px;
}

.t-filter__result:hover {
    background-color: var(--colorPrimary);
    color: white;
}
.t-filter__result:hover:hover i {
    color: white;
}

.container-with-sidebar {
    display: grid;
    grid-template-columns: 225px 1fr;
    gap: 10px;
}

.container-with-sidebar__right {
    overflow: hidden;
}

.option-bar {
    padding: 10px 0;
}

.option-bar select {
    border: 1px solid #c4c4c450;
    font-size: 13px;
    font-weight: 300;
    color: var(--colorDark);
    height: 35px;
    line-height: 35px;
}
#occassions li {position: relative;}
#occassions li span a:before {
    content: "";
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    object-fit: contain;
    background-size: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid #5baeaa;
    border-radius: 50%;
}

#occassions li:nth-of-type(1) span a:before {background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons-pure/kampanyali-urun.svg);width: 21px;height:21px;}
    #occassions li:nth-of-type(2) span a:before {
        background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons-pure/gunun-firsati.svg);
        width: 21px;
        height: 21px;
    }
    #occassions li:nth-of-type(3) span a:before {
        background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons/yeni-cikanlar.svg);
        width: 21px;
        height: 21px;
    }
    #occassions li:nth-of-type(4) span a:before {
        background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons/list-en-iyi-performans-gosterenler.svg);
        width: 21px;
        height: 21px;
    }
    #occassions li:nth-of-type(5) span a:before {
        background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons-pure/en-cok-begenilenler.svg);
        width: 21px;
        height: 21px;
    }
    #occassions li:nth-of-type(6) span a:before {
        background-image: url(../Themes/Ticareticin/Content/assets/img/badges/icons/list-en-iyi-performans-gosterenler.svg);
        height: 20px
    }

@media screen and (max-width: 992px) {
    .t-filter__clear {
        left: 10px;
    }
    .t-filter__results {
        top: 5px;
    }

    .container-with-sidebar__right .option-bar {
        margin-left: 15px;
        width: calc(100% - 30px);
    }

    .t-filter__mobileButton {
        display: block;
        background-color: white;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        color: var(--colorPrimary);
        border-radius: 5px;
        margin-top: 20px;
        border: 2px solid var(--colorPrimary);
        margin-left: 15px;
        width: calc(100% - 30px);
        cursor: pointer;
    }

        .t-filter__mobileButton i {
            margin-right: 10px;
        }

    .t-filter__closer {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        color: var(--colorPrimary);
        font-size: 30px;
        cursor: pointer;
    }

    .container-with-sidebar {
        grid-template-columns: 1fr;
    }

    .container-with-sidebar__left {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        background-color: white;
        padding-top: 40px;
        border: none;
        z-index: 9999;
        overflow: auto;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transform: translateX(-100%);
        opacity: 0;
        transition: .33s;
        width: 325px;
    }

        .container-with-sidebar__left::-webkit-scrollbar {
            width: 3px;
            background-color: #c4c4c450;
        }

        .container-with-sidebar__left::-webkit-scrollbar-thumb {
            background-color: var(--colorPrimary);
            border-radius: 2px;
        }

        .container-with-sidebar__left.active {
            transform: translateX(0);
            opacity: 1;
        }
}
@media (max-width: 576px) {
    .container-with-sidebar__right .option-bar {
        padding-top: 2%;
    }
}
@media (max-width: 470px) {
    .t-filter--wrapper {
        margin-top: 15%;
        max-height: 800px;
        max-width: 250px;
    }
    .t-filter__closer{
        right: 2%;
    }
}

.product-item-custom .card-product {
    width: initial;
    height: initial;
}

.button {
    font-family: inherit !important
}



.my-video-dimensions {
    width: 100%;
    height: 100%;
}

#flyout-cart .card {
    display: grid;
    grid-template-columns: 50px 1fr;
    margin-bottom: 10px;
}

#flyout-cart .card-media img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

#flyout-cart .before-you-leave-content .product-item-custom .card-title,
#flyout-cart .price {
    font-family: inherit;
}

#flyout-cart .price--on-sale .price__sale {
    display: flex;
    align-items: center;
}

#flyout-cart .before-you-leave-content .product-item-custom .card-information {
    width: 100%;
}


/* General Css */
 /* HOMEPAGE Start */
 .red-line .tab-item2 img,
 .red-line .tab-item img
 {
     height: 60px;
     object-fit: contain;
 }

 .red-line .tab-item2 span,
 .red-line .tab-item span {
     display: block;
 }

 /* HOMEPAGE End */








/* Pages Content */
.t-login-page, .password-recovery-page {
    min-height: 400px;
}

    .t-login-page .t-remember-me {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .t-login-page .t-remember-me a {
            color: var(--colorPrimary);
            font-size: 12px;
        }

    .password-recovery-page .t-input, .t-login-page {
        margin-top: 75px;
    }

.registration-page {
    margin-bottom: 50px;
}


.page-title {
    padding: 1rem 0;
    border-bottom: 2px solid #ff3a20;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.paget-title:is(h1,h2) {
    font-size: 20px;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
}

.bar-notification {
    padding: 10px 40px 10px 10px;
    font-size: 15px;
    font-weight: 600;
    position: fixed;
    right: 10px;
    top: 10px;
    opacity: 1;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 999;
    border-radius: 12px;
    min-height: 100px;
    border-left-width: 7px;
    border-style: solid;
}

    .bar-notification p {
        margin-bottom: 0;
    }

    .bar-notification span {
        position: absolute;
        right: 10px;
        top: 10px;
        opacity: 1;
    }

    .bar-notification span::after {
        content: "x";
        font-size: 21px;
        font-weight: 500;
        color: inherit;
        line-height: 14px;  
        cursor: pointer;
    }

    .bar-notification.error {
        color: #842029;
        background-color: #f8d7da;
        border-color: #f5c2c7;
    }

    .bar-notification.success {
        color: #0f5132;
        background-color: #d1e7dd;
        border-color: #badbcc;
    }
    .bar-notification.warning {
        color: #664d03;
        background-color: #fff3cd;
        border-color: #ffecb5;
    }
/* Satis Sözlesmesi Start */
#sales-contract-modal {
    overflow: hidden;
}
#sales-contract-modal .modal-content {
    background-color: #fff;
    margin: 20% auto;
    padding: 20px;
    width: 545px;
    text-align: center;
    border: 1px solid #ff392025;
    border-radius: 12px;
    overflow: auto !important;
    font-size: 15px;
    text-align: left;
}
#sales-contract-modal .modal-content br {display: none}
#sales-contract-modal .modal-content::-webkit-scrollbar {
    width: 5px;
    background-color: white;
}
#sales-contract-modal .modal-content::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimary);
    border-radius: 3px;
}
#sales-contract-modal table {border: 1px solid #aaa;}
/*#sales-contract-modal tbody tr:nth-last-child(-n+4) {background-color: #FFEBEC !important;}*/
#sales-contract-modal tbody tr:nth-last-child(-n+4) td {background-color: transparent !important}
#sales-contract-modal tbody tr:nth-last-child(-n+4) td:nth-of-type(2) strong {color:#FF3920 !important;}
#sales-contract-modal tbody tr:not(:first-child):not(:nth-last-child(-n+4)) {border-bottom: 1px solid #aaa;background-color: white !important;font-size: 14px;}

/*#sales-contract-modal table tbody tr:first-child {background-color: #FFEBEC !important;}*/
#sales-contract-modal table tbody tr:first-child th {font-size: 14px;padding: 10px 5px;text-align:left;color: #FF3920;font-weight: 600;}
#sales-contract-modal table tbody tr:first-child th:first-child {width: 175px}
@media screen and (max-width: 676px) {
    #sales-contract-modal .centerModal {max-width: 100% !important;width: 100% !important}
}
/* Satis Sözlesmesi End */
/* Parts Content Start */
.halo-sidebar-wrapper {
    display: flex;
    flex-direction: column;
}
.halo-sidebar .before-you-leave-content {
    height: calc(100% - 172px);
}
.halo-sidebar .before-you-leave-content-product {
    max-height: calc(100% - 60px);
    overflow: auto;
}
.halo-sidebar .before-you-leave-content-product::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}
.halo-sidebar .before-you-leave-content-product::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimary);
}
.halo-sidebar-price {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-left: 5%;
    margin-bottom: 10px;
}

.halo-sidebar-price span {
    color: var(--colorPrimary);
    font-weight: 600
}

#flyout-cart .before-you-leave-header img {
    height: 50px;
}

.before-you-leave-content-title .title {
    margin-bottom: 0
}

.halo-sidebar {
    max-width: 275px !important;
}
.halo-sidebar-buttons {
    margin-top: auto;
}

.halo-sidebar-buttons .t-btn {
    margin-bottom: 15px;
    display: block;
    max-width: 90%;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
}

.t-product-sidebar-price {
    font-size: 10px;
}

.t-product-sidebar-price div:first-child {
    margin-bottom: 5px;
}

    .t-product-sidebar-price div:first-child b {
        color: var(--colorBlack);
    }

.t-product-sidebar-price div:last-child b {
    color: var(--colorPrimary);
}

#flyout-cart .card {
    grid-template-columns: 50px 1fr;
    gap: 10px;
}
.t-sidebar-product-card .card-title {
    line-height: 1.2;
    margin-bottom: 5px;
    -webkit-line-clamp: 1;
}
.t-sidebar-product-card .card-media {
    border: 1px solid var(--colorPrimary);
    border-radius: 5px;
    overflow: hidden;
}
#flyout-cart .card {
    position: relative;
}
.t-basket-product-list__remove {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.t-basket-product-list__remove i {
    font-size: 13px;
    color: red;
}
.halo-sidebar-wrapper .slick-slide {
    float: none;
}
/* Parts Content End */
/* Button */
.btn {
    margin-right: 5px;
    display: inline-block;
    border: 2px solid transparent;
    padding: 4px 8px;
    margin-left: 4px;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.33s ease-in-out;
    text-decoration: none;
}

.btn-center {
    text-align: center;
}

.btn-primary {
    background-color: var(--colorPrimary);
    color: #fff;
    border-color: var(--colorPrimary) !important;
}

    .btn-primary:hover {
        background-color: transparent;
        color: #e33019 !important;
    }

.btn-secondary {
    border-color: var(--colorBlack) !important;
    color: var(--colorBlack);
}

    .btn-secondary:hover {
        background-color: var(--colorBlack);
        color: white;
    }

.btn-sm {
    padding: 7px 12px;
}

.btn-md {
    padding: 9px 18px;
}

.btn-lg {
    padding: 12px 24px;
}
/* Checkbox*/
.t-checkbox {
    display: grid !important;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 10px;   
    cursor: pointer;
    user-select: none;
}
.t-checkbox p {margin-bottom: 0;}

    .t-checkbox.accept-consent {
        max-width: 325px;
        margin: 0 auto 30px auto;
    }

        .t-checkbox.accept-consent label {
            margin-bottom: 0
        }

        .t-checkbox.accept-consent .read {
            color: var(--colorPrimary);
            cursor: pointer;
        }

    .t-checkbox input {
        display: none;
    }


        .t-checkbox input + span {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            color: white;
            font-weight: 700;
            font-size: 15px;
            border: 1px solid var(--colorDarkGray);
            user-select: none;
            cursor: pointer;
        }

        .t-checkbox input:checked + span {
            border-color: var(--colorPrimary);
            background-color: var(--colorPrimary);
        }

    .t-checkbox.lg-checkbox input + span {
        width: 25px;
        height: 25px;
        font-size: 15px;
        border-radius: 7px;
    }

    .t-checkbox.m-checkbox input + span {
        width: 15px;
        height: 15px;
        font-size: 10px;
        border-radius: 5px;
    }

/** uı wıdget**/
.ui-widget-content.ui-draggable {
    background-color: white;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* Input */
@import url("../Themes/Ticareticin/Content/assets/css/input.css");

.required {
    display: none;
}

.t-input__title {
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
}

.t-input {
    position: relative;
    margin-bottom: 15px;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
}

    .t-input i {
        font-size: 21px;
        color: #D9D9D9;
        position: absolute;
        left: 12px;
        bottom: 13px;
    }

    .t-input label {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        display: block;
        margin-bottom: 3px;
        width: 100%;
    }

    .t-input input[type=text], .t-input input[type=password], .t-input input[type=email], .t-input input[type=number], .t-input input[type=tel] {
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: black;
        background: #F3F3F3;
        border-radius: 10px;
        width: 325px;
        height: 46px;
        outline: none;
        border: none;
        padding: 14px 14px 14px 45px;
        text-indent: 0;
    }

        .t-input input[type=text]::placeholder, .t-input input[type=password]::placeholder, .t-input input[type=email]::placeholder, .t-input input[type=number]::placeholder {
            color: #D1D1D1;
        }

    .t-input textarea {
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: black;
        background: #F3F3F3;
        border-radius: 10px;
        width: 325px;
        height: 125px;
        outline: none;
        border: none;
        padding: 14px;
        text-indent: 0;
        resize: none;
    }

        .t-input textarea::placeholder {
            color: #D1D1D1;
        }

    .t-input select, .registration-page .inputs select {
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: black;
        background: #F3F3F3;
        border-radius: 10px;
        width: 325px;
        height: 46px;
        outline: none;
        border: none;
        padding: 14px;
        text-indent: 0;
    }

        .t-input select::placeholder {
            color: black;
        }

.registration-page .inputs {
    display: block;
    max-width: 325px;
    margin: 0 auto 15px auto;
}

    .registration-page .inputs label {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        display: block;
        margin-bottom: 3px;
        width: 100%;
    }

.center-form {
    padding-left: 20rem;
    padding-top: 2rem;
}
.input-password {
    display: grid;
    grid-template-columns: 3fr 0fr;
    width: 55% !important;
}
.input-password-width {
    width: 158%;
}
.input-password-i {
    align-self: center;
    position: relative;
}
#OldPassword, #NewPassword, #ConfirmNewPassword {
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
}

#OldPassword:focus, #NewPassword:focus, #ConfirmNewPassword:focus {
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: white;
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
}

/* Delivered Products List Start */
.t-delivered__container {
    padding: 17px;
    border-radius: 10px;
    border: 1px solid #EBEDF0;
    margin-bottom: 12px;
    overflow: hidden;
}

.t-delivered {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}

.t-delivered__left {
    margin-right: 15px;
}

.t-delivered__middle {
    margin-right: auto;
}
.t-delivered__right {
    margin: auto;
}

.t-delivered__title {
    font-size: 16px;
    font-weight: 700;
    color: #1C2B38;
    padding: 19px 0;
}

.t-delivered__avaible {
    background-color: #7BBCB0;
    border-radius: 30px;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    display: inline-block;
}

.t-delivered__badges {
    display: inline-flex;
    position: relative;
}

.t-delivered__badges::after {
    content: "";
    position: absolute;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background-color: #C7CDD0;
    right: -15px;
}

.t-delivered-img__container {
    width: 140px;
    height: 120px;
    border: 1px solid #DFE2E6;
    border-radius: 6px;
}

.t-delivered-img__container img {
    width: inherit;
    height: inherit;
    object-fit: cover;
}

.t-delivered__infos {
    display: flex;
    align-items: center;
}

.t-delivered__info {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #495560;
    display: flex;
    align-items: center;
    border-right: 1px solid #C7CDD0;
    padding-right: 10px;
    margin-right: 10px;
}
.t-delivered__info img {
    margin-right: 7px;
}


.t-delivered__infos > span:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.t-delivered__right i {display: none}
@media screen and (max-width: 767px) {
    .DeliveredProducts {display: grid;grid-template-columns: 1fr 1fr;gap:5px;}
    .t-delivered__container {padding:5px;}
    .t-delivered {flex-direction: column;}
    .t-delivered-img__container {width: 100%;height:100px;}
    .t-delivered-img__container img {object-fit:contain;}
    .t-delivered__avaible {padding: 6px 12px;border-radius:12px;}
    .t-delivered__title {font-size: 16px;padding: 10px 0;margin-bottom:0;}
    .t-delivered__infos {display: grid;grid-template-columns: 1fr}
    .t-delivered__info {font-size: 12px;margin-right:4px;padding-right:4px;margin-bottom: 4px;}
    .t-delivered__left {margin-right: 0;margin-bottom: 6px}
    .t-delivered__middle {margin-right: 0;}
    .t-delivered__infos > span{border-right: none}
    .t-delivered__right {margin-top: 15px}
    .t-delivered__right i {display: inline-block}
    
}
@media (max-width: 576px) {
    .DeliveredProducts {
        display: block;
    }
    .t-delivered {
        grid-template-columns: 25% 50% 20%;
        align-items: center;
    }
    .t-delivered__right {
        margin: 0;
    }
    .t-delivered__badges{
        display:none;
    }
    .t-delivered-img__container img{
        object-fit: cover;
    }
}
/* Delivered Products List End */
:root {
    --MessagesTableBorder: 2px solid #c4c4c4;
    --MessagesTableBorderRadius: 15px;
}
.t-account-navigation {
    padding-left: 0;
   
}
.t-account-navigation li {
    border-bottom: 1px solid #DEE2E6;
    margin-bottom:10px;
    border-radius: 5px;
}
.t-account-navigation li a {
    padding: 7px 0;
    font-size: 16px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.t-account-navigation li a i {
    margin-left: 5px;
}
.t-account-navigation li.active  {
    border-bottom-color: var(--colorPrimary);
}
.t-account-navigation li.active a {
    color: var(--colorPrimary);
}
.t-account-navigation a::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 7px;
    width: 20px;
}
.t-account-navigation li:nth-last-child(2) a{
    pointer-events: none;
}
.t-account-navigation li:nth-last-child(3) a::after {content: "\f590"; }
.t-account-navigation li:nth-last-child(2) a::after {content: "\f0e0"; }
.t-account-navigation li:nth-last-child(1) a::after {content: "\f0f6"; }
.t-account-navigation .customer-info a::after {content: "\f4ff"; }
.t-account-navigation .customer-addresses a::after {content: "\f2b9"; }
.t-account-navigation .customer-orders a::after {content: "\f290"; }
.t-account-navigation .customer-deals a::after {content: "\f290";}
.t-account-navigation .change-password a::after {content: "\f084"; }
.t-account-navigation .customer-reviews a::after {content: "\f002"; }
.t-account-navigation .my-reviews a::after {content: "\f002"; }
.t-account-navigation .wishlist a::after {content: "\f004"; }
.t-account-navigation .Shipper a::after {content: "\f0d1"; }
    .t-account-navigation .Shipper {
        color: var(--colorPrimary);
    }    
.t-account-navigation .ShipperAds a::after {content: "\f0d1"; }
    .t-account-navigation .ShipperAds a {
        color: var(--colorPrimary);
    }
.t-account-navigation .ShipperOffer a::after {content: "\f0d1"; }
    .t-account-navigation .ShipperOffer a {
        color: var(--colorPrimary);
    }
.t-account-navigation .Works a::after {content: "\f0d1";}
    .t-account-navigation .Works a {
        color: var(--colorPrimary);
    }
.t-account-navigation .return-requests a::after {content: "\f1b8"; }
.t-account-navigation .Shipper-Request a::after {content: "\f0d1"; }
    .t-account-navigation .Shipper-Request a {
        color: var(--colorPrimary);
    }
.t-account-navigation .VehicleInfo a::after {content: "\f0d1";}
    .t-account-navigation .VehicleInfo a {
        color: var(--colorPrimary);
    }
.t-account-navigation .DriverInfo a::after { content: "\f0d1";}
    .t-account-navigation .DriverInfo a {
        color: var(--colorPrimary);
    }
.t-account-navigation .ShipperInfo a::after {  content: "\f0d1"; }
    .t-account-navigation .ShipperInfo a {
        color: var(--colorPrimary);
    }
.t-account-navigation .DriverWorks a::after {
    content: "\f0d1";
}
.t-account-navigation .DriverWorks a {
    color: var(--colorPrimary);
}
.t-account-navigation .customer-offer a::after {content: "\f0d1"; }
.t-account-navigation .Message a::after {  content: "\f0e0" !important; }
.t-account-navigation .MessageSupport a::after { content: "\f590" !important; } 
.t-account-navigation .customer-gdpr a::after {content: "\f0f6"; }

    .t-account-navigation .customer-shipper-product-reviews a {
        font-size: 14px;
    }
        .t-account-navigation .customer-shipper-product-reviews a::after {
            font-size: 16px;
        }

.t-form-control-title strong {
    display: block;
    font-weight: 600 !important;
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding: 10px 0;
}
.t-account__title {
    font-size: 20px;
    color: black;
    font-weight: 500 !important;
    text-align: left;
    padding: 5px 0 5px 0;
    border-bottom: 2px solid var(--colorPrimary);
    margin: 0;
}
.t-account__title h1 {
    margin-bottom: 0;
    font-size: 22px;
    color: black;
    font-weight: 600;
    text-align: left;
    padding: 0;
}
.t-account__title a {
    font-size: 12px;
    color: var(--colorPrimary);
    margin-left: 10px;
}
.t-account__subtitle {
    border-bottom: 2px solid #999999 !important;
    margin-bottom: 5%;
}
.t-account__body {
    padding-top: 10px;
}
.t-account__address-list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
}
.t-account__address-item {
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    border-radius: 12px;
    background-color: #f9f9f9;
}
.t-account__address-item .t-account__address-info-button {
    margin-top: auto;
}
.checkout-page .order-summary {
    width: 100%;
}
.checkout-page .t-basket-page {
    display: flex;
    flex-direction: column-reverse;
}
.checkout-page .t-basket-page__right-container {
    width: 100%;
}
.checkout-page .product-quantity {
    height: 55px;
    font-size: 0;
}
.checkout-page .t-basket-right {
    width: 100%;
}
.t-account__address-item .select-billing-address-button {
    position: absolute;
    right: 5px;
    top: 2px;
    border-bottom: 1px solid var(--colorPrimary);
    border-radius: 0;
    padding: 0 0 3px 0;
    font-weight: 400;
}
.billing-addresses .new-billing-address .title strong {
    padding: 10px 0;
    text-align: center;
}

#toggle-billing-address .t-checkbox {
    padding: 10px 0;
}
.checkout-data .title {
    padding-left: 0 !important;
}
#toggle-billing-address .min-amount-warning {
    color: red;
    margin-bottom: 4px;
}
.t-account__address-item .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 10px 0;
    font-size: 15px;
    line-height: 1.5;
}
.t-account__address-info-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.t-account__address-info-button button {
    font-size: 12px;
}
.t-account__address-info-button .danger {
    padding-left: 0;
    margin-left: 0;
}
.t-account-address-add-btn {
    color: var(--colorPrimary);
}
.edit-address {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    margin-top: 20px;
    justify-content: space-around;
}
.edit-address .checkbox-container > input[type=checkbox]{
    width:5% !important;
}
    .edit-address select {
        position: relative;
        font-size: 1.15rem;
        border-radius: 0.5rem;
        background-color: var(--bs-gray-100);
        color: var(--bs-gray-700);
        min-height: calc(1.5em + 1rem + 2px);
        border: 1px solid var(--bs-gray-400);
        padding-left: 10px;
        width: 100% !important;
    }
.edit-address .inputs {
    display: flex;
    align-items: center;

}
.edit-address .inputs label {
    width: initial;
}
.t-account__title + .page-body .title {
    padding: 15px 25px;
    font-size: 15px;
    font-weight: 600;
}
.readonly-username {
    height: 46px;
    line-height: 46px;
    font-size: 12px;
    background: #f3f3f3;
    cursor: not-allowed;
    border-radius: 10px;
    display: block;
    padding-left: 45px;
}

.t-account__title + .page-body .custom-attributes.inputs select + i {

}
.t-messages__table {
    width: 100%;
    margin-top: 15px;
}
.t-messages__table-item {
    border: var(--MessagesTableBorder);
    border-radius: var(--MessagesTableBorderRadius);
    margin-bottom: 20px;
    transition: .33s;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 20px;
}
.t-messages__table-item a {
    font-size: 13px;
    color: black;
    font-weight: 600;
}
.t-messages__table-item:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-color: var(--colorPrimary);
}
.t-messages__table-active-item {
    background: #41b23429;
    border: var(--MessagesTableBorder);
    border-radius: var(--MessagesTableBorderRadius);
    margin-bottom: 20px;
    transition: .33s;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}
    .t-messages__table-active-item:hover {
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        border-color: #4caf50;
    }
.t-messages__link {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--colorPrimary);
    width: 16px;
    height: 16px;
}
.t-messages__link a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 22;
}
.t-messages__table .date {
    font-size: 13px;
    font-weight: 400;
}
.t-messages__icon {
    font-size: 16px;
}
.t-messages__icon i.fa-circle-check {color: green;}
.t-messages__icon i.warning {color: darkorange;}
.t-messages__icon i.gray {color: gray;}

/* Chat Messages */
.t-messages-chat {
    display: flex;
    flex-direction: column;
    max-height: 425px;
    overflow-y: scroll;
}
.t-messages-chat::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}
.t-messages-chat::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimary);
}
.t-messages-chat .chat-message-right .t-message-body {
    border-color: green;
    background-color: rgba(0,128,0,.05);
}
.t-messages-chat .chat-message-left .t-message-body {
    border-color: rgba(255,57,32,1);
    background-color: rgba(255,57,32,.05);
}
.chat-message-left .t-message-body,
.chat-message-right .t-message-body {
    border-radius: 15px;
    /*border-width: 2px;*/
    border-style: solid;
    padding: 12px;
    margin: 0 12px;
}
.t-message__name {font-size: 13px;font-weight: 700;color: black;}
.t-message__text {font-size: 14px;font-weight: 400;color: black;margin-bottom: 0;}
.t-message__date {font-size: 11px;font-weight: 400;color: silver;}
.t-message__content {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    border-radius: 12px;
    margin: 15px;
}
#send-message-input,
#send-message-input:focus
{
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
/* Order List */
.t-order__list {
    margin-top: 15px;
}
.t-order__item {
    display: flex;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
    border: 1px solid var(--colorPrimary);
    padding: 18px 10px;
    color: black;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFEBEC;
}
.t-order__item > div {display: flex;align-items: center;}
.t-order__item > div img {margin-right: 12px;}
.t-order__item > div > span {border-right: 1px solid #AAAAAA;padding-right: 10px;margin-right: 10px;}
.t-order__item > div:nth-last-of-type(2) span {border-right: none}
.t-order__item-left {
    font-size: 14px;
    font-weight: 500;
}
.t-order__item-middle {
    font-size :17px;
}
.t-order__item-right {
    font-size: 15px;
    font-weight: bold;
    padding-right: 30px;
    word-break: break-all;
}

.t-order__item-btns {
   margin-left: auto;
}
.t-order__item-btns button {
    background-color: transparent;
    color: inherit;
    border: none;
}

.t-order__icon {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}
.t-order__icon .fa-circle-check {color: green;}
.t-order__icon .fa-circle-xmark {color: red;}
.t-order__icon .fa-circle-pause {color: orange;}
.t-order__icon .fa-truck {color: darkgoldenrod;}
.t-order__icon .fa-triangle-exclamation {color: yellow;font-size: 14px;}
.section.shipments .table-wrapper,
.section.products .table-wrapper
 {
    padding-top: 0;
    grid-template-columns: 1fr;
}
.section.products .table-wrapper thead th {
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #aaa;
    white-space: nowrap;
}
.section.products .table-wrapper tbody td {
    padding: 10px;
    font-size: 15px;
    color: #413e3a;
}
.section.products .table-wrapper tbody td a {
    color: inherit;
    font-size: inherit;
    color: var(--colorPrimary) !important;
}
.shipment-details-page h1 {
    margin-bottom: 15px;
}
.shipment-details-page {
    margin-bottom: 50px;
    min-height: 75vh;
}
.section.shipments .t-order-detail__item {
    display: block;
    position: relative;
    overflow: hidden;
}
.section.shipments .view-details {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 30px;
}
.section.shipments .table-wrapper label {
    font-size: 15px;
    font-weight: 600;
    color: #AAAAAA;
}
.section.shipments .table-wrapper span {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.section.shipments .table-wrapper .shipment-id {
    margin-top: 10px;
}
/* Order Detail */
.t-order-control {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.t-order-control.yellow {color: #FAA61A}
.t-order-control.green {color: #2E9F43}
.t-order-control.red {color: #EB001B}
.t-order-detail__item-infos {
    margin-left: 10px;
}
.t-order-detail__bottom-left,
.t-order-detail__bottom-right,
.section.products {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 10px;
}
.t-order-detail__bottom-right .totals {
    padding: 10px 0;
}
.section.products > .t-order-detail__custom-title {
    margin-bottom: 30px;
    display :flex;
    align-items: center;
    margin-right: auto;
    justify-content: flex-start;
    width: calc(100% + 20px);
}
.section.products > .t-order-detail__custom-title > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.products > .t-order-detail__custom-title > div img {
    margin-right: 12px;
}
.section.products > .t-order-detail__custom-title > div {
    font-size: 13px;
    color: #413E3A;
    border-right: 1px solid #aaa;
    padding-right: 10px;
    margin-right: 10px;
}
.section.products > .t-order-detail__custom-title > div:last-child {
    border-right: none;
}
.shipping-info-wrap label{
    font-size: 15px;
    font-weight: 600;
    color: #AAAAAA;
}
.shipping-info-wrap span {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.t-order-detail__custom-title {
    background-color: #FFEBEC;
    padding: 10px;
    border-bottom: 1px solid #EC4F35;
    border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: -10px -10px 0 -10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.t-order-detail__custom-title span,
.t-order-detail__custom-title strong {
    font-weight: 700;
    color: #FF3920;
    font-size: 13px;
}
.t-order-detail__bottom {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.t-order-detail__bottom-right label {
    font-size: 15px;
    font-weight: 600;
    color: #AAAAAA;
}
.t-order-detail__bottom-left label {
    font-size: 15px;
    font-weight: 600;
    color: #AAAAAA;
}
.t-order-detail__bottom-right .cart-total span {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.t-order-detail__bottom-right .cart-total span strong {
    color: var(--colorPrimary);
}
.t-order-detail-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 42px 0 32px 0;
}
.t-order-detail-page-title h1 {
    font-size: 16px;
    font-weight: 700;
    color: #aaa;
}
.t-order-detail-page-title div {
    display: flex;
    align-items: center;
    font-size :13px;
    color: inherit;
}
.t-order-detail-page-title div b {

}
    .t-order-detail__title {
        font-weight: 700;
        font-size: 14px;
        color: black;
        margin-bottom: 10px;
    }
.t-order-detail__bottom .info-list {
    padding: 10px 0;
    font-size: 15px;
    font-weight: 600;
    color: #aaa;
}
.t-order-detail__bottom .info-list .name {
    font-weight: 600;
    color: #000;
    font-size: 15px;
}
.t-order-detail__bottom .t-order-detail__custom-title strong {
    margin-right: auto;
    margin-left: 10px;
}
.t-order-detail__bottom-right .actions {
    position: initial;
}
.t-order-detail__item {
    display: flex;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: 0px 3px 4px 0px #00000008;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}
.t-order-detail__item .t-order-detail__product-btns {
    margin-left: auto;
}
.t-order-detail__item-top {
    display: grid;
    grid-template-columns: 45px 1fr 33%;
    gap: 20px;
    margin-bottom: 10px;
}
.t-order-detail__item-bottom {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}
.t-order-detail__item-bottom .quantity {text-align: left}
.t-order-detail__item-bottom .product-subtotal {font-size: 18px;}
.t-order-detail__item-bottom .total {justify-content: flex-start;align-items: center;gap: 5px;margin-top: 10px;}
.t-order-detail__product-btns {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 10px;
}
.t-order-detail__product-btn {
    border: 1px solid #d2d2d2;
    font-size: 14px;
    color: black;
    padding: 5px 7px;
    text-align: center;
    transition: .33s;
    border-radius: 5px;
    cursor: pointer;
}
.t-order-detail__product-btn:hover {
    background-color: #f5f5f5;
}
.t-order-detail__item-details {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #413E3A;
}
.t-order-detail__item-details div {
    display :flex;
    align-items: center;
    font-size :inherit;
    
}
    .t-order-detail__item-details > div {
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #aaa;
    }
.t-order-detail__item-details > div:last-child {
    border-right: none;
    
}
.t-order-detail__item-details div div {
    margin-left: 5px;
}
.t-order-item__texts {
    font-size: 15px;
    color: #aaa;
}
.t-order-detail__item-details div small {
    font-size: 13px;
}
.t-order-detail__item-vendor span:first-child {
    display: block;
    font-size: 13px;
    color: var(--colorPrimary);
    font-weight: bold;
}
.t-order-detail__item-vendor span:last-child {
    font-size: 13px;
    font-weight: 400;
}
.t-order-detail__item-bottom .td-title {
    font-weight: bold;
}
.t-order-detail__item-bottom .product-subtotal {
    color: #70ad47;
    font-weight: bold;
}
.t-order-detail__item-details {
    margin: 5px 0 ;
}
.t-order-detail__item-img {
    border: 1px solid #FFEBEC;
    border-radius: 6px;
    object-fit: contain;
    text-align: center;
    width: 130px;
    flex: 0 0 130px;
    height: 130px;
}
.t-order-detail__item-name a {
    font-size :15px;
    line-height: 22.5px;
    color: black;
    font-weight: 600;
    font-size: inherit;
}
.t-order-detail__item-cargo {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 5px;
    font-size: 11px;
}
.t-order-detail__item-cargo small {
    font-weight: 400;
    display: block;
    margin-left: 3px;
}
.t-order-detail__item-texts * {
    font-size: 15px;
    color: #AAA;
}
.t-order-detail__item-texts b,
.t-order-detail__item-texts span
 {
    text-transform: capitalize;
}
.t-order-detail__item-texts span {
    display: inline-block;
    margin-right: 10px;
}
.payment-method-info .info-list {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    padding: 10px;
    border-radius: 9px;
    background-color: #d8d8d8;
}
.payment-method-info .info-list img {
    border : 1px solid #f5f5f5;
    border-radius: 7px;
}
.t-order-detail__credit span {
    display: block;
}
.total-info table {
    width: 100%;
}
.total-info table td {
    padding: 4px 0;
}
.total-info table tr td:last-child {
    text-align: right;
}
.total-info table tr:last-child td {
    
}
.order-details-page {
    min-height: 50vh;
}
@media screen and (max-width: 470px) {
    .t-account__address-list {
        padding-bottom: 5%;
    }
}
@media screen and (min-width: 675.99px) {
    .t-order__item-btns i {display: none !important}
}
@media screen and (max-width: 992px) {
    .t-order-detail__bottom {
        display: flex;
        flex-direction: column-reverse;
    }
    .t-order-detail__item-img {
        width: 95px;
        height: 95px;
        flex: 0 0 95px;
    }
    .section.products > .t-order-detail__custom-title {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 5px;
        width: calc(100% + 20px);
    }
    .section.products > .t-order-detail__custom-title > div {
        justify-content: flex-start;
        margin-right: 3px;
        padding-right: 3px;
    }
    .section.products > .t-order-detail__custom-title > div img {
        margin-right: 3px;
    }
    .section.products > .t-order-detail__custom-title > div:nth-of-type(2n) {
        border-right: none;
    }
    .t-order-detail__item {
        flex-wrap: wrap;
    }
    .t-order-detail__item-infos {
        flex: 0 0 calc(100% - 100px);
        width: calc(100% - 100px);
        margin-left: 3px;
    }
    .t-order-detail__item .t-order-detail__product-btns {
        width: 100%;
        margin-top: 10px;
    }
    .t-order-detail__item-details {
        flex-direction: column;
        align-items: flex-start;
    }
        .t-order-detail__item-details > div {
            border-right: none;
        }
    .t-order-detail-page-title h1 {
        margin-bottom: 0;
        font-size: 13px;
    }
    .t-account__address-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

}
@media screen and (max-width: 1200px) {
    .t-order__item-btns {   
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    }
    .t-order__item {
        flex-wrap: wrap;
        
    }
        .t-order__item > div:not(.t-order__item-btns) {
            flex: 0 0 calc(33% - 30px);
            width: calc(33% - 30px);
        }
    .t-order__item > div span {
        border-right: none;
    }
    .t-order__item-btns {right: 10px;}
    .t-order__item {padding: 20px;font-size:11px;}
}
@media screen and (max-width: 768px) {

    .t-account__address-list {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

}
@media screen and (max-width: 676px) {
    .t-order__item {padding: 10px;}
    .t-order-detail__item-bottom {grid-template-columns: repeat(1,minmax(0,1fr));}
    .t-order__item-btns button span {display: none}
    .t-order__item-btns button i {font-size: 14px}
}
.t-header {
    display: grid;
    grid-template-columns: 250px 1fr 233px;
    align-items: center;
    gap: 10px;
    padding: 30px 0;
}

    .t-header .t-logo img {
        height: 80px;
        max-width: 100%;
        object-fit: contain;
    }
.t-profile-menu-list-container {
position: relative;
}
.t-profile-menu-list {
padding-top: 15px;
}
.t-profile-menu-list{
position: absolute;
left: 0;
top: 100%;

z-index:99;
font-size: 11px;
width: 150px;

display: none;

}
.t-profile-menu-list-container:hover .t-profile-menu-list {
display: block;
}
.t-profile-menu-list ul {
    background-color: white;
    border: 1px solid var(--colorPrimary);
    border-radius: 7px;
padding-left: 10px;
}
.t-profile-menu-list a {
font-size: 14px;
color: black;
display: block;
text-align: left;
font-weight: 400;
padding: 5px 0;

}
/* Search Start*/
.t-searchbox {
    max-width: 520px;
    position: relative;
}

.t-searchbox-search {
    display: flex;
    align-items: stretch;
    height: 50px;
    width: 100%;
    position: relative;
}

.t-searchbox-button {
    height: 50px;
    background-color: var(--colorPrimary);
    border: 2px solid var(--colorPrimary);
    color: white;
    border-radius: 0 25px 25px 0;
    width: 100px;
    flex: 0 0 100px;
    margin-left: auto;
cursor: pointer;
border-left: 0;
}

    .t-searchbox-button:hover {
        background-color: #d30000;
        color: var(--colorPrimary);
    }

    .t-searchbox-button input {
        content: "\f002";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
width: 100%;
height: 100%;
border:none;
background-color: transparent;
    }

.t-searchbox-button {
    z-index: 2;
}

    .t-searchbox-button:hover + i {
        z-index: 1;
    }

.t-searchbox-category__trigger {
    display: block;
    position: absolute;
    right: 100px;
    width: 100px;
    border-radius: 0;
    border: none;
    height: 49px;
    line-height: 49px;
    color: var(--colorPrimary);
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    padding-right: 32px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

.t-searchbox-category:not(.open)
.t-searchbox-category__list-wrapper {
    opacity: 0;
    margin-top: -10px;
    visibility: hidden;
    pointer-events: none;
}.t-searchbox-category:not(.open)
.t-searchbox-category__list {
    opacity: 0;
    margin-top: -10px;
    visibility: hidden;
    pointer-events: none;
}
.t-searchbox-category__list {
    max-height: 240px;
    overflow: auto;
    transition: .33s;
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--colorPrimary);
    z-index: 33;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    border-radius: 12px;
    cursor: pointer;
}

/*.t-searchbox-category__list {
    max-height: 240px;
    overflow: auto;
    margin: 0;
    cursor: pointer;
    padding-left: 0;
    border-radius: inherit;
}*/
.t-searchbox-category__list-wrapper {
    position: relative;
    margin-top: 5px;
    transition: .33s;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99999;
    padding: 0;
    border-radius: 12px 0 0 12px;
    padding: 2px; 
}

    .t-searchbox-category__list::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
    }

    .t-searchbox-category__list::-webkit-scrollbar-thumb {
        background-color: white;
    }

    .t-searchbox-category__list li {
        display: block;
        padding: 12px;
        font-size: 12px;
        font-weight: 400;
        color: white;
        min-width: 150px;
    }

        .t-searchbox-category__list li:hover {
            background-color: #a9a9a9;
        }

.t-searchbox-text {
    width: 100%;
}

.t-searchbox .t-searchbox-text input {
    margin-right: 0;
    width: 100%;
    border-radius: 0;
    border: 2px solid var(--colorPrimary);
    border-radius: 25px 0 0 25px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
}
@media (max-width: 576px) {
    .t-searchbox .t-searchbox-text input {
        padding: 0 8px;
    }
}

.t-searchbox-button-icon {
    position: absolute;
    right: 50px;
    transform: translate(50%,-50%);
    top: 25px;
    font-size: 25px;
    color: white;
    z-index: 3;
}

.t-searchbox .fa-sort {
    font-size: 12px;
    position: absolute;
    color: var(--colorPrimary);
    right: 120px;
    top: 50%;
    transform: translateY(-50%);
}

.t-searchbox .k-list {
    background-color: white;
    border-radius: 12px;
    margin-bottom: 0;
    padding-left: 0;
}

    .t-searchbox .k-list li a {
        display: grid;
        grid-template-columns: 40px 1fr;
        gap: 10px;
        text-decoration: none;
    }

        .t-searchbox .k-list li a .img-block {
            width: 40px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid var(--colorPrimary);
        }

            .t-searchbox .k-list li a .img-block img {
                width: 40px;
                height: 40px;
                overflow: hidden;
                object-fit: cover;
            }

        .t-searchbox .k-list li a .detail .title {
            font-size: 14px;
            color: black;
            text-decoration: none;
            text-align: left;
            margin-bottom: 0;
        }

        .t-searchbox .k-list li a .detail {
            margin-left: 0;
        }

            .t-searchbox .k-list li a .detail .price {
                display: block;
                text-align: left;
                color: var(--colorPrimary);
                margin-top: 0;
                font-weight: 600;
            }

.t-searchbox .instantSearch {
    width: 100% !important;
    max-width: 100% !important;
}
.search-category-arrows{
    cursor:pointer;
}
/* Search End */
/* Account Start */
.t-header-unlogin .t-btn {
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
}

.t-header-basket-btn {
    display: flex;
    align-items: stretch;
    position: relative;
    cursor: pointer;
}

    .t-header-basket-btn a {
        width: 34px;
        height: 34px;
        color: #aaadae !important;
        border: 1px solid #aaadae;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        font-size: 19px;
        cursor: pointer;
        padding: 12px 21px;
        height: 100%;
        pointer-events: none
    }

.t-header-account {
    display: flex;
    align-items: stretch;
    padding-left: 50px;
}

.logbox .meesageTotalNum:empty {
    display: none
}

.t-header-customer {
    background-color: black;
    padding: 10px;
    text-align: center;
}

.t-header-customer a {
    font-size: 13px;
    font-weight: 500;
    color: white;
}

/* Animation Start */
@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 57, 32, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 57, 32, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 57, 32, 0);
    }
}
.t-animate-pulse {
    animation: pulse .5s 2;
}
/* Animation End*/


@media screen and (max-width: 992px) {
    .t-header {
        padding: 20px !important;
    }

    .t-header-unlogin .t-btn span {
        display: none;
    }

    .t-header .t-logo img {
        height: 50px;
    }

    .t-header-search-mobile {
        display: block
    }

    .t-header {
        display: flex;
        flex-wrap: wrap
    }

    .t-logo {
        order: 1;
        flex: 0 0 30%
    }

    .t-searchbox {
        order: 3;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .t-header-account {
        order: 2;
        flex: 0 0 60%;
        margin-left: auto;
        justify-content: flex-end
    }

    .t-header-account .t-btn-lg {
        padding: 7px 12px
    }

    .t-header-basket-btn a {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }
    .t-header-unlogin .t-btn-primary {}
    .logbox .t-btn-primary span,
    .logbox .t-btn-primary-line span {
        display: none
    }
}
/* Account End */


.t-input,
.t-account__title + .page-body .custom-attributes.inputs {
    position: relative;
    margin-bottom: 15px;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
}


.t-input i,
.t-account__title + .page-body .custom-attributes.inputs i {
    font-size: 21px;
    color: #D9D9D9;
    position: absolute;
    left: 12px;
    bottom: 13px;
}

.t-input label,
.t-account__title + .page-body .custom-attributes.inputs label{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    display: block;
    margin-bottom: 3px;
}
.t-input select + i,
.t-account__title + .page-body .custom-attributes.inputs select + i{
    left: initial;
    right: 10px;
}

.t-input input[type=text], .t-input input[type=password], .t-input input[type=email], .t-input input[type=number] {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: black;
    background: #F3F3F3;
    border-radius: 10px;
    width: 325px;
    height: 46px;
    outline: none;
    border: none;
    padding: 14px 14px 14px 45px;
    text-indent: 0;
}
.t-input select:focus,
.t-input input:focus
{
        background: #F3F3F3;
    }
.t-input input[type=text]::placeholder, .t-input input[type=password]::placeholder, .t-input input[type=email]::placeholder, .t-input input[type=number]::placeholder {
    color: #D1D1D1;
}

.t-input textarea {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: black;
    background: #F3F3F3;
    border-radius: 10px;
    width: 325px;
    height: 125px;
    outline: none;
    border: none;
    padding: 14px;
    text-indent: 0;
    resize: none;
}

    .t-input textarea::placeholder {
        color: #D1D1D1;
    }
    .t-input textarea:focus {
        background: #F3F3F3;
    }
/* Price Input Start */

.t-price-box {
    display: flex;
    align-items: stretch;
   
}

.t-basket-right .t-price-box {
    padding: 10px 5px;
    background-color: var(--colorSecondary);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    width: 200px;
}

.t-price-input {
    display: flex;
    align-items: stretch;
    height: 35px;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #dddddd75;
}

.t-price-input button {
    background-color: #ddd;
    color: white;
    width: 20px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: 0.33s;
    color: #484848;
    outline: none;

}

.t-price-input button:hover {
    background-color: white;
    color: var(--colorLightGray);
}

.t-price-input input[type=text] {
    width: 30px;
    border: 1px solid var(--colorLightGray);
    border-radius: 0;
    background-color: white;
    color: var(--colorBlack);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
}

.t-price-input input[type=number] {
    -moz-appearance: textfield;
}

.t-price-input input[type=number]::-webkit-inner-spin-button, .t-price-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.t-price-result {
    margin-left: 10px;
    color: white;
}

.t-price-result small {
    display: block;
    font-size: 10px;
    font-weight: 400;
}

.t-price-result b {
    font-size: 15px;
    font-weight: 600;
}
.t-price-result .discount {
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial;
    color: red;
    font-size: 12px;
    background-color: transparent;
    padding-left: 0;
}

/* Price Input End */
.t-basket-page {
    display: grid;
    grid-template-columns: 1fr 275px;
    align-items: flex-start;
    gap: 20px;
    min-height: 80vh;
    padding-bottom: 50px;
    margin-top: 50px;
}

.t-basket-page-wishlist {
    grid-template-columns: 1fr 275px;
    align-items: flex-start;
    gap: 20px;
    min-height: 60vh;
    /*padding-bottom: 50px;*/
    margin-top: 50px;
}

.t-basket-page__left button[name=updatecart] {
    position: absolute;
    right: 0;
    top: -5px;
    padding: 5px;
    background-color: var(--colorGray);
    color: red;
    border: none;
}

.t-basket-page__left .t-basket-right .attributes {
    display: none;
}

.t-basket-page__right {
    border: 1px solid rgba(0, 0, 0, 0.1450980392);
    padding: 10px;
    border-radius: 12px;
    position: relative;
}

    .t-basket-page__right .t-basket-summary__product:last-child {
        border-bottom: none;
    }

.t-basket-page__right-container {
}

    .t-basket-page__right-container h2 {
        margin-bottom: 10px;
        font-size: 18px;
    }

.t-basket-left {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 30px;
}

    .t-basket-left .t-checkbox {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        background-color: transparent;
        font-size: 12px;
        width: 20px;
        height: 20px;
        color: red;
    }

.t-basket-product {
    display: grid;
    grid-template-columns: 1fr 200px;
    align-items: stretch;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ececec;
    margin-bottom: 5px;
}

.t-basket-product__name {
    line-height: 1;
    font-size: 14px;
}

    .t-basket-product__name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        color: inherit;
        font-size: inherit;
        word-break: break-word;
    }

.t-basket-product__seller {
    margin-bottom: 10px;
}

    .t-basket-product__seller span {
        font-size: 12px;
        font-weight: 300;
        color: var(--colorBlack);
    }

    .t-basket-product__seller b {
        font-size: 14px;
        font-weight: 600;
        color: var(--colorPrimary);
    }

.t-basket__img {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(131, 131, 131, 0.3137254902);
    border-radius: 5px;
    padding: 5px;
}

    .t-basket__img img {
        object-fit: cover;
        width: 70px;
        height: 70px;
    }

.t-basket__img-container {
    position: relative;
    margin-right: 10px;
}

.t-basket-list-wrapper {
    margin-top: 30px;
}

.t-basket-list__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorPrimary);
    margin-bottom: 10px;
}

.t-basket-info {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 300;
    color: var(--colorDarkGray);
}

    .t-basket-info i {
        font-size: 9px;
        margin-right: 5px;
    }

.t-basket-info__custom {
    padding: 3px 5px;
    background-color: #ff392030;
    color: #ff3920;
    display: inline-block;
    border-radius: 2px;
}

.t-basket-info.t-basket-info--icon {
    color: var(--colorLightGray);
}

    .t-basket-info.t-basket-info--icon b {
        font-weight: 600;
    }

.t-basket-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative;
}

.t-basket-total-price {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}

.t-basket__bestsellers {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    object-fit: contain;
}

    .t-basket__bestsellers img {
        width: calc(100% - 2px);
        margin-left: 1px;
        margin-top: -1px;
        border-radius: 0 0 5px 5px;
    }

.t-basket-summary__title {
    font-size: 15px;
    color: var(--colorPrimary);
    font-weight: 600;
    margin-top: 15px;
}

.t-basket-summary__product {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1450980392);
    padding: 5px 0;
}

.t-basket-summary__product-info {
    font-size: 9px;
    font-weight: 300;
}

.t-basket-summary__product b {
    font-size: 11px;
    font-weight: 600;
    color: var(--colorBlack);
}

.t-basket-summary__product small {
    display: block;
    font-size: 9px;
    font-weight: 400;
    color: var(--colorPrimary);
    margin: 2px 0;
}

.cart-options {
    display: none;
}

.coupon-box strong, .giftcard-box strong {
    font-size: 12px;
    font-weight: 300;
    color: var(--colorLightGray);
    display: none;
}

.cart-total {
    font-size: 13px;
    color: black;
    width: 100%;
    white-space: nowrap;
}

    .cart-total .cart-total-left {
        font-weight: 600;
        text-align: left;
    }

    .cart-total .cart-total-right {
        font-weight: 300;
        padding-bottom: 3px;
        text-align: right;
    }

.terms-of-service {
    font-size: 12px;
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
    padding-bottom: 15px;
}

    .terms-of-service a {
        color: var(--colorPrimary) !important;
    }

@media screen and (max-width: 867px) {
    .t-basket-right {
        width: 100%;
    }

    .t-basket-product {
        grid-template-columns: 1fr;
    }

    .t-basket-right .t-price-box {
        width: 100%;
        justify-content: space-between;
        border-radius: 5px;
    }

    .t-basket-product {
        position: relative;
    }

    .t-basket-right {
        position: initial
    }
}

@media screen and (max-width: 676px) {
    .t-basket-page {
        grid-template-columns: 1fr;
        padding-bottom: 100px;
    }

    .t-basket-page__right {
        margin-top: 20px;
    }

    .t-basket-total-price {
        margin-bottom: 0;
        font-size: 21px;
    }

    .t-basket-total-mobile-place {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: white;
        z-index: 999;
        padding: 10px 20px;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }

        .t-basket-total-mobile-place .t-basket-summary__title {
            margin-top: 0;
            margin-bottom: 0;
        }

    .t-basket-total-mobile-place-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

        .t-basket-total-mobile-place-bottom .btn-center {
            margin-left: auto;
        }
}


.t-input select:focus,
.t-input input:focus {
    background: #F3F3F3;
}

.t-input textarea::placeholder {
    color: #D1D1D1;
}

.t-input textarea:focus {
    background: #F3F3F3;
}
/* Price Input Start */

.t-price-box {
    display: flex;
    align-items: center;
}

.t-container-wishlist {
    width: 50%;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.t-basket-right > input {
    display: none;
}

.t-basket-total-price {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}

.shopping-cart-sign {
    color: var(--colorPrimary);
    text-align-last: center;
    font-size: 50px;
}

.shopping-cart-title {
    text-align-last: center;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
}

.shopping-cart {
    text-align-last: center;
    font-size: 16px;
    padding-bottom: 60px;
}

.shopping-button {
    text-align-last: center;
    font-size: 16px;
    background-color: var(--colorPrimary) !important;
    color: #fff;
}

.shopping-button-cart {
    text-align-last: center;
    font-size: 16px;
    background-color: var(--colorPrimary) !important;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

    .shopping-button-cart:hover {
        background-color: #d30000 !important;
        color: white !important;
        border-color: #d30000 !important;
    }

.shopping-button:hover {
    background-color: #d30000 !important;
    color: white !important;
    border-color: #d30000 !important;
}


:root {
    --colorPrimary: #ff3920;
    --colorTicaretIcınBlack: #413e3a;
    --colorSecondary: #5baeaa;
    --colorBlack: #000;
    --colorLightGray: #838383;
    --colorDarkGray: #6B6B6B;
    font-size: 14px;
    --colorCancelOrderBg: #dc3545;
    --colorCancelOrderHover: #bb2d3b;
    --colorCancelOrderBorder: #b02a37;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
    color: var(--colorBlack);
}

h1 {
    margin-bottom: 20px;
}

h2 {
    margin-bottom: 18px;
}

h3 {
    margin-bottom: 16px;
}

h4 {
    margin-bottom: 14px;
}

h5 {
    margin-bottom: 12px;
}

h6 {
    margin-bottom: 10px;
}

* {
    box-sizing: border-box;
}

body,select,input::placeholder, option {
    font-family: "Open-Sans", sans-serif !important;
}

.t-container-wrapper {
    min-height: calc(100vh - 450px);
}
.t-container {
    width: 100%;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
/*header + main > .container {
    min-height: 85vh;
}*/

/* Cookie */

#eu-cookie-bar-notification {
    background-color: #333;
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    bottom:0;
    padding: 0 20px;
}
#eu-cookie-bar-notification .text {
    font-size: 15px;
    color: white;
}
#eu-cookie-bar-notification .content {
    padding: 40px 0;
}

#eu-cookie-bar-notification .learn-more {
    color: var(--colorPrimary);
    text-decoration: underline;
}
#eu-cookie-bar-notification .buttons-more {
    text-align: right;
    padding-top: 30px;
}
    #eu-cookie-bar-notification .buttons-more button {
    margin-left: 10px;
    }
    /* LOAD POPUP*/
    .loader {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,.75);
        z-index: 9998;
    }

.spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid var(--colorPrimary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



@media screen and (max-width: 1199px) {
    .t-container {
        max-width: 960px;
    }
}

.container-left-sidebar {
    display: grid;
    grid-template-columns: 225px 1fr;
    gap: 20px;
    margin-top: 40px;
}

/** Badge */
.t-badge {
    padding: 5px;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-weight: 400;
    white-space: nowrap;
}
.t-badge.t-badge__primary {
    color: #ff3920;
    background-color: #ff392050;
    border-color: #ff3920;
}
.t-badge.t-badge__secondary {
    color: #5baeaa;
    border-color: #5baeaa;
    background-color: #5baeaa50;
}

/* Checkbox*/
.t-checkbox input {
    display: none;
}

    .t-checkbox input + span {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        color: white;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid var(--colorDarkGray);
        user-select: none;
        cursor: pointer;
    }

    .t-checkbox input:checked + span {
        border-color: var(--colorPrimary);
        background-color: var(--colorPrimary);
    }

.t-checkbox.lg-checkbox input + span {
    width: 25px;
    height: 25px;
    font-size: 15px;
    border-radius: 7px;
}

.t-checkbox.m-checkbox input + span {
    width: 15px;
    height: 15px;
    font-size: 10px;
    border-radius: 5px;
}

.t-btn {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 2px solid transparent;
    padding: 4px 8px;
/*    margin-left: 4px;
*/    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.33s ease-in-out;
    text-decoration: none !important;
}
.t-price-box .t-btn {margin-left: 0;margin-right: 0}

.t-btn-center {
    text-align: center;
}

.t-btn-orderCancel-buyAgain {
    color: white;
    border-color: #808080;
    background-color: #808080;
}

    .t-btn-orderCancel-buyAgain:hover {
        color: white;
        border-color: #707070;
        background-color: #707070;
    }

.t-btn-primary {
    background-color: var(--colorPrimary) !important;
    color: #fff !important;
    border-color: var(--colorPrimary) !important;
}

.t-btn-primary:hover {
    background-color: #d30000 !important;
    color:white !important;
    border-color: #d30000 !important;
}
.t-btn-primary:active {
    background-color: #770000 !important;
    color:white !important;
    border-color: #770000 !important;
}

.t-btn-secondary {
    border-color: var(--colorBlack) !important;
    color: var(--colorBlack);
}

.t-btn-secondary:hover {
    background-color: var(--colorBlack);
    color: white;
}
.t-btn-primary-line {
    background-color: transparent;
    border: 1px solid var(--colorPrimary);
    color: var(--colorPrimary);
}
.t-btn-primary-line:hover {
    background-color: rgb(218 218 218 / 15%);
    color: var(--colorPrimary);
    border-color: rgb(218 218 218 / 65%);
}
.t-btn-primary-line:active {
    background-color: rgb(218 218 218 / 40%);
    color: var(--colorPrimary);
    border-color: rgb(218 218 218 / 65%);
}
.t-btn-secondary-line {
    background-color: var(--colorBlack);
    border: 1px solid var(--colorBlack);
    color: white;
}
.t-btn-none {
    border: none;
    background-color: transparent;
}
.t-btn-none.danger {
    color: red;
}
.t-btn-sm {
    padding: 7px 12px;
}

.t-btn-md {
    padding: 9px 18px;
}

.t-btn-lg {
    padding: 12px 24px;
}

.t-btn[disabled] {
    background-color: #dddddd !important;
    border-color: #ddd !important;
}

.t-btn-danger {
    background-color: var(--colorCancelOrderBg) !important;
    color: #fff !important;
    border-color: var(--colorCancelOrderBg) !important;
}

    .t-btn-danger:hover {
        background-color: var(--colorCancelOrderHover) !important;
        color: #fff !important;
        border-color: var(--colorCancelOrderBorder) !important;
    }

    .t-btn-danger:active {
        background-color: #b02a37 !important;
        color: #fff !important;
        border-color: #a52834 !important;
    }

/* Page CSS Start*/
.topic-page .page-body {
min-height: 60vh;
margin-top: 40px;
}
/* Page CSS End*/
@media screen and (max-width: 1280px) {
    .t-btn-lg {padding: 9px 12px;}
}

/* Breadcrumb Start */
.t-breadcrumb {
    color: white;
}

    .t-breadcrumb ul {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    padding-left: 0;
    }

        .t-breadcrumb a {
            color: white;
            font-weight: 600;
        }

    .t-breadcrumb .delimiter {
        font-size: 11px;
        margin-right: 2px;
        color: white;
    }
/* Breadcrumb End */

.t-slider-carousel {
    max-width: 100%;
    overflow: hidden;
}

.t-slider-inner {
    display: flex;
    align-items: stretch;
    transition: transform 0.3s ease-in-out;
    padding: 0;
    width: 100%;
}

.t-slider-item {
    flex: 0 0 calc(100% / var(--items-to-show)); /* Calculate the width based on the number of items to show */
    max-width: calc(100% / var(--items-to-show)); /* Calculate the max-width based on the number of items to show */
    height: 100%;
}
/* Optional: Add styles for the previous and next buttons */
.t-slider-prev-btn,
.t-slider-next-btn {
    /*margin: 10px;*/
}

/* Pagination Start*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
        .pagination li {
            border: 2px solid white;
        }
    .pagination li a {
        border: 1px solid #f5f5f5;
        border-radius: 2px;
    }
/* Pagination End*/

/* Gunun Firsatları Siralama */
.a-section:empty {display: none}
.header-profile {
    width: 50px; /*width: 90px;*/
}
.header-message {
    width: 50px; /*width: 90px;*/
}
/* Cargo Firma Detail Start */
.t-cargo__middle {
    margin: 30px 0;
}

.t-cargo__detail-head {
    position: relative;
    text-align: center;
    background-color: #A6AEBB;
    height: 670px;
    max-height: calc(100vh - 250px);
    min-height: 200px;
    overflow: hidden;
    border-radius: 0 0 clamp(30px,3vw,100px) clamp(30px,3vw,100px)
}

.t-cargo__fullimage {
    width: 100%;
    height: 100%;
    object-fit: cover;  
}

.t-cargo__buttons {
    border-bottom: 1px solid #A6AEBB;
}

.t-cargo__buttons button {
    padding: 7px 10px;
    background-color: transparent;
    font-size: 16px;
    color: #A6AEBB;
    font-weight: 400;
    border-width: 0 0 3px 0;
    border-color: transparent;
    margin-bottom: -1px
}

.t-cargo__buttons button.active {
    border-bottom: 3px solid #FF3920;
    color: #15294B;
    font-weight: 600
}

.t-cargo__content {
    padding: 20px 0;
}

.t-cargo__contenta:is(h1,h2,h3,h4,h5,h6) {
    color: #7A8699
}

.t-cargo__content {
    font-size: 14px;
    color: #091E42;
    min-height: 450px
}
.t-cargo__middle .t-delivered__middle {
    flex-grow: 1;
}

@media screen and (max-width:767px) {
    .t-cargo__middle .t-delivered {
        flex-direction: row;
        flex-wrap: wrap
    }

    .t-cargo__middle .t-delivered__left {
        width: 100px;
        margin-right: 15px;
    }

    .t-cargo__middle .t-delivered__middle {
        width: calc(100% - 120px)
    }

    .t-cargo__middle .t-delivered__right {
        margin-top: 15px
    }
}
/* Cargo Firma Detail End */

/* Transport PAGE Start */
:root {
    --animationWidth: 387px;
    --animationPadding: 20px;
}
.transport__wrapper{
    overflow:hidden;
    margin-top: -120px;
    position:relative;
    z-index:1;
}
.transport-bg-img {
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:-1;
    background-color: #212529;
    height:100%;
}
.transport-bg-img img {
width:100%;
height:100%;
object-fit:cover;
opacity:.05;
}

.transport {
    display: flex;
    gap:30px;
    padding: 150px 0 70px 0;
}

.transport__title {
    font-size: clamp(35px,3vw,80px);
    font-weight: 700;
    color: white;
}

.transport__text {
    font-size: clamp(18px,3vw,25px);
    color: white;
    font-weight: 500;
}

.transport__left {
    flex: 0 0 calc(100% - var(--animationWidth) - 50px);
}

.transport__right {
    display: inline-block;
    width: 0 0 calc(50px + var(--animationWidth));
}

.transport__inputs {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-left: -2px;
    margin-right: 222px;
}

.transport-animation {
    position: relative;
    display: inline-block;
    flex: 0 0 var(--animationWidth);
}
.transport-animation img:nth-of-type(1) {position:relative;z-index:2}
.transport-animation .circle {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius: 50%;border: 2px solid white;z-index: 1}
.transport-animation .circle:nth-of-type(1) {width:calc(var(--animationWidth) + calc(1 * var(--animationPadding) ) );height:calc(var(--animationWidth) + calc(1 * var(--animationPadding) ) );border-color: rgba(255,255,255,1)}
.transport-animation .circle:nth-of-type(2) {width:calc(var(--animationWidth) + calc(2 * var(--animationPadding) ) );height:calc(var(--animationWidth) + calc(2 * var(--animationPadding) ) );border-color: rgba(255,255,255,.8)}
.transport-animation .circle:nth-of-type(3) {width:calc(var(--animationWidth) + calc(3 * var(--animationPadding) ) );height:calc(var(--animationWidth) + calc(3 * var(--animationPadding) ) );border-color: rgba(255,255,255,.6)}
.transport-animation .circle:nth-of-type(4) {width:calc(var(--animationWidth) + calc(4 * var(--animationPadding) ) );height:calc(var(--animationWidth) + calc(4 * var(--animationPadding) ) );border-color: rgba(255,255,255,.4)}
.transport-animation .circle:nth-of-type(5) {width:calc(var(--animationWidth) + calc(5 * var(--animationPadding) ) );height:calc(var(--animationWidth) + calc(5 * var(--animationPadding) ) );border-color: rgba(255,255,255,.2)}
.transport-animation__truck {position: absolute;z-index:3;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.transport-list__wrapper {background-color:#EBEDF0;padding: 50px 0;}
.transport-list {display:grid;grid-template-columns:1fr 1fr 1fr;gap: 50px;background-color:white;padding:20px}
.transport-list__item {padding-left: 34px;position: relative;position:relative;}
.transport-list__item::after {content:"";position:absolute;right:-25px;top:0;width:1px;height:100%;background-color:rgba(0,0,0,.4);}
.transport-list .transport-list__item:nth-of-type(3):after {display:none}
.transport-list__item img {position:absolute;left:0;top:0;}
.transport-list__item h3 {font-size: 16px;color:black;font-weight:700}
.transport-list__item p{font-size:14px;font-weight:400;color:black;}

.transport-card {display: grid;grid-template-columns:1fr 2fr;gap:25px;padding: 60px 0;}
.transport-card h2{text-align:left}
.transport-card h3{color:var(--colorPrimary);font-weight:500 !important;}
.transport-card p{}
.transport-card {}

@media screen and (max-width: 992px) {
    .transport__wrapper {margin-top: -150px;padding: 180px 0 40px 0}
    .transport {flex-direction:column-reverse;gap:40px;}
    .transport-list {grid-template-columns: 1fr;}
    .transport-list__item::after {top:100%;margin-top:25px;left:50%;transform:translateX(-50%);height:1px;width:50%;}
    .transport-card {grid-template-columns:1fr;}
    .transport-card__left {text-align:center;}
    .transport__right {text-align:center;transform:scale(.75)}
}
/* Transport PAGE End */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");

:root {
    --colorPrimary: #ff3920;
    --colorSecondary: #5baeaa;
    --colorBlack: #000;
    --colorLightGray: #838383;
    --colorDarkGray: #6B6B6B;
}

::-ms-reveal {
    display: none;
}

@font-face {
    font-family: Material-Design-Iconic-Font;
    src: url(/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'), url(/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'), url(/assets/fonts/material-icon/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype');
}

.my-account-icon i {
    font-size: 3rem !important;
}

.payment-other-information-box {
    height: 4rem !important;
    display: flex;
    gap: 0.5rem;
}

.container-bottom-search-row {
    display: flex;
    justify-content: space-evenly;
}

body {
    font-size: .9rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px !important;
}

i.fa-solid.fa-circle-plus {
    font-size: 14px;
}

.product-search-body-left-section-body.product-category-container {
    font-size: 12px;
}

.order-details-title {
    font-size: 0.9rem;
    color: #ff3a20;
}

.order-details-exp {
    width: 75%;
}

.row-price-exp-real-value {
    background-color: #fff;
    border-radius: 0.5rem;
    margin: 0.5rem;
    padding: 0.3rem;
    color: #141414;
    border: solid 1px #ececec;
    font-weight: 600;
}

.row-order-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #ffffff;
    border-bottom: solid #dfdfdf 1px;
    padding: 1rem;
    color: #838383;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

p {
    font-size: 0.8rem;
}

.footer p {
    font-size: 0.8rem;
}

.footer ul {
    font-size: 0.8rem;
}

span.hour-text {
    font-size: .575rem !important;
    color: #afafaf;
}

span.minute-text {
    font-size: .575rem !important;
    color: #afafaf;
}

span.second-text {
    font-size: .575rem !important;
    color: #afafaf;
}

h1 {
    font-size: 1.3em;
    margin-left: 1em;
    color: #4a4a4a;
}

h3 {
    font-weight: 900;
    font-size: 0.9rem;
}

.category-box h3 {
    color: #ff3a20;
}

.motto {
    float: right;
    display: block;
    line-height: 28px;
}

.motto-text {
    display: block;
    font-size: 1rem;
    font-weight: bold;
}

.opp-svg {
    width: 60px;
    margin-bottom: 0.4em;
    fill: #ff3a20;
}

.allcat-svg {
    width: 65px;
    margin-bottom: 0.4em;
    fill: #ff3a20;
}

.trans-svg {
    width: 74px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.const-svg {
    width: 62px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.pack-svg {
    width: 65px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.mach-svg {
    width: 46px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.homet-svg {
    width: 70px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.auto-svg {
    width: 65px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.text-svg {
    width: 58px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.renew-svg {
    width: 60px;
    margin-bottom: 0.4em;
    fill: #4a4a4a;
}

.food-svg {
    width: 60px;
    margin-bottom: 0.4em;
    fill: #a9a9a9;
}

.mine-svg {
    width: 64px;
    margin-bottom: 0.4em;
    fill: #a9a9a9;
}

.medi-svg {
    width: 64px;
    margin-bottom: 0.4em;
    fill: #a9a9a9;
}

.promo-svg {
    width: 60px;
    margin-bottom: 0.4em;
    fill: #a9a9a9;
}

.sport-svg {
    width: 65px;
    margin-bottom: 0.4em;
    fill: #a9a9a9;
}

.list-item.active svg {
    fill: white;
}

.footer h1 {
    margin-left: 0 !important;
    font-size: 1rem !important;
}

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif !important;
}

img {
    max-width: 100%;
}

.row {
    display: flex;
}

.container {
    width: 75%;
    margin: 0 auto;
    max-width: 75%;
}

/*
.btn {
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 0.3rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    border-radius: 0.4em;
    font-weight: 700;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color .3s ease;
}

.btn-bg-gray {
    background-color: #a6a6a6;
}

*/

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover {
    cursor: pointer;
}

/* Header */
/* header { border-bottom: 2rem solid #ff3a20; } */

.breadcrumbs {
    min-height: 25px;
    background-color: #ff3a20;
    padding: .5rem 0;
}

.breadcrumbs-text {
    color: #fff;
    font-weight: 700;
    margin: 0;
}

    .breadcrumbs-text a {
        color: white;
    }

header .header {
    padding: 1.5rem 14px;
    gap: 35px;
}

header .row {
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

header .header .logo {
    width: 155px;
    height: auto;
}

    header .header .logo a img {
        width: 100%;
        height: 100%;
    }

header .input {
    width: 50%;
}

.input .search-input {
    position: relative;
    width: 90%;
}

    .input .search-input span {
        position: absolute;
        right: 0px;
        top: 8px;
        border-left: 1px solid #dfdfdf;
        padding-left: 5px;
        color: #ff3a20;
        font-weight: 500;
        line-height: 31px;
        cursor: pointer;
        height: 30px;
    }

        .input .search-input span.dark-text-color {
            color: #363636;
        }

.input input[type="search"] {
    width: 100%;
    border: 2px solid #fe2a00;
    padding: 0.875rem 120px 0.875rem 0.875rem;
    outline: none;
    border-radius: 2em 0 0 2em;
    height: 50px;
}

.input input[type="submit"] {
    width: 12%;
    border: 2px solid #ff3a20;
    padding: 0.875rem;
    outline: none;
    border-radius: 0 2em 2em 0;
    background-color: #ff3a20;
    background-image: url(../Themes/Ticareticin/Content/assets/img/search.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor: pointer;
    height: 50px;
}

i.fa-solid.fa-sort {
    font-size: 12px;
}

i.fa-solid.fa-bag-shopping {
    font-size: 20px;
}

header .header .shopping-cart {
    color: #f64f3f;
    font-size: 1.5rem;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    position: relative;
}

.login {
    display: flex;
    align-items: center;
}

.sign-in,
.sign-up {
    padding: 0.1rem 0.4rem;
}

.sign-up {
    border-left: 1px solid #dfdfdf;
}

.sign-in-btn,
.sign-up-btn {
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    border: none;
    outline: none;
    border-radius: .3rem;
    cursor: pointer;
}

.sign-in-btn {
    background-color: #4a4a4a;
    color: #fff;
    transition: 0.5s;
}

    .sign-in-btn:hover {
        background-color: #ff3a20;
        color: #fff;
        transition: 0.5s;
    }

.sign-up-btn {
    background-color: #4a4a4a;
    color: #ffff;
    transition: 0.5s;
}

    .sign-up-btn:hover {
        background-color: #ff3a20;
        color: #ffff;
        transition: 0.5s;
    }

.select-box .options-container::-webkit-scrollbar {
    width: 8px;
    background: #ff3a20;
    border-radius: 0 8px 8px 0;
}

.select-box .options-container::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 0 8px 8px 0;
}

.select-box .option {
    padding: 12px 24px;
    cursor: pointer;
}

    .select-box .option:hover {
        background: #a9a9a9;
    }

.select-box label {
    cursor: pointer;
}

.select-box .option .radio {
    display: none;
}

.select-box {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    z-index: 10;
    right: 0;
    margin-top: 5px;
}

    .select-box .options-container {
        background: #ff3a20;
        color: #f5f6fa;
        max-height: 0;
        width: 100%;
        opacity: 0;
        transition: all 0.4s;
        border-radius: 8px;
        overflow: hidden;
        text-align: center;
    }

        .select-box .options-container.active {
            max-height: 240px;
            opacity: 1;
            overflow-y: auto;
        }

.mobil-search {
    width: 2rem;
    margin-right: .5rem;
    display: none;
}

/* End Header */


/* Tire */

.tire {
    background-color: #f4f4f4;
    padding: 1rem 3rem;
}

    .tire .row {
        justify-content: space-around;
        align-items: center;
    }

    .tire .text p {
        font-weight: 700;
        font-size: 2rem;
        color: #4a4a4a;
        line-height: 2.3rem;
        text-transform: uppercase;
    }

.tire-container {
    background-color: #f4f4f4;
}

.tire-swiper.swiper {
    padding: 0 !important;
}

.tire-swiper .swiper-button-prev {
    left: 0;
}

.tire-swiper .swiper-button-next {
    right: 0;
}

.tire-swiper .swiper-button-next,
.tire-swiper .swiper-button-prev {
    color: #d7d7d7;
    transition: 0.5s;
}

    .tire-swiper .swiper-button-next:hover,
    .tire-swiper .swiper-button-prev:hover {
        color: #ff3a20;
        transition: 0.5s;
    }

    .tire-swiper .swiper-button-next:after,
    .tire-swiper .swiper-button-prev:after {
        font-size: 30px;
    }

/* End Tire */


/* Options */

main .options {
    padding: 0.2rem 0;
    position: relative;
}

    main .options .container {
        position: relative;
    }

    main .options .list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
    }

        main .options .list .list-item {
            width: 20%;
            height: 150px;
            position: relative;
            border: solid 2px white;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            background-color: #f9f9f9;
            cursor: pointer;
            user-select: none;
            transition: 0.5s;
        }

            main .options .list .list-item:nth-child(11) .box .box-svg svg,
            main .options .list .list-item:nth-child(12) .box .box-svg svg,
            main .options .list .list-item:nth-child(13) .box .box-svg svg,
            main .options .list .list-item:nth-child(14) .box .box-svg svg,
            main .options .list .list-item:nth-child(15) .box .box-svg svg {
                fill: #a9a9a9 !important;
            }

            main .options .list .list-item:nth-child(11),
            main .options .list .list-item:nth-child(12),
            main .options .list .list-item:nth-child(13),
            main .options .list .list-item:nth-child(14),
            main .options .list .list-item:nth-child(15) {
                pointer-events: none;
            }

            main .options .list .list-item:hover {
                background-color: #ff3a20;
            }

                main .options .list .list-item:hover .box svg {
                    fill: #ff3a20;
                    transition: .5s ease;
                }

            main .options .list .list-item.active:hover .box svg {
                fill: #fff;
                transition: .5s ease;
            }

            main .options .list .list-item:hover .box p {
                color: #fff;
            }

    main .options .detail {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
    }

        main .options .detail .detail-item {
            width: 100%;
            height: 535px;
            background: #fff;
            border-top: 2px solid red;
            border-bottom: 2px solid red;
            display: none;
        }

            main .options .detail .detail-item.active {
                display: block;
            }

    main .options .list .list-item .box {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        height: 100%;
        flex-wrap: nowrap;
        margin-bottom: 10%;
        justify-content: flex-end;
    }

        main .options .list .list-item .box p {
            color: #a9a9a9;
            font-weight: 700;
            font-size: 0.8rem;
        }

        main .options .list .list-item .box .box-svg {
            width: 60px;
            height: 60px;
            margin-bottom: 1rem;
        }

            main .options .list .list-item .box .box-svg svg {
                width: 100%;
                height: 100%;
                fill: #ff3a20;
            }

.sub-category.row {
    gap: 1rem;
}

.sub-category-left {
    width: 20%;
}

.sub-category-right {
    width: 53.33%;
}

.sub-category-last {
    width: 26.66%;
}

.category-box {
    border-bottom: 2px solid #e8e8e8;
    padding: 0.625rem 0;
    text-align: center;
}

    .category-box:last-child {
        border-bottom: initial;
        padding-bottom: 0;
    }

    .category-box h3 {
        color: #ff3a20;
        font-weight: 900;
    }

    .category-box a {
        text-decoration: none;
        color: #000;
        font-size: 0.8rem;
    }

    .category-box:last-child a {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        color: #fff;
        margin-top: 0;
        padding: 0.5rem 2rem;
    }

        .category-box:last-child a i {
            float: right;
        }

.swiper {
    width: 100%;
    height: 100%;
    /* padding: 3rem 0 3rem !important; */
    padding-top: 1rem !important;
}

.swiper-slide {
    text-align: left;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
}

.sub-category .swiper-slide img {
    display: block;
    width: 290px;
    height: 290px;
    object-fit: contain;
    align-self: center;
}

i.fa-solid.fa-caret-right {
    font-size: 1rem !important;
}

i.fa-solid.fa-caret-left {
    font-size: 1rem !important;
}

.swiper .button {
    position: absolute;
    top: 0;
    right: 7%;
}

.swiper .swiper-last-button {
    position: absolute;
    top: 0;
    right: 20%;
}

    .swiper .button i,
    .swiper .swiper-last-button i {
        font-size: 30px;
    }

    .button .swiper-button-next,
    .swiper .swiper-last-button .swiper-button-next {
        left: 20px;
        color: #bdbdbd;
        margin-top: 0;
    }

.button .swiper-button-prev,
.swiper-last-button .swiper-button-prev {
    left: 0;
    color: #bdbdbd;
    margin-top: 0;
}

    .button .swiper-button-next:after,
    .button .swiper-button-prev:after,
    .swiper-last-button .swiper-button-next:after,
    .swiper-last-button .swiper-button-prev:after {
        content: '';
        font-family: initial;
    }

.price {
    margin-top: 0.3rem;
    text-align: center;
}

    .price p {
        font-size: 18px;
        font-weight: 700;
        color: #4a4a4a;
    }

.star-comment .star i {
    font-size: 10px !important;
    vertical-align: middle;
    line-height: 14px;
    margin-top: -5px;
}

.star-comment {
    display: flex;
    gap: .3rem;
    align-items: center;
    justify-content: center;
}

.star i {
    font-size: 0.875rem;
    color: #cacaca;
}

    .star i:nth-child(1),
    .star i:nth-child(2),
    .star i:nth-child(3) {
        color: #f3cd1e;
    }

.comment {
    font-size: 0.875rem;
}

/* .discount,
.blue-box {
    position: absolute;
    top: 10%;
    left: 0;
    color: #fff;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
    padding: .3rem 1rem;
} */

.discount,
.star-box {
    position: absolute;
    color: #fff;
}

/* .discount {
    background-color: #e73535;
} */

.discount {
    background-color: #e73535;
    top: 20%;
    left: 0;
    padding: .2rem 0.5rem;
}

    .discount p {
        font-size: .6rem;
        margin-left: -.2rem;
    }

.blue-box {
    background-color: #2557aa;
    top: 1%;
    width: 70px;
    height: 30px;
}

.star-box {
    left: 0;
    top: 13%;
}

    .star-box i {
        color: #ff7703;
    }

.deals-of-the-day {
    position: absolute;
    top: -3%;
    left: 42%;
    transform: translateX(-50%);
    z-index: 999;
}

.deals-of-the-day-date {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: .5rem;
    font-size: .9rem;
}

.deals-of-the-day-p {
    color: #ff391f;
    font-weight: 900;
    text-align: center;
    font-size: 14px !important;
    margin: 0;
}

    .deals-of-the-day-p img {
        border: 2px solid #5baeaa;
        border-radius: 50%;
        margin-right: 5px;
    }

.hour,
.minute,
.second {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    color: #222;
}

.hour-value,
.minute-value,
.second-value {
    padding: 0.3rem;
    width: 2.1rem;
    color: #222;
    background-color: #f3f3f3;
    border-radius: 0.2rem;
    border: solid 1px #dddddd;
}

.box p.active {
    color: #fff !important;
}

.list-item i {
    position: absolute;
    top: 91%;
    z-index: 1;
    font-size: 25px;
    color: #fe2a00;
    display: none;
}

/* End Options */


/* Sign Up */

main .sign-up {
    padding: 2rem 0;
}

    main .sign-up h1 {
        text-transform: uppercase;
        font-weight: 900;
    }

    main .sign-up .sign-up-boxes {
        padding: 3rem 0;
    }

        main .sign-up .sign-up-boxes.row {
            justify-content: space-between;
            align-items: center;
        }

        main .sign-up .sign-up-boxes .sign-up-box {
            width: 30%;
            color: #a9a9a9;
            padding: 2rem 1rem;
            text-align: center;
            transition: all .3s ease;
            cursor: pointer;
        }

            main .sign-up .sign-up-boxes .sign-up-box:hover {
                box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                transition: all .3s ease;
            }

                main .sign-up .sign-up-boxes .sign-up-box:hover h3 {
                    color: #ff3920;
                }

                main .sign-up .sign-up-boxes .sign-up-box:hover .btn-bg-gray {
                    background-color: #ff3a20;
                }

            main .sign-up .sign-up-boxes .sign-up-box h3 {
                margin: 1rem 0 1.25rem 0;
            }

/* End Sign Up */


/* How Work */

main .how-work {
    background-color: #f7f7f7;
    padding: 2rem 0;
}

    main .how-work .row {
        gap: 2rem;
        align-items: center;
    }

    main .how-work .how-work-left h1 {
        font-weight: 900;
        margin-bottom: 2rem;
        text-transform: uppercase;
    }

    main .how-work .how-work-left p {
        color: #888;
        padding: 2rem 0;
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        margin-bottom: 1rem;
    }

    main .how-work .how-work-left a {
        font-weight: 900;
        color: #f64f3f;
        text-decoration: none;
        float: right;
    }

        main .how-work .how-work-left a i {
            margin-left: 0.5rem;
        }

    main .how-work .how-work-left,
    main .how-work .how-work-right {
        width: 50%;
    }

/* End How Work */

/* Sponsors */

main .sponsors .row {
    justify-content: space-evenly;
    padding: 5rem 0;
    position: relative;
}

main .sponsors .sponsor {
    width: 20%;
}

/* End Sponsors */

/* Search */

footer .search {
    background-color: #ff3920;
    padding: 1rem 0;
}

footer .dark-bg-search {
    background-color: #363636;
}

footer .search .row {
    align-items: center;
    gap: 1rem;
}

footer .search .search-text {
    color: #fff;
    font-weight: 300;
}

    footer .search .search-text i {
        margin-right: 0.5rem;
        font-size: 1.5rem;
    }

    footer .search .search-text p {
        display: inline-block;
    }

footer .search .input {
    flex-grow: 1;
}

    footer .search .input input[type="search"] {
        border: 2px solid #fff;
        background: #fff;
    }

    footer .search .input input[type="submit"] {
        border: 2px solid #fff;
        background-position: center;
    }

    footer .search .input.row {
        gap: initial;
    }

/* End Search */

/* Footer */

footer .footer {
    padding: 2rem 0;
    font-size: 15px;
}

    footer .footer .row {
        justify-content: space-between;
        align-items: baseline;
    }

    footer .footer .col {
        width: 20%;
        color: #7c7c7c;
    }

        footer .footer .col .footer-logo {
            width: 170px;
            height: 87px;
            margin-bottom: 1rem;
        }

        footer .footer .col ul {
            list-style-type: none;
        }

        footer .footer .col a {
            display: inline-block;
            color: #7c7c7c;
            text-decoration: none;
        }

        footer .footer .col i {
            margin-right: 0.4rem;
        }

        footer .footer .col .footer-text {
            margin-bottom: 2rem;
        }

        footer .footer .col .footer-social ul {
            display: flex;
        }

            footer .footer .col .footer-social ul li a {
                font-size: 1.375rem;
            }

        footer .footer .col.corporate ul li,
        footer .footer .col.contact ul li {
            margin-bottom: 0.1rem;
        }

        footer .footer .col.recomm p {
            margin-bottom: 1rem;
        }

        footer .footer .col.recomm a {
            color: #f64f3f;
            font-weight: 700;
            font-size: 0.8rem;
        }

        footer .footer .col h1 {
            color: #3d3a36;
            font-weight: 900;
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }

        footer .footer .col ul li a[href="tel:4440742"] {
            font-weight: 900;
        }

/* End Footer */

/* Bottom Footer */

footer .bottom-footer {
    padding: 10px 0 0 0;
    font-size: 15px;
    background-color: #eaeaea;
}

    footer .bottom-footer .row {
        justify-content: space-between;
    }

    footer .bottom-footer .copy p {
        color: #7c7c7c;
    }

    footer .bottom-footer .payment-methods {
        display: flex;
    }

        footer .bottom-footer .payment-methods .card {
            width: 40px;
            height: 20px;
        }

            footer .bottom-footer .payment-methods .card + .card {
                margin-left: 1rem;
            }

            footer .bottom-footer .payment-methods .card img {
                width: 100%;
                height: 100%;
            }

/* End Bottom Footer */

/* Chatbox */
.chatbox-wrapper {
    position: fixed;
    bottom: 1%;
    right: 1%;
    width: 4rem;
    height: 4rem;
    z-index: 10;
}

.chatbox-toggle {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #359b47;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
}

    .chatbox-toggle:active {
        transform: scale(.9);
    }

.chatbox-message-wrapper {
    position: absolute;
    bottom: calc(100% + 1rem);
    right: 0;
    width: 400px;
    overflow: hidden;
    box-shadow: .5rem .5rem 2rem rgba(0, 0, 0, .1);
    transform: scale(0);
    transform-origin: bottom right;
    transition: .2s;
}

    .chatbox-message-wrapper.show {
        transform: scale(1);
    }

.chatbox-message-header {
    background: #48c63e;
    padding: .75rem 1.5rem;
}

.chatbox-message-profile {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
}

.chatbox-message-icon {
    color: #fff;
    font-size: 3rem;
}

.chatbox-message-name {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
}

.chatbox-message-content {
    height: 400px;
    background: #fff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    max-height: 300px;
    overflow-y: auto;
}

    .chatbox-message-content::-webkit-scrollbar {
        width: 7px;
    }

    .chatbox-message-content::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .chatbox-message-content::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 5rem;
    }

.chatbox-message-item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1rem 0;
    border-bottom: 3px solid #f5f5f5;
}

.chatbox-message-item-support {
    color: #ff3a20;
}

.chatbox-message-item-user {
    color: #48c63e;
}

.chatbox-message-item-img {
    width: 3rem;
    height: 3rem;
    background: #f7f7f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .chatbox-message-item-img .fa-circle-user {
        font-size: 2rem;
        color: #48c63e;
    }

.chatbox-message-item-text p {
    color: #939393;
    margin-top: .4rem;
}

.chatbox-message-bottom {
    background: #f7f7f7;
    padding: 1rem 1.5rem;
}

.chatbox-message-form {
    display: flex;
    flex-direction: column;
    grid-row-gap: 0.5rem;
    border-radius: .5rem;
}

.chatbox-message-input {
    width: 100%;
    padding: 1rem;
    background: #fff;
    outline: none;
    resize: none;
    scrollbar-width: none;
    border: 1px solid #d9d8d6;
    border-radius: .5rem;
}

.chatbox-message-button {
    display: flex;
}

.chatbox-message-input::-webkit-scrollbar {
    display: none;
}

.chatbox-message-submit {
    font-size: 1rem;
    background: #48c63e;
    color: #fff;
    border: none;
    padding: .3rem 2rem;
    border-radius: .5rem;
    cursor: pointer;
}

.chatbox-message-file-input {
    color: transparent;
}

    .chatbox-message-file-input::-webkit-file-upload-button {
        visibility: hidden;
    }

    .chatbox-message-file-input::after {
        content: '';
        background: url(../Themes/Ticareticin/Content/assets/Themes/Ticareticin/Content/assets/css/~/assets/img/paperclip-solid.svg);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        padding: 1rem;
        outline: none;
        cursor: pointer;
    }

/* End Chatbox */

/* Be Transporter */

.transporter {
    background-color: #eaeaea;
}

.wanna-be-transporter {
    padding: 1rem 0;
    border-bottom: 2px solid #ff3a20;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.transporter-img {
    width: 75px;
    height: 44px;
}

    .transporter-img img {
        width: 100%;
        height: 100%;
    }

.transporter-select {
    padding: 10rem;
    display: flex;
    gap: 5rem;
    text-align: center;
}

.individual-select,
.company-select {
    padding: 1rem;
    transition: box-shadow 500ms ease, background-color 500ms ease;
    cursor: pointer;
}

    .individual-select:hover,
    .company-select:hover {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        background-color: #fff;
    }

.individual-select-img,
.company-select-img {
    display: inline-block;
    margin-bottom: 1rem;
}

.individual-select-img {
    width: 91px;
    height: 136px;
}

    .individual-select-img img {
        width: 100%;
        height: 100%;
    }

.company-select-img {
    width: 136px;
    height: 137px;
}

    .company-select-img img {
        width: 100%;
        height: 100%;
    }

.transporter-select-text {
    color: #ff3a20;
    font-weight: 900;
    margin-bottom: 1rem;
}

.transporter-select-body {
    color: #888;
    font-weight: 500;
    margin-bottom: 1rem;
}

.transporter-select-btn {
    display: inline-block;
    padding: .5rem 1rem;
    background-color: #ff3a20;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: .5em;
    width: 50%;
    outline: none;
}

/* End Be Transporter */

/* Individual Member */

.individual-member-form-field {
    background-color: #fff;
}

.individual-member-form {
    padding: 3rem 7rem;
}

.member-information-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-bottom: 2px solid #d7d7d7;
    padding: .875rem 0;
    margin-bottom: 1rem;
    position: relative;
}

.member-information-header-icon i {
    font-size: 2rem;
    color: #ff3a20;
}

.member-information-header-text {
    color: #3c3934;
}

.inputs-row {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
}

.car-row {
    gap: 3rem;
    justify-content: initial;
}

.member-information-inputs input,
.member-information-inputs select {
    padding: .5rem 1rem;
    border: 2px solid #d7d7d7;
    border-radius: 0.5em;
    outline: none;
    width: 30%;
}

.member-information-inputs select {
    color: #6c6c6c;
}

    .member-information-inputs input:focus,
    .member-information-inputs select:focus {
        outline: 2px solid #ff3a20;
        border: none;
    }

.inputs-row button {
    display: inline-block;
    padding: .750rem;
    background-color: #ff3a20;
    font-weight: 700;
    color: #fff;
    border-radius: .5em;
    outline: none;
    border: none;
    cursor: pointer;
}

.member-information-inputs input[type="file"] {
    background-color: #b7b7b7;
    color: #fff;
    font-weight: 700;
}

.member-information-inputs input[type="number"] {
    width: 28%;
}

.member-information-inputs input::-webkit-outer-spin-button,
.member-information-inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.member-information-inputs input[type=number] {
    -moz-appearance: textfield;
}

.car-information-submit-btn {
    width: 30%;
}

.clarification-label {
    width: initial;
}

.wi-he-lo,
.br-mo {
    width: 30%;
}

    .br-mo .brand {
        width: 50%;
    }

.member-information-inputs input[type="number"].model-year {
    width: 48%;
}

.member-information-inputs input[type="checkbox"] {
    width: initial;
}

.clarification-label {
    color: #ff3a20;
    font-weight: 500;
    display: block;
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    user-select: none;
}

    .clarification-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    border-radius: .3em;
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #ff3a20;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.actual-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 30%;
    color: #fff;
    font-weight: 500;
    padding: .5rem 1rem;
    background-color: #b7b7b7;
    border-radius: .3em;
    cursor: pointer;
}

    .actual-btn input {
        display: none;
    }

.add-car,
.add-user,
.add-driver {
    display: flex;
    align-items: center;
    gap: 4rem;
    padding: .5rem 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #d7d7d7;
    border-radius: .3em .3em 0 0;
    width: 30%;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

    .add-car i,
    .add-user i,
    .add-driver i {
        font-size: 1.2rem;
    }

.company-textarea {
    width: 100%;
    padding: .5rem 1rem;
    resize: none;
    border: 2px solid #d7d7d7;
    border-radius: .5em;
}

    .company-textarea:focus {
        outline: 2px solid #ff3a20;
        border: none;
    }

/*  End Individual Member */

/* My Orders */

.orders {
    background-color: #eaeaea;
}

.my-account {
    padding: 1rem 0;
    border-bottom: 2px solid #ff3a20;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.my-account-icon i {
    font-size: 4rem;
    color: #ff3a20;
}

.my-account-text h2 {
    font-size: 2rem;
}

.orders-fields {
    display: flex;
    background-color: #fff;
}

.orders-left-field {
    width: 15%;
    padding: 0.5rem 1rem;
    box-shadow: 7px 0 5px 0px #e8e8e8;
}

.orders-right-field {
    width: 71%;
}

.show-details {
    font-weight: 600 !important;
    color: #ff3a20;
    font-size: .79rem !important;
}

.orders-left-field-list {
    list-style-type: none;
}

.orders-left-field-list-item {
    padding: 1rem 0;
    border-bottom: 2px solid #e8e8e8;
}

.orders-left-field-list-item-header,
.orders-left-field-list-item-body {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.orders-left-field-list-item-body {
    color: #a5a5a5;
    position: relative;
    text-decoration: none;
}

    .orders-left-field-list-item-body.active {
        color: #fd3a1e;
    }

        .orders-left-field-list-item-body.active .orders-caret {
            transform: rotate(-90deg);
        }

    .orders-left-field-list-item-body .orders-left-icon {
    }

.orders-left-field-list-item-header .orders-left-icon {
    font-size: 2rem;
    color: #ff3a20;
}

.orders-left-field-list-item-header-text {
    font-weight: 700;
}

.orders-caret {
    position: absolute;
    right: 10px;
}

.orders-left-field-list-item-body-text {
    font-weight: 500;
    font-size: .9rem;
}

.orders-right-field {
    padding: 1.5rem 2rem;
}

.orders-right-field-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .orders-right-field-row .input {
        width: 41%;
    }

        .orders-right-field-row .input input[type="search"] {
            border-top: 2px solid #cbcbcb;
            border-bottom: 2px solid #cbcbcb;
            border-left: 2px solid #cbcbcb;
            padding: 0.5rem 80px 0.5rem 0.5rem;
        }

        .orders-right-field-row .input .search-input span {
            color: #2f2f2f;
            font-size: .875rem;
            top: 8px;
            border-left: none;
            padding-left: 0;
        }

        .orders-right-field-row .input input[type="submit"] {
            width: 15%;
            padding: 0;
        }

.orders-right-field-row-list {
    color: #474747;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

    .orders-right-field-row-list select {
        padding: .5rem;
        border-radius: .5em;
        outline: none;
        cursor: pointer;
    }

.orders-right-field-row-list-grid i {
    font-size: 2rem;
    cursor: pointer;
}

.orders-right-field-product-row {
    display: flex;
    align-items: center;
    color: #474747;
    font-weight: 500;
    padding: .5rem 0;
}

    .orders-right-field-product-row i {
        color: #a6a6a6;
        margin-left: 8px;
        cursor: pointer;
    }

.order-summary-exp {
    display: flex;
    gap: .875rem;
}

.order-summary-exp-img {
    width: 25%;
}

.order-summary-exp-text {
    width: 65%;
}

.orders-right-field-product-row-exp {
    display: flex;
    align-items: flex-start;
    color: #474747;
    font-weight: 500;
    padding: .5rem 0;
    margin-bottom: .5rem;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    position: relative;
}

.show-detail {
    position: absolute;
    right: 0;
    bottom: .3rem;
    color: #ff391f;
    font-size: 1.3rem;
    cursor: pointer;
}

.order-summary,
.order-summary-exp {
    width: 40%;
}

.order-date,
.order-no,
.order-price,
.order-date-exp,
.order-no-exp,
.order-price-exp {
    width: 20%;
    text-align: center;
}

.order-summary-exp-name,
.order-date-exp-value,
.order-no-exp-value,
.order-price-exp-value {
    font-weight: 900;
    border-right: 1px solid #cbcbcb;
}

.order-price-exp-value {
    border-right: initial;
}

.order-summary-exp-stock-value,
.order-summary-exp-seller-name a,
.order-date-exp-hour,
.order-no-exp-status,
.order-price-exp-payment-method,
.order-summary-exp-stock,
.order-summary-exp-seller {
    color: #ff391f;
    margin-top: .3rem;
}

.order-summary-exp-stock-value {
    margin-left: .3rem;
}

.order-summary-exp-text i {
    color: #838383;
}

.order-summary-exp-seller-name a {
    text-decoration: none;
}

/* End My Orders */

/* Cancel / Change / Return */

.cancel-change-return {
    position: absolute;
    right: 0;
    bottom: .875rem;
}

.cancel-change-return-btn {
    padding: .3rem .875rem;
    background-color: #d7d7d7;
    color: #fff;
    font-weight: 700;
    border-radius: .4em;
    text-decoration: none;
    transition: background-color .3s ease;
    font-size: .875rem;
    text-decoration: none;
}

    .cancel-change-return-btn.active {
        background-color: #ff391f;
    }

        .cancel-change-return-btn.active i {
            transform: rotate(90deg);
        }

    .cancel-change-return-btn:not(:last-child) {
        margin-right: .3rem;
    }

    .cancel-change-return-btn i {
        margin-left: .5rem;
    }

.orders-right-field-product-operation-row {
    display: flex;
    align-items: center;
    color: #474747;
    font-weight: 500;
    padding: .5rem 0;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

.orders-right-field-product-operation-row-body {
    padding: 1rem 2rem;
    width: 100%;
    background-color: #fde1e0;
}

.cancel-question {
    margin-bottom: 1rem;
    text-align: center;
}

.cancel-no {
    font-weight: 900;
    text-decoration: underline;
}

.cancel-product-name {
    font-weight: 900;
}

.yes-no {
    text-align: center;
}

.yes-no-btn {
    text-decoration: none;
    color: #fff;
    background-color: #464646;
    padding: .3rem .875rem;
    border-radius: .4em;
    transition: background-color .3s ease;
}

    .yes-no-btn:hover {
        background-color: #ff391f;
    }

    .yes-no-btn i {
        margin-left: .5rem;
    }

/* End Cancel / Change / Return */

/* Orders Detail */

.orders-detail {
    position: relative;
}


.re-buy {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.3rem;
    flex-direction: column-reverse;
}

.order-detail-row {
    display: flex;
    align-items: center;
    padding: .5rem 0;
}

    .order-detail-row > * {
        width: 19%;
        text-align: center;
    }

    .order-detail-row:nth-of-type(1) {
        font-weight: 500;
        border-bottom: 2px solid #cbcbcb;
    }

    .order-detail-row:nth-of-type(2) {
        font-weight: 700;
        background-color: aliceblue;
    }

.order-detail-icon {
    color: #cbcbcb;
    margin-left: .3rem;
    cursor: pointer;
}

.order-detail-check-icon {
    font-size: 1.1rem;
    color: #ff391f;
}

.order-detail-price-icon {
    margin-right: .3rem;
}

.order-detail-show-detail {
    position: absolute;
    right: .5rem;
    bottom: 0;
    color: #ff391f;
    font-size: 1.3rem;
    cursor: pointer;
}

.orders-detail-exp-box .orders-right-field-product-row-exp {
    border: none;
    padding: .5rem;
}

.orders-detail-exp-box {
    border: 2px solid #b7b7b7;
    border-radius: .7em;
    margin-top: 1rem;
    overflow: hidden;
}

.orders-detail-exp-box-ops {
    display: flex;
    font-size: .8rem;
    width: 15rem;
    padding: 1rem;
    background-color: #f1f8ff;
    flex-direction: column-reverse;
    gap: 0.5rem;
}

    .orders-detail-exp-box-ops > * {
        cursor: pointer;
    }

    .orders-detail-exp-box-ops i {
        margin-right: .3rem;
        color: #6c6b69;
    }

.delivey-bill-payment {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

    .delivey-bill-payment > * {
        flex-basis: 50%;
    }

.delivery-bill-payment-header {
    color: #ff391f;
    margin-bottom: .5rem;
}

.delivery-box {
    margin-bottom: 1rem;
}

.delivery-bill-address {
    border: 2px solid #c4c4c4;
    border-radius: .7em;
    padding: .5rem;
}

.payment-information-box {
    padding: 1rem .5rem;
    border: 2px solid #c4c4c4;
    border-radius: .7em;
}

i.fa-solid.fa-circle-play {
    font-size: .9rem;
    padding: 0.5rem;
}

.payment-information-payment {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #f5f5f5;
    border-radius: .7em;
    padding: 1rem;
}

    .payment-information-payment img {
        width: 30%;
        height: auto;
    }

.payment-information-card-information-payment-method span {
    color: #59a45f;
}

.payment-information-box-cargo-product p span,
.overall-total-value {
    float: right;
    font-weight: 700;
}

.payment-information-box-cargo-product {
    margin-top: 1rem;
}

.payment-information-box-body {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 1rem;
}

.overall-total {
    margin-top: 1rem;
}

.orders-detail-exp {
    padding-bottom: 1.5rem;
    display: none;
}

.orders-detail-active {
    display: block;
}

.order-detail-show-detail-active {
    transform: rotate(90deg);
}

/* End Orders Detail */

/* Product Search */

.product-search-header {
    padding: 1rem 0;
    border-bottom: 2px solid #ff3a20;
}

.product-search-body {
    display: flex;
}

.product-search-body-left {
    width: 12%;
    color: #474747;
    padding-bottom: 10rem;
}

.product-search-body-right {
    width: 88%;
    padding: 1.5rem 2rem;
    position: relative;
}

.product-search-body-sort {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    .product-search-body-sort select {
        padding: 0.5rem;
        border-radius: 0.5em;
        outline: none;
        cursor: pointer;
    }

.search-select-filter {
    padding: .5rem 1rem;
    border: none;
    background-color: #ff3a20;
    color: #fff;
    outline: none;
    border-radius: .3em;
    cursor: pointer;
    margin-left: .5rem;
}

.product-search-body-row {
    position: relative;
}

.product-search-body-row-top,
.product-search-body-row-inside {
    display: flex;
    align-items: center;
}

.product-search-body-row-top {
    padding: 1rem 0.5rem .3rem;
    font-size: .9rem;
}

    .product-search-body-row-top > * {
        border-right: 2px solid #ebebeb;
    }

.product-search-body-row-inside {
    padding: 1rem .5rem;
}

.row-empty-exp {
    display: flex;
}

.brand-product {
    width: 25%;
    font-weight: 500;
}

.brand-product-exp {
    width: 25%;
}

.row-empty,
.row-empty-exp {
    width: 15%;
    font-weight: 500;
}

.row-empty-exp-btn {
    outline: none;
    border: none;
    color: #fff;
    padding: 0.3rem 0.5rem;
    background-color: #ff3a20;
    font-weight: 700;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
}

    .row-empty-exp-btn i {
        color: #fff !important;
        margin-right: .5rem;
    }


.row-supplier,
.row-supplier-exp,
.row-supplier-exp-name,
.row-location,
.row-location-exp,
.row-price-exp,
.row-price {
    width: 15%;
    text-align: center;
}

.row-price-exp-value {
    font-size: 0.8rem;
    font-weight: 600;
    color: #ff3a20;
}

.row-stockqtty,
.row-stockqtty-exp,
.row-order-number,
.row-order-number-exp,
.row-order-detail-exp,
.row-order-detail {
    width: 8%;
    text-align: center;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.brand-product-exp-name {
    display: inline-block;
    /* white-space: nowrap; */
    /* width: 100px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-product-exp {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.row-empty-exp div {
    display: flex;
    justify-content: center;
    gap: .3rem;
}

.number-up-and-down {
    display: flex;
    flex-direction: column;
    align-self: center;
    color: #ff3a20;
    cursor: pointer;
}

.brand-product-exp img {
    max-width: 20%;
}

.product-search-body-row-inside {
    font-size: .9rem;
    background-color: #f5fafd;
    border-bottom: 2px solid #eaeaea;
}

.brand-product-exp-name {
    font-weight: 700;
}

.supplier-exp-name,
.row-order-number-value {
    color: #ff3a20;
    font-weight: 500;
}

.row-empty-exp-number {
    width: 40%;
    outline: none;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: .3em;
}

.row-ask-shop-open {
    position: absolute;
}

.row-ask-shop-open {
    color: #e73535;
    right: 1rem;
    top: 0;
    font-size: 1rem;
    cursor: pointer;
}

    .row-ask-shop-open.show {
        top: initial;
        bottom: .2rem;
        right: 1rem;
        transform: rotate(180deg);
    }

.row-ask-shop {
    position: relative;
    display: none;
}

    .row-ask-shop.show {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-color: #f5fafd;
        padding: 1rem;
        color: #838383;
    }

.ask-shop-share > * {
    cursor: pointer;
}

.ask-shop-p {
    width: 60%;
}

.ask-shop-share {
    font-size: .9rem;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.page-number {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    color: #474747;
    font-weight: 500;
}

    .page-number a {
        text-decoration: none;
        color: #474747;
        font-weight: 500;
    }

        .page-number a.active {
            color: #e73535;
        }

.ask-shop-share .fa-heart,
.ask-shop-share .fa-share-nodes {
    border: 2px solid #ececec;
    padding: .5rem;
    border-radius: .5rem;
}

.product-search-body-left-section-header {
    color: #ff3a20;
    font-weight: 700;
    padding: .5rem 0;
    border-bottom: 2px solid #ff3a20;
    margin: 1rem 0;
}

.product-search-body-left-section-body ul {
    list-style-type: none;
    padding: 0 10px;
}

.product-category {
    cursor: pointer;
}

.product-category-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .product-category-name.active {
        color: #ff3a20;
    }

    .product-category-name .fa-circle-minus {
        display: none;
    }

    .product-category-name.active .fa-circle-plus {
        display: none;
    }

    .product-category-name.active .fa-circle-minus {
        display: block;
    }

.product-category div {
    padding: .5rem 0;
    font-weight: 600;
}

.product-category-target {
    display: none;
}

    .product-category-target.active {
        display: block;
    }

.product-search-body-left-section-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-category-container {
    display: initial;
}

.product-search-body-left-section-body select {
    outline: none;
    padding: .3rem;
    border: 1px solid #a6a6a6;
    border-radius: .4rem;
    width: 200px;
}

.price-bracket-container span {
    margin: 0 1rem;
}

.price-bracket {
    outline: none;
    width: 45%;
    border: 1px solid #a6a6a6;
    border-radius: .3rem;
    padding: .3rem;
}

.color-select {
    border: 1px solid #a6a6a6;
    border-radius: .4rem;
    width: 200px;
    padding: .4rem;
}

.color-select-header {
    cursor: pointer;
}

.color-select-header,
.color-select-body li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .color-select-header.active i {
        transform: rotate(180deg);
    }

.color-select-body {
    display: none;
}

    .color-select-body.active {
        display: block;
    }

    .color-select-body ul {
        margin-top: 1rem;
        padding: initial;
        padding-left: 20px;
    }

    .color-select-body li {
        padding: .2rem;
    }

.color-select-container {
    flex-direction: column;
    gap: 1rem;
    width: 200px;
    margin: 0 auto;
}

.product-search-filter {
    align-self: flex-end;
    padding: 0.5rem 1.5rem;
    background-color: #ff3a20;
    color: #fff;
    border-radius: 0.3em;
    cursor: pointer;
    text-decoration: none;
}

.product-search-mobile-filter {
    display: none;
}

.search-select-filter {
    visibility: hidden;
}

.row-supplier-exp-star-star-rating,
.star-rating-1,
.star-rating-2,
.my-shopping-cart-body-left-product-rating,
.product-page-product-right-rating,
.product-page-product-right-seller-rating {
    user-select: none;
}

.row-supplier-exp-star-star,
.star,
.my-shopping-cart-body-left-product-rating-star,
.product-page-product-right-rating-star,
.product-page-product-right-seller-rating-star {
    color: #ff9800;
    border: none;
    background-color: unset;
    font-size: .8rem;
}

    .row-supplier-exp-star-star:hover,
    .star:hover,
    .my-shopping-cart-body-left-product-rating-star:hover,
    .product-page-product-right-rating-star:hover,
    .product-page-product-right-seller-rating-star:hover {
        cursor: pointer;
    }

.star-rating-1,
.star-rating-2 {
    padding: 0rem;
    border: 1px solid #a6a6a6;
    border-radius: 0.2rem;
}

.with {
    margin: 0 .3rem;
}

.color-select-body ul li label,
.color-select-body ul li input {
    cursor: pointer;
}

/* End Product Search */

/* My Shopping Cart */

.my-shopping-cart-header {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    gap: 1rem;
    border-bottom: 2px solid #ff3a20;
}

    .my-shopping-cart-header i {
        color: #ff3a20;
        font-size: 3rem;
    }

    .my-shopping-cart-header h2 {
        font-size: 2rem;
    }

.my-shopping-cart-number-of-product {
    font-size: 1rem;
    color: #ff3a20;
    vertical-align: middle;
}

.my-shopping-cart-body {
    display: flex;
}

.my-shopping-cart-body-left {
    padding: 2rem 2rem 2rem 0;
}

.my-shopping-cart-body-right {
    padding: 1.4rem 2rem 2rem 0;
}

.my-shopping-cart-body-left {
    width: 70%;
}

.my-shopping-cart-body-right {
    width: 30%;
}

.my-shopping-cart-body-left-products {
    padding: 2rem 0;
    border-bottom: 1px solid #cbcbcb;
}

.my-shopping-cart-body-left-product {
    position: relative;
    border: 1px solid #b7b7b7;
    border-radius: .5rem;
    margin-bottom: 1.5rem;
}

.my-shopping-cart-body-left-product-checkbox {
    position: absolute;
    top: 0;
    left: -1.7rem;
}

.my-shopping-cart-body-left-product-checkbox,
.my-shopping-cart-body-right-order-summary-sales-agreement-input {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .3rem;
    background-color: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    margin-top: 5rem;
}

    .my-shopping-cart-body-left-product-checkbox::after,
    .my-shopping-cart-body-right-order-summary-sales-agreement-input::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
        color: #ff3a20;
        font-size: 1rem;
        display: none;
    }

    .my-shopping-cart-body-left-product-checkbox:checked::after,
    .my-shopping-cart-body-right-order-summary-sales-agreement-input:checked::after {
        display: block;
    }

.my-shopping-cart-body-left-product-top,
.my-shopping-cart-body-left-product-bottom {
    padding: 1.5rem;
}

.my-shopping-cart-body-left-product-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
}

.my-shopping-cart-body-left-product-img-name {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.my-shopping-cart-body-left-product-img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: .5rem;
}

.my-shopping-cart-body-left-product-name {
    font-size: 1rem;
    font-weight: 700;
}

.my-shopping-cart-body-left-product-like-delete {
    color: #838383;
}

    .my-shopping-cart-body-left-product-like-delete i {
        padding: .4rem;
        border: 1px solid #ececec;
        border-radius: .5rem;
        cursor: pointer;
    }

.my-shopping-cart-body-left-product-count-price {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.my-shopping-cart-body-left-product-count,
.product-page-product-right-add-cart-count {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .my-shopping-cart-body-left-product-count input,
    .product-page-product-right-add-cart-count input {
        border: 1px solid #ececec;
        border-radius: .5rem;
        outline: none;
        padding: .4rem;
        width: 40px;
        text-align: center;
    }

    .my-shopping-cart-body-left-product-count span,
    .product-page-product-right-add-cart-count span {
        color: #838383;
    }

.my-shopping-cart-body-left-product-count-arrows,
.product-page-product-right-add-cart-count-arrows {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .my-shopping-cart-body-left-product-count-arrows button,
    .product-page-product-right-add-cart-count-arrows button {
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .my-shopping-cart-body-left-product-count-arrows i,
    .product-page-product-right-add-cart-count-arrows i {
        color: #fe2a00;
        font-size: .9rem;
    }

.my-shopping-cart-body-left-product-price {
    font-weight: 700;
    font-size: 1.7rem;
}

.my-shopping-cart-body-left-product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-shopping-cart-body-left-product-seller {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.my-shopping-cart-body-left-product-seller-name {
    color: #ff3a20;
    font-weight: 500;
    cursor: pointer;
}

.my-shopping-cart-body-left-product-ask-seller {
    color: #838383;
    cursor: pointer;
}

    .my-shopping-cart-body-left-product-ask-seller i {
        margin-right: .3rem;
    }

.my-shopping-cart-body-left-product-stock-status {
    color: #ff3a20;
    font-weight: 500;
}

.my-shopping-cart-body-left-product-stock-estimated-delivery-time {
    color: #6b6b6b;
}

.my-shopping-cart-body-right-basket-total-number {
    color: #ff3a20;
    margin-left: initial;
    margin-bottom: 1rem;
}

.my-shopping-cart-body-right-order-summary {
    padding: 1rem;
    border: 1px solid #b7b7b7;
    border-radius: .5rem;
}

.my-shopping-cart-body-right-order-summary-text {
    color: #ff3a20;
    padding-bottom: .5rem;
    border-bottom: 1px solid #eaeaea;
    font-size: 1.2rem;
}

.my-shopping-cart-body-right-order-summary-product,
.my-shopping-cart-body-right-order-summary-cargo {
    padding: 1rem 0;
    border-bottom: 1px solid #eaeaea;
}

.my-shopping-cart-body-right-order-summary-product-name {
    font-size: 1rem;
    margin-bottom: .7rem;
    font-weight: 500;
}

.my-shopping-cart-body-right-order-summary-product-seller-amount-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-shopping-cart-body-right-order-summary-product-seller {
    color: #ff3a20;
    font-weight: 500;
    cursor: pointer;
}

.my-shopping-cart-body-right-order-summary-product-amount {
    color: #838383;
}

.my-shopping-cart-body-right-order-summary-cargo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-shopping-cart-body-right-order-summary-cargo-name {
    font-weight: 500;
}

.my-shopping-cart-body-right-order-summary-product-price,
.my-shopping-cart-body-right-order-summary-cargo-price {
    font-weight: 700;
}

.my-shopping-cart-body-right-order-summary-total-text {
    color: #ff3a20;
    margin-top: 1rem;
    font-weight: 700;
    font-size: 1.1rem;
}

.my-shopping-cart-body-right-order-summary-total-value {
    font-weight: 700;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 1rem;
}

.my-shopping-cart-body-right-order-summary-sales-agreement {
    margin-top: 1.5rem;
    display: flex;
    gap: .3rem;
}

.my-shopping-cart-body-right-order-summary-sales-agreement-input {
    flex-shrink: 0;
    margin-top: 2px;
}

.my-shopping-cart-body-right-order-summary-sales-agreement label {
    font-weight: 500;
    cursor: pointer;
}

    .my-shopping-cart-body-right-order-summary-sales-agreement label a {
        display: inline-block;
        color: #ff3a20;
        text-decoration: none;
    }

        .my-shopping-cart-body-right-order-summary-sales-agreement label a:hover {
            text-decoration: underline;
        }

.my-shopping-cart-body-right-order-summary-complete-shopping {
    text-align: center;
    margin-top: 2rem;
}

.my-shopping-cart-body-right-order-summary-complete-shopping-btn {
    padding: .7rem 1rem;
    border: none;
    outline: none;
    border-radius: .3rem;
    color: #fff;
    font-weight: 700;
    background-color: #ff3a20;
    cursor: pointer;
}

    .my-shopping-cart-body-right-order-summary-complete-shopping-btn i {
        vertical-align: middle;
        margin-left: .5rem;
    }

/* End My Shopping Cart */

/* Product Page */

.product-page-product {
    display: flex;
    gap: 2rem;
}

.product-page-product-left {
    width: 30%;
}

.product-page-product-right {
    width: 55.5%;
}

.product-page-product-left .swiper {
    width: 100%;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    user-select: none;
}

.product-page-product-left .swiper-slide {
    background-size: cover;
    background-position: center;
}

/* .product-page-product-left .mySwiper2 {
    height: 80%;
    width: 100%;
} */

.product-page-product-left .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

    .product-page-product-left .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }

    .product-page-product-left .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

.product-page-product-left .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-page-product-left .swiper-button-next,
.product-page-product-left .swiper-button-prev,
.product-page-product-right-color-options .swiper-button-next,
.product-page-product-right-color-options .swiper-button-prev {
    color: #ff3a20;
}

    .product-page-product-left .swiper-button-next:after,
    .product-page-product-left .swiper-button-prev:after {
        font-size: 1.5rem;
    }

    .product-page-product-right-color-options .swiper-button-next:after,
    .product-page-product-right-color-options .swiper-button-prev:after {
        font-size: 1rem;
    }

.product-page-product-right-color-options .swiper-button-next,
.product-page-product-right-color-options .swiper-button-prev {
    top: 90%;
}

.product-page-product-right-color-options .swiper-button-next {
    right: 0;
}

.product-page-product-right-color-options .swiper-button-prev {
    left: 0;
}

.product-page-product-right {
    padding-top: 1rem;
}

.product-page-product-right-product-name {
    font-weight: 700;
    font-size: 1.2rem;
}

.product-page-product-right-rating-star {
    font-size: 1.1rem;
}

.product-page-product-right-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .5rem 0;
    font-weight: 500;
    font-size: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e6e6e6;
}

.product-page-product-right-unit-price span:first-child {
    font-size: .9rem;
}

.product-page-product-right-unit-price-value {
    font-weight: 700;
    font-size: 1.2rem;
    margin-left: .2rem;
}

.product-page-product-right-seller {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.product-page-product-right-seller-name {
    color: #ff3a20;
    font-weight: 700;
    font-size: 1rem;
}

.product-page-product-right-add-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .5rem;
    border-bottom: 2px solid #e6e6e6;
}

.product-page-product-right-add-cart-location,
.product-page-product-right-add-cart-stock-value {
    display: flex;
    gap: .5rem;
}

    .product-page-product-right-add-cart-location i,
    .product-page-product-right-add-cart-stock-value i {
        color: #838383;
    }

.product-page-product-right-add-cart-location-city {
    color: #2f2f2f;
    font-weight: 500;
}

.product-page-product-right-add-cart-stock-value-text {
    color: #ff3a20;
    font-weight: 600;
}

.product-page-product-right-add-cart-btn {
    border: none;
    outline: none;
    background-color: #ff3a20;
    padding: .5rem 1rem;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border-radius: .3rem;
}

    .product-page-product-right-add-cart-btn i {
        color: #fff !important;
    }

.product-page-product-right-ask-seller-live-support-like-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #ff3a20;
    color: #838383;
    padding: .7rem 0;
    font-weight: 500;
}

    .product-page-product-right-ask-seller-live-support-like-share span {
        cursor: pointer;
    }

.product-page-product-right-ask-seller i,
.product-page-product-right-live-support i,
.product-page-product-right-like-share i:first-child {
    margin-right: .3rem;
    font-size: 1.1rem;
    cursor: pointer;
}

.product-page-product-right-like-share i:last-child {
    font-size: 1.1rem;
    cursor: pointer;
}

.product-page-product-right-live-support i {
    color: #359b47;
}

.product-page-product-right-like-share i {
    padding: 0.4rem;
    border: 1px solid #ececec;
    border-radius: 0.5rem;
}

.product-page-product-right-setting-up-time,
.product-page-product-right-product-description {
    margin-top: 2rem;
    color: #838383;
}

    .product-page-product-right-setting-up-time p,
    .product-page-product-right-product-description p:first-child,
    .product-page-product-right-color-options-text {
        color: #ff3a20;
        font-weight: 700;
        font-size: 1.1rem;
        margin-bottom: .5rem;
    }

.product-page-product-right-setting-up-time-table {
    border-collapse: collapse;
    width: 100%;
}

    .product-page-product-right-setting-up-time-table td {
        border: 2px solid #cccccc;
        padding: .5rem 2rem;
        text-align: center;
        cursor: pointer;
    }

.product-page-product-right-product-description p {
    font-size: .9rem;
    margin-bottom: 1em;
    text-align: justify;
}

.swiper-slide-img {
    border-radius: .3rem;
    margin-bottom: .2rem;
}

.swiper-slide-name-price {
    text-align: center;
}

.swiper-slide-name {
    color: #ff3a20;
    font-weight: 600;
    font-size: 1rem;
}

.swiper-slide-price {
    color: #838383;
    font-size: .9rem;
}

.product-page-product-right-color-options .swiper {
    padding-top: initial !important;
}

.product-page-product-specifications {
    position: relative;
    padding: 2rem 3rem;
    margin-top: 5rem;
    border-top: 2px solid #ff3a20;
    border-bottom: 2px solid #ff3a20;
}

.product-page-product-specifications-header {
    position: absolute;
    left: 0;
    bottom: 100%;
    background-color: #ff3a20;
    border-radius: .4rem .4rem 0 0;
    color: #fff;
    font-weight: 600;
    padding: .5rem 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .product-page-product-specifications-header i {
        font-size: .9rem;
    }

.product-page-product-specifications-header-text,
.product-page-recommended-products-header-text {
    color: #898989;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -1px;
}

.product-page-product-specifications-table {
    margin-top: 1.5rem;
}

    .product-page-product-specifications-table tr {
        background-color: #f5f5f5;
    }

    .product-page-product-specifications-table td {
        padding: .3rem 1rem;
        color: #8e8e8e;
    }

    .product-page-product-specifications-table tr:nth-child(even) {
        background-color: #fff;
    }

.product-page-recommended-products {
    padding: 2rem 3rem;
}

.product-page-recommended-products-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

.product-page-recommended-products-col {
    text-align: center;
}

.product-page-recommended-products-img {
    width: 8rem;
    height: 8rem;
    background-color: #ececec;
    margin-bottom: 1.3rem;
}

.product-page-recommended-products-name {
    color: #474747;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .2rem;
}

.product-page-recommended-products-price {
    color: #838383;
    font-weight: 600;
}

/* End Product Page */
/* Media Queries */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 14px;
    }

    .container {
        width: 95%;
        max-width: 95%;
    }
}

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

    .container {
        width: 95%;
        max-width: 95%;
    }
}

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

    header {
        border-bottom: 1rem solid #ff3a20;
    }

        header .header {
            padding: 1rem 0;
        }

    .container {
        width: 95%;
        max-width: 95%;
    }

    .tire .row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    main .options .list .list-item {
        width: 50%;
        height: 100px;
    }

    main .sign-up h1 {
        text-align: center;
    }

    main .sign-up .sign-up-boxes.row {
        flex-direction: column;
    }

    main .sign-up .sign-up-boxes .sign-up-box {
        width: 100%;
    }

    main .sign-up .sign-up-boxes {
        padding: 1rem 0;
    }

    main .how-work .row {
        flex-direction: column;
        justify-content: center;
    }

    main .how-work .how-work-left,
    main .how-work .how-work-right {
        width: 100%;
    }

        main .how-work .how-work-left h1 {
            text-align: center;
        }

    footer .search .row {
        flex-direction: column;
    }

    footer .search .search-text {
        text-align: center;
    }

    footer .footer {
        padding: 1rem 0;
    }

        footer .footer .row {
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        footer .footer .col {
            width: 100%;
            margin-bottom: 1rem;
        }

            footer .footer .col:last-child {
                margin-bottom: 0;
            }

            footer .footer .col .footer-logo {
                width: 150px;
                height: 77px;
                margin: 0 auto 1rem;
            }

            footer .footer .col .footer-text {
                margin-bottom: 1rem;
            }

            footer .footer .col .footer-social ul {
                justify-content: center;
                align-items: center;
            }

                footer .footer .col .footer-social ul li a {
                    font-size: 2rem;
                }

            footer .footer .col.recomm a {
                font-size: 1.5rem;
            }

    footer .bottom-footer .row {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    footer .bottom-footer {
        font-size: 13px;
    }

    .chatbox-message-wrapper {
        width: calc(100vw - 2rem);
    }

    .chatbox-wrapper {
        bottom: 1rem;
        right: 1rem;
    }

    main .sponsors .row {
        flex-wrap: wrap;
    }

    main .sponsors .sponsor {
        width: 50%;
    }

    header .header .logo {
        width: 100px;
        height: 51px;
    }

    header .input {
        display: none;
    }

    header .header .shopping-cart {
        display: none;
    }

    footer .search .input.row {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .input.blank {
        border: none;
    }

    .input input[type="search"] {
        padding-right: 80px;
    }

    .input .search-input span {
        top: 11px;
    }

    .input input[type="submit"] {
        width: 15%;
    }

    .sub-category.row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sub-category-left {
        width: 100%;
    }

    .category-box:last-child a {
        display: inline-block;
    }

    .sub-category-right {
        padding-left: 0;
        display: none;
    }

    .sub-category-last {
        display: none;
    }

    .swiper {
        padding: 1rem 0 !important;
    }

    main .options .detail .detail-item {
        height: 360px;
    }

    .mobil-search {
        display: block;
    }

    /* Be Transporter */

    .transporter-select {
        padding: 5rem 0;
    }

    /* End Be Transporter */

    /* Individual Member */

    .individual-member-form {
        padding: 3rem 2rem;
    }

    /* End Individual Member */

    /* My Orders Detail */

    .delivey-bill-payment {
        flex-direction: column;
    }

    /* End My Orders Detail */

    /* Product Search */

    .product-search-body-left {
        display: none;
    }

    .product-search-body-right {
        width: 100%;
        padding: 0 0 5rem 0;
    }

    .brand-product,
    .brand-product-exp,
    .row-empty,
    .row-empty-exp {
        width: 20%;
    }


    .row-order-number-exp {
        width: 10%;
        text-align: center;
    }

    .row-supplier-exp,
    .row-supplier,
    .row-order-number-exp,
    .row-order-number,
    .row-order-detail-exp,
    .row-order-detail,
    .row-price-exp,
    .row-price {
        width: 12%;
    }

    .row-empty-exp div {
        gap: .1rem;
    }

    .row-empty-exp-btn {
        padding: .3rem;
        font-size: 10px;
    }

        .row-empty-exp-btn i.fa-solid.fa-bag-shopping {
            font-size: initial;
        }

    .product-search-mobile-filter {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
    }

        .product-search-mobile-filter.active {
            opacity: 1;
            pointer-events: auto;
        }

        .product-search-mobile-filter ul {
            list-style-type: none;
            padding-left: 20px;
        }

        .product-search-mobile-filter .product-category {
            padding: 2rem;
        }

        .product-search-mobile-filter .product-category-name {
            border: 1px solid #ececec;
            padding: .5rem;
        }

        .product-search-mobile-filter .search-select-filter {
            display: inline-block;
            text-decoration: none;
            padding: 1rem;
            background-color: #ff3a20;
            color: #fff;
            border-radius: .3em;
            font-weight: 700;
            margin-top: 1rem;
            width: 100%;
            text-align: center;
        }

    .search-select-filter {
        visibility: visible;
    }

    .ask-shop-share {
        gap: .4rem;
    }

    .product-search-mobile-filter .product-category div {
        margin: .3rem 0;
        padding: .5rem;
    }

    .product-search-mobile-filter .color-select-container {
        width: initial;
    }

    /* End Product Search */

    /* My Shopping Cart */

    .my-shopping-cart-body {
        display: initial;
    }

    .my-shopping-cart-body-left,
    .my-shopping-cart-body-right {
        width: initial;
    }

    /* End My Shopping Cart */

    /* Product Page */

    .product-page-product {
        flex-direction: column;
        gap: initial;
    }

    .product-page-product-left .mySwiper2 {
        height: 80%;
        width: 100%;
    }

    .product-page-product-left,
    .product-page-product-right {
        width: initial;
    }

    .product-page-product-right-color-options .swiper-button-next,
    .product-page-product-right-color-options .swiper-button-prev {
        top: 84%;
    }

    .product-page-recommended-products,
    .product-page-product-specifications {
        padding: 2rem 0;
    }

    .product-page-recommended-products-row {
        align-items: initial;
        gap: .5rem;
    }

    /* End Product Page */
}

/* End Media Queries */

/*.input.row {
    display: flex;
    flex-wrap: initial;
    margin-right: 0;
    margin-left: 0;
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: initial;
    line-height: initial;
}*/

/*! CSS Used from: https://localhost:44338/assets/fonts/material-icon/css/material-design-iconic-font.min.css */
.zmdi {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zmdi-chevron-down:before {
    content: '\f2f9';
}

.zmdi-chevron-down:before {
    content: '\f2f9';
}

/*! CSS Used from: https://localhost:44338/lib/bootstrap/dist/css/bootstrap.css */
*,
*::before,
*::after {
    box-sizing: border-box;
}

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

h2,
h3,
h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

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

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

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

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

input {
    overflow: visible;
}

select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

h2,
h3,
h5 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h5 {
    font-size: 1.25rem;
}

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

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

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

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

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

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media print {

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

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

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

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

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

/*! CSS Used from: https://localhost:44338/assets/css/style.css */
*,
h2,
h3 {
    margin: 0;
    padding: 0;
}

.form-group,
.form-select,
.form-radio,
.form-textarea,
.form-date,
.form-flex,
.form-date-item .select-icon,
.form-date-item .select-icon i,
#val,
#button,
.steps ul,
.actions ul,
.actions ul li a,
.title,
.number {
    display: flex;
    display: -webkit-flex;
}

ul,
.actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a:focus,
a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

/*input,*/
select,
textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }

input[type=checkbox] {
    appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
}

h2 {
    font-size: 20px;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
}

.signup-form {
    padding: 45px 20px;
    position: relative;
}

.form-group,
.form-select,
.form-radio,
.form-textarea,
.form-date {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    margin-bottom: 30px;
    position: relative;
}

label:first-child {
}

input[type='text'],
input[type='password'],
input[type='email'],
select,
textarea {
    box-sizing: border-box;
    background: transparent;
    font-size: 14px;
    padding: 15px 20px;
    border: 1px solid #999999;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: block;
    width: 70%;
    margin-right: 20px;
    color: #999;
}

    input:focus,
    select:focus,
    textarea:focus {
        background: none;
    }

    input::-webkit-input-placeholder,
    select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #999;
        font-weight: 400;
    }

    input::-moz-placeholder,
    select::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #999;
        font-weight: 400;
    }

    input:-ms-input-placeholder,
    select:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #999;
        font-weight: 400;
    }

    input:-moz-placeholder,
    select:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #999;
        font-weight: 400;
    }

select {
    color: #999;
    font-weight: 400;
}

.form-textarea textarea {
    height: 85px;
    width: 70%;
}

.form-radio {
    margin-bottom: 50px;
}


.form-date {
    clear: both;
}

.yanflex {
    width: 70%;
}

.form-date-item {
    position: relative;
    overflow: hidden;
    width: 50%;
}

    .form-date-item:last-child:after {
        width: 0px;
    }

    .form-date-item select {
        position: relative;
        background: 0 0;
        z-index: 10;
        cursor: pointer;
        margin-right: 10px;
        width: 100%;
    }

    .form-date-item #expiry_date {
        width: 86px;
    }

    .form-date-item #expiry_year {
        width: 104px;
    }

    .form-date-item .select-icon {
        z-index: 0;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
    }

        .form-date-item .select-icon i {
            justify-content: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            -o-justify-content: center;
            -ms-justify-content: center;
            align-items: center;
            -moz-align-items: center;
            -webkit-align-items: center;
            -o-align-items: center;
            -ms-align-items: center;
            width: 30px;
            height: 20px;
            font-size: 22px;
            color: #999;
        }

input[type='file'] {
    height: 50px;
    opacity: 0;
}

    input[type='file'] + span {
        width: 305px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        border: 1px solid #999999;
        font-family: 'Open Sans', sans-serif;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        line-height: 45px;
        text-align: center;
        overflow: hidden;
    }

.fileinpbtn {
    cursor: pointer;
    width: 130px;
    background: #f8f8f8;
    height: 50px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    text-align: center;
    -webkit-transition: 500ms all;
    -moz-transition: 500ms all;
    transition: 500ms all;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    display: flex;
    display: -webkit-flex;
}

#button:hover {
    background-color: #dfdfdf;
}

.form-file {
    width: 448px;
    position: relative;
}

.form-password {
    position: relative;
}

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

.steps {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 12px 20px;
}

    .steps ul {
        justify-content: space-around;
        -moz-justify-content: space-around;
        -webkit-justify-content: space-around;
        -o-justify-content: space-around;
        -ms-justify-content: space-around;
    }

        .steps ul li {
            padding-right: 50px;
            padding-left: 0px;
            position: relative;
        }

            .steps ul li:after {
                position: absolute;
                width: 1px;
                height: 30px;
                content: "";
                background: #ebebeb;
                right: 18px;
                top: 50%;
                transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

            .steps ul li a {
                color: #999;
                text-decoration: none;
                font-weight: bold;
            }

            .steps ul li:last-child:after {
                width: 0px;
            }

        .steps ul .current a {
            color: #222;
        }

            .steps ul .current a .number {
                border: 2px solid #222;
            }

.actions {
    position: absolute;
    bottom: 14px;
    width: 100%;
    padding: 0 20px;
    right: 0;
}

    .actions ul {
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        justify-content: flex-end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        -o-justify-content: flex-end;
        -ms-justify-content: flex-end;
        width: 100%;
    }

        .actions ul .disabled {
            display: none;
        }

        .actions ul li {
            margin-left: 10px;
        }

            .actions ul li:first-child a {
                background: #f8f8f8;
                color: #999;
            }

                .actions ul li:first-child a:hover {
                    background-color: #dfdfdf;
                }

            .actions ul li a {
                width: 150px;
                height: 50px;
                color: #fff;
                background: #ff3a20;
                align-items: center;
                -moz-align-items: center;
                -webkit-align-items: center;
                -o-align-items: center;
                -ms-align-items: center;
                justify-content: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                -o-justify-content: center;
                -ms-justify-content: center;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -o-border-radius: 5px;
                -ms-border-radius: 5px;
            }

                .actions ul li a:hover {
                    background-color: #e60000
                }

.content {
    overflow: hidden;
}

    .content .current {
        padding-top: 20px;
    }

    .content h3 {
        display: none;
    }

.fieldset-content {
    padding-right: 110px;
    padding-left: 10%;
}

.fieldset-footer {
    padding: 28px 0;
}

    .fieldset-footer span {
        color: #999;
    }

.title {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
}

.number {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    border: 2px solid #999;
    margin-right: 15px;
}

@media screen and (max-width: 992px) {
    .container {
        width: calc(100% - 40px);
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .steps ul {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }

        .steps ul li:after {
            width: 0px;
        }

    .title {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .form-file,
    input,
    select,
    textarea,
    .form-textarea textarea,
    #signup-form-p-2 .form-group input {
        width: 100%;
    }

    input,
    select,
    textarea {
        margin-right: 0px;
    }

    .fieldset-content {
        padding-right: 0px;
        height: 600px;
    }

    .form-group,
    .form-select,
    .form-radio,
    .form-textarea,
    .form-date {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }

    label {
        width: 100%;
        text-align: left;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 600px) {
    #button {
        top: 60px;
        width: 100%;
    }

    .fieldset-footer {
        padding: 78px 0;
    }

    .actions ul li a {
        width: 100px;
    }

    .steps ul li {
        padding-right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .signup-form {
        padding-left: 30px;
        padding-right: 30px;
    }

    .form-flex {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }

    .form-date-item #expiry_date,
    .form-date-item #expiry_year {
        width: 100%;
        margin-bottom: 10px;
    }

    .fieldset-content {
        height: 750px;
        padding: 0;
    }
}

.chcbx {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

label.error {
    font-size: 11px;
    color: #ff7070;
    margin: 0;
    margin-left: 28%;
    position: relative;
    top: -25px;
    font-weight: bold;
}

input:not([disabled]).error {
    border: 1px solid #ff0000;
}

.steps ul .done a {
    color: #ec4f35;
}

    .steps ul .done a .number {
        position: relative;
        font-size: 0px;
        border: 2px solid #ec4f35;
    }

        .steps ul .done a .number:after {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            font-size: 14px;
            color: #ec4f35;
            font-family: 'Material-Design-Iconic-Font';
            content: '\f26b';
            font-weight: bold;
        }

.chkx {
    width: auto !important;
}

.stepsmobiletitle {
    display: none;
}

.sec {
    position: absolute;
    top: 18px;
    right: 40px;
    font-weight: bold;
}

.gizli {
    display: block;
}

.gizleme {
    display: none;
}

#phone {
    width: 70%;
    margin: 0;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
}

    #phone + a {
        width: 30%;
        display: inline-block;
        border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        text-align: center;
        border: 1px solid #999999;
        border-left: 0;
        padding: 15px 0;
        text-decoration: none;
        background-color: #4a4a4a;
        color: #fff;
        font-weight: bold;
    }

.form-inline-group {
    width: 70%;
    display: flex;
    display: -webkit-flex;
}

@media only screen and (max-width: 767px) {
    .steps .title_text {
        display: none;
    }

    .steps ul {
        flex-direction: row;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        -o-flex-direction: row;
        -ms-flex-direction: row;
    }

    .stepsmobiletitle {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 22px;
        margin-bottom: 5px;
    }

    label:first-child {
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }

    .form-file *:nth-child(2) {
        width: 50% !important;
        float: left;
    }

    .form-file span:last-child {
        width: 50% !important;
        top: 0 !important;
        right: 0
    }

    .form-file input {
        width: 50% !important;
        float: right;
    }

    /*    .form-file span, .form-file input {
        float: left;
        width: 100%!important;
    }

        .form-file span:last-child {
            width: 100% !important;
            float: initial;
            top: 0!important;
            left: 0;
        }*/

    .fieldset-content {
        height: auto !important;
    }

    .fieldset-footer {
        padding: 0;
    }


    .sec {
        position: absolute;
        top: 44px;
        right: 40px;
        font-weight: bold;
    }

    .enboy {
        width: auto !important;
    }

    .yanflex {
        flex-direction: row;
        width: 100%;
    }

    .gizli {
        display: none !important;
    }

    .gizleme {
        display: block;
    }

    .mblselety {
        width: 100% !important;
    }

    .kutu {
        flex-direction: unset !important;
    }

    label.error {
        margin-left: 0;
    }

    #phone {
        width: 60%;
    }

        #phone + a {
            width: 40%;
        }

    .form-inline-group {
        width: 100%;
    }
}

#notfound {
    position: relative;
    height: 60vh;
    overflow: hidden;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    /*    max-width: 920px;
*/ width: 100%;
    line-height: 1.4;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

    .notfound .notfound-404 {
        position: absolute;
        height: 100px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }

    .notfound h2 {
        font-family: 'Material-Design-Iconic-Font';
        font-size: 28px;
        color: #6c757d;
        font-weight: 900;
        text-transform: uppercase;
        margin: 0px;
    }

    .notfound p {
        font-family: 'Material-Design-Iconic-Font';
        font-size: 15px;
        color: #6c757d;
        font-weight: 400;
        text-transform: none;
        margin-top: 15px;
    }

    .notfound a {
        font-family: 'Material-Design-Iconic-Font';
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background: #189cf0;
        display: inline-block;
        padding: 16px 38px;
        border: 2px solid transparent;
        border-radius: 40px;
        color: #fff;
        font-weight: 400;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }

        .notfound a:hover {
            background-color: #fff;
            border-color: #189cf0;
            color: #189cf0;
        }

@media only screen and (max-width: 480px) {
    .notfound h2 {
        font-size: 26px;
    }
}

.modal .btn {
    margin: 0;
}

a.verifyphone.verify {
    background-color: #20ff79 !important;
    font-size: 20px;
    padding-top: 11px !important;
    padding-bottom: 0px !important;
    cursor: default;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.bg-main {
    background-color: #ff3a20;
    padding: 0;
    min-height: 33px;
}

.navbar-dark .navbar-nav .nav-link.active {
    background-color: #dd1900;
    padding-left: 30px;
    padding-right: 30px;
}

.navbar-dark .nav-link i {
    margin-right: 8px;
}

.slider-item h2 {
    text-align: left;
    font-weight: 700;
    font-size: 2rem;
    color: #4a4a4a;
    line-height: 2.3rem;
    text-transform: uppercase;
}

.slider-item .slide-btn {
    color: #fff;
    background: #ff3a20;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    display: -webkit-flex;
    width: 180px;
    height: 40px;
    margin-top: 20px;
}

.cat-btn {
    color: #fff;
    background: #ff3a20;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    display: flex;
    display: -webkit-flex;
    height: 35px;
    margin-top: 10px;
}

    .cat-btn:hover {
        color: #fff;
        background: #b42a18;
        text-decoration: none;
    }

.add-to-cart {
    color: #fff;
    background: #5e5e5e;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: flex;
    display: -webkit-flex;
    height: 35px;
    margin-top: 10px;
}

    .add-to-cart:hover {
        color: #fff;
        background: #b42a18;
        text-decoration: none;
    }

    .add-to-cart i {
        margin-right: 5px;
    }

.red-line:not(.noze) > .col {
    border-bottom: 5px solid #fe5533;
}

.red-line > .col {
    padding: 0;
}

.row .col:last-child .tab-item {
    border-right: 0;
}

.row .col:first-child .tab-item {
    border-left: 0;
}

.tab-item,
.tab-item2 {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #AAADAE;
    width: 100%;
    padding: 30px 10px;
    text-align: center;
    height: 140px;
}

.tab-item2 {
    opacity: .5;
}

    .tab-item > *,
    .tab-item2 > * {
        display: inline-block;
        text-align: center;
        font-weight: bold;
        color: #888;
    }

    .tab-item > img,
    .tab-item2 > img {
        margin-bottom: 20px;
        max-width: 65px;
        filter: invert(53%) sepia(9%) saturate(0%) hue-rotate(230deg) brightness(100%) contrast(91%);
    }

    .tab-item.red > img,
    .tab-item2.red > img {
        margin-bottom: 20px;
        max-width: 65px;
        filter: invert(44%) sepia(61%) saturate(3999%) hue-rotate(342deg) brightness(107%) contrast(99%);
        ;
    }

.tab-item > span {
    width: 100%;
}

.tab-item:hover,
.tab-item.active {
    background-color: #fe5533;
}

.tab-item:not(.active):hover {
    cursor: pointer;
}

.tab-item:hover img,
.tab-item.active img {
    filter: brightness(0) invert(1);
}

.tab-item:hover span,
.tab-item.active span {
    color: #fff;
}

.tab-item:not(.sektor).active:after {
    content: " ";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -13px;
    border-top: 15px solid #fe5533;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: none;
}

.category-list {
    text-align: center;
    font-weight: bold;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .category-list ul {
        flex-grow: 1;
        padding-left: 0;
        border-left: 1px solid #DFE3E9;
    }

    .category-list h4 {
        color: #ff3a20;
        font-size: 0.9rem;
        font-weight: 900;
        padding-bottom: 0.625rem;
        border-bottom: 2px solid #e8e8e8;
    }

    .category-list ul {
        padding-left: 28px;
    }

        .category-list ul li {
            text-align: left;
        }

            .category-list ul li a {
                padding: 0.625rem 0;
                display: inline-block;
                width: 100%;
                text-decoration: none;
                font-weight: 500;
                color: var(--colorTicaretIcınBlack);
                font-size: 0.8rem;
            }

                .category-list ul li a:hover {
                    color: #fe5533;
                }

@media (max-width: 767px) {
    .homeSliderContainer .carousel-inner .carousel-item > div {
        display: none;
    }

        .homeSliderContainer .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.homeSliderContainer .carousel-inner .carousel-item.active,
.homeSliderContainer .carousel-inner .carousel-item-next,
.homeSliderContainer .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {

    .homeSliderContainer .carousel-inner .carousel-item-end.active,
    .homeSliderContainer .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .homeSliderContainer .carousel-inner .carousel-item-start.active,
    .homeSliderContainer .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }

    .homeSliderContainer .card .card-img {
        min-height: 250px;
    }

    .cat-list .carousel-inner .carousel-item-end.active,
    .cat-list .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .cat-list .carousel-inner .carousel-item-start.active,
    .cat-list .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }

    .homeSliderContainer .card .card-img {
        min-height: 250px;
    }

    .homeSliderContainer .card img {
        width: 100%;
    }

    .cat-list .card img {
        width: 100%;
    }

    .homeSliderContainer .carousel-item {
        justify-content: space-between;
    }

    .cat-list .carousel-item {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .homeSliderContainer .card img {
        width: 100%;
        height: 205px;
        object-fit: contain;
    }

    .t-product-card .cart-add-content {
        opacity: 1;
    }
}

.homeSliderContainer .carousel-inner .carousel-item-end,
.homeSliderContainer .carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.homeSliderContainer .card {
    border: 0;
}

.homeSliderContainer .card {
    position: relative;
    margin-bottom: 20px;
}

    .homeSliderContainer .card .card-img-overlays {
        color: #000;
        font-weight: bolder;
        text-align: center;
        min-height: 137.58px;
        display: flex;
        flex-direction: column;
    }

        .homeSliderContainer .card .card-img-overlays .price {
            font-size: 15px;
            display: inline-block;
            width: 100%;
            text-align: center;
            white-space: nowrap;
        }

.cat-list .card .card-img-overlays {
    color: #000;
    font-weight: bolder;
    text-align: center;
    min-height: 137.58px;
}

    .cat-list .card .card-img-overlays .price {
        font-size: 18px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .homeSliderContainer .card .card-img-overlays span.title,
    .cat-list .card .card-img-overlays span.title {
        display: flex;
        text-align: center;
        height: 50px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }


.price .oprice {
    font-size: 14px;
    color: #999;
    margin-right: 5px;
}

.homeSliderContainer a {
    text-decoration: none;
}

.homeSliderContainer .indicator {
    padding: 3px 6px 3px 6px;
}

    .homeSliderContainer .indicator:hover {
        background-color: #2f2f2f;
        transition: 200ms;
    }

    .homeSliderContainer .indicator:hover {
        color: white;
        transition: 200ms;
    }

.homeSliderContainer .indicator {
    color: lightgray;
    display: inline-block;
}

.homeSliderContainer .float-end {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
}

.carousel-item > * {
}

    .carousel-item > *:first-child {
        border-left: 0;
    }

.rating {
    unicode-bidi: bidi-override;
    margin-top: 5px;
}

    .rating > span {
        display: inline-block;
        position: relative;
        width: 1.1em;
        color: #abab3e;
    }

h2.title {
    text-align: left;
    font-size: 24px;
}

.home-item {
    width: 100%;
    text-align: center;
    padding: 30px 5px;
    display: inline-block;
}

    .home-item:hover {
        text-decoration: none;
    }

    .home-item > * {
        text-align: center;
        display: block;
        margin: auto;
    }

    .home-item .t-btn {
        display: inline-flex;
    }

    .home-item > img {
        text-align: center;
        display: block;
        margin: auto;
    }



    .home-item:hover {
        background-color: #454e5a;
    }

        .home-item:hover .hbtn {
            color: #fff;
            background: #ff3a20;
            text-decoration: none;
        }

        .home-item:hover .htitle {
            color: #ff3a20;
        }

.container-fluid.bg-grey {
    background-color: #f4f4f4;
}



.wrappers {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.containers {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: auto;
    display: flex;
    background: #ffffff;
    box-shadow: 0 0 5px #999999;
}

.logins .col-left,
.logins .col-right {
    padding: 30px;
    display: flex;
}

.logins .col-left {
    width: 60%;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background: #ff3a20;
}

.logins .col-right {
    padding: 60px 30px;
    width: 50%;
    margin-left: -10%;
}

@media(max-width: 575px) {
    .logins .container {
        flex-direction: column;
        box-shadow: none;
    }

    .logins .col-left,
    .logins .col-right {
        width: 100%;
        margin: 0;
        clip-path: none;
    }

    .logins .col-right {
        padding: 30px;
    }
}

.logins .login-text {
    position: relative;
    width: 100%;
    color: #ffffff;
}

    .logins .login-text h2 {
        margin: 0 0 15px 0;
        font-size: 30px;
        font-weight: 700;
        text-align: left;
        color: #fff;
        text-transform: none;
    }

    .logins .login-text p {
        margin: 0 0 20px 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    .logins .login-text .btns {
        display: inline-block;
        padding: 7px 20px;
        font-size: 16px;
        letter-spacing: 1px;
        text-decoration: none;
        border-radius: 30px;
        color: #ffffff;
        outline: none;
        border: 1px solid #ffffff;
        box-shadow: inset 0 0 0 0 #ffffff;
        transition: .3s;
    }

        .logins .login-text .btns:hover {
            color: #ff3a20;
            box-shadow: inset 150px 0 0 0 #ffffff;
        }

.logins .login-form {
    position: relative;
    width: 100%;
}

    .logins .login-form h2 {
        margin: 0 0 15px 0;
        font-size: 22px;
        font-weight: 700;
        text-align: left;
        text-transform: none;
    }

    .logins .login-form p {
        margin: 0 0 10px 0;
        text-align: left;
        color: #666666;
        font-size: 15px;
    }

        .logins .login-form p:last-child {
            margin: 0;
            padding-top: 3px;
        }

        .logins .login-form p a {
            color: #ff3a20;
            font-size: 14px;
            text-decoration: none;
        }

    .logins .login-form label {
        display: block;
        width: 100%;
        margin-bottom: 2px;
        letter-spacing: .5px;
    }

    .logins .login-form p:last-child label {
        width: 60%;
        float: left;
    }

    .logins .login-form label span {
        color: #ff574e;
        padding-left: 2px;
    }

    .logins .login-form input {
        display: block;
        width: 100%;
        height: 35px;
        padding: 0 10px;
        outline: none;
        border: 1px solid #cccccc;
        border-radius: 30px;
    }

        .logins .login-form input:focus {
            border-color: #ff574e;
        }

        .logins .login-form button,
        .logins .login-form input[type=submit] {
            display: inline-block;
            width: 100%;
            margin-top: 5px;
            color: #ff3a20;
            font-size: 16px;
            letter-spacing: 1px;
            cursor: pointer;
            background: transparent;
            border: 1px solid #ff3a20;
            border-radius: 30px;
            box-shadow: inset 0 0 0 0 #ff3a20;
            transition: .3s;
        }

            .logins .login-form button:hover,
            .logins .login-form input[type=submit]:hover {
                color: #ffffff;
                box-shadow: inset 250px 0 0 0 #ff3a20;
            }

.hide {
    display: none;
}

.unlogin, .logbox {
    display: flex;
}

    .logbox .t-btn-primary-line {
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
    }

.sf-cart-count {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: center;
    font-weight: 500;
    justify-content: center;
    position: absolute;
    text-align: center;
    align-items: center;
    border-radius: 9999px;
    font-size: 11px;
    height: 18px;
    min-width: 18px;
    right: -4px;
    top: -3px;
    background-color: #3a3a3a;
    color: #ffffff;
    padding: 0 2px;
}

@media all {
    svg {
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
        stroke: currentColor;
        width: 1rem;
        height: 1rem;
        transition: all ease .3s;
    }

    body:not(.safari) .button {
        transition: 500ms cubic-bezier(.25, .46, .45, .94);
        transition-property: color, background, background-color, border;
    }

    .button {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .05em;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 0px;
        border-style: solid;
        border-width: 1px;
        min-width: 130px;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
        outline: none !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        position: relative;
    }

        .button.button-1 {
            background: #232323;
            border-color: #232323;
            color: #FFFFFF;
        }

        .button.button-2 {
            background: #ff3a20;
            border-color: #ff3a20;
            color: #FFFFFF;
        }

        .button:disabled {
            opacity: .6;
            pointer-events: none;
        }

    .visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }

    .visually-hidden--inline {
        margin: 0;
        height: 1em;
    }

    .hidden {
        display: none !important;
    }

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

    .link-underline .text {
        transition: text-decoration 100ms ease;
    }

    .halo-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        padding: 0;
        height: 100%;
        z-index: 101;
        max-width: calc(100vw - 40px);
        width: 100%;
        opacity: 1;
        /*visibility: hidden;*/
        transition: opacity .5s, transform 500ms ease, visibility 500ms ease;
        background-color: #ffffff;
        z-index: 9999;
    }

    .halo-sidebar-close {
        position: absolute;
        top: 16px;
        width: 40px;
        height: 40px;
        font-size: 0;
        z-index: 10;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        pointer-events: auto;
        background-color: transparent;
        border: none;
        padding: 0;
    }

        .halo-sidebar-close svg {
            display: block;
            width: 18px;
            height: 18px;
            fill: #232323;
            stroke: transparent;
        }

    .halo-sidebar-wrapper {
        height: 100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .halo-sidebar.halo-sidebar-right {
        right: 0;
        /*transform: translate3d(101%, 0, 0);*/
    }

        .halo-sidebar.halo-sidebar-right .halo-sidebar-close {
            right: 20px;
        }

    .slick-slider img {
        visibility: visible !important;
    }

    .slick-slide img {
        margin-left: auto;
        margin-right: auto;
    }

    @media (max-width: 1024px) {
        .halo-sidebar-close {
            top: 5px;
        }

        .halo-sidebar.halo-sidebar-right .halo-sidebar-close {
            right: 5px;
        }
    }

    @media (max-width: 551px) {
        .button {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }
    }

    @media (min-width: 551px) {
        .halo-sidebar {
            max-width: 370px;
        }
    }

    @media (min-width: 1025px) {
        a:hover {
            color: #232323;
        }

        .link-underline:hover .text {
            text-decoration: underline;
            text-underline-offset: .3rem;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background-color: #f4f4f4;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 5px;
            background-color: #f4f4f4;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: #bdbdbd;
        }

        .button:hover {
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
        }

        .button.button-1:hover {
            background: #232323;
            border-color: #232323;
        }
    }

    @media (prefers-reduced-motion) {
        .motion-reduce {
            transition: none !important;
        }
    }
}

@media all {
    .product-item {
        position: relative;
        letter-spacing: 0;
        font-size: 0;
    }

    .card {
        position: relative;
    }

    .card-product {
        position: relative;
        z-index: 1;
    }

    .card-media {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .card-media > img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            max-width: 100%;
            cursor: pointer;
            object-fit: contain;
            object-position: center center;
            transition: all .8s ease;
        }



    .card-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: .02em;
        text-transform: capitalize;
        color: #232323;
        display: block;
        margin: 0 0 10px 0;
    }

    .card-title-ellipsis {
        overflow: hidden;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    .card-price {
        font-weight: 700;
        letter-spacing: 0;
        margin-top: 0px;
        margin-bottom: 13px;
    }

    .price {
        justify-content: center;
    }



    .product-item-custom .card-media {
        width: 50px;
        height: 60px;
    }



    .product-item-custom .card-title {
        margin-bottom: 19px;
    }

    .card-information__wrapper.text-left .card-price {
        display: flex;
        justify-content: flex-start;
    }

    @media (max-width: 767px) {
        .quick_shop_option_2 .card-product {
            z-index: auto !important;
        }
    }

    @media (max-width: 551px) {
        .product-card-layout-01 .card-information {
            padding: 8px 0 0;
        }
    }

    @media (min-width: 1025px) {
        .card-title:hover {
            color: #232323;
        }

        .product-card-layout-01 .card:hover .card-media:after {
            opacity: 1;
        }
    }
}

@media all {
    .button:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 46%;
        transform: translate(-50%, -50%);
        display: inline-block;
        border: 2px solid #f6f6f6;
        border-radius: 50%;
        border-top: 2px solid #fc0;
        border-right: 2px solid #4dd4c6;
        border-bottom: 2px solid #f00;
        border-left: 2px solid #f6f6f6;
        width: 20px;
        height: 20px;
        animation: spin 1.4s linear infinite;
        opacity: 0;
        visibility: hidden;
    }
}

@media all {
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: 0;
        }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .slick-track:after,
        .slick-track:before {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        width: 100%;
        min-height: 1px;
    }

        .slick-slide img {
            display: block;
        }

    .slick-initialized .slick-slide {
        margin-right: inherit !important;
        display: block;
    }
}

@media all {
    .price {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .price dl {
            display: flex;
            flex-direction: column;
            margin-top: 0;
            margin-bottom: 0;
        }

        .price dd {
            margin: 0 10px 0 0;
        }

        .price .price__last:last-of-type {
            margin: 0;
        }

    .price__regular {
        display: block;
    }

    .price__sale,
    .price--on-sale .price__regular {
        display: none;
    }

    .price--on-sale .price__sale {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .price-item {
        font-size: 14px;
        letter-spacing: .02em;
        font-weight: 600;
        line-height: 22px;
    }

        .price-item .money {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: .02em;
            line-height: 22px;
            color: #232323;
        }

    .unit-price {
        font-size: calc(12px - 2px);
        font-weight: 400;
        color: #969696;
        letter-spacing: .02em;
        line-height: 22px;
        margin-top: .2rem;
        text-transform: uppercase;
    }

    .price-item--sale,
    .price.price--on-sale .price-item--sale .money {
        color: #e95144;
    }

    .price.price--on-sale .price-item--regular .money {
        text-decoration: line-through;
        font-weight: 400 !important;
        color: #969696;
    }
}

@media all {
    .before-you-leave-header {
        display: block;
        padding: 15px 20px;
        text-align: center;
    }

        .before-you-leave-header img {
            display: block;
            width: auto;
            margin: 0 auto;
        }

    .before-you-leave-content-title {
        padding: 18px 20px;
        border-bottom: 1px solid #ebebeb;
        font-size: 0;
        letter-spacing: 0;
    }

        .before-you-leave-content-title .title {
            display: inline-block;
            vertical-align: top;
            position: relative;
            padding: 0 30px 0 0;
        }

        .before-you-leave-content-title .text {
            font-size: 12px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: .02em;
            color: #232323;
        }

        .before-you-leave-content-title .count {
            position: absolute;
            top: 50%;
            right: 0;
            min-width: 24px;
            min-height: 24px;
            text-align: center;
            border-radius: 50%;
            z-index: 2;
            font-size: calc(12px - 3px);
            font-weight: 400;
            line-height: 24px;
            transform: translateY(-50%);
            letter-spacing: .02em;
            background-color: #232323;
            color: #FFFFFF;
        }

    .before-you-leave-content-product {
        padding: 20px 20px 10px;
    }

        .before-you-leave-content-product .product {
            margin-bottom: 0px;
        }

    .before-you-leave-back {
        width: 100%;
        padding: 30px 20px;
    }

    .before-you-leave-content .product-item-custom .card-title {
        margin-bottom: 10px;
        padding-right: 15px;
    }

    .before-you-leave-content .product-item-custom .card-information {
        top: 0;
    }

    body.before-you-leave-show .halo-leave-sidebar {
        transform: translateZ(0);
        opacity: 1;
        visibility: visible;
    }

    @media (max-width: 551px) {
        .before-you-leave-content .product-item-custom .card-information {
            top: 2px;
            padding: 0 25px 0 20px;
        }
    }

    @media (min-width: 1025px) {
        .before-you-leave-header {
            padding-left: 30px;
            padding-right: 30px;
        }

        .before-you-leave-content-title {
            padding-left: 30px;
            padding-right: 30px;
        }

        .before-you-leave-content-product {
            padding-top: 30px;
            padding-left: 30px;
            padding-right: 30px;
        }

        .before-you-leave-back {
            padding-left: 30px;
            padding-right: 30px;
        }
    }
}

.product-item .card {
    border: 0;
    display: inline-block;
}

.total-price {
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}

.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 0 auto;
}

    .slider ul {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
        list-style: none;
        background: #458;
    }


        .slider ul li {
            position: relative;
            float: left;
            display: inline-block;
            margin: 0;
            padding: 0;
            text-align: center;
            line-height: 300px;
            color: #333;
            background-color: #f4f4f4;
            min-height: 400px;
        }

.control {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 15px 20px;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

    .control:hover {
        color: #fff;
        text-decoration: none;
    }

.prev {
    left: 0px;
}

.next {
    right: 0px;
}

.c.c {
    background: #222;
    color: #fff;
}

.r.r {
    background: red;
    color: #fff;
}

.g.g {
    background: #999;
    color: #fff;
}

.b.b {
    background: blue;
    color: #fff;
}

.slider-item .container {
    display: inline-block;
}

.rating p {
    display: inline-block;
    font-size: 0.7rem;
    margin: 0;
    color: #bb0000;
}

.rating b {
    font-size: 0.9rem;
}

.cart-add-content {
    display: none;
    margin-top: 10px;
}

.carousel-item .card:hover .cart-add-content {
    display: grid;
}

.updown .btn {
    margin-top: 0;
    border-color: red;
    padding: 8px 2rem;
}

    .updown .btn:hover {
        background-color: red !important;
    }

.updown input {
    margin: 0;
    outline: none;
    text-align: center;
    height: 37px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.category-list.star,
.category-list.unstar {
    display: flex;
}

.buttons.with-icon .icon {
    position: absolute;
    top: 50%;
    padding-bottom: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 18px;
    padding-bottom: 0;
    margin-right: 4px;
    pointer-events: none;
    display: inline-block;
}

.icon-cart:before {
    width: 22px;
    height: 22px;
    background: url(../Themes/Ticareticin/Content/assets/img/basket_icon_solid.svg) no-repeat center;
    content: "";
    display: inline-block;
}

.addToCartButton {
    display: inline-block;
    width: calc(100% - 102px);
}

button.with-icon {
    font-weight: 600;
    position: relative;
    padding: 12px 10px;
    font-size: 13px;
    line-height: 1.1;
    border-right: 0;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: background-color, border-color;
    -moz-transition-property: background-color, border-color;
    transition-property: background-color, border-color;
    background-color: #fe5533;
    white-space: nowrap;
    color: #fff;
    border: 0;
    border-radius: 5px;
    width: 100%;
}

    button.with-icon:hover {
        background-color: #f53c17;
    }

.quantity-wrapper {
    float: left;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

    .quantity-wrapper .input-group {
        display: inline-table;
        vertical-align: top;
    }
        /*
    .quantity-wrapper:not(.listpg):after {
        position: absolute;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "Adet";
        font-size: 10px;
        position: absolute;
        bottom: 7px;
        margin-left: 5%;
    }
    */

        .quantity-wrapper .input-group button {
            float: left;
            width: 20px;
            padding: 0;
            text-align: center;
            border: 0;
            height: 41px;
            line-height: 31px;
            background-color: #dddddd;
            color: black;
            outline: 0;
            cursor: pointer;
            line-height: 1;
            display: inline-block;
            border-radius: 0px;
            white-space: nowrap;
            -webkit-transition-duration: .1s;
            -moz-transition-duration: .1s;
            transition-duration: .1s;
            -webkit-transition-property: background-color, border-color;
            -moz-transition-property: background-color, border-color;
            transition-property: background-color, border-color;
            font-size: 13px;
        }

.input-group .buttons:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.quantity-wrapper .input {
    width: 30px;
    padding: 5px 3px;
    font-weight: 500;
    text-align: center;
    color: #484848;
    float: left;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: 40px;
    border-top: 2px solid #dddddd75;
    border-bottom: 2px solid #dddddd75;
    border-width: 2px 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color, border-color;
    -moz-transition-property: background-color, border-color;
    transition-property: background-color, border-color;
    background-color: #fff;
    font-size: 13px;
    line-height: 1.2;
    margin: 0;
}

.input-group .buttons:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.icon-minus:before {
    content: "-";
}

.icon-minus:before,
.icon-plus:before {
    font-weight: 500;
}

.icon-minus span,
.icon-plus span {
    display: none;
    visibility: hidden;
}

.icon-plus:before {
    content: "+";
}

.buttons.effective:hover,
a.buttons.effective:hover {
    opacity: .7;
}

header {
    border-bottom: 1px solid #aaa !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111;
    background-color: #fff;
}

    .sticky + main {
        padding-top: 129px;
    }

.notifyjs-corner {
    z-index: 99999999 !important;
}

.hMedMenu-item {
    max-height: 100%;
    display: flex;
    justify-content: right;
    padding-left: 16px;
    margin-top: 0;
}

.customMenu {
    position: relative;
}

.customMenuItem {
    z-index: 1;
}

    .customMenuItem .menuTitle {
        display: block;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: -.01px;
        color: #ff3a20;
    }

.myAccountHolder .myAccount a {
    text-decoration: none;
}

.myAccountHolder .myAccountNotLogin {
    padding: 2px 0 2px 18px;
}

    .myAccountHolder .myAccountNotLogin:before {
        content: '';
        display: block;
        vertical-align: top;
        /*background-image: url("../Themes/Ticareticin/Content/assets/img/user.png");*/
        width: 28px;
        height: 28px;
        position: absolute;
        top: 50%;
        margin-top: -14px;
        color: #333;
    }

    .myAccountHolder .myAccountNotLogin .myAccount {
        width: 100%;
        padding-left: 35px;
    }

.myAccountHolder .myAccount {
    width: 116px;
    padding: 6px 10px;
    border-bottom: none;
    z-index: 1;
}

.myAccountHolder .loginStatus {
    display: flex;
}
/*
    .myAccountHolder .loginStatus a {
        margin-right: 5px;
        display: inline-block;
        background-color: #ff3a20;
        color: #fff;
        padding:10px 30px;
        float: left;
        margin-left: 4px;
    }
*/
.myAccountHolder .btnSignIn {
    margin-left: 9px;
    border: 2px solid #ff3a20;
    padding: 12px;
    border-radius: 3px;
    color: #ff3a20;
    font-weight: 600;
}

.myAccountHolder .btnSignUp {
    margin-right: 5px;
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 16px 30px 10px 30px;
    float: left;
    margin-left: 4px;
    border-radius: 3px;
    font-weight: 600;
}

.myAccountHolder .btnAccount {
    margin-right: 5px;
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 14px 20px 10px 20px;
    float: left;
    margin-left: 4px;
    border-radius: 3px;
    font-weight: 600;
}

.myAccountHolder .loginStatus a:hover {
    opacity: 0.7;
}

.myAccountHolder .loginStatus a:hover {
    text-decoration: none;
}

.myBasketHolder {
    text-align: center;
}

    .myBasketHolder:after {
        right: 0;
    }

    .myBasketHolder .myBasket {
        border-bottom: none;
        font-size: 0;
        margin: 14px 0 10px 5px;
        position: relative;
        z-index: 2;
        display: inline-block;
        background: #aaadae;
        padding: 7px;
        border-radius: 3px;
    }

        .myBasketHolder .myBasket i {
            font-size: 20px;
            color: #ffffff;
        }

.basketTotalNum {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #ffebec;
    position: absolute;
    right: 0px;
    bottom: 100%;
    margin-bottom: -6px;
    line-height: 20px;
    display: block;
}

.meesageTotalNum {
    position: absolute;
    right: 0;
    top: -13px;
    border-radius: 50%;
    background-color: #ff3a20;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #ffebec;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.myBasketHolder .iconsBasketWhite {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("../Themes/Ticareticin/Content/assets/img/cart.png");
}

.bg-darknes {
    background-color: #001d3a !important;
}

.card-img {
    position: relative;
}

.badge-left {
    position: absolute;
    top: 1px;
    left: -10px;
    display: inline-block;
    text-align: center;
    width: 75px;
}

.badge-right {
    position: absolute;
    display: inline-block;
    top: -5px;
    right: -5px;
    text-align: center;
    width: 110px;
    z-index: 99;
}

    .badge-left img,
    .badge-right img {
        max-width: 100%;
        border: 1px solid #fe5533;
        border-radius: 3px;
    }

.badge-left-bottom {
    position: absolute;
    bottom: 9px;
    left: -4px;
    width: 60px;
    z-index: 99;
}

    .badge-left-bottom img {
        max-width: 100%;
        text-shadow: 0 -1px 1px #b3d6f9, 0 1px 0 #243350;
        border-radius: 3px;
    }

.list-title {
    text-align: left;
    margin: 0;
    line-height: 20px;
    border-bottom: 1px solid #ff3a20;
    text-transform: none;
    font-size: 16px;
    padding-bottom: 10px;
}

.list-heading {
    border-bottom: 1px solid #ff3a20;
    color: #ff3a20;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}

.list-box {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

    .list-box ul li a {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 6px 0;
        display: inline-block;
        font-size: 13px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        padding-right: 18px;
        position: relative;
    }

    .list-box ul li .acc {
        color: #ff3a20;
    }

    .list-box ul li a:hover i {
        color: #ff3a20;
    }

    .list-box ul li a i {
        font-size: 15px;
        position: absolute;
        right: 0;
    }

.price-range > * {
    float: left;
}

.price-range input[type=text] {
    padding: 3px 2px;
    margin: 0;
    font-size: 11px;
    text-align: center;
    width: 35%;
}

.price-range span {
    width: 8%;
    text-align: center;
    display: inline-block;
}

.list-box select {
    padding: 3px 2px;
    width: 100%;
    font-size: 11px;
    -webkit-appearance: listbox !important;
    color: #333;
    font-weight: 600;
    border-color: #bbb;
}

.option-bar {
    overflow: hidden;
    padding: 0 10px;
}

.opt-left {
    float: left;
}

    .opt-left select {
        max-width: 100px;
    }

.opt-right {
    float: right;
}

    .opt-right > * {
        float: left;
    }

    .opt-right span {
        font-size: 12px;
        line-height: 25px;
        display: inline-block;
        margin-right: 6px;
        font-weight: 600;
    }

.option-bar select {
    padding: 3px 10px;
    width: auto;
    font-size: 11px;
    -webkit-appearance: listbox !important;
    color: #333;
    font-weight: 600;
    margin: 0;
    min-width: 150px;
    font-family: Open
}

.products {
    margin-top: 15px;
    padding: 0 10px;
}

    .products .product-item-custom {
        display: none;
    }

    .products .table thead th {
        border: 0;
        font-size: 11px;
        font-weight: 500;
        padding: 0;
        border-left: 1px solid #ddd;
        text-align: center;
    }

        .products .table thead th:first-child {
            border-left: 0;
            text-align: left;
        }

    .products .table tbody td {
        border: 0;
        padding: 15px 5px 15px 5px;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        vertical-align: middle;
    }

    .products .table tbody tr:first-child td {
        padding: 5px 0 5px 0;
    }

    .products .table tbody td:first-child {
        text-align: left;
    }

tr.odd {
    background-color: #f5fafd;
}

.products .pname {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.p-store-cnt {
    /*text-align: center;*/
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

.rating-stars {
    /* text-align: center;*/
}

    .rating-stars span {
        font-size: 8px;
        color: #bbb;
    }

.fa-star.checked {
    color: orange;
}

a.product-store {
    color: #ff3a20;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.highlight-prc {
    color: #ff3a20;
    font-weight: bold;
}

.white-prc {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    color: #333;
    margin-top: 5px;
    border: 1px solid #ddd;
    padding: 3px 0px;
    border-radius: 3px;
}

.products tbody tr {
    border-bottom: 1px solid #ddd;
}

    .products tbody tr:first-child {
        border-bottom: 0;
    }

.cart-add-product-btn {
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 6px 15px;
    border-radius: 3px;
    float: left;
    margin-left: 4px;
}

    .cart-add-product-btn:hover {
        color: #fff;
        opacity: 0.7;
        text-decoration: none;
    }

.products .quantity-wrapper {
    margin: 0;
}

    .products .quantity-wrapper .input {
        padding: 0;
    }

    .products .quantity-wrapper .input-group > * {
        height: 33px;
        padding: 0;
        border-color: #dddddd;
    }

    .products .quantity-wrapper .input-group > button {
        width: 20px;
        background-color: #dddddd;
    }

        .products .quantity-wrapper .input-group > button::before {
            font-size: 14px;
        }

.products .input-group .buttons:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.products .input-group .buttons:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.ctops {
    display: inline-block;
}

.pagination-container {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.pagination {
    display: inline-block;
    padding: 0;
    margin: 8px 0;
}

    .pagination li {
        display: inline;
    }

        .pagination li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
        }

.pag-act {
    color: #fff !important;
    background-color: #f44336 !important;
}

@media (min-width: 768px) {
    .products-stars .homeSliderContainer .card .card-img {
        min-height: 220px;
    }

    .products-stars .cat-list .card .card-img {
        min-height: 220px;
    }
}

.pstar-title {
    color: #333;
    font-weight: 700;
    text-align: center;
    margin: 0.5rem 0.5rem;
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 22px;
}

.products-stars .homeSliderContainer .float-end {
    padding-top: 20px;
    padding-bottom: 20px;
}

.opt-view {
    float: right;
}


.dropdown-check-list {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

    .dropdown-check-list .anchor {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 5px 4px;
        border: 1px solid #ccc;
        font-weight: 600;
        font-size: 11px;
        border-radius: 5px;
        width: 100%;
    }

        .dropdown-check-list .anchor:after {
            position: absolute;
            content: "";
            border-left: 2px solid black;
            border-top: 2px solid black;
            padding: 3px;
            right: 10px;
            top: 15%;
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .dropdown-check-list .anchor:active:after {
            right: 8px;
            top: 21%;
        }

    .dropdown-check-list ul.items {
        padding: 2px;
        display: none;
        margin: 0;
        border: 1px solid #ccc;
        border-top: none;
        font-weight: 600;
        font-size: 11px;
    }

        .dropdown-check-list ul.items li {
            list-style: none;
        }

    /*.dropdown-check-list.visible .anchor {
               color: #0094ff;
           }*/

    .dropdown-check-list.visible .items {
        display: block;
    }

.radioBox {
    margin-top: 10px;
    margin-bottom: 20px;
}

.radioInput {
    width: 10%;
    display: initial;
    margin-right: 0px;
}

.radioLabel {
    font-weight: 600;
    font-size: 11px;
}

.quantity-wrapper-grid {
    float: left;
    margin-right: 8px;
    position: relative;
}

    .quantity-wrapper-grid .input-group {
        display: inline-table;
        vertical-align: top;
    }

    .quantity-wrapper-grid:not(.listpg):after {
        position: absolute;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "Adet";
        font-size: 10px;
        position: absolute;
        bottom: 7px;
    }

    .quantity-wrapper-grid .input-group button {
        float: left;
        width: 27px;
        padding: 8px 0;
        text-align: center;
        border: 0;
        height: 40px;
        background-color: #bfbfbf;
        color: #484848;
        outline: 0;
        cursor: pointer;
        line-height: 1;
        display: inline-block;
        border-radius: 5px;
        white-space: nowrap;
        -webkit-transition-duration: .1s;
        -moz-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-property: background-color, border-color;
        -moz-transition-property: background-color, border-color;
        transition-property: background-color, border-color;
        font-size: 13px;
    }

    .quantity-wrapper-grid .input {
        width: 39px;
        padding: 5px 5px 15px;
        border-color: #bfbfbf;
        font-weight: 700;
        text-align: center;
        color: #484848;
        float: left;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-left: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
        height: 40px;
        border: 2px solid #bfbfbf;
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: background-color, border-color;
        -moz-transition-property: background-color, border-color;
        transition-property: background-color, border-color;
        background-color: #fff;
        font-size: 13px;
        line-height: 1.2;
        margin: 0;
    }

.radioBox {
    margin-top: 10px;
    margin-bottom: 20px;
}

.radioInput {
    width: 10%;
    display: initial;
    margin-right: 0px;
}

.radioLabel {
    font-weight: 600;
    font-size: 11px;
}

.multi-select-container {
    display: inline-block;
    position: relative;
    width: 100%;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
    line-height: 21px;
    margin: 0;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 11px;
    padding: 5px 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    width: 100%;
    font-weight: 600;
    color: #333;
}

    .multi-select-button:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.4em 0.4em 0 0.4em;
        border-color: #505050 transparent transparent transparent;
        vertical-align: 0.1em;
        position: absolute;
        right: 5px;
        top: 10px;
    }

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

    .multi-select-container--positioned .multi-select-menu label {
        /* Allow labels to line wrap when menu is artificially narrowed */
        white-space: normal;
    }

.list-box a.active {
    color: #ff3a20;
    font-weight: bold;
}

    .list-box a.active i {
        display: none;
    }

.products .product {
    border-radius: 0.4rem;
    width: 100%;
    box-shadow: 0 1px 4px 0 #0a1121a6;
    overflow: hidden;
    margin-bottom: 20px;
}

    .products .product:hover {
        box-shadow: 0 2px 4px 0 #0a1121a6;
    }

    .products .product .article {
        display: flex;
        width: 100%;
    }

        .products .product .article .img-container {
            margin-left: 0.2rem;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;
            width: 100%;
            max-width: 155px;
            position: relative;
        }

            .products .product .article .img-container .list-badge {
                position: absolute;
                z-index: 12;
                bottom: 0;
                opacity: .75;
                display: inline-block
            }

            .products .product .article .img-container img {
                /*width: 100%;*/
                width: 155px;
                height: 155px;
            }

        .products .product .article .product-detail {
            flex: 1 1 0%;
            width: calc(70% - 0.8rem);
            justify-content: space-between;
            display: flex;
        }

            .products .product .article .product-detail .detail-left {
                width: 50%;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                margin-bottom: 0;
                margin-top: 0.6rem;
                flex: 1 1 0%;
            }

                .products .product .article .product-detail .detail-left .pname {
                    overflow: hidden;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: 700;
                    color: #333;
                    font-size: 14px;
                    text-decoration: none;
                    text-overflow: ellipsis;
                    display: inline-block;
                    width: 95%;
                }

            .products .product .article .product-detail .detail-right {
                min-width: 330px;
                width: 40%;
                padding: 0.2rem;
                justify-content: space-between;
                flex-direction: column;
                display: flex;
            }

            .products .product .article .product-detail .detail-page-right {
                width: 100% !important;
                min-width: 100% !important;
            }

            .products .product .article .product-detail .detail-right .pd-rt {
                width: 100%;
                height: 100%;
                border-radius: 0.4rem;
                background-color: #5baeaa;
                padding: 5px;
                color: #fff;
            }

.pd-tt {
    overflow: hidden;
    border-bottom: 1px solid #777;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.pd-mm {
    overflow: hidden;
    margin-bottom: 7px;
    margin-top: 7%;
    margin-left: 2%;
    margin-right: 2%;
    border-bottom: 1px solid #efefef;
    height: 35%;
}

.pd-bt {
    overflow: hidden;
}

.products .product .article .product-detail .detail-right .pd-rt .shipp {
    width: calc(100% - 100px);
    float: left;
}

.products .product .article .product-detail .detail-right .pd-rt .store {
    width: 100px;
    float: right;
    text-align: center;
}

.product-store {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.product-detail .cart-add-product-btn {
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 10px 15px 9px 15px;
    border-radius: 0.3rem;
    float: left;
    margin-left: 15px;
    width: calc(100% - 185px);
    text-align: center;
}

.products .product-detail .quantity-wrapper .input-group > button {
    width: 30px;
    height: 35px;
}

.products .product-detail .quantity-wrapper .input {
    height: 35px;
}

.shipp i {
    float: left;
    line-height: 30px;
    font-size: 20px;
    margin-left: 5px;
}

.shipp span {
    float: left;
    font-size: 11px;
    text-align: left;
    margin-left: 10px;
    line-height: 15px;
}

.price-left {
    font-size: 11px;
    font-weight: 600;
    float: left;
    line-height: 18px;
}

    .price-left b,
    .price-right b {
        font-size: 15px;
        font-weight: 600;
    }

.price-right {
    font-size: 11px;
    font-weight: 600;
    float: right;
    text-align: right;
    margin-right: 3px;
    line-height: 18px;
}

.detail-left > span,
.detail-left a.pdetail {
    display: inline-block;
    border-top: 1px solid #efefef;
    width: 100%;
    margin-top: 9px;
    padding-top: 10px;
    font-size: 13px;
}

    .detail-left span i,
    .detail-left a.pdetail i {
        margin-left: 5px;
        margin-right: 5px;
        width: 15px;
        text-align: center;
    }

.detail-left span b {
    font-weight: 600;
}

.detail-left a.pdetail {
    text-decoration: none;
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

    .detail-left a.pdetail:hover {
        color: red;
    }

.cart-like-btn {
    height: 35px;
    background-color: #0095ff;
    width: 35px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    line-height: 35px;
    float: right;
}

    .cart-like-btn:hover {
        background-color: #0095ff;
        color: #fff;
        opacity: 0.8;
    }

.product .details .fab {
    padding: 5px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 25px;
    width: 31px;
    height: 28px;
}

    .product .details .fab:hover {
        opacity: 0.7;
    }

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
    background: #00aff0;
    color: white;
}

.fa-android {
    background: #a4c639;
    color: white;
}

.fa-dribbble {
    background: #ea4c89;
    color: white;
}

.fa-vimeo {
    background: #45bbff;
    color: white;
}

.fa-tumblr {
    background: #2c4762;
    color: white;
}

.fa-vine {
    background: #00b489;
    color: white;
}

.fa-foursquare {
    background: #45bbff;
    color: white;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white;
}

.fa-flickr {
    background: #f40083;
    color: white;
}

.fa-yahoo {
    background: #430297;
    color: white;
}

.fa-soundcloud {
    background: #ff5500;
    color: white;
}

.fa-reddit {
    background: #ff5700;
    color: white;
}

.fa-rss {
    background: #ff6600;
    color: white;
}

.product .details {
    margin: 0.6rem;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    display: none;
}

    .product .details .title {
        font-size: 12px;
        font-weight: 500;
        display: block;
        margin-bottom: 5px;
    }

        .product .details .title i {
            margin-right: 5px;
        }

.part1 {
    float: left;
    text-align: center;
    width: 200px;
}

.part2 {
    float: right;
    text-align: center;
    width: 200px;
}

.store-quest {
    display: inline-block;
    background-color: #6c6c6c;
    color: #fff;
    padding: 10px 15px 9px 15px;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}

    .store-quest:hover {
        background-color: #ff3a20;
        color: #fff;
        opacity: 0.8;
        text-decoration: none;
    }

.detail-left > span span:first-child {
    float: left;
}

.detail-left > span span:last-child {
    float: right;
}

.secst {
    display: none !important;
}

.secsp {
    display: inherit !important;
}

.rating-stars.secsp {
    display: flex !important;
    align-items: center;
    gap: 1px;
    line-height: 1;
}

.smatch .img-container {
    max-width: 104px !important;
}

.smatch a.product-store {
    line-height: 25px;
}

.smatch .price-left {
    line-height: 20px;
}

.pd-bt {
    margin-top: 7%;
}

/*.pd-bt2 {
    margin-right: 44%;
    margin-top: 3%;
}*/

.price-range-btn {
    background-color: #ff3a20;
    color: #fff;
    padding: 3px 5px 3px 5px;
    border-radius: 0.3rem;
    margin-left: 2%;
    margin-bottom: 0%;
    text-align: center;
    border: none;
}

    .price-range-btn:focus {
        outline: none !important;
    }

    .price-range-btn:hover {
        color: #fff;
        opacity: 0.7;
        text-decoration: none;
    }

.detail-tabs {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.nav-tabs .nav-link.active {
    border-color: #fff #fff #ff3a20 !important;
}

.nav-tabs .nav-link:hover {
    border-color: #fff #fff #ffff !important;
}

.detail-tabs:hover {
    color: red !important;
    cursor: pointer;
}

.detail-img {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: #ff3a20;
}

.cursor-pointer {
    cursor: pointer;
}

.fav {
    height: 35px;
    width: 35px;
    margin-left: 15px;
}

.ishare {
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    margin: 5px 0px;
}

.iask {
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    margin: 5px 8px;
}

    .iask:hover {
        color: #ff3a20;
    }

.ishare:hover {
    color: #ff3a20;
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: #ff3a20;
}

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

    .ms-options-wrap > button:focus,
    .ms-options-wrap > button {
        text-align: left;
        background-color: #fff;
        outline: none;
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 5px 4px;
        border: 1px solid #ccc;
        font-size: 11px;
        border-radius: 5px;
        width: 100%;
        font-weight: 600;
    }

        .ms-options-wrap > button:after {
            content: ' ';
            height: 0;
            position: absolute;
            top: 50%;
            right: 5px;
            width: 0;
            border: 6px solid rgba(0, 0, 0, 0);
            border-top-color: #999;
            margin-top: -3px;
        }

    .ms-options-wrap > .ms-options {
        min-height: auto !important;
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 20px;
        background: white;
        z-index: 2000;
        border: 1px solid #aaa;
        text-align: left;
    }

        .ms-options-wrap > .ms-options > .ms-search input {
            width: 100%;
            padding: 4px 5px;
            border: none;
            border-bottom: 1px groove;
            outline: none;
        }

        .ms-options-wrap > .ms-options .ms-selectall {
            display: inline-block;
            font-size: .9em;
            text-transform: lowercase;
            text-decoration: none;
        }

            .ms-options-wrap > .ms-options .ms-selectall:hover {
                text-decoration: underline;
            }

        .ms-options-wrap > .ms-options > .ms-selectall.global {
            margin: 4px 5px;
        }

        .ms-options-wrap > .ms-options > ul > li.optgroup {
            padding: 5px;
        }

            .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
                border-top: 1px solid #aaa;
            }

            .ms-options-wrap > .ms-options > ul > li.optgroup .label {
                display: block;
                padding: 5px 0 0 0;
                font-weight: bold;
            }

        .ms-options-wrap > .ms-options > ul label {
            position: relative;
            display: inline-block;
            width: 80%;
            padding: 8px 4px;
            margin: 1px 0 0 15px;
        }

            .ms-options-wrap > .ms-options > ul li.selected label,
            .ms-options-wrap > .ms-options > ul label:hover {
                background-color: #efefef;
            }

        .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
            margin-right: 5px;
            position: absolute;
            left: 4px;
            top: 7px;
        }


.filtreler {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

    .filtreler ul li span {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 6px 0;
        display: inline-block;
        font-size: 13px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        padding-right: 18px;
        position: relative;
    }

    .filtreler ul li a {
        float: left;
        background: #eee;
        position: relative;
        color: #666;
        font-size: 12px;
        margin: 3px 5px 4px 0;
        padding: 6px 25px 4px 7px;
        border-radius: 20px;
        text-decoration: none;
        max-width: 400px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .filtreler ul li a:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: "\d7";
            font-size: 15px;
            color: black;
            line-height: 25px;
            text-align: right;
            margin-right: 9px;
            font-weight: 600;
        }

.tab-content > .tab-pane {
    height: 161px;
    padding: 10px;
}

.col-line {
    padding-left: 0;
    max-width: 21%;
}
/* New CSS */
.smc {
    cursor: pointer
}

.submaincats li {
    padding-left: 8px;
    font-size: 13px;
}

.submaincats a i {
    font-size: 14px !important;
}

.subcats li {
    padding-left: 8px;
    font-size: 13px;
}

.subcats a i {
    font-size: 14px !important;
}

.sharelink {
    text-decoration: none;
    margin-left: 5px;
    color: #FFF !important;
}

    .sharelink i {
        text-decoration: none
    }

.firsatlar-div {
    margin: 0 0 20px 0px !important;
    padding: 5px;
    background: #ff3a20
}

    .firsatlar-div h3 {
        color: #fff;
        font-size: 1.3rem
    }

.tab-content .bilgi .prepare-top {
    margin-top: 20px
}

    .tab-content .bilgi .prepare-top div {
        background: #faf8f8
    }

.tab-content .bilgi .row div {
    padding: 18px !important;
    border: 1px solid #cecece
}

.carousel-item .col-md-3 {
    padding-top: 7px
}

.homeSlide .badge-right {
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
    text-align: center;
    width: 110px;
    z-index: 99;
}

    .homeSlide .badge-left img,
    .homeSlide .badge-right img {
        max-width: 100%;
        border: 1px solid #fe5533;
        border-radius: 3px;
    }

.homeSlide .badge-left-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 60px;
    z-index: 99;
}

    .homeSlide .badge-left-bottom img {
        max-width: 100%;
        text-shadow: 0 -1px 1px #b3d6f9, 0 1px 0 #243350;
        border-radius: 3px;
    }

.footer-social .bg {
    background: #7c7c7c !important;
}

.zg-bdg-body {
    height: 25px;
}

.zg-bdg-clr-body {
    background-color: #ff3a20;
    position: absolute;
}

.zg-bdg-text {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    padding: 0 8px;
}

.zg-bdg-ctr {
    height: 25px;
    height: -moz-fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    position: absolute;
}

.zg-bdg-clr-tri {
    color: #ff3a20;
    margin-left: 33px;
}

.zg-bdg-tri {
    border-right: 10px solid transparent;
    border-top: 25px solid;
    height: 0;
    width: 0;
}

.private-product {
    font-size: 11px;
    margin-top: 5px
}

.list-more {
    font-size: 14px;
    font-weight: normal;
    color: red;
    text-decoration: underline !important;
    vertical-align: text-bottom;
    padding-left: 2px;
}

.menu-acc {
    color: #ff3a20 !important;
}

.cat-list .item .col-md-3 {
    padding-top: 7px;
}

.cat-list .card {
    position: relative;
    margin-bottom: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: none;
    border-top: none;
}

.cat-list .carousel-inner {
    margin-top: 30px;
    text-align: center;
}

.cat-list .carousel-item {
    display: block !important;
    margin-top: 10px;
}

    .cat-list .carousel-item .col-md-3 {
        float: left;
    }

.pad0 {
    padding: 0 !important;
}

.addcart-detail-btn {
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 10px 15px 9px 15px;
    border-radius: 0.3rem;
    float: left;
    width: 100%;
    margin-top: 8px;
    text-align: center;
}

.products .product .article .img-con {
    margin-left: 0.2rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    width: 100%;
    position: relative;
}

.detail .product {
    border-radius: 0.4rem;
    width: 100%;
    box-shadow: none !important;
    overflow: hidden;
    margin-bottom: 20px;
}

    .detail .product .article .product-detail {
        flex: 1 1 0%;
        width: 100% !important;
        justify-content: space-between;
        display: flex;
    }



.detail-slide .carousel {
    position: relative;
}

.detail-slide .carousel-item img {
    object-fit: cover;
}

.detail-slide #carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0;
    padding: 0 50px;
    right: 0;
}

    .detail-slide #carousel-thumbs img {
        border: 5px solid transparent;
        cursor: pointer;
    }

        .detail-slide #carousel-thumbs img:hover {
            border-color: rgba(255,255,255,.3);
        }

    .detail-slide #carousel-thumbs .selected img {
        border-color: #fff;
    }

.detail-slide .carousel-control-prev,
.detail-slide .carousel-control-next {
    width: 50px;
}

@media all and (max-width: 767px) {
    .detail-slide .carousel-container #carousel-thumbs img {
        border-width: 3px;
    }
}

@media all and (min-width: 576px) {
    .detail-slide .carousel-container #carousel-thumbs {
        position: absolute;
    }
}

@media all and (max-width: 576px) {
    .detail-slide .carousel-container #carousel-thumbs {
        background: #ccccce;
    }
}








.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: contain;
    max-height: 205px;
}

#carousel-thumbs {
    background: #f0f0f0;
    padding: 0 50px;
}

    #carousel-thumbs img:hover {
        opacity: 100%;
    }

    #carousel-thumbs img {
        opacity: 80%;
        border: 3px solid transparent;
        cursor: pointer;
    }

    #carousel-thumbs .selected img {
        opacity: 100%;
    }

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.carousel-fullscreen-icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

    .carousel-fullscreen-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
    }

.pause .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

    .pause .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
    }

.play .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

    .play .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
    }

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

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

#lightbox-container-image img {
    width: auto;
    max-height: 520px;
}




.inputs {
    display: flex;
}

    .inputs label {
        width: 90%;
        align-self: center;
        margin-bottom: 10px;
    }

    .inputs select {
        margin-bottom: 10px;
    }

    .inputs .support-inputs {
        width: 95%;
        padding-left: 10px;
    }

.support-inputs {
    width: 70%;
    display: flex;
    flex-direction: column;
}

    .support-inputs input,
    .support-inputs textarea,
    .support-inputs select {
        width: 90% !important;
    }

    .support-inputs span {
        margin-left: 3px;
        margin-top: 3px;
        color: #FF3920;
    }


.buttons {
    display: flex;
    justify-content: end;
    padding: 20px;
}

    .buttons button {
        width: 150px;
        height: 50px;
        color: #fff;
        background: #ff3a20;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        text-decoration: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border: none;
    }

        .buttons button:hover {
            background-color: #e60000;
        }

.page-title {
    text-align: center;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .inputs input {
        width: initial;
    }
}

.page .sub-container {
    padding: 50px;
}
/*IYS*/
.carousel-item .card {
    width: 100%;
}

.carousel-item .card-img {
    display: flex;
    justify-content: center;
}

    .carousel-item .card-img img {
        height: 220px;
        width: auto;
        object-fit: contain;
    }

/*IYS*/
/* New CSS */
.smc {
    cursor: pointer
}

.submaincats li {
    padding-left: 8px;
    font-size: 13px;
}

.submaincats a i {
    font-size: 14px !important;
}

.subcats li {
    padding-left: 8px;
    font-size: 13px;
}

.subcats a i {
    font-size: 14px !important;
}

.sharelink {
    text-decoration: none;
    margin-left: 5px;
    color: #FFF !important;
}

    .sharelink i {
        text-decoration: none
    }

.firsatlar-div {
    margin: 0 0 20px 0px !important;
    padding: 5px;
    background: #ff3a20
}

    .firsatlar-div h3 {
        color: #fff;
        font-size: 1.3rem
    }

.tab-content #bilgi .prepare-top {
    margin-top: 20px;
}

    .tab-content #bilgi .prepare-top div {
        background: #faf8f8
    }

.tab-content #bilgi .row div {
    padding: 18px !important;
    border: 1px solid #cecece
}

.carousel-item .col-md-3 {
    padding-top: 7px
}

.homeSlide .badge-right {
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
    text-align: center;
    width: 110px;
    z-index: 99;
}

    .homeSlide .badge-left img,
    .homeSlide .badge-right img {
        max-width: 100%;
        border: 1px solid #fe5533;
        border-radius: 3px;
    }

.homeSlide .badge-left-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 60px;
    z-index: 99;
}

    .homeSlide .badge-left-bottom img {
        max-width: 100%;
        text-shadow: 0 -1px 1px #b3d6f9, 0 1px 0 #243350;
        border-radius: 3px;
    }

.footer-social .bg {
    background: #7c7c7c !important;
}

.zg-bdg-body {
    height: 25px;
}

.zg-bdg-clr-body {
    background-color: #ff3a20;
    position: absolute;
}

.zg-bdg-text {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    padding: 0 8px;
}

.zg-bdg-ctr {
    height: 25px;
    height: -moz-fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    position: absolute;
}

.zg-bdg-clr-tri {
    color: #ff3a20;
    margin-left: 33px;
}

.zg-bdg-tri {
    border-right: 10px solid transparent;
    border-top: 25px solid;
    height: 0;
    width: 0;
}

.private-product {
    font-size: 11px;
    margin-top: 5px
}

.menu-acc {
    color: #ff3a20 !important;
}

.cat-list .item .col-md-3 {
    padding-top: 7px;
}

.cat-list .card {
    position: relative;
    margin-bottom: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: none;
    border-top: none;
}

.cat-list .carousel-inner {
    margin-top: 30px;
    text-align: center;
}

.cat-list .carousel-item {
    display: block !important;
    margin-top: 10px;
}

    .cat-list .carousel-item .col-md-3 {
        float: left;
    }

.pad0 {
    padding: 0 !important;
}

.addcart-detail-btn {
    display: inline-block;
    background-color: #ff3a20;
    color: #fff;
    padding: 10px 15px 9px 15px;
    border-radius: 0.3rem;
    float: left;
    width: 100%;
    margin-top: 8px;
    text-align: center;
}

.products .product .article .img-con {
    margin-left: 0.2rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    width: 100%;
    position: relative;
}

.detail .product {
    border-radius: 0.4rem;
    width: 100%;
    box-shadow: none !important;
    overflow: hidden;
    margin-bottom: 20px;
}

    .detail .product .article .product-detail {
        flex: 1 1 0%;
        width: 100% !important;
        justify-content: space-between;
        display: flex;
    }



.detail-slide .carousel {
    position: relative;
}

.detail-slide .carousel-item img {
    object-fit: cover;
}

.detail-slide #carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0;
    padding: 0 50px;
    right: 0;
}

    .detail-slide #carousel-thumbs img {
        border: 5px solid transparent;
        cursor: pointer;
    }

        .detail-slide #carousel-thumbs img:hover {
            border-color: rgba(255,255,255,.3);
        }

    .detail-slide #carousel-thumbs .selected img {
        border-color: #fff;
    }

.detail-slide .carousel-control-prev,
.detail-slide .carousel-control-next {
    width: 50px;
}

@media all and (max-width: 767px) {
    .detail-slide .carousel-container #carousel-thumbs img {
        border-width: 3px;
    }
}

@media all and (min-width: 576px) {
    .detail-slide .carousel-container #carousel-thumbs {
        position: absolute;
    }
}

@media all and (max-width: 576px) {
    .detail-slide .carousel-container #carousel-thumbs {
        background: #ccccce;
    }
}








.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    background: #f0f0f0;
    padding: 0 50px;
}

    #carousel-thumbs img:hover {
        opacity: 100%;
    }

    #carousel-thumbs img {
        opacity: 80%;
        border: 3px solid transparent;
        cursor: pointer;
    }

    #carousel-thumbs .selected img {
        opacity: 100%;
    }

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.carousel-fullscreen-icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

    .carousel-fullscreen-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
    }

.pause .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

    .pause .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
    }

.play .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

    .play .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
    }

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

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

#lightbox-container-image img {
    width: auto;
    max-height: 520px;
}

.select-category {
    border: none !important;
    text-align: center;
    float: right !important;
    padding: 0 !important;
    height: 85% !important;
    margin: 3px 0 !important;
    border: none !important;
    border-left: 1px solid #dfdfdf;
    border-radius: unset;
}

/*
.search-input-iys {
    width: 101% !important;
    border: 2px solid #fe2a00;
    outline: none;
    border-radius: 2em 0 0 2em;
    height: 50px!important;
    z-index: 0;
    top: 0;
}
 */
.search-input-iys span:first-child {
    left: 0 !important;
    top: 0 !important;
    height: 100%;
    width: calc(100% - 120px);
    border: none;
}

    .search-input-iys span:first-child input {
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        padding: 0 !important;
        padding-left: 10px !important;
    }

.search-category-from-iys {
    width: 100% !important;
    padding-left: 25px;
}

/*REDEFINE*/

:root {
    --ti-color-primary: #FF3A20;
    --bs-btn-active-bg: #FF3A20;
}

html,
body {
    font-size: 0.9rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ti-required {
    color: var(--ti-color-primary) !important;
    padding-left: 2px;
}

.phone-number, .e-mail, .contact-form {
    color: black;
    text-decoration: underline !important;
}

    .phone-number:hover, .e-mail:hover, .contact-form:hover {
        color: #ff3A20;
    }

.contact-link {
    color: #212529;
    text-decoration: underline !important;
}

    .contact-link:hover {
        color: #ff3A20;
        text-decoration: underline !important;
    }

.sss-link {
    color: #212529;
    text-decoration: underline !important;
}

    .sss-link:hover {
        color: #ff3A20;
        text-decoration: underline !important;
    }

.accountagency-support-line {
    color: #212529;
    text-decoration: underline !important;
}

    .accountagency-support-line:hover {
        color: #ff3A20;
        text-decoration: underline !important;
    }

.faq-container {
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
    align-items: center;
    justify-content: center;
}

.faq-box {
    padding: 45px;
    width: 100vh;
    border-radius: 15px;
    background-color: #F8F8F8;
}

.policies-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.policies-box {
    width: 60%;
    padding: 45px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 15px;
    background-color: #F8F8F8;
}

.question {
    color: #ff3A20;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answer {
    display: none;
    margin-top: 10px;
    margin-bottom: 25px;
}

.arrow-down,
.arrow-up {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transition: transform 0.3s;
}

.rotate-up {
    transform: rotate(180deg);
}

.headerForm {
    display: flex;
    padding-top: 10px;
    align-items: baseline;
    padding: .5rem 0;
}

    .headerForm h3 {
        padding-left: 20px;
        vertical-align: bottom;
        letter-spacing: 2px;
        font-weight: 600;
    }

    .headerForm img {
        width: 70px;
        padding-left: 20px;
    }

.ti-hr {
    width: 100%;
    background-color: #FF3A20 !important;
    border: none;
    padding-top: 3px;
    color: #FF3A20 !important;
    display: block !important;
    opacity: 1 !important;
    margin: 0px;
}

.formContent {
    max-width: 1024px;
}

.companyInfo {
    display: none;
}

.formContent .form-input-area div > input:not([type="checkbox"]), .formContent .form-input-area div.fourthColumn {
    width: 100%;
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
}

.formContent .form-input-area div > select {
    background-color: var(--bs-gray-100);
}

.tiupload {
    color: var(--ti-color-primary) !important;
    font-size: large;
    top: -5px !important;
}

.upload {
    font-size: 16px !important;
    padding-top: 28px !important;
}

.file_name {
    font-size: x-large;
    align-items: center;
}

#btn {
    background-color: var(--ti-color-primary);
    border-color: wheat;
    border-radius: 5px;
    width: 150px;
    height: 50px;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.formContent .form-input-area div > input:focus {
    outline-color: var(--ti-color-primary) !important;
    border-color: var(--ti-color-primary) !important;
    border-inline-color: var(--ti-color-primary);
    box-shadow: none;
    outline: auto;
}

.formContent .form-input-area div > textarea {
    width: 100% !important;
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 3rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
}

    .formContent .form-input-area div > textarea:focus {
        outline-color: var(--ti-color-primary) !important;
        background-color: white;
        border-color: var(--ti-color-primary) !important;
        border-inline-color: var(--ti-color-primary);
        box-shadow: none;
        outline: auto;
    }

/*checkbox arka plan rengi*/
.form-check-input {
    background-color: var(--bs-gray-100);
}

    .form-check-input:checked {
        background-color: var(--ti-color-primary) !important;
        border-color: var(--ti-color-primary) !important;
    }

.tiform .form-check-input[type=checkbox] {
    appearance: none !important;
}


.flexRow-no-grid span {
    font-family: sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--bs-gray-800);
    padding-left: 15px;
}



.tiform label {
    display: flex;
    font-family: sans-serif;
    font-weight: 500;
    color: var(--bs-gray-700);
    left: inherit !important;
    /* place-content: center;*/
    gap: 2px;
    width: auto;
}

.tiform div select {
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
    width: 100% !important;
}

.form-input-area {
    width: -webkit-fill-available;
}



.formContent .form-input-area div > select:focus {
    color: var(--bs-gray-700);
    outline-color: var(--ti-color-primary) !important;
    background-color: white;
    border-color: var(--ti-color-primary) !important;
    border-inline-color: var(--ti-color-primary);
    box-shadow: none;
    outline: auto;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.switch-button-label:active {
    color: var(--ti-color-primary);
}

.formContainer {
    align-items: center;
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
    /*  padding-top: 20px;*/
    padding-bottom: 20px;
}

.flexRow-no-grid {
    padding-bottom: 26px;
}

.flexRow {
    display: grid;
    /*justify-self: center;*/
    gap: 0.8rem;
    align-self: center;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 10px;
    /*column-gap:0.8rem;*/
}

    .flexRow input:not([type="checkbox"]),
    .flexRow select {
        width: 100%;
    }

#indicator-progress {
    display: block;
}

.form-floating {
    text-align: initial;
}

    .form-floating label {
        padding: 1.1rem 0.75rem;
    }

input[type="password"], #Password, #ConfirmPassword {
    background-image: none !important;
}

.field-wrap.force-ltr > input {
    background-image: none !important;
    border-color: transparent !important;
    padding-right: 10px !important;
}

.flexRow.oneColumn {
    grid-template-columns: auto;
}

.flexRow.oneColumnAddress {
    grid-template-columns: auto;
    width: 100%;
}

.flexRow.threeColumn {
    grid-template-columns: repeat(3, 1fr);
}

.flexRow.fileInput {
    color: #da0c0c !important;
}

.formContent .form-input-area div > input[type="file"] {
    opacity: 1;
}

.gridRow {
    display: grid;
    grid-template-columns: 5px 90%;
}

.formContent .permission {
    display: grid;
    grid-template-rows: auto;
    align-self: center;
    grid-gap: 10px;
    padding-top: 20px;
    padding-left: 20px;
}

.permission .checkbox-label {
    display: grid;
    grid-template-columns: 95% 5%;
    align-items: center;
    color: var(--bs-gray-800);
    text-align: start;
}

.checkbox-content {
    width: 90%;
    padding-left: 60px;
    padding-bottom: 10px;
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
}

.checkbox-content-nonscroll {
    width: 90%;
    padding-left: 40px;
    height: 100px;
    border-bottom: 1px solid #ddd;
}

.password-toggle-container i {
    /*g�z*/
    color: gray;
    position: absolute;
    right: 1rem;
    top: 20px;
}

.tiform button {
    border-radius: 5px;
    width: 150px;
    height: 50px;
    border: 1px solid #919191;
    font-family: sans-serif;
    font-size: 16px;
}



.tiform {
    max-width: 700px !important;
    padding: 20px;
    text-align: -webkit-center;
    width: auto;
    margin-right: auto !important;
    margin-left: auto !important;
}

    .tiform .button-area {
        padding-top: 25px;
        text-align: center;
        text-align: -webkit-center;
        max-width: 1024px;
        align-items: end;
    }

    .tiform div button {
        background-color: #FF3A20;
        display: block;
        color: white;
        border: #FF3A20;
    }

.password-toggle-container {
    display: flex;
    flex-direction: column;
}

.tiform div.permission i {
    width: 15px;
    height: 15px;
    color: #fa3f3f !important;
    display: grid;
    align-content: space-around;
    cursor: pointer;
}

.btn-back svg {
    transform: rotate(180deg);
}

.btn-back {
    background-color: #293f53d4 !important;
    --bs-btn-color: #000;
    --bs-btn-bg: #293f53d4 !important;
    --bs-btn-border-color: #f8f9fa;
}

    .btn-back:hover {
        color: white;
        background-color: #da0c0c;
        transition: .2s;
        box-shadow: 0px 3px 3px 0px #4d6780d4 !important;
        /* 3a5269d4 */
    }

.password-toggle::after {
    right: 5px;
    top: 5px;
    position: absolute;
    transform: translateY(-50%);
    cursor: pointer;
}

.accordion-button:not(.collapsed) {
    color: #212529 !important;
    background-color: transparent !important;
}

.permission .accordion-button {
    padding: 1px 7px 1px 5px;
    color: var(--bs-accordion-btn-color);
    background-color: var(--bs-accordion-btn-bg);
}

.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    height: 0em !important;
}



.switch-button {
    border: 1px solid var(--bs-gray-400);
    background: rgb(122 100 100 / 56%);
    border-radius: 30px;
    overflow: hidden;
    width: 100px;
    height: 40px;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: white;
    position: relative;
    padding-right: 120px;
    box-sizing: revert;
    display: flex;
    flex-direction: row;
}

    .switch-button:before {
        content: "Bireysel";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        pointer-events: none;
    }

.switch-button-checkbox {
    cursor: pointer;
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 100%; */
    opacity: 0;
    z-index: 2;
}

    .switch-button-checkbox:checked + .switch-button-label:before {
        transform: translateX(120px);
        transition: transform 300ms linear;
    }

    .switch-button-checkbox + .switch-button-label {
        height: 100%;
        position: relative;
        display: flex;
        user-select: none;
        pointer-events: none;
        justify-content: center;
        align-items: center;
    }

        .switch-button-checkbox + .switch-button-label:before {
            content: "";
            background: var(--ti-color-primary);
            height: 100%;
            width: 155%;
            position: absolute;
            /* left: 0; */
            top: 0;
            border-radius: 30px;
            transform: translateX(0);
            transition: transform 300ms;
            box-shadow: 3px 1px 9px 0px darkslategray;
        }

.switch-button-label-span {
    position: relative;
    color: var(--bs-gray-100) !important;
}

.tiform button:hover {
    color: white;
    background-color: #da0c0c;
    transition: .2s;
    box-shadow: 0px 3px 3px 0px rgb(218, 12, 12, 0.3);
}

.form-switch .ti-switch {
    appearance: none !important;
    background-color: #dfe1e4 !important;
    border-radius: 72px !important;
    border-style: none !important;
    flex-shrink: 0 !important;
    height: 20px !important;
    margin: 0 !important;
    position: relative !important;
    width: 30px !important;
}

    .form-switch .ti-switch::before {
        bottom: -6px !important;
        content: "" !important;
        left: -6px !important;
        position: absolute !important;
        right: -6px !important;
        top: -6px !important;
    }

    .form-switch .ti-switch,
    .form-switch .ti-switch::after {
        transition: all 100ms ease-out !important;
    }

        .form-switch .ti-switch::after {
            background-color: #fff !important;
            border-radius: 50% !important;
            content: "" !important;
            height: 14px !important;
            left: 3px !important;
            position: absolute !important;
            top: 3px !important;
            width: 14px !important;
        }

.form-switch input[type=checkbox] {
    cursor: default !important;
    margin-left: -2.5em !important;
    margin-top: 4px !important;
}

.form-switch .ti-switch:hover {
    background-color: #c9cbcd !important;
    transition-duration: 0s !important;
}

.form-switch .ti-switch:checked {
    background-color: #f54828 !important;
}

    .form-switch .ti-switch:checked::after {
        background-color: #fff !important;
        left: 13px !important;
    }

.form-switch :focus:not(.focus-visible) {
    outline: 0 !important;
}

.form-switch .ti-switch:checked:hover {
    background-color: #f54828 !important;
}

.wanna-be-transporter-container {
    padding: 1rem 0;
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-left: 25px;
}


.transporter-img {
    width: 80px;
    height: 44px;
}

    .transporter-img img {
        width: 100%;
        height: 100%;
    }

.transporter-text {
    font-size: 20px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    letter-spacing: 2px;
}

.btn-warning {
    position: relative;
    padding: 11px 16px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: red;
    border: 0;
    overflow: hidden;
}

    .btn-warning input[type="file"] {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(3);
        opacity: 0;
    }


.file {
    display: inline-flex;
    flex-wrap: wrap;
}


    .file.oneColumn {
        grid-template-columns: auto;
    }

.file-no-grid {
    padding-bottom: 10px;
}

.file {
    display: grid;
    justify-self: center;
    grid-template-columns: auto auto;
    padding-bottom: 10px;
}

.content-file {
    margin-left: 225px;
}

.form-file > .btn-warning {
    height: 3em;
    width: 20em;
}

.move-button {
    display: inline-flex;
    margin-left: 550px;
}



/* .formContent .form-input-area div>select {
    width: 100% !important;
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
} */

.fileinpbtn {
    cursor: pointer;
    width: 130px;
    background: #f8f8f8;
    height: 50px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    text-align: center;
    -webkit-transition: 500ms all;
    -moz-transition: 500ms all;
    transition: 500ms all;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    display: flex;
    display: -webkit-flex;
}

/* METRONIC */
.stepper [data-kt-stepper-element=content],
.stepper [data-kt-stepper-element=info] {
    display: none
}

    .stepper [data-kt-stepper-element=content].current,
    .stepper [data-kt-stepper-element=info].current {
        display: flex;
        flex-direction: column;
    }

.stepper .stepper-item[data-kt-stepper-action=step] {
    cursor: pointer
}

.stepper [data-kt-stepper-action=previous] {
    display: none
}

.stepper [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper [data-kt-stepper-action=submit] {
    display: none
}

.stepper.first [data-kt-stepper-action=previous] {
    display: none
}

.stepper.first [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper.first [data-kt-stepper-action=submit] {
    display: none
}

.stepper.between [data-kt-stepper-action=previous] {
    display: inline-block
}

.stepper.between [data-kt-stepper-action=next] {
    display: inline-block
}

.stepper.between [data-kt-stepper-action=submit] {
    display: none
}

.stepper.last [data-kt-stepper-action=previous] {
    display: inline-block
}

.stepper.last [data-kt-stepper-action=next] {
    display: none
}

.stepper.last [data-kt-stepper-action=submit] {
    display: inline-block
}

    .stepper.last [data-kt-stepper-action=submit].btn-flex {
        display: flex
    }

.stepperInfo {
    width: 800px;
}

.stepper.stepper-pills .stepper-nav {
    display: flex
}

.stepper.stepper-pills .stepper-item {
    display: flex;
    align-items: center;
    transition: color .2s ease, background-color .2s ease
}

    .stepper.stepper-pills .stepper-item .stepper-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color .2s ease, background-color .2s ease;
        width: 40px;
        height: 40px;
        border-radius: .475rem;
        background-color: var(--bs-gray-300);
        margin-right: 1.5rem
    }

        .stepper.stepper-pills .stepper-item .stepper-icon .stepper-check {
            display: none;
            font-size: 1rem
        }

        .stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
            font-weight: 600;
            font-size: 1.25rem
        }

    .stepper.stepper-pills .stepper-item .stepper-label {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
            color: #3f4254;
            font-weight: 600;
            font-size: 1.25rem;
            margin-bottom: .3rem;
        }

        .stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
            color: #a1a5b7
        }

    .stepper.stepper-pills .stepper-item.current {
        transition: color .2s ease, background-color .2s ease
    }

        .stepper.stepper-pills .stepper-item.current .stepper-icon {
            transition: color .2s ease, background-color .2s ease;
            background-color: var(--ti-color-primary);
        }

            .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check {
                color: #009ef7;
                display: none
            }

            .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number {
                color: #fff !important;
                font-size: 1.35rem
            }

        .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
            color: #7e8299
        }

        .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
            color: #b5b5c3
        }

        .stepper.stepper-pills .stepper-item.completed .stepper-icon,
        .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon {
            transition: color .2s ease, background-color .2s ease;
            background-color: var(--ti-color-primary);
        }

            .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check,
            .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
                color: white !important;
                display: inline-block
            }

            .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number,
            .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number {
                display: none
            }

        .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title,
        .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title {
            color: #a1a5b7
        }

        .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc,
        .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-desc {
            color: #b5b5c3
        }

.stepper.stepper-pills.stepper-column .stepper-nav {
    flex-direction: column
}

.stepper.stepper-pills.stepper-column .stepper-item {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 2.5rem
}

.stepper.stepper-pills.stepper-column .stepper-icon {
    z-index: 1
}

.stepper.stepper-pills.stepper-column .stepper-line {
    display: block;
    content: " ";
    justify-content: center;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    transform: translate(50%);
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #e4e6ef
}

.stepper.stepper-pills.stepper-column .stepper-item:first-child .stepper-line {
    top: 50%
}

.stepper.stepper-pills.stepper-column .stepper-item:last-child .stepper-line {
    bottom: 50%
}

.svg-icon.svg-icon-1 svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
    margin-right: 20px;
}

.svg-icon.svg-icon-success svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: #50cd89;
}

.svg-icon.svg-icon-success svg:hover [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-success svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: #50cd89;
}

.svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #a1a5b7;
}
/*** METRONIC END***/
[data-kt-indicator=on] > .indicator-progress {
    display: inline-block
}

[data-kt-indicator=on] > .indicator-label {
    display: none
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mx-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.information-text {
    color: var(--bs-gray-700);
    padding-top: 14px;
    display: block;
    font-family: sans-serif;
    font-size: initial;
    text-decoration: none !important;
}

    .information-text:hover {
        color: var(--bs-gray-700);
        padding-top: 14px;
        display: block;
        font-family: sans-serif;
        font-size: initial;
        text-decoration: none !important;
    }

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

.phoneVerifyInput {
    width: 70%;
    margin: 0;
    border-radius: 8px 8px 8px 8px !important;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
}

    .phoneVerifyInput + a {
        width: 34%;
        display: inline-block;
        border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 8px 8px 8px 8px;
        -o-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        text-align: center;
        border: 1px solid #999999;
        border-left: 0;
        padding: 14.5px 0;
        text-decoration: none;
        background-color: #ecb226;
        color: #fff;
        font-weight: bold;
        padding-top: 8px;
        padding-right: 2px;
        /* color: #000000; */
        position: absolute;
        right: 6px;
        top: 6px;
        height: 40px;
        border-color: #dfc539;
    }

        .phoneVerifyInput + a:hover {
            background-color: #198754;
            border-color: #029451;
        }

.phoneVerifyInput {
    width: 60%;
}


a.verifyphone.verify {
    background-color: #039487 !important;
    font-size: 20px;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    cursor: default;
}

.w-lg-700px {
    max-width: 700px !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
    background-color: var(--bs-gray-100) !important;
}

.form-select:focus {
    border-color: var(--ti-color-primary);
}

.tiform div .closeBtn {
    border-radius: 5px;
    width: 40px;
    height: 35px;
    border: 1px solid #919191;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--bs-gray-200);
    display: block;
    color: var(--bs-gray-700);
    border: var(--ti-color-primary);
}

    .tiform div .closeBtn span {
        font-family: sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: white;
    }

.tiform div .verifySmsButton {
    width: 120px;
    height: 40px;
    font-size: 16px;
    background-color: #ecb226;
}

    .tiform div .verifySmsButton:hover {
        background-color: #198754;
        border-color: #029451;
        box-shadow: none;
    }

.verifySmsButton:focus-visible {
    color: white !important;
}

.modal-content {
    border-radius: 10px !important;
}

.modal .header {
    border-bottom: none !important;
}

.tiform .modal-content .modal-title {
    padding: 25px 25px 0px 25px;
    font-size: 1.1rem;
    color: var(--bs-gray-700);
}

.centerModal {
    margin-top: 10%;
    max-height: 90% !important;
    overflow: hidden !important;
    width: 500px !important;
}

.result-title {
    font-family: sans-serif !important;
    color: #0a0101c4 !important;
    font-weight: 550 !important;
}

.result-text {
    font-family: sans-serif !important;
    font-weight: 500 !important;
}

.check {
    padding-bottom: 16px;
    padding-top: 14px;
}

.anasayfa {
    font-family: sans-serif !important;
}

.field-wrap input {
    width: 56px;
    height: 56px;
    left: 56px;
    top: 280px;
    background: #3D3D3D;
    border-radius: 9px;
    position: inherit;
    /* identical to box height */
    color: #FFFFFF;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
}

    .field-wrap input:focus {
        background: #3D3D3D;
        color: #FFFFFF;
        outline-color: var(--bs-gray-200) !important;
        border-color: var(--bs-gray-200);
        border-inline-color: var(--bs-gray-200);
        box-shadow: none;
        outline: auto;
    }

.security-code-container {
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

.noneBorderLine {
    border-bottom: none !important;
}

.formContent .form-input-area div > input[type=file] {
    font-size: 1.05rem;
    padding-left: 11px;
}

.securty-code-error {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}


/* input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */

@media screen and (max-width: 768px) {
    .formContent, .flexRow {
        grid-template-columns: 1fr;
        /* tek s�tun */
    }

    .file {
        grid-template-columns: 1fr;
        /* tek s�tun */
        gap: 8px;
        float: right;
        margin-right: 38px;
    }

    .resultContent i {
        font-size: 150px !important;
        color: green;
    }

    .flexRow.fourthColumn {
        display: flex !important;
        flex-direction: column;
        align-content: flex-start;
        display: -webkit-flex !important;
        align-items: flex-start;
        gap: inherit;
        margin-bottom: 15px;
    }
}



.indicator-progress {
    display: none;
}

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-bottom: 0.225rem !important;
}

@media screen and (max-width: 768px) {
    .move-button {
        grid-template-columns: 1fr;
        /* tek s�tun */
        gap: 8px;
        float: right;
        margin-right: 38px;
    }
}

@media screen and (max-width: 768px) {
    .stepper-nav {
        grid-template-columns: 1fr;
        /* tek s�tun */
    }
}

.checkbox-container {
    display: flex;
    align-items: center;
}

    .checkbox-container > input[type=checkbox] {
        width: 3% !important;
    }

.resultBody {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--bs-body-font-size) !important;
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%,#e1e8ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e8ed',GradientType=0 );
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.resultContent {
    font-size: var(--bs-body-font-size) !important;
}

    .resultContent .wrapper-1 {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .resultContent .wrapper-2 {
        padding: 30px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .resultContent h1 {
        font-size: 4em;
        letter-spacing: 3px;
        color: #009242;
        margin: 0;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .resultContent .wrapper-2 p {
        margin: 0;
        font-size: 1.15em;
        /* color:#aaa; */
        color: var(--bs-gray-700);
        letter-spacing: 1px;
    }

    .resultContent .go-home {
        color: #fff;
        background: var(--ti-color-primary);
        border: none;
        padding: 10px 50px;
        margin: 30px 0;
        border-radius: 30px;
        text-transform: capitalize;
        /* box-shadow: 0 10px 16px 1px rgb(218, 12, 12, 0.3); */
    }

    .resultContent .footer-like {
        margin-top: auto;
        background: var(--bs-gray-300);
        padding: 6px;
        text-align: center;
        margin-bottom: 30px;
    }

        .resultContent .footer-like p {
            margin: 0;
            padding: 4px;
            /* color:#5892FF; */
            color: var(--bs-gray-700);
            letter-spacing: 1px;
        }

            .resultContent .footer-like p a {
                text-decoration: none;
                color: var(--bs-gray-700);
                /* color:#5892FF; */
                font-weight: 600;
            }

@media (min-width:360px) {
    .resultContent h1 {
        font-size: 3.8em;
    }

    .resultContent .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width:600px) {
    .resultContent .resultContent {
        max-width: 1000px;
        margin: 0 auto;
    }

    .resultContent .wrapper-1 {
        height: initial;
        max-width: 900px;
        margin: 0 auto;
        margin-top: 20px;
        /* box-shadow: 4px 8px 40px 8px rgb(218, 12, 12, 0.3); */
    }

    .successIcon {
        font-size: 150px !important;
        color: #10cb0a;
    }
}

.main {
    display: flex;
    justify-content: center;
}

.infoBox {
    width: 400px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--bs-gray-700);
    margin-top: 130px;
}

.excludedItems {
    color: var(--bs-gray-500);
}

.infoBoxBg {
    background-color: var(--bs-gray-100);
}

    .infoBoxBg h1 {
        font-size: 1.55rem !important;
    }

.infoBoxSubTitle {
    color: var(--bs-gray-600);
    padding: 5px;
}

.infoBoxContent {
    margin-left: 20px;
}

.result-info {
    background-color: #ff00000f;
    border: 1px solid var(--ti-color-primary);
    padding: 3%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#result-triangle-icon {
    color: red;
}

.result-address {
    padding: 10px;
    background-color: #999;
    color: white;
    font-weight: 500;
    padding-right: 5%;
    padding-left: 5%;
}

.fv-row {
    margin-top: 30px;
    background: #F4F7F9;
    padding: 18px;
}

/*.shipperRegisterBody {
    background-color: var(--bs-gray-200);
}*/

.containerShipper {
    display: flex;
    justify-content: center;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 1000px !important;
    padding: 20px;
    text-align: -webkit-center;
    width: auto;
    margin-right: auto !important;
    margin-left: auto !important;
    gap: 30px;
}

    .containerShipper div {
        margin: 10px;
        padding: 20px;
        border-radius: 10px;
        background-color: #f7f7f7;
        width: 50%;
    }

    .containerShipper img {
        max-width: 80px;
        max-height: 80px;
        margin-bottom: 20px;
    }

    .containerShipper button {
        border-radius: 5px;
        width: 150px;
        height: 50px;
        border: 1px solid #919191;
        font-family: sans-serif;
        font-size: 16px;
    }

    .containerShipper .button-area {
        padding: 0;
        text-align: center;
        text-align: -webkit-center;
        max-width: 1024px;
        margin-bottom: 20px;
    }

    .containerShipper div button {
        background-color: #FF3A20;
        display: block;
        color: white;
        border: #FF3A20;
    }

    .containerShipper button:hover {
        color: white;
        background-color: #da0c0c;
        transition: .2s;
        box-shadow: 0px 3px 3px 0px rgb(218, 12, 12, 0.3);
    }

.individualRegisterBox, .corporateRegisterBox {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.shipperDivTitle {
    color: var(--ti-color-primary);
    font-weight: bold;
    font-size: 1.25rem;
}

.shipperContent {
    width: 100% !important;
}

    .shipperContent span {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        color: var(--bs-gray-700);
    }

#CompanyTitle:focus::placeholder {
    color: #a9a9a9 !important;
    opacity: 1 !important;
    font-weight: 200;
    font-size: 1.1rem;
}

#VehiclePlate:focus::placeholder {
    color: #a9a9a9 !important;
    opacity: 1 !important;
    font-weight: 200;
    font-size: 1.1rem;
}

.fv-row label {
    width: fit-content !important;
    column-gap: 10px;
}

.infoarea {
    max-width: 22%;
    margin-bottom: 30px;
}

input[type="file"] {
    color: transparent !important;
    &::-webkit-file-upload-button

{
    display: inline-block;
    color: transparent;
}

&:hover {
    background-color: orangered;
    cursor: pointer;
}

/*   &::after {
    content: '';
    background: url(../Themes/Ticareticin/Content/assets/Themes/Ticareticin/Content/assets/css/~/assets/img/paperclip-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 1rem;
    outline: none;
    cursor: pointer;

}*/

&::before {
    color: black;
    margin-right: 10px;
}

}


element.style {
}

.form-floating input[type='file'] + span {
    padding-left: 30px;
    line-height: 75px;
    border: none;
    font-weight: normal;
    color: darkgray;
}
/*input[type="file"]:after {
    background-color: #e8e0e0;
    content: '';
    display: inline-block;
    height: 52%;
    position: absolute;*/
/* top: 0; */
/* left: 0; */
/*width: 58%;
    right: 0;
    z-index: 11;
}*/
.shipperRegisterSuccess {
    padding-right: 10px;
}

.lblfile {
    padding-top: 25px !important;
}

.flexRow.fourthColumn {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px 10px 5px 10px;
    grid-row-gap: 0;
}

.form-check-attribute {
    height: 18px !important;
    width: 15px !important;
}

.flexRow.fourthColumn .form-check {
    display: flex;
    align-items: flex-start;
    /*padding-left: 0px;*/
    justify-content: center;
    padding-right: 0px !important;
    column-gap: 5px;
}

.attribute {
    padding-right: calc(1.5em + .75rem) !important;
    margin-bottom: 13px;
}

.company-attribute-text {
    grid-column: 1/5;
    font-weight: 500;
    color: var(--bs-gray-700);
    text-align: left;
    font-size: 1rem;
}

@-moz-document url-prefix() {
    .form-control:focus {
        outline: none !important;
    }
}

.loadingAfterSubmit {
    display: none;
    background-color: rgba(104,104,104,0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .loadingAfterSubmit span {
        display: table;
        font-size: 1.25rem;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.spinner-border {
    --bs-spinner-width: 5rem !important;
    --bs-spinner-height: 5rem !important;
    --bs-spinner-border-width: 0.35em !important;
    --bs-spinner-animation-speed: 0.95s !important;
}


.ti-chkmessagecontainer {
    margin-top: -10px !important;
    padding-bottom: 10px;
}

.checkbox-popup-text {
    font-size: 1rem;
}

.checkbox-popup-show {
    color: #FF3A20;
    cursor: pointer;
    text-decoration: none;
}

    .checkbox-popup-show:hover {
        color: #FF3A20;
    }

#checkbox-popup-understood {
    color: white;
    background-color: #FF3A20;
}

.modal-dialog-scrollable .modal-content {
    max-height: 70% !important;
}

.modal-backdrop.show {
    width: 100%;
    height: 100%;
}

#smsverifymodal, #exampleModal, #addressModal, #billingAddressModal, #ThreeDModal, #addressAddModal, #sales-contract-modal, #shipper-contract-modal, #acceptConsentModal, #userAgreementModal, #infoModal {
    z-index: 99999;
}

.modal-backdrop.fade {
    opacity: var(--bs-backdrop-opacity) !important;
    z-index: 9999;
}

.login-input {
    width: 100%;
}

.forget-password {
    justify-content: space-between;
    width: 100%;
    padding-top: 1%;
    text-align: right;
}

    .forget-password a {
        text-decoration: none;
        color: #ff3920;
    }

        .forget-password a:hover {
            color: #da0c0c;
        }

.hr-lines {
    position: relative;
    max-width: 100%;
    margin: 20px auto;
    text-align: center;
}

    .hr-lines:before {
        content: " ";
        height: 2px;
        background: #ff3920;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .hr-lines:after {
        content: " ";
        height: 2px;
        background: #ff3920;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
    }

.ti-login-button {
    width: 100% !important;
    font-weight: 600;
}

.login-box {
    border: #f4350f1c;
    border-width: 1px;
    background-color: rgb(218 218 218 / 10%);
    box-shadow: 2px 18px 35px 0px #9D9D9D;
    padding-bottom: 15px;
}

.login-alert {
    text-align: center;
    margin: auto;
    width: 25%;
}

    .login-alert p {
        margin-bottom: 0px;
    }

/*.login-box {
    border-radius: 0.5rem;
    
    border: 0px solid red;
}
*/
.login-header {
    vertical-align: bottom;
    letter-spacing: 2px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 2%;
    padding-top: 70px;
}

.login-input-bg {
    background-color: white !important;
}

.form-floating > .login-input-bg:focus ~ label::after {
    background-color: white !important;
}

#countdown {
    font-size: 24px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.reSendSmsCode {
    color: #0d6efd;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0d6efd;
    text-decoration: underline;
    padding-left: 4px;
    cursor: pointer;
}

    .reSendSmsCode:hover {
        color: #1842cf;
        text-decoration: underline;
    }

.reSendSms {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #495057;
    text-decoration: none;
}

    .reSendSms:hover {
        color: #495057;
        text-decoration: none;
    }

.gridAddress {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 2.5rem;
    text-align: left;
}

.gridAddressRow {
    padding-bottom: 10px;
}

.gridAddressList {
    padding: 2%;
}

.gridAddressItem {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    border-radius: 12px;
    background-color: #f9f9f9;
    border-radius: 9px;
    border: 1px solid var(--colorPrimary);
    height: 132px;
    margin-top: 10px;
}

    .gridAddressItem input[type="radio"]:checked ~ .gridAddressSubTitle {
        background-color: #4CAF50;
        color: white;
    }

.gridAddressInfo {
    display: grid;
    grid-template-columns: 2fr 1fr;
    overflow: hidden;
    padding: 10px 0;
    font-size: 1.1rem;
    justify-items: start;
    align-items: center;
}

    .gridAddressInfo span {
        display: block;
        word-wrap: break-word;
        cursor: default;
    }

.gridAddressTitle {
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 3%;
    color: var(--bs-gray-700);
}

.gridAddressSubTitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

    .gridAddressSubTitle input[type="radio"] {
        width: 15px;
        height: 15px;
    }

.gridAddressAdd {
    color: var(--colorPrimary);
    cursor: pointer;
    font-weight: bold;
}

    .gridAddressAdd:hover {
        color: var(--colorPrimary);
    }

    .gridAddressAdd i {
        padding: 3% 1% 0% 3%;
        font-size: 1.3rem !important;
    }

.addressEdit {
    /*background-color: transparent !important;
    border: 1px solid var(--colorPrimary) !important;
    color: var(--colorPrimary) !important;*/
    width: 85px !important;
    height: 40px !important;
    justify-self: right;
}

/*.addressEdit:hover {
        background-color: rgb(218 218 218 / 15%) !important;
        color: #d30000 !important;
        border-color: #d30000 !important;
        box-shadow: none !important;
        transition: 0.33s ease-in-out !important;
    }*/

.tf-payment {
    max-width: 900px !important;
}


.addressModal label {
    display: flex;
    font-family: sans-serif;
    font-weight: 500;
    color: var(--bs-gray-700);
    left: inherit !important;
    /* place-content: center; */
    gap: 2px;
    width: auto;
}

.addressModal textarea {
    width: 100% !important;
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 3rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
    min-height: 100px !important;
}

    .addressModal textarea:focus {
        outline-color: var(--ti-color-primary) !important;
        border-color: var(--ti-color-primary) !important;
        border-inline-color: var(--ti-color-primary);
        box-shadow: none;
        outline: auto;
    }

.addressModal input {
    width: 100%;
    position: relative;
    font-size: 1.15rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    min-height: calc(1.5em + 1rem + 2px);
    border: 1px solid var(--bs-gray-400);
    padding-left: 10px;
}

    .addressModal input:focus {
        outline-color: var(--ti-color-primary) !important;
        border-color: var(--ti-color-primary) !important;
        border-inline-color: var(--ti-color-primary);
        box-shadow: none;
        outline: auto;
    }

.approval-icon {
    max-width: 20% !important;
}

.shopping-button {
    background-color: #ff3920;
    color: white;
    border-radius: 6px;
    width: 150px;
    height: 65px;
    margin-top: 20px;
    font-size: large;
    border: none;
    align-self: center
}

.paymentAddressModal {
    margin-top: 8%;
    width: 550px !important;
}

#bankTransactionInfo {
    display: none;
    height: 150px;
    background-color: #f9f9f9;
    border-radius: 9px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bankTransactionInfo span {
    width: 150%;
    align-self: center;
    font-size: 1.2rem;
}

.bankTransactionInfo h3 {
    align-self: center;
    margin-bottom: inherit;
}

.form-container-payment-transaction {
    display: flex;
    flex-direction: column;
}

.paymentTabs {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}

    .paymentTabs span {
        /*font-weight: bold;*/
        padding-top: 12px;
        width: 150px;
        height: 50px;
    }

.paymentTabsInput {
    width: 20px !important;
}

.payment-vertical-line {
    width: 1px;
    height: 30px;
    background-color: var(--bs-gray-700);
    /* margin: 0px 5px; */
    align-self: center;
}

.payment-result-background {
    background-color: #F4F7F9;
    border-radius: 10px;
    height: 520px;
}

.payment-result-up {
    display: flex;
    align-items: center;
    padding-top: 3%;
    justify-content: space-between;
}

    .payment-result-up h2 {
        padding: 3% 0% 0% 2%;
        color: var(--bs-gray-700);
    }

    .payment-result-up img {
        width: 60px;
        height: 60px;
        float: left;
        margin-top: 2%;
        margin-left: 5%;
    }

.payment-result-up-order {
    width: -webkit-fill-available;
    display: flex;
}

.payment-result-up-orderNumber {
    grid-area: 1 / 2 / 4 / 3;
}

    .payment-result-up-orderNumber h4 {
        color: var(--ti-color-primary);
    }

    .payment-result-up-orderNumber h3 {
        font-size: 2rem;
    }

.payment-result-down {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 5px;
    font-weight: bold;
    column-gap: 20px;
    padding-bottom: 20px;
    padding: 2% 5% 5% 5%;
}

    .payment-result-down div {
        display: flex;
        flex-direction: column;
    }

    .payment-result-down h4 {
        color: var(--ti-color-primary);
        --bs-text-opacity: 1;
        font-size: 1.2rem;
    }

    .payment-result-down h6 {
        font-size: 1.2rem;
    }

    .payment-result-down span {
        color: var(--bs-gray-700);
        font-size: 1.0rem;
        font-weight: normal;
    }

.payment-result-middle {
    display: grid;
    grid-template-rows: 1fr 2fr;
    flex-direction: column;
    align-items: stretch;
    justify-items: start;
    padding: 5% 5% 5% 5%;
    justify-content: space-between;
}

.payment-result-middle-span1 {
    grid-area: 1 / 1 / 2 / 2;
}

.payment-result-middle-span2 {
    grid-area: 2 / 1 / 3 / 2;
}

.payment-result-order-btn {
    grid-area: 3 / 1 / 4 / 2;
    height: 40px !important;
}

.uppercase-payment {
    text-transform: uppercase;
}

.gridAddressCheckContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    justify-self: left;
    padding-left: 3%;
    gap: 5px;
    margin-top: -20px;
}

    .gridAddressCheckContainer input {
        width: 20px;
    }

    .gridAddressCheckContainer span {
        white-space: nowrap;
    }

.FirmInfoAddresses {
    display: none !important;
}

.saveAddressBtn {
    font-size: 1rem !important;
}

.closeAddressModal {
    background-color: transparent !important;
    display: block;
    border: none !important;
    border-radius: 5px;
    width: 50px !important;
    height: 50px !important;
}

.closeAddressModal {
    background-color: none !important;
    transition: .0s !important;
    box-shadow: none !important;
}

.btn-close-address {
    background-color: transparent !important;
    width: 40px !important;
    box-shadow: none !important;
}

    .btn-close-address :hover {
        background-color: transparent !important;
    }

.imgRow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0rem;
}

    .imgRow img {
        display: inline-block;
        width: 70%;
        align-self: center;
    }

#ThreeDModal iframe {
    width: 100%;
    height: 800px;
}

.paymentInfoSteps .installmentTable {
    border-collapse: unset;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}

    .paymentInfoSteps .installmentTable th,
    .paymentInfoSteps .installmentTable td {
        border: 1px solid rgba(255,101,80,0.5) !important;
        padding: 8px !important;
        text-align: center !important;
    }

    .paymentInfoSteps .installmentTable tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .paymentInfoSteps .installmentTable tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    .paymentInfoSteps .installmentTable tr:first-child th:first-child {
        border-top-left-radius: 10px;
    }

    .paymentInfoSteps .installmentTable tr:first-child th:last-child {
        border-top-right-radius: 10px;
    }

.radio-label {
    display: flex;
    align-items: center;
}

    .radio-label input[type="radio"] {
        margin-right: 5px;
        width: 20%;
    }
/*.installmentRadio {
    display: flex;
    align-items: center;
}*/
.installmentTitle {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #707070 !important;
}

.installment-vertical-line {
    width: 2px;
    background-color: rgba(255,101,80,0.5);
    height: 300px;
}

.tab-button {
    cursor: pointer;
    border-radius: 10px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: white;
}

    .tab-button:hover {
        background-color: rgb(86 70 70 / 56%) !important;
        border-color: rgb(86 70 70 / 56%);
        transition: .2s;
    }

    .tab-button[data-tab="tab-detail-0"] {
        background: rgb(122 100 100 / 56%);
        border-radius: 10px 0px 0px 10px;
    }

    .tab-button[data-tab="tab-detail-1"] {
        background: rgb(122 100 100 / 56%);
        border-radius: 0px 10px 10px 0px;
    }

    .tab-button.active {
        background-color: #ff3920;
        /*box-shadow: 3px 1px 9px 0px darkslategray;*/
    }

        .tab-button.active:hover {
            background-color: #d30000 !important;
            color: white !important;
            border-color: #d30000 !important;
            transition: .2s;
        }

.btnOpcShipping {
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-700) !important;
    height: 60px !important;
}

    .btnOpcShipping:hover {
        box-shadow: 0px 3px 3px 0px rgb(68 60 60 / 30%) !important;
    }

.payment-result-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.opcSalesContract {
    color: var(--bs-gray-800);
}

    .opcSalesContract:hover {
        color: black;
    }

.completeOrderBtn {
    display: none;
    width: 165px !important;
    font-size: 1rem !important;
}

.returnRequestTitles {
    padding: 10px 0px 10px 0px;
}

.returnRequestDetails {
    text-transform: none;
}

.btnCancelAndReturnOrder {
    width: 97%;
    white-space: nowrap;
}

.returnRequestInfo {
    padding: 25px 250px !important;
    background: #F4F7F9;
    display: flex;
    flex-direction: column;
}

    .returnRequestInfo label {
        margin-bottom: 5px;
    }

    .returnRequestInfo i {
        margin-right: 10px;
    }

.returnRequestInfoLink {
    color: var(--ti-color-primary);
    text-transform: none;
}

    .returnRequestInfoLink:hover {
        color: #d30000 !important;
        text-transform: none;
    }

.wishlistTable {
    padding-bottom: 20px;
}

.messageListTable {
    display: block !important;
}

.returnRequestTable {
    grid-template-columns: repeat(4, 1fr) !important;
}

.orderDetailButtons {
    white-space: nowrap;
}

.CreateShipperRequestForm,
.CreateShipperRequestForm h2 {
    color: var(--colorTicaretIcınBlack);
}

.CreateShipperRequesth1 {
    color: var(--colorTicaretIcınBlack);
    padding-left: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

.shipperRequestAddBtn {
    font-size: 20px;
}

    .shipperRequestAddBtn a {
        font-size: 12px;
        color: var(--colorPrimary);
        margin-left: 10px;
    }

.shipperOfferButtons {
    display: flex;
    justify-content: flex-end;
    padding-top: 1%;
}

.customerOfferTable {
    padding-top: inherit !important;
}

.shipperRequestTable {
    grid-template-columns: repeat(5, 1fr) !important;
}

.storeLink {
    color: var(--ti-color-primary);
}

.shipperContractModal {
    width: 800px !important;
}

.shipper-contract-modal {
    top: 10% !important;
}

    .shipper-contract-modal .modal-content {
        margin: auto !important;
    }

.shipper-contract-modal-dialog {
    max-height: 70%;
}

    .shipper-contract-modal-dialog .modal-content {
        max-height: 100% !important;
    }

@media (min-width: 576px) {
    .shipper-contract-modal-dialog {
        max-width: none !important;
        margin-right: unset !important;
        margin-left: unset !important;
    }
}

.loadType {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
}

.deleteShipperAdsImg {
    cursor: pointer;
    color: var(--ti-color-primary);
    font-size: 18px;
    align-self: center;
    padding-left: 5%;
}

.messagesStatus {
    bottom: 3%;
    position: relative;
}

.messagesArrowIcon {
    top: 45% !important;
}

.goIconSize {
    font-size: 20px;
}

.vehicleListPicture img {
    border-radius: 10px;
    width: 30%;
    max-height: 200px;
    padding-left: 5px;
}

.file-link-driver {
    color: rgba(var(--bs-body-color-rgb), .65);
}

    .file-link-driver img {
        width: 30px;
        padding-top: 1%;
    }

.infoAddress {
    color: var(--ti-color-primary);
    padding: 20px;
}

.infoCreditCard {
    padding: 5px 5px 0px 5px;
}

.t-badge-green-cart {
    font-size: 11px;
    font-weight: 300;
    padding: 3px 5px;
    border-radius: 2px;
    margin-left: auto;
    margin-bottom: 5px;
}

.t-badge-red-cart {
    margin-left: unset;
}

.blog-title {
    color: black;
}

    .blog-title:hover {
        color: var(--ti-color-primary);
    }

.blog-img {
    text-align: center;
    padding-bottom: 5%;
}

    .blog-img img {
        width: 80%;
        height: 400px;
    }

.news-img {
    text-align: center;
    padding: 15px 0px;
}

.priceKdv {
    text-align: right !important;
    color: white;
    font-size: 0.8rem;
}

.totalPriceIcon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 13px;
}

.tooltip-text {
    font-family: sans-serif;
    font-weight: 100;
    font-size: 12px;
    visibility: hidden;
    width: 100px;
    background-color: #e7e7e7aa;
    color: #000;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    margin-left: -55px;
    opacity: 0;
    transition: opacity 0.3s;
}

.totalPriceIcon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.ask-vendor-btn {
    font-size: 11px;
    font-weight: 500;
    color: var(--ti-color-primary) !important;
    white-space: nowrap;
    border: none;
    background-color: white;
    width: 72px;
    height: 24px;
    border-radius: 10px;
    text-decoration: none !important;
}

.notification-icon {
    position: relative;
    font-size: 15px;
    color: #fff;
}

.notification-count {
    position: absolute;
    right: -15px;
    top: -25px;
    border-radius: 50%;
    background-color: #ff3a20;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-family: 'Open Sans', sans-serif;
}

.notification-count-last {
    position: absolute;
    right: -17px;
    top: -15px;
    border-radius: 50%;
    background-color: #5FD5A9;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 20px;
    width: 15px;
    height: 15px;
    font-family: 'Open Sans', sans-serif;
}

.notification-count-customer {
    position: absolute;
    right: -18px;
    top: -20px;
    border-radius: 50%;
    background-color: #5FD5A9;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 20px;
    width: 16px;
    height: 16px;
    font-family: 'Open Sans', sans-serif;
}

.customer-notification-bell {
    align-content: center;
}

.orderDetailSalesContract {
    max-width: 750px !important;
}

    .orderDetailSalesContract div {
        width: 100% !important;
    }

.blog-list-main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.blog-list {
    background-color: #F8F8F8;
    padding: 45px;
    width: 60%;
    border-radius: 15px;
}

.news-img img {
    width: 80%;
    height: 400px;
}

@media (max-width: 576px) {
    .blog-list {
        width: 90%;
        padding: 25px;
    }

    .blog-img img {
        width: 100%;
        height: 200px;
    }

    .news-img img {
        width: 100%;
        height: 200px;
    }

    .policies-box {
        width: 90%;
        padding: 25px;
    }

    .product-filters {
        position: relative;
        margin-bottom: 100px;
    }
}

.notification-icon {
    position: relative;
    cursor: pointer;
}

.notification-count {
    position: absolute;
    top: -24px;
    right: -16px;
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.notification-dropdown {
    min-width: 250px;
    border: 1px solid var(--ti-color-primary);
    border-radius: 5px;
    display: none;
}

    .notification-dropdown ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-radius: 5px;
    }

        .notification-dropdown ul:hover {
            background: #f5f5f5;
        }

    .notification-dropdown li {
        padding: 8px 0px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        color: var(--bs-gray-700);
    }

        .notification-dropdown li:last-child {
            border-bottom: none;
        }

        .notification-dropdown li a {
            color: var(--ti-color-primary);
        }

.shipperAdsModal {
    z-index: 99999 !important;
}

    .shipperAdsModal .modal-dialog {
        width: 800px;
        max-width: none;
    }

.minQuantityForOccation p {
    font-size: 11px;
    color: #bb0000;
    display: inline-block;
}

.showComments {
    font-size: 14px !important;
    color: var(--bs-gray-600) !important;
    padding-left: 2%;
    cursor: pointer;
}

.review-count {
    color: var(--bs-gray-600);
    padding-left: 2%;
    font-size: 12px;
    cursor: pointer;
}

.tiProductBoxReviews {
    padding-bottom: 5px;
}

.tiProductDeliveredBoxReviews {
    padding-left: 5%;
    width: 180px;
    align-content: center;
}

.no-data-shipper {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #333333;
    text-align: center;
    background-color: #ffffff;
    padding-top: 20%;
}

    .no-data-shipper img {
        max-width: 125px;
        margin-bottom: 10px;
    }

    .no-data-shipper a {
        width: 20%;
        align-self: center;
        margin-top: 1%;
    }

.ui-menu {
    position: fixed;
    top: 0;
    z-index: 1111;
    background-color: #ff3a20a8;
    width: 26%;
}

.ui-menu-item {
    cursor: pointer;
    padding: 2% 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    color: white;
}

    .ui-menu-item a {
        color: white;
    }

        .ui-menu-item a img {
            width: 50px;
            height: 50px;
        }

        .ui-menu-item a :hover {
            color: var(--bs-gray-800);
        }

        .ui-menu-item a span {
            padding-left: 1%;
        }

@media (max-width: 1024px) and (min-width: 768px) {
    .t-deal-item > div {
        flex: 0 0 calc(33% - 30px);
        width: calc(130% - 30px) !important;
    }
}

@media (max-width: 768px) {
    .t-deal-item {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "item1 item2"
            "item3 item4"
            "item5 item5" !important;
    }

        .t-deal-item .item5 {
            grid-column: span 1;
        }

        .t-deal-item > div {
            flex: 0 0 calc(33% - 30px);
            width: calc(130% - 30px) !important;
        }

    .t-account__title a {
        font-size: 14px !important;
    }
}

@media (max-width: 470px) {
    .t-account__title {
        max-width: 400px;
        padding-top: 5%;
        align-content: center;
        padding-left: 5%;
    }

    .t-deal-item {
        max-width: 400px;
    }

    .shipper-request-column {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "item1 item1"
            "item2 item3"
            "item4 item4" !important;
        gap: 10px;
    }

        .shipper-request-column .item1 {
            grid-column: span 2;
        }

        .shipper-request-column .item4 {
            display: flex;
            grid-column: 1 / -1;
            place-self: center;
        }

            .shipper-request-column .item4 form button {
                height: 29.5px;
            }

    .areas-place {
        gap: 0px !important;
    }

    .shipper-areas-left {
        width: 50%;
    }

    .shipper-areas-right {
        width: 50%;
    }

    .shipper-list-mobile {
        grid-template-columns: 1fr !important;
        padding-left: 0 !important;
    }

    .return-request-list-page {
        padding-bottom: 5%;
    }
}

@media (max-width: 400px) {
    .t-account__title {
        max-width: 350px;
    }

    .t-deal-item {
        max-width: 350px;
    }
}

@media(max-width: 576px) {
    .video-text-padding {
        width: 100% !important;
    }

    .search-category-from-iys {
        padding-left: 0px !important;
    }

    .slider-wrapper {
        width: 100%;
    }

    .section-transport {
        max-height: 500px !important;
    }
}
/*REDEFINE*/
/*COOKIEBOT-Redefine*/
#CybotCookiebotDialog {
    background-color: #141414e0 !important;
    font-family: 'Open Sans', sans-serif !important
}

@media (max-width: 1024px) {
    #CybotCookiebotDialog {
        top: 85% !important;
        max-height: 450px !important;
    }

    #CybotCookiebotDialogTabContent {
        height: 160px !important;
    }
}

@media (max-width: 830px) {
    #CybotCookiebotDialog {
        top: 85% !important;
        max-height: 350px !important;
    }

    #CybotCookiebotDialogTabContent {
        height: 130px !important;
    }
}

@media (max-width: 768px) {
    #CybotCookiebotDialog {
        top: 84% !important;
        max-height: 320px !important;
    }

    #CybotCookiebotDialogTabContent {
        height: 110px !important;
    }
}

@media (max-width: 500px) {
    #CybotCookiebotDialog {
        top: 75% !important;
        max-height: 450px !important;
    }

    #CybotCookiebotDialogTabContent {
        height: 150px !important;
    }

    #CybotCookiebotDialogBodyContentText {
        font-size: 13px !important;
    }
}
/*COOKIEBOT-Redefine*/

/*CREDIT CARD*/
.payment-title {
    width: 100%;
    text-align: center;
}

.field-container:first-of-type {
    grid-area: name;
}

.field-container:nth-of-type(2) {
    grid-area: number;
}

.field-container:nth-of-type(3) {
    grid-area: expiration;
}

.field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field-container {
    position: relative;
}

.form-container-payment {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: auto auto;
    /*grid-template-rows: 90px 90px 90px ;*/
    grid-template-areas: "name name" "number number" "expiration security";
    /*max-width: 400px ;*/
    padding: 20px;
    color: #707070;
}

    .form-container-payment::after {
        content: "";
        width: 1px;
        background-color: #000; /* Çizgi rengini değiştirebilirsiniz */
        height: 100%; /* İlgili alanın yüksekliği kadar uzanacak */
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0;
    }

label {
    padding-bottom: 5px;
    font-size: 13px;
}

input {
    margin-top: 3px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.ccicon {
    height: 38px;
    position: absolute;
    right: 6px;
    top: calc(50% - 17px);
    width: 60px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.containerPayment {
    width: 100%;
    max-width: 400px;
    max-height: 251px;
    height: 54vw;
    padding: 20px;
}

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

    #ccsingle svg {
        width: 100px;
        max-height: 60px;
    }

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}

#generatecard {
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    background-color: #909090;
    border-radius: 4px;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.creditcard .lightblue {
    fill: #03A9F4;
}

.creditcard .lightbluedark {
    fill: #0288D1;
}

.creditcard .red {
    fill: #ef5350;
}

.creditcard .reddark {
    fill: #d32f2f;
}

.creditcard .purple {
    fill: #ab47bc;
}

.creditcard .purpledark {
    fill: #7b1fa2;
}

.creditcard .cyan {
    fill: #26c6da;
}

.creditcard .cyandark {
    fill: #0097a7;
}

.creditcard .green {
    fill: #66bb6a;
}

.creditcard .greendark {
    fill: #388e3c;
}

.creditcard .lime {
    fill: #d4e157;
}

.creditcard .limedark {
    fill: #afb42b;
}

.creditcard .yellow {
    fill: #ffeb3b;
}

.creditcard .yellowdark {
    fill: #f9a825;
}

.creditcard .orange {
    fill: #ff9800;
}

.creditcard .orangedark {
    fill: #ef6c00;
}

.creditcard .grey {
    fill: #bdbdbd;
}

.creditcard .greydark {
    fill: #616161;
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront {
    height: 100%;
    stroke: none;
}

    #cardfront .st2 {
        fill: #FFFFFF;
    }

    #cardfront .st3 {
        font-family: 'Source Code Pro', monospace;
        font-weight: 600;
    }
    /* FRONT OF CARD */
    #cardfront .st4 {
        font-size: 54.7817px;
    }

    #cardfront .st5 {
        font-family: 'Source Code Pro', monospace;
        font-weight: 400;
    }

    #cardfront .st6 {
        font-size: 33.1112px;
    }

    #cardfront .st7 {
        opacity: 0.6;
        fill: #FFFFFF;
    }

    #cardfront .st8 {
        font-size: 24px;
    }

    #cardfront .st9 {
        font-size: 36.5498px;
    }

    #cardfront .st10 {
        font-family: 'Source Code Pro', monospace;
        font-weight: 300;
    }

    #cardfront .st11 {
        font-size: 16.1716px;
    }

    #cardfront .st12 {
        fill: #4C4C4C;
    }

/* BACK OF CARD */
#cardback {
    height: 100%;
    stroke: none;
}

    #cardback .st0 {
        fill: none;
        stroke: #0F0F0F;
        stroke-miterlimit: 10;
    }

    #cardback .st2 {
        fill: #111111;
    }

    #cardback .st3 {
        fill: #F2F2F2;
    }

    #cardback .st4 {
        fill: #D8D2DB;
    }

    #cardback .st5 {
        fill: #C4C4C4;
    }

    #cardback .st6 {
        font-family: 'Source Code Pro', monospace;
        font-weight: 400;
    }

    #cardback .st7 {
        font-size: 27px;
    }

    #cardback .st8 {
        opacity: 0.6;
    }

    #cardback .st9 {
        fill: #FFFFFF;
    }

    #cardback .st10 {
        font-size: 24px;
    }

    #cardback .st11 {
        fill: #EAEAEA;
    }

    #cardback .st12 {
        font-family: 'Rock Salt', cursive;
    }

    #cardback .st13 {
        font-size: 37.769px;
    }

/*
.container {
    perspective: 1000px ;
}
*/

.creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

    .creditcard .front,
    .creditcard .back {
        position: absolute;
        width: 100%;
        max-width: 400px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        color: #47525d;
    }

    .creditcard .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .creditcard.flipped {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

#Layer_1 {
    height: 100%;
}
/*CREDIT CARD*/
/*FORM VALIDATIONS */
.fv-sr-only {
    display: none
}

.fv-plugins-framework input::-ms-clear, .fv-plugins-framework textarea::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

.fa-stopwatch::before {
    color: #ecb226;
}

.fa-stopwatch {
    width: 477px;
    height: 34px;
    color: #ecb226;
    font-size: 26px;
}

.fv-plugins-icon-container {
    position: relative
}

.fv-plugins-icon {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.fv-plugins-tooltip {
    max-width: 256px;
    position: absolute;
    text-align: center;
    z-index: 10000
}

    .fv-plugins-tooltip .fv-plugins-tooltip__content {
        background: #000;
        border-radius: 3px;
        color: #eee;
        padding: 8px;
        position: relative
    }

        .fv-plugins-tooltip .fv-plugins-tooltip__content:before {
            border: 8px solid transparent;
            content: '';
            position: absolute
        }

.fv-plugins-tooltip--hide {
    display: none
}

.fv-plugins-tooltip--top-left {
    transform: translateY(-8px)
}

    .fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        left: 8px;
        top: 100%
    }

.fv-plugins-tooltip--top {
    transform: translateY(-8px)
}

    .fv-plugins-tooltip--top .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        left: 50%;
        margin-left: -8px;
        top: 100%
    }

.fv-plugins-tooltip--top-right {
    transform: translateY(-8px)
}

    .fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
        border-top-color: #000;
        right: 8px;
        top: 100%
    }

.fv-plugins-tooltip--right {
    transform: translateX(8px)
}

    .fv-plugins-tooltip--right .fv-plugins-tooltip__content:before {
        border-right-color: #000;
        margin-top: -8px;
        right: 100%;
        top: 50%
    }

.fv-plugins-tooltip--bottom-right {
    transform: translateY(8px)
}

    .fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        right: 8px
    }

.fv-plugins-tooltip--bottom {
    transform: translateY(8px)
}

    .fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        left: 50%;
        margin-left: -8px
    }

.fv-plugins-tooltip--bottom-left {
    transform: translateY(8px)
}

    .fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
        border-bottom-color: #000;
        bottom: 100%;
        left: 8px
    }

.fv-plugins-tooltip--left {
    transform: translateX(-8px)
}

    .fv-plugins-tooltip--left .fv-plugins-tooltip__content:before {
        border-left-color: #000;
        left: 100%;
        margin-top: -8px;
        top: 50%
    }

.fv-plugins-tooltip-icon {
    cursor: pointer;
    pointer-events: inherit
}

.fv-plugins-bootstrap .fv-help-block {
    color: #dc3545;
    font-size: 80%;
    margin-top: 0.25rem
}

.fv-plugins-bootstrap .is-invalid ~ .form-check-label, .fv-plugins-bootstrap .is-valid ~ .form-check-label {
    color: inherit
}

.fv-plugins-bootstrap .has-danger .fv-plugins-icon {
    color: #dc3545
}

.fv-plugins-bootstrap .has-success .fv-plugins-icon {
    color: #28a745
}

.fv-plugins-bootstrap .fv-plugins-icon {
    height: 38px;
    line-height: 38px;
    width: 38px
}

.fv-plugins-bootstrap .input-group ~ .fv-plugins-icon {
    z-index: 3
}

.fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
    right: 15px
}

.fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check {
    top: -7px
}

.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
    top: 32px
}

.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check {
    top: 25px
}

.fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check {
    top: -7px
}

.fv-plugins-bootstrap.form-inline .form-group {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: auto
}

.fv-plugins-bootstrap .form-control.is-valid, .fv-plugins-bootstrap .form-control.is-invalid {
    background-image: none
}

.fv-plugins-bootstrap3 .help-block {
    margin-bottom: 0
}

.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback {
    z-index: 4
}

.fv-plugins-bootstrap3.form-inline .form-group {
    vertical-align: top
}

.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon {
    color: #dc3545
}

.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon {
    color: #198754
}

.fv-plugins-bootstrap5 .fv-plugins-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 38px;
    width: 38px
}

.fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon {
    z-index: 3
}

.fv-plugins-bootstrap5 .fv-plugins-icon-input-group {
    right: -38px
}

.fv-plugins-bootstrap5 .form-floating .fv-plugins-icon {
    height: 58px
}

.fv-plugins-bootstrap5 .row .fv-plugins-icon {
    right: 12px
}

.fv-plugins-bootstrap5 .row .fv-plugins-icon-check {
    top: -7px
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon {
    top: 32px
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check {
    top: 25px
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check {
    top: -7px
}

.fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon {
    right: calc(var(--bs-gutter-x, 1.5rem) / 2)
}

.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid, .fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid {
    background-image: none
}

.fv-plugins-bulma .field.has-addons {
    flex-wrap: wrap
}

    .fv-plugins-bulma .field.has-addons::after {
        content: '';
        width: 100%
    }

    .fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
        order: 1
    }

.fv-plugins-bulma .icon.fv-plugins-icon-check {
    top: -4px
}

.fv-plugins-bulma .fv-has-error .input, .fv-plugins-bulma .fv-has-error .textarea {
    border: 1px solid #ff3860
}

.fv-plugins-bulma .fv-has-success .input, .fv-plugins-bulma .fv-has-success .textarea {
    border: 1px solid #23d160
}

.fv-plugins-foundation .fv-plugins-icon {
    height: 39px;
    line-height: 39px;
    right: 0;
    width: 39px
}

.fv-plugins-foundation .grid-padding-x .fv-plugins-icon {
    right: 15px
}

.fv-plugins-foundation .fv-plugins-icon-container .cell {
    position: relative
}

.fv-plugins-foundation [type='checkbox'] ~ .fv-plugins-icon, .fv-plugins-foundation [type='checkbox'] ~ .fv-plugins-icon {
    top: -7px
}

.fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container {
    width: 100%
}

.fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon, .fv-plugins-foundation.fv-stacked-form fieldset [type='checkbox'] ~ .fv-plugins-icon, .fv-plugins-foundation.fv-stacked-form fieldset [type='radio'] ~ .fv-plugins-icon {
    top: 25px
}

.fv-plugins-foundation .form-error {
    display: block
}

.fv-plugins-foundation .fv-row__success .fv-plugins-icon {
    color: #3adb76
}

.fv-plugins-foundation .fv-row__error label, .fv-plugins-foundation .fv-row__error fieldset legend, .fv-plugins-foundation .fv-row__error .fv-plugins-icon {
    color: #cc4b37
}

.fv-plugins-materialize .fv-plugins-icon {
    height: 42px;
    line-height: 42px;
    width: 42px
}

.fv-plugins-materialize .fv-plugins-icon-check {
    top: -10px
}

.fv-plugins-materialize .fv-invalid-row .helper-text, .fv-plugins-materialize .fv-invalid-row .fv-plugins-icon {
    color: #f44336
}

.fv-plugins-materialize .fv-valid-row .helper-text, .fv-plugins-materialize .fv-valid-row .fv-plugins-icon {
    color: #4caf50
}

.fv-plugins-milligram .fv-plugins-icon {
    height: 38px;
    line-height: 38px;
    width: 38px
}

.fv-plugins-milligram .column {
    position: relative
}

    .fv-plugins-milligram .column .fv-plugins-icon {
        right: 10px
    }

.fv-plugins-milligram .fv-plugins-icon-check {
    top: -6px
}

.fv-plugins-milligram .fv-plugins-message-container {
    margin-bottom: 15px
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon {
    top: 30px
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check {
    top: 24px
}

.fv-plugins-milligram .fv-invalid-row .fv-help-block, .fv-plugins-milligram .fv-invalid-row .fv-plugins-icon {
    color: red
}

.fv-plugins-milligram .fv-valid-row .fv-help-block, .fv-plugins-milligram .fv-valid-row .fv-plugins-icon {
    color: green
}

.fv-plugins-mini .fv-plugins-icon {
    height: 42px;
    line-height: 42px;
    width: 42px;
    top: 4px
}

.fv-plugins-mini .fv-plugins-icon-check {
    top: -8px
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon {
    top: 28px
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check {
    top: 20px
}

.fv-plugins-mini .fv-plugins-message-container {
    margin: calc(var(--universal-margin) / 2)
}

.fv-plugins-mini .fv-invalid-row .fv-help-block, .fv-plugins-mini .fv-invalid-row .fv-plugins-icon {
    color: var(--input-invalid-color)
}

.fv-plugins-mini .fv-valid-row .fv-help-block, .fv-plugins-mini .fv-valid-row .fv-plugins-icon {
    color: #308732
}

.fv-plugins-mui .fv-plugins-icon {
    height: 32px;
    line-height: 32px;
    width: 32px;
    top: 15px;
    right: 4px
}

.fv-plugins-mui .fv-plugins-icon-check {
    top: -6px;
    right: -10px
}

.fv-plugins-mui .fv-plugins-message-container {
    margin: 8px 0
}

.fv-plugins-mui .fv-invalid-row .fv-help-block, .fv-plugins-mui .fv-invalid-row .fv-plugins-icon {
    color: #f44336
}

.fv-plugins-mui .fv-valid-row .fv-help-block, .fv-plugins-mui .fv-valid-row .fv-plugins-icon {
    color: #4caf50
}

.fv-plugins-pure .fv-plugins-icon {
    height: 36px;
    line-height: 36px;
    width: 36px
}

.fv-plugins-pure .fv-has-error label, .fv-plugins-pure .fv-has-error .fv-help-block, .fv-plugins-pure .fv-has-error .fv-plugins-icon {
    color: #ca3c3c
}

.fv-plugins-pure .fv-has-success label, .fv-plugins-pure .fv-has-success .fv-help-block, .fv-plugins-pure .fv-has-success .fv-plugins-icon {
    color: #1cb841
}

.fv-plugins-pure.pure-form-aligned .fv-help-block {
    margin-top: 5px;
    margin-left: 180px
}

.fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check {
    top: -9px
}

.fv-plugins-pure.pure-form-stacked .pure-control-group {
    margin-bottom: 8px
}

.fv-plugins-pure.pure-form-stacked .fv-plugins-icon {
    top: 22px
}

.fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check {
    top: 13px
}

.fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon {
    top: -9px
}

.fv-plugins-semantic.ui.form .fields.error label, .fv-plugins-semantic .error .fv-plugins-icon {
    color: #9f3a38
}

.fv-plugins-semantic .fv-plugins-icon-check {
    right: 7px
}

.fv-plugins-shoelace .input-group {
    margin-bottom: 0
}

.fv-plugins-shoelace .fv-plugins-icon {
    height: 32px;
    line-height: 32px;
    width: 32px;
    top: 28px
}

.fv-plugins-shoelace .row .fv-plugins-icon {
    right: 16px;
    top: 0
}

.fv-plugins-shoelace .fv-plugins-icon-check {
    top: 24px
}

.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon, .fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon {
    top: -4px
}

.fv-plugins-shoelace .input-valid .fv-help-block, .fv-plugins-shoelace .input-valid .fv-plugins-icon {
    color: #2ecc40
}

.fv-plugins-shoelace .input-invalid .fv-help-block, .fv-plugins-shoelace .input-invalid .fv-plugins-icon {
    color: #ff4136
}

.fv-plugins-spectre .input-group .fv-plugins-icon {
    z-index: 2
}

.fv-plugins-spectre .form-group .fv-plugins-icon-check {
    right: 6px;
    top: 10px
}

.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check {
    right: 6px;
    top: 45px
}

.fv-plugins-tachyons .fv-plugins-icon {
    height: 36px;
    line-height: 36px;
    width: 36px
}

.fv-plugins-tachyons .fv-plugins-icon-check {
    top: -7px
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon {
    top: 34px
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check {
    top: 24px
}

.fv-plugins-turret .fv-plugins-icon {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon {
    top: 29px
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check {
    top: 17px
}

.fv-plugins-turret .fv-invalid-row .form-message, .fv-plugins-turret .fv-invalid-row .fv-plugins-icon {
    color: #c00
}

.fv-plugins-turret .fv-valid-row .form-message, .fv-plugins-turret .fv-valid-row .fv-plugins-icon {
    color: #00b300
}

.fv-plugins-uikit .fv-plugins-icon {
    height: 40px;
    line-height: 40px;
    top: 25px;
    width: 40px
}

.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon {
    top: 0
}

.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check {
    top: -11px
}

.fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check {
    top: 15px
}

.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon {
    top: 0
}

.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check {
    top: -11px
}

.fv-plugins-wizard--step {
    display: none
}

.fv-plugins-wizard--active {
    display: block
}

.fv-plugins-message-container.invalid-feedback, .fv-plugins-message-container.valid-feedback {
    display: block;
    font-weight: 400;
    min-width: max-content;
}

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

.fv-plugins-message-container {
    margin-top: 0.3rem;
}

.form-control-invalid:not(input[type="checkbox"],input[type="password"]) {
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

.form-control-valid:not(input[type="checkbox"],input[type="password"]) {
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}


.form-control-valid {
    border-color: var(--bs-form-valid-border-color) !important;
}

.form-control-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.download-contract {
    font-size: small;
}

    .download-contract a {
        color: black !important;
    }


@supports (-ms-ime-align:auto) {
    i {
        display: none;
    }
}

.identityDocumentDiv {
    display: none;
}

.wishlist-images {
    height: 80%;
    width: 45%;
    /* align-content: center; */
    display: flex;
    justify-content: center;
}

.checkbox-div {
    position: relative;
    /*margin-left: 20px;*/
    cursor: pointer;
}

.wishlist-img {
    height: 100%;
    border-radius: 10px;
}
/***FORM VALIDATIONS END ***/


/* WISHLIST CSS */

.container-wishlist {
    max-width: 75%;
    height: auto;
    margin: 50px auto;
}

.main-wishlist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.products-wishlist {
    border-radius: 20px;
    height: 200px;
    border: solid 2 px #ff3a20;
    display: flex;
    justify-content: space-between;
    background-color: #fafafa;
    margin-top: 20px;
}

.child1 {
    position: relative;
}

.child2 {
    position: relative;
}

.child3 {
    position: relative;
}

.wishlist-grid {
    display: grid;
}

.right-wishlist-sub {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    /*width: 35%;*/
    justify-content: space-around;
    width: 30%;
}

@media only screen and (max-width:930px) {
    .quantity {
        margin-right: 15px !important;
    }

    .price {
        margin-right: 15px !important;
    }

    .container-wishlist {
        max-width: 100%;
        margin: auto;
    }
}

.img {
    display: block;
    margin-left: 45px;
    margin-right: auto;
    max-width: 75%;
}


.product-details {
    align-self: baseline;
    margin-top: 30px;
}

.star-img {
    width: 70px;
}

.remove-btn {
    width: 30px;
    border: none;
    background-color: transparent;
}

    .remove-btn:hover {
        cursor: pointer;
    }

.product-name {
    font-size: 20px;
    max-width: 100%;
}

.star-seller {
    margin-top: 10px;
}

.button-wishlist {
    display: flex;
    margin-top: 30px;
    justify-content: end;
}

.addtocart {
    background-color: #ff3a20;
    border: none;
    border-radius: 5px;
    width: 200px;
    height: 60px;
    color: white;
}

    .addtocart:hover {
        background-color: #df331c;
        cursor: pointer;
        transition: 0.3s;
    }

.totalprice {
    font-size: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #ff3a20;
}

.total {
    display: flex;
    justify-content: right;
    margin-left: auto;
    margin-top: 20px;
    width: 100%;
}

.right-wishlist-main {
    display: flex;
    width: 35%;
    margin-right: auto;
    margin-left: 65%;
    justify-content: space-around;
}

.product-unit-price {
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.product-subtotal {
    font-size: 25px;
    font-weight: 600;
    margin-left: 1%;
    max-width: 45%;
}

.quantity {
    text-align: center;
    width: 120px;
}

.quantity-box {
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-left: 10%;
}

.adet {
    font-size: 18px;
    font-weight: 600;
}


/* ??? */
/*.td-title{*/
/*    font-weight: 600;*/
/*    font-size: 25px;*/
/*}*/

.vendor-popup {
    text-align: start;
}


/* CheckBox CSS*/

.checkbox-div {
    position: relative;
    margin-left: 20px;
    cursor: pointer;
}

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

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
    cursor: pointer;
}

.checkbox input:checked ~ .checkmark {
    background-color: var(--ti-color-primary);
    border: 1px solid var(--ti-color-primary);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox input:active ~ .checkmark {
    background-color: #df331c;
}

.images-remove {
    display: grid;
    grid-template-columns: 0.4fr 0fr;
}

.wishlist-page-title {
    border-top: 33px solid #ff3a20;
    border-bottom: 0px !important;
}

.wish-list-sign {
    color: var(--colorPrimary);
    text-align-last: center;
    font-size: 50px;
    padding-top: 20px;
}

.wishlist-cart-title {
    text-align-last: center;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
}

.wishlist-cart {
    text-align-last: center;
    font-size: 16px;
    padding-bottom: 60px;
}

.shopping-button {
    text-align-last: center;
    font-size: 16px;
    background-color: var(--colorPrimary) !important;
    color: #fff;
}

.shopping-button-cart {
    text-align-last: center;
    font-size: 16px;
    background-color: var(--colorPrimary) !important;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

    .shopping-button-cart:hover {
        background-color: #d30000 !important;
        color: white !important;
        border-color: #d30000 !important;
    }

.shopping-button:hover {
    background-color: #d30000 !important;
    color: white !important;
    border-color: #d30000 !important;
}

.wishlist-button-cart {
    font-weight: 400;
}

.table-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 20px;
}

.wishlist-image {
    object-fit: contain !important;
    height: 205px;
    width: 100%;
    max-width: 100%;
}

.wishlist-price {
    text-align-last: center;
}

.remove {
    padding-left: 5px;
}

.remove-img {
    padding: 3px;
}

.wishlist-card-add {
    padding-top: 5px;
    grid-template-columns: 125px 1fr !important;
    gap: 7px;
    width: 160px;
}

.share-info {
    padding: 12px;
    padding-bottom: 20px;
}

.flex-wishlist {
    flex: 1;
}

.wishlist-card-img-overlays {
    text-align: -webkit-center;
}

.wishlist-none {
    display: none;
}

.wishlist-remove-button {
    border: none;
    background-color: #F0F0F0 !important;
}

    .wishlist-remove-button:hover {
        border: none;
        background-color: #F0F0F0 !important;
    }

    .wishlist-remove-button i {
        color: #000 !important;
    }

        .wishlist-remove-button i:hover {
            color: #000 !important;
        }

/*pagenotfound*/
.not-found {
    padding-top: 35px;
    padding-bottom: 35px;
}

.page-found-text {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.notfound-bg {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 71px !important;
    color: #ff3a20 !important;
}

/* NO MESSAGE PAGE */

.noMessagePage {
    text-align: center;
    position: relative;
    top: 73px;
}

.NoMessageImg img {
    height: 115px;
}

@media (max-width: 600px) {
    .noMessagePage {
        text-align: center;
        position: relative;
        top: 1px;
        padding: 34px;
    }
}

.switch-button-text {
    margin-top: 26px;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");

/* Reset CSS Start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

a {
    text-decoration: none !important
}
/* Reset CSS End */

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.search-box form {
	position: relative;
}
span.search-box-text {
    float: left;
}
input.search-box-text {
    width: 200px !important;
}
input.search-box-text.narrow {
	width: 130px !important;
}
input.search-box-text.narrow:focus {
	border-color: #ddd; /*prevent different colors*/
}
input.search-box-text.instant-search-busy {
    background: #fff url('../Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif') no-repeat 174px center;
}
input.search-box-text.narrow.instant-search-busy {
	background-position: 104px center;
}
input.search-box-text:focus { 
    outline: -webkit-focus-ring-color auto 0;
}
.search-box-select {
	float: left;
	width: 80px;
	height: 36px;
	border: 1px solid #ddd;
    margin: 0 -1px;
}

/* AUTOCOMPLETE */

.instantSearch {
    width: 286px !important;
    height: auto !important;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
.instantSearch.resize {
	width: 294px !important;
}
.instantSearch .k-list-container {
    width: 100% !important;
    position: static !important;
}
.instantSearch .k-list-scroller {
    height: 100% !important;
    overflow-y: auto;
}
.instantSearch .k-item {
    border-top: 1px solid #ddd;
    cursor: pointer;
}
.instantSearch .k-item:first-child {
	border: 0;
}
.instant-search-item {
    overflow: hidden;
    padding: 10px;
}
.instantSearch .k-item.k-state-hover .instant-search-item, 
.instantSearch .k-item.k-state-focused .instant-search-item{
    background: #f3f3f3;
}
.instant-search-item .img-block {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.instant-search-item .img-block img {
	max-width: 100%;
}
.instant-search-item .detail {
    margin-left: 70px;
}
.instant-search-item .detail .title {
    margin: 0 0 10px;
}
.instant-search-item .detail .price {
    color: #4ab2f1;
}
.instant-search-item .detail .sku {
    margin: 0 0 10px;
}

@media all and (min-width: 481px) {

    input.search-box-text {
        width: 260px !important;
    }
	input.search-box-text.narrow {
		width: 180px !important;
	}
    input.search-box-text.instant-search-busy {
        background-position: 234px center;
    }
	input.search-box-text.narrow.instant-search-busy {
		background-position: 154px center;
	}
    .search-box-select {
	    width: 120px;
    }

/* AUTOCOMPLETE */

    .instantSearch {
        width: 260px !important;
    }
	.instantSearch.resize {
		width: 298px !important;
	}

}

@media all and (min-width: 1001px) {

    .search-box-select {
	    height: 40px;
    }

}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper {
    position: relative;
	height: 100%;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
    float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}

/* ribbon positioning */

.ribbon-position {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 3;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
	top: 0;
	left: 0;
}
.ribbon-position.top-right {
	top: 0;
	right: 0;
}
.ribbon-position.bottom-left {
	bottom: 0;
	left: 0;
}
.ribbon-position.bottom-right {
	bottom: 0;
	right: 0;
}
.ribbon-position.top-middle {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.right-middle {
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
}
.ribbon-position.bottom-middle {
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.left-middle {
	top: 0;
	bottom: 0;
	left: 0;
	text-align: left;
}
.ribbon-position.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

/* ribbon wrapping element */

.product-ribbon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* ribbon label without image*/

.ribbon-text {
	font-size: 12px;
	line-height: normal;
}

/* ribbon label with image */

.ribbon-image-text {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 0;
	left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.gallery .ribbon-wrapper {
    font-size: 0;
}
.gallery .ribbon-wrapper img {
	max-width: 100%;
}

@media all and (min-width: 769px) {
	
.product-list .ribbon-wrapper + .details {
	margin: 0 0 0 240px;
}

}

@media all and (min-width: 1001px) {
	
.spc-categories .ribbon-wrapper {
	float: left;
	width: 45%;
}
.spc-categories .ribbon-wrapper .picture {
	width: 100%;
}

}

@media all and (min-width: 1367px) {
	
.spc-categories .ribbon-wrapper {
	width: 40%;
}

}