@import url(paymentfont.min.css);

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* TEMEL STICKY TABLO AYARLARI - TÜM EKRANLAR İÇİN ORTAK */
.anasayfa-results-table {
    border-collapse: separate !important;
    border-spacing: 0;
    position: relative;
}

html, body, .anasayfa-container, .anasayfa-clearfix, 
.anasayfa-tab-content, .anasayfa-tab-content.anasayfa-active,
.anasayfa-search-results, #steel-pipe, #steel-pipe-search-results {
    overflow: visible !important;
}

.fixed-table-header,
.anasayfa-results-table thead,
.fixed-table-header th,
.anasayfa-results-table thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 100 !important;
    background-color: #f5f5f5 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

/* Masaüstü (1200px ve üzeri) */
@media (min-width: 1200px) {
    .anasayfa-search-title { top: 192px !important; z-index: 120 !important; }
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { top: 245px !important; }
}

/* Küçük Masaüstü (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .anasayfa-search-title { top: 180px !important; z-index: 120 !important; }
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { top: 230px !important; }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .anasayfa-search-title { top: 120px !important; z-index: 120 !important; }
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { top: 170px !important; }
    
    /* Tablet için kaydırma özellikleri */
    .anasayfa-clearfix { display: block !important; }
    .anasayfa-search-results {
        overflow-x: auto !important;
        overflow-y: visible !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
    .anasayfa-results-table {
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
    }
}

/* Küçük Tablet & Mobil (767px ve altı) */
@media (max-width: 767px) {
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { 
        white-space: nowrap !important;
    }
    
    .anasayfa-clearfix { display: block !important; }
    .anasayfa-search-results {
        overflow-x: auto !important;
        overflow-y: visible !important;
        width: 100% !important;
        padding-left: 0 !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .anasayfa-results-table {
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
        white-space: nowrap !important;
    }
}

/* Küçük Tablet (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    .anasayfa-search-title { top: 100px !important; z-index: 120 !important; }
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { 
        top: 150px !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}

/* Mobil (575px ve altı) */
@media (max-width: 575px) {
    .anasayfa-search-title { top: 70px !important; z-index: 120 !important; }
    .fixed-table-header, .anasayfa-results-table thead,
    .fixed-table-header th, .anasayfa-results-table thead th { 
        top: 120px !important; 
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
    
    .anasayfa-results-table {
        min-width: 100% !important;
    }
}

/* TARAYICI UYUMLULUK DÜZELTMELERİ */
/* Firefox Düzeltmesi - Tüm Media Query'ler için tek blokta */
@-moz-document url-prefix() {
    .fixed-table-header, .anasayfa-results-table thead th {
        position: sticky !important;
    }
    
    @media (min-width: 1200px) { 
        .fixed-table-header, .anasayfa-results-table thead th { top: 245px !important; }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .fixed-table-header, .anasayfa-results-table thead th { top: 230px !important; }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .fixed-table-header, .anasayfa-results-table thead th { top: 170px !important; }
    }
    @media (min-width: 576px) and (max-width: 767px) {
        .fixed-table-header, .anasayfa-results-table thead th { top: 150px !important; }
    }
    @media (max-width: 575px) {
        .fixed-table-header, .anasayfa-results-table thead th { top: 120px !important; }
    }
}

/* Safari Düzeltmesi - Tüm Media Query'ler için tek blokta */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .fixed-table-header, .anasayfa-results-table thead th {
            position: -webkit-sticky !important;
            position: sticky !important;
        }
        
        @media (min-width: 1200px) { 
            .fixed-table-header, .anasayfa-results-table thead th { top: 245px !important; }
        }
        @media (min-width: 992px) and (max-width: 1199px) {
            .fixed-table-header, .anasayfa-results-table thead th { top: 230px !important; }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .fixed-table-header, .anasayfa-results-table thead th { top: 170px !important; }
        }
        @media (min-width: 576px) and (max-width: 767px) {
            .fixed-table-header, .anasayfa-results-table thead th { top: 150px !important; }
        }
        @media (max-width: 575px) {
            .fixed-table-header, .anasayfa-results-table thead th { top: 120px !important; }
            .anasayfa-search-results { -webkit-overflow-scrolling: touch !important; }
        }
    }
}

.site-header .site-menu>ul>li .sub-menu,

.toolbar-dropdown {

    display: none;

    position: absolute;

    top: 80%;

    left: 0;

    width: 200px;

    padding: 10px 0;

    border: 1px solid #e5e5e5;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    background-color: #fff;

    line-height: 1.5;

    box-shadow: 0 7px 22px -5px rgba(0, 0, 0, .2)
}



.site-header .site-menu>ul>li .sub-menu>li,

.toolbar-dropdown>li {

    display: block;

    position: relative
}



a {

    text-decoration: none !important
}



.gateway_image {

    width: 324px
}



.site-header .site-menu>ul>li .sub-menu>li>a,

.toolbar-dropdown>li>a {

    display: block;

    position: relative;

    padding: 6px 20px !important;

    transition: color .3s;

    color: #505050;

    font-size: 14px;

    font-weight: 400;

    text-align: left;

    text-decoration: none
}



.site-header .site-menu>ul>li .sub-menu>li>a>i,

.toolbar-dropdown>li>a>i {

    display: inline-block;

    margin-top: -2px;

    margin-right: 6px;

    font-size: .9em;

    vertical-align: middle
}



.site-header .site-menu>ul>li .sub-menu>li>a.p-0,

.toolbar-dropdown>li>a.p-0 {

    padding: 0 !important
}



.site-header .site-menu>ul>li .sub-menu>li:hover>a,

.toolbar-dropdown>li:hover>a {

    color: #377dff
}



.site-header .site-menu>ul>li .sub-menu>li.active>a,

.toolbar-dropdown>li.active>a {

    color: #377dff
}



.site-header .site-menu>ul>li .sub-menu>li.has-children>a,

.toolbar-dropdown>li.has-children>a {

    padding-right: 35px !important
}



.site-header .site-menu>ul>li .sub-menu>li.has-children>a::after,

.toolbar-dropdown>li.has-children>a::after {

    display: block;

    position: absolute;

    top: 50%;

    right: 14px;

    margin-top: -11px;

    font-family: feather;

    content: '\e930'

}



.site-header .site-menu>ul>li .sub-menu>li.has-children:hover>.sub-menu,

.toolbar-dropdown>li.has-children:hover>.sub-menu {

    display: block;

    -webkit-animation: submenu-show .35s;

    animation: submenu-show .35s
}



.site-header .site-menu>ul>li .sub-menu>li.has-children>.sub-menu,

.toolbar-dropdown>li.has-children>.sub-menu {

    top: -11px;

    left: 100%;

    margin-left: -4px
}



.site-header .site-menu>ul>li .sub-menu>li.has-children:not(:first-child)>.sub-menu,

.toolbar-dropdown>li.has-children:not(:first-child)>.sub-menu {

    border-radius: 5px
}



.site-header .site-menu>ul>li .mega-menu {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    background-color: #fff;

    box-shadow: 0 7px 22px -5px rgba(0, 0, 0, .2);

    table-layout: fixed
}



.site-header .site-menu>ul>li .mega-menu>li {

    display: table-cell !important;

    position: relative;

    padding: 25px !important;

    border-left: 1px solid #e5e5e5;

    vertical-align: top
}



.site-header .site-menu>ul>li .mega-menu>li .mega-menu-title {

    display: block;

    margin-bottom: 16px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e5e5e5;

    color: #999;

    text-align: left
}



.site-header .site-menu>ul>li .mega-menu>li:first-child {

    border-left: 0
}



.site-header .site-menu>ul>li .mega-menu .sub-menu {

    display: block !important;

    position: relative;

    width: 100%;

    padding: 0 !important;

    border: 0;

    border-radius: 0;

    background-color: transparent;

    box-shadow: none
}



.site-header .site-menu>ul>li .mega-menu .sub-menu>li>a {

    padding: 5px 0 !important
}



.slideable-menu {

    position: relative;

    border-top: 1px solid #e5e5e5;

    background-color: #fff;

    overflow: hidden;

    padding: 10px 15px
}



.slideable-menu ul {

    margin: 0;

    padding: 0
}



.slideable-menu ul li {

    list-style: none
}



.slideable-menu ul li a {

    color: #798ea9;

    line-height: 28px
}



.slideable-menu ul li.t-h-dropdown {

    width: 100%
}



.slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu {

    position: relative;

    display: none;

    left: 0;

    right: auto !important;

    width: 100% !important
}



.slideable-menu ul li.t-h-dropdown:hover .t-h-dropdown-menu {

    display: block
}



.slideable-menu .menu {

    display: block;

    position: relative;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    transition: all .4s cubic-bezier(.86, 0, .07, 1)
}



.slideable-menu .menu.off-view {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)
}



.slideable-menu .menu.in-view {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}



.slideable-menu .menu li {

    display: block
}



.slideable-menu .menu li a {

    display: block;

    padding: 13px 20px;

    transition: color .3s;

    border-bottom: 1px solid #e5e5e5;

    border-left: 2px solid transparent;

    color: #505050;

    font-size: 16px;

    letter-spacing: .025em;

    text-decoration: none
}



.slideable-menu .menu li a:hover {

    color: #377dff
}



.slideable-menu .menu li.active>a,

.slideable-menu .menu li.active>span>a {

    border-left-color: #377dff;

    color: #377dff
}



.slideable-menu .menu li.has-children>span {

    display: block;

    position: relative;

    width: 100%
}



.slideable-menu .menu li.has-children .sub-menu-toggle {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 60px;

    height: 100%;

    height: calc(100% - 1px);

    transition: background-color .3s;

    border-left: 1px solid #e5e5e5;

    color: #505050 !important;

    cursor: pointer;

    z-index: 1
}



.slideable-menu .menu li.has-children .sub-menu-toggle::before {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: -11px;

    font-family: feather;

    font-size: 22px;

    line-height: 1;

    text-align: center;

    content: '\e930'

}



.slideable-menu .menu li.has-children .sub-menu-toggle:hover {

    background-color: #f5f5f5
}



.slideable-menu .menu li.has-children .slideable-submenu {

    position: absolute;

    top: 0;

    right: -100%;

    width: 100%;

    height: auto;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    transition: all .4s cubic-bezier(.86, 0, .07, 1)
}



.slideable-menu .menu li.has-children .slideable-submenu.in-view {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}



.slideable-menu .menu li.has-children .slideable-submenu.off-view {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)
}



.slideable-menu .menu li.back-btn>a {

    background-color: #f5f5f5
}



.slideable-menu .menu li.back-btn>a:hover {

    color: #505050
}



.slideable-menu .menu li.back-btn>a::before {

    display: inline-block;

    margin-top: -2px;

    margin-right: 2px;

    font-family: feather;

    font-size: 22px;

    line-height: 1;

    content: '\e92f';

    vertical-align: middle
}



@-webkit-keyframes submenu-show {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



@keyframes submenu-show {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



html * {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



body {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    font-size: 15px;

    font-weight: 400;


    text-transform: none;

    text-decoration: none;

    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, sans-serif;
    margin: 0;
    padding: 0;
    color: var(--text);
    background-color: var(--gray);
    line-height: 1.6;

}



a {

    color: #377dff;

    text-decoration: underline
}



a:hover {

    color: #377dff;

    text-decoration: none
}



a:focus {

    outline: 0
}



.small,

small {

    font-size: 85%
}



.navi-link {

    transition: color .3s;

    color: #505050;

    text-decoration: none
}



.navi-link:hover {

    color: #377dff !important
}



.navi-link-light {

    transition: opacity .3s;

    color: #fff;

    text-decoration: none
}



.navi-link-light:hover {

    color: #fff;

    opacity: .6
}



figure,

img {

    max-width: 100%;

    height: auto;

    vertical-align: middle
}



svg {

    max-width: 100%
}



iframe {

    width: 100%
}



* {

    box-sizing: border-box
}



::after,

::before {

    box-sizing: border-box
}



hr {

    margin: 0;

    border: 0;

    border-top: 1px solid #e5e5e5
}



hr.hr-light {

    border-top-color: rgba(255, 255, 255, .13)
}



pre {

    display: block;

    padding: 15px;

    border: 1px solid #e5e5e5;

    border-radius: 6px;

    background-color: #f5f5f5
}



::-moz-selection {

    background: #232323;

    color: #fff
}



::selection {

    background: #232323;

    color: #fff
}



::-moz-selection {

    background: #232323;

    color: #fff
}



figure {

    position: relative;

    margin: 0
}



figure figcaption {

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0;

    padding: 12px;

    font-size: 13px
}



.input-group>.form-control {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    border-radius: 0px !important;

}



@media (max-width:1200px) {

    .container {

        width: 100% !important;

        max-width: 100% !important
    }

}



.container-fluid {

    max-width: 1920px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 30px;

    padding-left: 30px
}



@media (max-width:1200px) {

    .container-fluid {

        padding: 0 15px
    }

}



.close {

    transition: opacity .25s;

    border: 0;

    background: 0;

    color: #505050;

    font-family: sans-serif;

    font-size: 20px;

    cursor: pointer
}



.close:hover {

    opacity: .6
}



.position-relative {

    position: relative !important
}



.position-absolute {

    position: absolute !important
}



.position-fixed {

    position: fixed !important
}



.position-static {

    position: static !important
}



.top-0 {

    top: 0
}



.right-0 {

    right: 0
}



.bottom-0 {

    bottom: 0
}



.left-0 {

    left: 0
}



.w-70 {

    width: 70px !important
}



.w-90 {

    width: 90px !important
}



.w-110 {

    width: 110px !important
}



.w-150 {

    width: 150px !important
}



.w-200 {

    width: 200px !important
}



.w-250 {

    width: 250px !important
}



.w-270 {

    width: 270px !important
}



.w-300 {

    width: 300px !important
}



.w-400 {

    width: 400px !important
}



.border-default {

    border: 1px solid #e5e5e5
}



.border-default.border-light {

    border-color: rgba(255, 255, 255, .13)
}



.border-0 {

    border: 0 !important
}



.border-top-0 {

    border-top: 0 !important
}



.border-right-0 {

    border-right: 0 !important
}



.border-bottom-0 {

    border-bottom: 0 !important
}



.border-left-0 {

    border-left: 0 !important
}



.rounded {

    border-radius: 5px
}



.rounded-top {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px
}



.rounded-right {

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px
}



.rounded-bottom {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px
}



.rounded-left {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px
}



.rounded-circle {

    border-radius: 50%
}



.rounded-0 {

    border-radius: 0 !important
}



.rounded-top-0 {

    border-top-left-radius: 0 !important;

    border-top-right-radius: 0 !important
}



.rounded-right-0 {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important
}



.rounded-bottom-0 {

    border-bottom-left-radius: 0 !important;

    border-bottom-right-radius: 0 !important
}



.rounded-left-0 {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important
}



.box-shadow {

    box-shadow: 0 7px 22px -5px rgba(25, 25, 25, .2)
}



.overflow-hidden {

    overflow: hidden !important
}



.img-thumbnail {

    padding: 5px !important;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff
}



.img-thumbnail.rounded-circle {

    border-radius: 50%
}



.img-cover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover
}



[class^=col-] .img-cover {

    left: 15px;

    width: calc(100% - 30px)
}



.opacity-100 {

    opacity: 1 !important
}



.opacity-90 {

    opacity: .9 !important
}



.opacity-80 {

    opacity: .8 !important
}



.opacity-75 {

    opacity: .75 !important
}



.opacity-70 {

    opacity: .7 !important
}



.opacity-60 {

    opacity: .6 !important
}



.opacity-50 {

    opacity: .5 !important
}



.opacity-25 {

    opacity: .25 !important
}



.opacity-15 {

    opacity: .15 !important
}



.clearfix::after {

    display: block;

    clear: both;

    content: ''

}



.text-muted {

    color: #777 !important
}



.text-primary {

    color: #377dff !important
}



.text-info {

    color: #2196f3 !important
}



.text-warning {

    color: #ffa000 !important
}



.text-success {

    color: #4caf50 !important
}



.text-danger {

    color: #f44336 !important
}



.text-gray-dark {

    color: #232323 !important
}



.text-body {

    color: #ffffff !important;
    padding: 10px;
    background-color: rgba(44, 44, 44, 0.5);
}

.feature-list {
/*     margin-top: 20px;
 */}

.feature-item {
    display: flex;
    align-items: flex-start;
    background-color: rgb(91 190 255 / 5%);
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
}

.feature-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    color: rgb(241, 12, 12);
    border-radius: 50%;
    margin-right: 15px;
}

.feature-content {
    flex-grow: 1;
}

.info-panel {
/*     background-color: white;
 */ border-radius: 8px;
    box-shadow: var(--box-shadow);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}



.text-light,

.text-white {

    color: #fff !important
}



.text-highlighted {

    background-color: #fff8b0 !important
}



.text-decoration-none {

    text-decoration: none !important
}



.text-crossed {

    text-decoration: line-through !important
}



.text-shadow {

    text-shadow: 0 1px rgba(0, 0, 0, .5) !important
}



.text-black {

    font-weight: 900 !important
}



.text-bold {

    font-weight: 700 !important
}



.text-medium {

    font-weight: 500 !important
}



.text-normal {

    font-weight: 400 !important
}



.text-thin {

    font-weight: 300 !important
}



.text-uppercase {

    letter-spacing: .025em
}



.bg-primary {

    background-color: #377dff !important
}



.bg-success {

    background-color: #4caf50 !important
}



.bg-info {

    background-color: #2196f3 !important
}



.bg-warning {

    background-color: #ffa000 !important
}



.bg-danger {

    background-color: #f44336 !important
}



.bg-inverse {

    background-color: #232323 !important
}



.bg-faded,

.bg-secondary {

    background-color: #f5f5f5 !important
}



.bg-dark {

    background-color: #232323 !important
}



.bg-white {

    background-color: #fff !important
}



.bg-no-repeat {

    background-repeat: no-repeat
}



.bg-repeat {

    background-repeat: repeat
}



.bg-center {

    background-position: center
}



.bg-cover {

    background-size: cover
}



.border-primary {

    border-color: #377dff !important
}



.border-success {

    border-color: #4caf50 !important
}



.border-info {

    border-color: #2196f3 !important
}



.border-warning {

    border-color: #ffa000 !important
}



.border-danger {

    border-color: #f44336 !important
}



.border-secondary {

    border-color: #f5f5f5 !important
}



.border-dark {

    border-color: #232323 !important
}



.padding-top-1x {

    padding-top: 24px !important
}



@media (max-width:768px) {

    .padding-top-1x {

        padding-top: 16px !important
    }

}



.padding-top-2x {

    padding-top: 48px !important
}



@media (max-width:768px) {

    .padding-top-2x {

        padding-top: 32px !important
    }

}



.padding-top-3x {

    padding-top: 72px !important
}



@media (max-width:768px) {

    .padding-top-3x {

        padding-top: 48px !important
    }

}



.padding-top-4x {

    padding-top: 96px !important
}



@media (max-width:768px) {

    .padding-top-4x {

        padding-top: 64px !important
    }

}



.padding-top-5x {

    padding-top: 120px !important
}



@media (max-width:768px) {

    .padding-top-5x {

        padding-top: 80px !important
    }

}



.padding-top-6x {

    padding-top: 144px !important
}



@media (max-width:768px) {

    .padding-top-6x {

        padding-top: 96px !important
    }

}



.padding-top-7x {

    padding-top: 168px !important
}



@media (max-width:768px) {

    .padding-top-7x {

        padding-top: 112px !important
    }

}



.padding-top-8x {

    padding-top: 192px !important
}



@media (max-width:768px) {

    .padding-top-8x {

        padding-top: 128px !important
    }

}



.padding-top-9x {

    padding-top: 216px !important
}



@media (max-width:768px) {

    .padding-top-9x {

        padding-top: 144px !important
    }

}



.padding-top-10x {

    padding-top: 240px !important
}



@media (max-width:768px) {

    .padding-top-10x {

        padding-top: 160px !important
    }

}



.padding-bottom-1x {

    padding-bottom: 24px !important
}



@media (max-width:768px) {

    .padding-bottom-1x {

        padding-bottom: 16px !important
    }

}



.padding-bottom-2x {

    padding-bottom: 48px !important
}



@media (max-width:768px) {

    .padding-bottom-2x {

        padding-bottom: 32px !important
    }

}



.padding-bottom-3x {

    padding-bottom: 72px !important
}



@media (max-width:768px) {

    .padding-bottom-3x {

        padding-bottom: 48px !important
    }

}



.padding-bottom-4x {

    padding-bottom: 96px !important
}



@media (max-width:768px) {

    .padding-bottom-4x {

        padding-bottom: 64px !important
    }

}



.padding-bottom-5x {

    padding-bottom: 120px !important
}



@media (max-width:768px) {

    .padding-bottom-5x {

        padding-bottom: 80px !important
    }

}



.padding-bottom-6x {

    padding-bottom: 144px !important
}



@media (max-width:768px) {

    .padding-bottom-6x {

        padding-bottom: 96px !important
    }

}



.padding-bottom-7x {

    padding-bottom: 168px !important
}



@media (max-width:768px) {

    .padding-bottom-7x {

        padding-bottom: 112px !important
    }

}



.padding-bottom-8x {

    padding-bottom: 192px !important
}



@media (max-width:768px) {

    .padding-bottom-8x {

        padding-bottom: 128px !important
    }

}



.padding-bottom-9x {

    padding-bottom: 216px !important
}



@media (max-width:768px) {

    .padding-bottom-9x {

        padding-bottom: 144px !important
    }

}



.padding-bottom-10x {

    padding-bottom: 240px !important
}



@media (max-width:768px) {

    .padding-bottom-10x {

        padding-bottom: 160px !important
    }

}



.margin-top-1x {

    margin-top: 24px !important
}



@media (max-width:768px) {

    .margin-top-1x {

        margin-top: 16px !important
    }

}



.margin-top-2x {

    margin-top: 48px !important
}



@media (max-width:768px) {

    .margin-top-2x {

        margin-top: 32px !important
    }

}



.margin-top-3x {

    margin-top: 72px !important
}



@media (max-width:768px) {

    .margin-top-3x {

        margin-top: 48px !important
    }

}



.margin-top-4x {

    margin-top: 96px !important
}



@media (max-width:768px) {

    .margin-top-4x {

        margin-top: 64px !important
    }

}



.margin-top-5x {

    margin-top: 120px !important
}



@media (max-width:768px) {

    .margin-top-5x {

        margin-top: 80px !important
    }

}



.margin-top-6x {

    margin-top: 144px !important
}



@media (max-width:768px) {

    .margin-top-6x {

        margin-top: 96px !important
    }

}



.margin-top-7x {

    margin-top: 168px !important
}



@media (max-width:768px) {

    .margin-top-7x {

        margin-top: 112px !important
    }

}



.margin-top-8x {

    margin-top: 192px !important
}



@media (max-width:768px) {

    .margin-top-8x {

        margin-top: 128px !important
    }

}



.margin-top-9x {

    margin-top: 216px !important
}



@media (max-width:768px) {

    .margin-top-9x {

        margin-top: 144px !important
    }

}



.margin-top-10x {

    margin-top: 240px !important
}



@media (max-width:768px) {

    .margin-top-10x {

        margin-top: 160px !important
    }

}



.margin-bottom-1x {

    margin-bottom: 24px !important
}



@media (max-width:768px) {

    .margin-bottom-1x {

        margin-bottom: 16px !important
    }

}



.margin-bottom-2x {

    margin-bottom: 48px !important
}



@media (max-width:768px) {

    .margin-bottom-2x {

        margin-bottom: 32px !important
    }

}



.margin-bottom-3x {

    margin-bottom: 72px !important
}



@media (max-width:768px) {

    .margin-bottom-3x {

        margin-bottom: 48px !important
    }

}



.margin-bottom-4x {

    margin-bottom: 96px !important
}



@media (max-width:768px) {

    .margin-bottom-4x {

        margin-bottom: 64px !important
    }

}



.margin-bottom-5x {

    margin-bottom: 120px !important
}



@media (max-width:768px) {

    .margin-bottom-5x {

        margin-bottom: 80px !important
    }

}



.margin-bottom-6x {

    margin-bottom: 144px !important
}



@media (max-width:768px) {

    .margin-bottom-6x {

        margin-bottom: 96px !important
    }

}



.margin-bottom-7x {

    margin-bottom: 168px !important
}



@media (max-width:768px) {

    .margin-bottom-7x {

        margin-bottom: 112px !important
    }

}



.margin-bottom-8x {

    margin-bottom: 192px !important
}



@media (max-width:768px) {

    .margin-bottom-8x {

        margin-bottom: 128px !important
    }

}



.margin-bottom-9x {

    margin-bottom: 216px !important
}



@media (max-width:768px) {

    .margin-bottom-9x {

        margin-bottom: 144px !important
    }

}



.margin-bottom-10x {

    margin-bottom: 240px !important
}



@media (max-width:768px) {

    .margin-bottom-10x {

        margin-bottom: 160px !important
    }

}



.mb-15 {

    margin-bottom: 15px !important
}



.mt-15 {

    margin-top: 15px !important
}



.mb-30 {

    margin-bottom: 30px !important
}



.mt-30 {

    margin-top: 30px !important
}



.mt-20 {

    margin-top: 20px !important
}



.mt-50 {

    margin-top: 50px !important
}



.mb-50 {

    margin-bottom: 50px !important
}



.mt-60 {

    margin-top: 60px !important
}



.pt-30 {

    padding-top: 30px !important
}



.pb-30 {

    padding-bottom: 30px !important
}



.mb-60 {

    margin-bottom: 60px !important
}



.s-pt-30 {

    padding-top: 25px !important
}



.s-pt-60 {

    padding-top: 55px !important
}



.s-pt-50 {

    padding-top: 45px !important
}



.hidden-xs-up {

    display: none !important
}



@media (max-width:575px) {

    .hidden-xs-down {

        display: none !important
    }

}



@media (min-width:576px) {

    .hidden-sm-up {

        display: none !important
    }

}



@media (max-width:767px) {

    .hidden-sm-down {

        display: none !important
    }



    .genius-banner img {

        position: relative;
    }

    .genius-banner::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, var(--primary), #44aaff);
        border-radius: 0 0 var(--radius) var(--radius);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .anasayfa-active.genius-banner::before,
    .anasayfa-menu-item:hover.genius-banner::before {
        opacity: 1;
    }

    .bannner-section .col-md-6:first-child .genius-banner {

        margin-bottom: 30px
    }



    .h-t-social-area {

        text-align: center
    }



    .menu-top-area .right-area {

        text-align: center !important
    }



    #details .comparison-table {

        overflow: auto
    }



    #details .comparison-table table {

        width: 700px
    }



    .register-area {

        margin-top: 30px
    }



    .u-table-res {

        overflow: auto
    }



    .u-table-res table {

        width: 700px
    }

}



@media (min-width:768px) {

    .hidden-md-up {

        display: none !important
    }

}



@media (max-width:991px) {

    .hidden-md-down {

        display: none !important
    }



    .user-info-wrapper {

        margin-bottom: 30px
    }

}



@media (min-width:992px) {

    .hidden-lg-up {

        display: none !important
    }

}



@media (max-width:1199px) {

    .hidden-lg-down {

        display: none !important
    }

}



@media (min-width:1200px) {

    .hidden-xl-up {

        display: none !important
    }

}



.hidden-xl-down {

    display: none !important
}



.d-inline-block img {

    width: 100%
}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    color: #232323;

    text-transform: none;

}



.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small {

    display: block;

    padding-top: 3px;

    color: #999
}



.h1,

h1 {

    margin-bottom: 24px;

    font-size: 36px;

    line-height: 1.15
}



@media (max-width:768px) {



    .h1,

    h1 {

        font-size: 32px
    }

}



.h2,

h2 {

    margin-bottom: 20px;

    font-size: 32px;

    font-weight: 300;

    line-height: 1.2
}



@media (max-width:768px) {



    .h2,

    h2 {

        font-size: 30px
    }

}



.h3,

h3 {

    margin-bottom: 20px;

    font-size: 28px;

    font-weight: 300;

    line-height: 1.25
}



.h4,

h4 {

    margin-bottom: 16px;

    font-size: 24px;

    line-height: 1.3;

}



.h5,

h5 {

    margin-bottom: 12px;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.35
}



.h6,

h6 {

    margin-bottom: 12px;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.4
}



.display-1,

.display-2,

.display-3,

.display-4 {

    font-weight: 300;

    line-height: 1.15
}



.display-1 {

    font-size: 72px
}



@media (max-width:576px) {

    .display-1 {

        font-size: 57px
    }

}



.display-2 {

    font-size: 60px
}



@media (max-width:576px) {

    .display-2 {

        font-size: 48px
    }

}



.display-3 {

    font-size: 50px
}



@media (max-width:576px) {

    .display-3 {

        font-size: 42px
    }

}



.display-4 {

    font-size: 40px
}



@media (max-width:576px) {

    .display-4 {

        font-size: 36px
    }

}



.display-404 {

    color: #fff;

    font-size: 240px;

    font-weight: 700;

    text-shadow: 12px 12px 30px rgba(0, 0, 0, .1)
}



@media (max-width:768px) {

    .display-404 {

        font-size: 204px
    }

}



@media (max-width:576px) {

    .display-404 {

        font-size: 132px
    }

}



p {

    margin: 0 0 20px
}



.lead {

    font-size: 18px
}



.text-lg {

    font-size: 16px
}



.text-md {

    font-size: 14px
}



.text-sm {

    font-size: 13px
}



.text-xs {

    font-size: 12px
}



strong {

    font-weight: 500
}



ol,

ul {

    margin-top: 0;

    margin-bottom: 20px;

    padding-left: 18px;

    line-height: 1.8
}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0
}



.list-unstyled {

    padding-left: 0;

    list-style: none
}



.list-inline {

    padding-left: 0;

    list-style: none
}



.list-inline>li {

    display: inline-block;

    padding-right: 5px;

    padding-left: 5px
}



.list-icon {

    padding: 0;

    list-style: none
}



.list-icon>li {

    position: relative;

    margin-bottom: 6px;

    padding-left: 22px
}



.list-icon>li>i {

    display: block;

    position: absolute;

    left: 0;

    line-height: inherit
}



.list-icon.text-lg>li {

    padding-left: 25px
}



.list-icon.text-sm>li {

    padding-left: 18px
}



.list-icon.lead>li {

    padding-left: 26px
}



dl {

    margin-top: 0;

    margin-bottom: 16px
}



dd,

dt {

    line-height: 1.5
}



dt {

    padding-top: 9px;

    border-top: 1px solid #e5e5e5;

    color: #232323;

    font-weight: 500
}



dt:first-child {

    padding-top: 0;

    border: 0
}



dd {

    margin-top: 3px;

    margin-bottom: 15px;

    margin-left: 0
}



blockquote {

    position: relative;

    margin: 0;

    margin: 50px 0;

    padding: 50px 30px 40px;

    border: 0;

    border-radius: 5px;

    background-color: #f5f5f5;

    color: #505050;

    font-size: 16px;

    font-style: italic;

    text-align: center
}



blockquote::before {

    position: absolute;

    top: -24px;

    left: 50%;

    width: 50px;

    height: 50px;

    margin-left: -25px;

    border-radius: 50%;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk1LjMzMyA5NS4zMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk1LjMzMyA5NS4zMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzAuNTEyLDQzLjkzOWMtMi4zNDgtMC42NzYtNC42OTYtMS4wMTktNi45OC0xLjAxOWMtMy41MjcsMC02LjQ3LDAuODA2LTguNzUyLDEuNzkzICAgIGMyLjItOC4wNTQsNy40ODUtMjEuOTUxLDE4LjAxMy0yMy41MTZjMC45NzUtMC4xNDUsMS43NzQtMC44NSwyLjA0LTEuNzk5bDIuMzAxLTguMjNjMC4xOTQtMC42OTYsMC4wNzktMS40NDEtMC4zMTgtMi4wNDUgICAgcy0xLjAzNS0xLjAwNy0xLjc1LTEuMTA1Yy0wLjc3Ny0wLjEwNi0xLjU2OS0wLjE2LTIuMzU0LTAuMTZjLTEyLjYzNywwLTI1LjE1MiwxMy4xOS0zMC40MzMsMzIuMDc2ICAgIGMtMy4xLDExLjA4LTQuMDA5LDI3LjczOCwzLjYyNywzOC4yMjNjNC4yNzMsNS44NjcsMTAuNTA3LDksMTguNTI5LDkuMzEzYzAuMDMzLDAuMDAxLDAuMDY1LDAuMDAyLDAuMDk4LDAuMDAyICAgIGM5Ljg5OCwwLDE4LjY3NS02LjY2NiwyMS4zNDUtMTYuMjA5YzEuNTk1LTUuNzA1LDAuODc0LTExLjY4OC0yLjAzMi0xNi44NTFDNDAuOTcxLDQ5LjMwNywzNi4yMzYsNDUuNTg2LDMwLjUxMiw0My45Mzl6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTkyLjQ3MSw1NC40MTNjLTIuODc1LTUuMTA2LTcuNjEtOC44MjctMTMuMzM0LTEwLjQ3NGMtMi4zNDgtMC42NzYtNC42OTYtMS4wMTktNi45NzktMS4wMTkgICAgYy0zLjUyNywwLTYuNDcxLDAuODA2LTguNzUzLDEuNzkzYzIuMi04LjA1NCw3LjQ4NS0yMS45NTEsMTguMDE0LTIzLjUxNmMwLjk3NS0wLjE0NSwxLjc3My0wLjg1LDIuMDQtMS43OTlsMi4zMDEtOC4yMyAgICBjMC4xOTQtMC42OTYsMC4wNzktMS40NDEtMC4zMTgtMi4wNDVjLTAuMzk2LTAuNjA0LTEuMDM0LTEuMDA3LTEuNzUtMS4xMDVjLTAuNzc2LTAuMTA2LTEuNTY4LTAuMTYtMi4zNTQtMC4xNiAgICBjLTEyLjYzNywwLTI1LjE1MiwxMy4xOS0zMC40MzQsMzIuMDc2Yy0zLjA5OSwxMS4wOC00LjAwOCwyNy43MzgsMy42MjksMzguMjI1YzQuMjcyLDUuODY2LDEwLjUwNyw5LDE4LjUyOCw5LjMxMiAgICBjMC4wMzMsMC4wMDEsMC4wNjUsMC4wMDIsMC4wOTksMC4wMDJjOS44OTcsMCwxOC42NzUtNi42NjYsMjEuMzQ1LTE2LjIwOUM5Ni4wOTgsNjUuNTU5LDk1LjM3Niw1OS41NzUsOTIuNDcxLDU0LjQxM3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

    background-color: #377dff;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 18px 18px;

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .25);

    content: ''

}



blockquote cite {

    display: block;

    margin-top: 16px;

    color: #999;

    font-size: 13px;

    font-style: normal;

    font-weight: 400
}



blockquote cite::before {

    display: inline-block;

    margin-top: -1px;

    margin-right: 6px;

    color: #999;

    font-family: feather;

    font-size: 1.2em;

    content: '\e9f5';

    vertical-align: middle
}



blockquote cite.cite-avatar>img {

    display: inline-block;

    width: 30px;

    margin-right: 8px;

    border-radius: 50%;

    vertical-align: middle
}



blockquote cite.cite-avatar::before {

    display: none
}



blockquote p {

    margin-bottom: 0
}



kbd {

    background-color: #505050
}



.form-control {

    padding: 0 18px;

    transition: color .25s, background-color .25s, border-color .25s;

    border: 1px solid #e0e0e0;

    border-radius: 5px;

    background-color: #fff;

    color: #505050;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none
}



.form-control:not(textarea) {

    height: 46px
}



.form-control::-moz-placeholder {

    color: #999;

    opacity: 1
}



.form-control:-ms-input-placeholder {

    color: #999
}



.form-control::-webkit-input-placeholder {

    color: #999
}



.form-control:focus {

    border-color: #377dff;

    outline: 0;

    background-color: rgba(0, 85, 255, .02);

    color: #505050;

    box-shadow: none !important
}



.form-control[type=color] {

    padding-bottom: 0 !important
}



.form-control:disabled,

.form-control[readonly] {

    background-color: #f5f5f5;

    cursor: not-allowed
}



textarea.form-control {

    padding-top: 12px;

    padding-bottom: 12px
}



select.form-control {

    padding-right: 38px;

    background-position: center right 17px;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE4NS4zNDQgMTg1LjM0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1LjM0NCAxODUuMzQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTkyLjY3MiwxNDQuMzczYy0yLjc1MiwwLTUuNDkzLTEuMDQ0LTcuNTkzLTMuMTM4TDMuMTQ1LDU5LjMwMWMtNC4xOTQtNC4xOTktNC4xOTQtMTAuOTkyLDAtMTUuMTggICAgYzQuMTk0LTQuMTk5LDEwLjk4Ny00LjE5OSwxNS4xOCwwbDc0LjM0Nyw3NC4zNDFsNzQuMzQ3LTc0LjM0MWM0LjE5NC00LjE5OSwxMC45ODctNC4xOTksMTUuMTgsMCAgICBjNC4xOTQsNC4xOTQsNC4xOTQsMTAuOTgxLDAsMTUuMThsLTgxLjkzOSw4MS45MzRDOTguMTY2LDE0My4zMjksOTUuNDE5LDE0NC4zNzMsOTIuNjcyLDE0NC4zNzN6IiBmaWxsPSIjNTA1MDUwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);

    background-repeat: no-repeat;

    background-size: 10px 10px
}



select.form-control:not([size]):not([multiple]) {

    height: 46px
}



.form-group {

    margin-bottom: 20px
}



.form-group label {

    margin-bottom: 8px;

    padding-left: 1px;

    font-size: 12px;

    font-weight: 500;

    cursor: pointer
}



.form-group label.col-form-label {

    -ms-flex-item-align: center !important;

    align-self: center !important;

    margin-bottom: 0
}



.form-control-lg {

    border-radius: 6px;

    font-size: 16px
}



.form-control-lg:not(textarea) {

    height: 54px
}



.form-control-lg.form-control-pill {

    border-radius: 27px
}



.form-control-lg.form-control-square {

    border-radius: 0
}



select.form-control.form-control-lg:not([size]):not([multiple]) {

    height: 54px
}



.form-control-sm {

    border-radius: 4px;

    font-size: 13px
}



.form-control-sm:not(textarea) {

    height: 36px
}



.form-control-sm.form-control-pill {

    border-radius: 18px
}



.form-control-sm.form-control-square {

    border-radius: 0
}



select.form-control.form-control-sm:not([size]):not([multiple]) {

    height: 36px
}



.form-text {

    padding-left: 18px
}



.custom-control {

    margin-bottom: 6px !important
}



.custom-control:focus {

    outline: 0
}



.custom-control .custom-control-label {

    margin: 0;

    padding-left: 0;

    font-size: 14px !important;

    font-weight: 400 !important;

    text-transform: none
}



.custom-control .custom-control-label::before {

    border: 1px solid #e0e0e0;

    background-color: #f5f5f5;

    box-shadow: none !important
}



.custom-control .custom-control-input:checked~.custom-control-label::before {

    border-color: #377dff;

    background-color: #377dff
}



.custom-control .custom-control-input:disabled~.custom-control-label {

    color: #999;

    cursor: not-allowed
}



.bg-secondary .custom-control .custom-control-label::before {

    background-color: #fff
}



.custom-control-inline {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center
}



.custom-checkbox .custom-control-label::before {

    border-radius: 2px
}



.custom-radio .custom-control-input:checked~.custom-control-label::after {

    background-size: 12px 12px
}



.custom-file,

.custom-file-input {

    height: 46px;

    border-radius: 5px;

    cursor: pointer
}



.custom-file-input:focus~.custom-file-label,

.custom-file:focus~.custom-file-label {

    box-shadow: none
}



.custom-file-label {

    font-size: 14px !important;

    font-weight: 400 !important
}



.custom-file-label,

.custom-file-label::after {

    height: 46px;

    border-radius: 5px;

    border-color: #e0e0e0;

    color: #505050;

    line-height: 2.35
}



.custom-file-label::after {

    height: 44px;

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

    background-color: #f5f5f5;

    font-weight: 400 !important
}



.form-control-pill {

    border-radius: 23px
}



.form-control-pill .custom-file-control,

.form-control-pill .custom-file-control::before {

    border-radius: 23px
}



.form-control-square {

    border-radius: 0
}



.form-control-square .custom-file-control,

.form-control-square .custom-file-control::before {

    border-radius: 0
}



.input-group {

    display: block;

    position: relative
}



.input-group .input-group-addon,

.input-group .input-group-btn {

    display: inline-block;

    position: absolute;

    top: 50%;

    margin-top: 2px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 1.1em
}



.input-group .input-group-btn {

    margin-top: 3px
}



.input-group .input-group-addon {

    left: 15px;

    transition: color .3s;

    background-color: transparent !important;

    color: #999;

    z-index: 9
}



.input-group .form-control {

    padding-left: 37px
}



.input-group .form-control:focus~.input-group-addon {

    color: #377dff
}



.input-group .input-group-btn {

    right: 10px;

    z-index: 9
}



.input-group .input-group-btn button {

    transition: color .3s;

    border: 0;

    background: 0;

    color: #505050;

    font-size: 1.2em;

    cursor: pointer
}



.input-group .input-group-btn button:hover {

    color: #377dff
}



.input-group .input-group-btn .btn {

    margin: 0;

    margin-top: -8px;

    margin-right: 3px;

    margin-bottom: 0;

    margin-left: 0;

    padding: 0
}



.input-group .input-group-btn~.form-control {

    padding-right: 38px;

    padding-left: 18px
}



.input-light .form-control,

.input-light.form-control {

    border-color: rgba(255, 255, 255, .18);

    background-color: rgba(255, 255, 255, .02);

    color: #fff
}



.input-light .form-control::-moz-placeholder,

.input-light.form-control::-moz-placeholder {

    color: rgba(255, 255, 255, .5);

    opacity: 1
}



.input-light .form-control:-ms-input-placeholder,

.input-light.form-control:-ms-input-placeholder {

    color: rgba(255, 255, 255, .5)
}



.input-light .form-control::-webkit-input-placeholder,

.input-light.form-control::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .5)
}



.input-light .form-control:focus,

.input-light.form-control:focus {

    border-color: rgba(255, 255, 255, .3);

    background-color: rgba(255, 255, 255, .04);

    color: #fff
}



.input-light .form-control:focus~.input-group-addon,

.input-light.form-control:focus~.input-group-addon {

    color: #fff
}



.input-light.input-group .input-group-addon {

    color: rgba(255, 255, 255, .5)
}



.input-light select.form-control,

select.form-control.input-light {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxICAgTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyICAgYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3ICAgYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}



.input-light select.form-control option,

select.form-control.input-light option {

    color: #505050 !important
}



.card-wrapper {

    margin: 30px 0
}



@media (max-width:576px) {

    .jp-card-container {

        width: 285px !important
    }



    .jp-card {

        min-width: 250px !important
    }

}



.coupon-form .form-control {

    display: inline-block;

    width: 100%;

    max-width: 235px;

    margin-right: 12px
}



.coupon-form .btn {

    margin-right: 0
}



@media (max-width:768px) {

    .coupon-form .form-control {

        display: block;

        max-width: 100%
    }

}



.was-validated .form-control.is-valid,

.was-validated .form-control:valid {

    border-color: #e0e0e0 !important
}



.was-validated .form-control.is-valid:focus,

.was-validated .form-control:valid:focus {

    border-color: #377dff !important
}



.was-validated .form-control.is-invalid,

.was-validated .form-control:invalid {

    border-color: #f44336 !important
}



.was-validated .form-control.input-light.is-valid,

.was-validated .form-control.input-light:valid {

    border-color: rgba(255, 255, 255, .18) !important;

    background-color: rgba(255, 255, 255, .02) !important
}



.was-validated .form-control.input-light.is-valid:focus,

.was-validated .form-control.input-light:valid:focus {

    border-color: rgba(255, 255, 255, .3) !important;

    background-color: rgba(255, 255, 255, .04) !important
}



.was-validated .form-control.input-light.is-invalid,

.was-validated .form-control.input-light:invalid {

    border-color: #f44336 !important
}



.was-validated .form-control.is-valid,

.was-validated .form-control:valid,

.was-validated .fotm-control.input-light.is-valid,

.was-validated .fotm-control.input-light:valid {

    padding-right: 42px;

    background-position: center right 15px;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2hlY2stY2lyY2xlLW91dGxpbmUiPgoJCTxwYXRoIGQ9Ik0xNTAuNDUsMjA2LjU1bC0zNS43LDM1LjdMMjI5LjUsMzU3bDI1NS0yNTVsLTM1LjctMzUuN0wyMjkuNSwyODUuNkwxNTAuNDUsMjA2LjU1eiBNNDU5LDI1NWMwLDExMi4yLTkxLjgsMjA0LTIwNCwyMDQgICAgUzUxLDM2Ny4yLDUxLDI1NVMxNDIuOCw1MSwyNTUsNTFjMjAuNCwwLDM4LjI1LDIuNTUsNTYuMSw3LjY1bDQwLjgwMS00MC44QzMyMS4zLDcuNjUsMjg4LjE1LDAsMjU1LDBDMTE0Ljc1LDAsMCwxMTQuNzUsMCwyNTUgICAgczExNC43NSwyNTUsMjU1LDI1NXMyNTUtMTE0Ljc1LDI1NS0yNTVINDU5eiIgZmlsbD0iIzRjYWY1MCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);

    background-repeat: no-repeat;

    background-size: 17px 17px
}



.was-validated .form-control.is-invalid,

.was-validated .form-control:invalid,

.was-validated .fotm-control.input-light.is-invalid,

.was-validated .fotm-control.input-light:invalid {

    padding-right: 42px;

    background-position: center right 15px;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MS44NTggNDkxLjg1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkxLjg1OCA0OTEuODU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI0NS45MjksMEMxMTAuMTA2LDAsMCwxMTAuMTA2LDAsMjQ1LjkyOXMxMTAuMTA2LDI0NS45MjksMjQ1LjkyOSwyNDUuOTI5YzEzNS44MjIsMCwyNDUuOTI5LTExMC4xMDYsMjQ1LjkyOS0yNDUuOTI5ICAgIFMzODEuNzUxLDAsMjQ1LjkyOSwweiBNNDMuNzIxLDI0NS45MjljMC0xMTEuNjc3LDkwLjUzMS0yMDIuMjA4LDIwMi4yMDgtMjAyLjIwOGM0Ni4xNDQsMCw4OC42NjgsMTUuNDY3LDEyMi42OTYsNDEuNDg1ICAgIEw4NS4yMDQsMzY4LjYyNUM1OS4xODcsMzM0LjU5Nyw0My43MjEsMjkyLjA3Miw0My43MjEsMjQ1LjkyOXogTTI0NS45MjksNDQ4LjEzN2MtNDUuODI4LDAtODguMDg3LTE1LjI1NS0xMjItNDAuOTUgICAgTDQwNy4xODYsMTIzLjkzYzI1LjY5NCwzMy45MTEsNDAuOTQ5LDc2LjE3MSw0MC45NDksMTIxLjk5OUM0NDguMTM2LDM1Ny42MDUsMzU3LjYwNSw0NDguMTM3LDI0NS45MjksNDQ4LjEzN3oiIGZpbGw9IiNmNDQzMzYiLz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

    background-repeat: no-repeat;

    background-size: 17px 17px
}



.was-validated .custom-file-input.is-valid~.custom-file-label,

.was-validated .custom-file-input:valid~.custom-file-label {

    border-color: #e2e2e2 !important
}



.was-validated .custom-control-input.is-invalid~.custom-control-label,

.was-validated .custom-control-input:invalid~.custom-control-label {

    color: #f44336
}



.was-validated .custom-control-input.is-invalid~.custom-control-label::before,

.was-validated .custom-control-input:invalid~.custom-control-label::before {

    border-color: #f44336
}



.was-validated .custom-control-input.is-valid~.custom-control-label,

.was-validated .custom-control-input:valid~.custom-control-label {

    color: #505050
}



.was-validated .custom-control-input.is-valid~.custom-control-label::before,

.was-validated .custom-control-input:valid~.custom-control-label::before {

    background-color: #dee2e6
}



.was-validated .custom-control-input.is-valid:checked~.custom-control-label,

.was-validated .custom-control-input:valid:checked~.custom-control-label {

    color: #505050
}



.was-validated .custom-control-input.is-valid:checked~.custom-control-label::before,

.was-validated .custom-control-input:valid:checked~.custom-control-label::before {

    border-color: #377dff;

    background-color: #377dff
}



.invalid-feedback,

.valid-feedback {

    margin-top: 5px;

    font-size: 80% !important
}



.invalid-tooltip,

.valid-tooltip {

    padding-top: 2px;

    padding-bottom: 2px;

    font-size: 80%
}



.valid-feedback {

    color: #4caf50
}



.invalid-feedback {

    color: #f44336
}



.valid-tooltip {

    background-color: #4caf50
}



.invalid-tooltip {

    background-color: #f44336
}



.table td,

.table th,

.table thead th {

    border-color: #e5e5e5
}



.table th,

.table thead th {

    font-weight: 500
}



.table.table-inverse {

    background-color: #232323;

    color: #fff
}



.table.table-inverse td,

.table.table-inverse th,

.table.table-inverse thead th {

    border-color: rgba(255, 255, 255, .13)
}



.thead-inverse th {

    background-color: #232323;

    color: #fff
}



.thead-default th {

    background-color: #f5f5f5;

    color: #505050
}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: #f5f5f5
}



.table-striped.table-inverse tbody tr:nth-of-type(odd) {

    background-color: rgba(0, 0, 0, .08)
}



.table-hover tbody tr:hover {

    background-color: #f5f5f5
}



.table-hover.table-inverse tbody tr:hover {

    background-color: rgba(0, 0, 0, .08)
}



.table-active,

.table-active td,

.table-active th {

    background-color: rgba(0, 0, 0, .05)
}



.table-success,

.table-success td,

.table-success th {

    background-color: rgba(76, 175, 80, .09)
}



.table-info,

.table-info td,

.table-info th {

    background-color: rgba(33, 150, 243, .09)
}



.table-warning,

.table-warning td,

.table-warning th {

    background-color: rgba(255, 160, 0, .09)
}



.table-danger,

.table-danger td,

.table-danger th {

    background-color: rgba(244, 67, 54, .09)
}



.btn {

    display: inline-block;

    position: relative;

    padding: 9px 22px;

    border-radius: 4px;

    background-color: transparent;

    color: #505050;

    font-size: 15px;

    font-style: normal;

    font-weight: 500 !important;

    letter-spacing: .025em;

    white-space: nowrap;

    cursor: pointer;

    vertical-align: middle;

    text-transform: none;

    text-decoration: none;

    text-align: center;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: none;

}



.btn.active,

.btn:focus .btn:active,

.btn:hover {

    background-color: #0055aa;
    transform: translateY(-2px);
}



.btn:hover {

    color: #505050
}



.btn>i {

    display: inline-block;

    margin-top: -1px;

    vertical-align: middle
}



.btn.disabled,

.btn[disabled] {

    cursor: not-allowed;

    opacity: .55;

    pointer-events: none
}



button:focus {

    outline: 0
}



.btn-lg {

    height: 54px;

    border-radius: 6px;

    font-size: 16px;

    line-height: 52px
}



.btn-sm {

    height: auto;

    padding: 6px 15px;

    border-radius: 4px;

    font-size: 13px;

    line-height: unset;

}



.btn-pill {

    border-radius: 23px
}



.btn-pill.btn-lg {

    border-radius: 27px
}



.btn-pill.btn-sm {

    border-radius: 18px
}



.btn-square {

    border-radius: 0
}



.btn-secondary {

    border-color: #e5e5e5;

    background-color: #f5f5f5
}



.btn-secondary:hover {

    background-color: #ebebeb
}



.btn-danger,

.btn-info,

.btn-primary,

.btn-success,

.btn-warning {

    color: #fff
}



.btn-danger:active,

.btn-danger:focus,

.btn-danger:hover,

.btn-info:active,

.btn-info:focus,

.btn-info:hover,

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover,

.btn-success:active,

.btn-success:focus,

.btn-success:hover,

.btn-warning:active,

.btn-warning:focus,

.btn-warning:hover {

    color: #fff
}



.btn-primary {

    background-color: #377dff;



}



.btn-primary:hover {

    background-color: #377dff
}



.btn-success {

    background-color: #4caf50
}



.btn-success:hover {

    background-color: #3e8f41
}



.btn-info {

    background-color: #2196f3
}



.btn-info:hover {

    background-color: #0c7fda
}



.btn-warning {

    background-color: #ffa000
}



.btn-warning:hover {

    background-color: #d18300
}



.btn-danger {

    background-color: #f44336
}



.btn-danger:hover {

    background-color: #ef1d0d
}



.btn-white {

    background-color: #fff
}



.btn-white:hover {

    background-color: #e8e8e8
}



.btn-outline-secondary {

    border-color: #e5e5e5
}



.btn-outline-secondary:hover {

    background-color: #f5f5f5
}



.btn-outline-primary {

    border-color: #377dff;

    background-color: transparent;

    color: #377dff
}



.btn-outline-primary:hover {

    background-color: #377dff;

    color: #fff
}



.btn-outline-success {

    border-color: #4caf50;

    background-color: transparent;

    color: #4caf50
}



.btn-outline-success:hover {

    background-color: #4caf50;

    color: #fff
}



.btn-outline-info {

    border-color: #2196f3;

    background-color: transparent;

    color: #2196f3
}



.btn-outline-info:hover {

    background-color: #2196f3;

    color: #fff
}



.btn-outline-warning {

    border-color: #ffa000;

    background-color: transparent;

    color: #ffa000
}



.btn-outline-warning:hover {

    background-color: #ffa000;

    color: #fff
}



.btn-outline-danger {

    border-color: #f44336;

    background-color: transparent;

    color: #f44336
}



.btn-outline-danger:hover {

    background-color: #f44336;

    color: #fff
}



.btn-outline-white {

    border-color: #fff;

    background-color: transparent;

    color: #fff;

    border-color: rgba(255, 255, 255, .3)
}



.btn-outline-white:hover {

    background-color: #fff;

    color: #fff
}



.btn-outline-white:hover {

    color: #505050
}



.btn-link-secondary {

    color: #505050
}



.btn-link-secondary:hover {

    color: #393939
}



.btn-link-primary {

    color: #377dff
}



.btn-link-primary:hover {

    color: #377dff
}



.btn-link-success {

    color: #4caf50
}



.btn-link-success:hover {

    color: #3e8f41
}



.btn-link-info {

    color: #2196f3
}



.btn-link-info:hover {

    color: #0c7fda
}



.btn-link-warning {

    color: #ffa000
}



.btn-link-warning:hover {

    color: #d18300
}



.btn-link-danger {

    color: #f44336
}



.btn-link-danger:hover {

    color: #ef1d0d
}



.btn-link-white {

    color: #fff
}



.btn-link-white:hover {

    color: #e8e8e8
}



.btn-link-danger>i,

.btn-link-info>i,

.btn-link-primary>i,

.btn-link-secondary>i,

.btn-link-success>i,

.btn-link-warning>i,

.btn-link-white>i {

    margin-top: -3px
}



.btn-group {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    position: relative;

    margin-top: 8px;

    margin-right: 12px;

    margin-bottom: 8px;

    vertical-align: middle
}



.btn-group .btn {

    position: relative;

    -webkit-box-flex: 0;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    margin: 0
}



.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {

    margin-right: -1px;

    padding-right: 12px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0
}



.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-outline-secondary,

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-secondary {

    border-right: 0
}



.btn-group>.dropdown-toggle:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0
}



.btn+.dropdown-toggle-split {

    padding-right: 15px;

    padding-left: 8px
}



.text-center .btn,

.text-center .btn-group {

    margin-right: 6px;

    margin-left: 6px
}



.btn-block {

    display: block;

    width: 100%;

    margin-top: 12px;

    margin-right: 0 !important;

    margin-bottom: 12px;

    margin-left: 0 !important;

    padding-right: 15px !important;

    padding-left: 15px !important
}



.scroll-to-top-btn {

    display: block;

    position: fixed;

    right: 16px;

    bottom: -92px;

    width: 36px;

    height: 36px;

    transition: bottom .4s cubic-bezier(.68, -.55, .265, 1.55), opacity .3s, background-color .3s, border-color .3s;

    border-radius: 5px;

    background-color: rgba(0, 0, 0, .25);

    color: #fff;

    font-size: 20px;

    opacity: 0;

    z-index: 2000;

    text-align: center;

    text-decoration: none
}



.scroll-to-top-btn:hover {

    background-color: rgba(0, 0, 0, .8);

    color: #fff
}



.scroll-to-top-btn:active,

.scroll-to-top-btn:focus {

    color: #fff
}



.scroll-to-top-btn.visible {

    bottom: 120px;

    opacity: 1
}



.scroll-to-top-btn>i {

    line-height: 36px
}



@media (max-width:768px) {

    .scroll-to-top-btn {

        bottom: -72px;

        width: 36px;

        height: 36px;

        line-height: 31px
    }



    .scroll-to-top-btn>i {

        line-height: 36px
    }

}



.market-button {

    display: inline-block;

    margin-right: 14px;

    margin-bottom: 14px;

    padding: 5px 14px 5px 45px;

    transition: background-color .3s;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-position: center left 12px;

    background-color: #fff;

    background-size: 24px 24px;

    background-repeat: no-repeat;

    text-decoration: none
}



.market-button:hover {

    background-color: #f5f5f5
}



.market-button .mb-subtitle {

    display: block;

    margin-bottom: -4px;

    color: #999;

    font-size: 12px
}



.market-button .mb-title {

    display: block;

    color: #505050;

    font-size: 18px
}



.market-button.apple-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}



.market-button.google-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}



.market-button.windows-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}



.market-button.blackberry-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MDMuMzIyIDUwMy4zMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMy4zMjIgNTAzLjMyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMTYuMjg1LDYwLjc0Nkg0NS45OTNsLTIwLjgyNyw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMTczLjU1OSw4NC4xNzYsMTYyLjI3OCw2MC43NDYsMTE2LjI4NSw2MC43NDZ6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjM4LjY0NCwzNDcuMTE5aC03MS4xNTlsLTE5Ljk1OSw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMjk1LjA1MSwzNzAuNTQ5LDI4NC42MzcsMzQ3LjExOSwyMzguNjQ0LDM0Ny4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNOTEuMTE5LDE5OS41OTNIMTkuOTU5TDAsMjk1LjA1MWg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMxNDcuNTI1LDIyMy4wMjQsMTM3LjExMiwxOTkuNTkzLDkxLjExOSwxOTkuNTkzeiIgZmlsbD0iIzJlMmUyZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMC44ODEsMjk1LjA1MWgtNzEuMTU5bC0xOS45NTksODYuNzhoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yNC4yOTgsNzMuNzYzLTQ5LjQ2NCAgICBDNDc3LjI4OCwzMTQuMTQyLDQ2Ni44NzUsMjk1LjA1MSw0MjAuODgxLDI5NS4wNTF6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ2LjkxNSwxNDcuNTI1aC03MS4xNTlsLTE5Ljk1OSw4Ni43OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI0LjI5OCw3My43NjMtNDkuNDY0ICAgIEM1MDMuMzIyLDE2Ni42MTcsNDkyLjkwOCwxNDcuNTI1LDQ0Ni45MTUsMTQ3LjUyNXoiIGZpbGw9IiMyZTJlMmUiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjUuNTQ2LDE5OS41OTNoLTcxLjE1OWwtMTkuOTU5LDk1LjQ1OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMzMjIuODIsMjIzLjAyNCwzMTEuNTM5LDE5OS41OTMsMjY1LjU0NiwxOTkuNTkzeiIgZmlsbD0iIzJlMmUyZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI5MS41OCw2MC43NDZIMjIwLjQybC0xOS45NTksOTUuNDU4aDczLjc2M2M1Ny4yNzUsMCw3My43NjMtMjguNjM3LDczLjc2My01My44MDMgICAgQzM0Ny45ODYsODQuMTc2LDMzNy41NzMsNjAuNzQ2LDI5MS41OCw2MC43NDZ6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}



.market-button.amazon-button {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUJGNjhGNDRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUJGNjhGMzRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgNXCVIAAAc7SURBVHja5FwJbFRVFH0tQimgUCiubKJCWWSwKIooVhG3aESkETRqBEEEEURExBXiVhElkRiIEFwTQEHciQiIMQhFkUGFihErIJjWUgg0LFXqPf4z9jvMTOe/v9ebnEw78+//b85/y7n33T8ZNTU1yo5FIhEdtxMEXQRtBGcLOglO5ftoUKagSrBLUCLYKCgVbBEcNJ8oGo0qN+045Z2dJCgU9BdcJ2igcY4DgsWC9wTvetHoTA+u0ZlfCL3hJcFATXJgzQS3C5YIKgWT3G58hotDDMNlvmCQy9+hAj1ThtqqMPWgywXlHpADayVYKTfq0bAQdJ9guaCR8tamCUlPBZ2gcYIXlH82RUgaFlSCCgQzlf82T0hqFzSCGgreUsGxqUEj6BkKvaBYofSi5kERihCAE2z4rxYs4qp3WNBY0F0wVtBC85xNKUrnBoGgUdBTGn4IH24UbEvwGQh7TDBdMNGGQA3EELtGw2eh4Jwk5JjtAcFDmu0633clLeMcweYOi24IOLta9CnR6BF/CE4Whf2Xnz3oKg2fJzR8PtTwyaXK9nWIHbF4PFIYn2hcZ6Vm+5r4SpB039c5T5RwqO0VHE3hgoByv8alSm3oM99XsecJxSUaUXyOoKPgTOIMEjdK8xrVYSbIbIeIMsGPDp43Q/lkmap+W0bQepDTliU43oam+bM+EIT5qZcyEve5nL9aCtpzHmtq49zVYSOoraCv4AZBHgPc3P/7EOsgGCoYzt4SKnOTIAyZGYJrwzzLu0XQi4Lx9WEZdJqg0wVfqmAlzwJDUB/BmvompJwiqLND5FQwXtuujJ3TA1TlmM8eDytB2P9absMfaVbshryN+DeJuDsrzATNor7RMezV3xvkWMwWQZFIpIe8jNB0v0kZuedAm91gdaSm31iL5NSEjiDuO92h4bqGwzIUMaOdHnSe0ktpztfwaRwqgqT3QAheqHnNZZoyIlQ9COT00/BDzrpcwy9fs51ZfhEEXdJRw+8AdY9XBPm2q4HyklM0/HRqE7H3f4mN2NAXgrKUXgUZihGsVl0Mt7GKDfKLIAyTIxp+2cqoj7bSeybb+H5DZEE5zQ+CsEn4u6avlb2x2cpI2tuxiX4Q9JOquzIjmaHOuXcax6H0ZaADK/V46UW9vCYIavgLG43+XHBRks9QLP6B3TsfZ6/pOmqXv8hdGSAvn9psOIiap4zcD5bkQsINQ+agKBqN/uZVjFOsjAdLsm2co4DwwhAgY5/sfk9iMbkT++TlVRUus7zTajfdMcvjL7hEWa9oi9llclMf9JQgueBmVVv64rY9p4yiz9kW/VC01U33YRcnqjtQQLXWZXIeFsTu/tOC9Wn6oR6yPW+kljmViOrDRp/rMDEourpeHVujiJ60VaXOEy0TYq72K9RIZEigLXbwfNBZJ6rEBZw7Uugo2CtOkOM0QbDBmAyVveqybwUDGMFXpDjuG5W4bmiKkDPSqS/0r1A8PEfvAZneL+ck+wgJNVR1RIhEuRkEvHhUcyNJhWwosdgElNEsYGA7pnh05ZI0fJARRSF7W8Z6hxhbQtv9+k+64q7tx8xBmEca2gwh4odIMYce5qaWJKkBswEQbfvZIPSGn1XqCtnEanV0ZYncpNHKKLz6uI7DeyojGwr0IlHZvFEoPF/H6AAPDO+J70GLKPNxwC10qC92heBJ3qx0rEh60OT4HnQrleZQ3s1xIVTKiexKVbtRUEEgL76XqyBSx/GZx6aJlnl0+5s5JlH0hO2Z25i/2RpigjaRgHKKxkTWjcMrRsy+VKsYHvp/n39fyskTlWKtQ0rQbmVU6lelOOYHwXem/0vrWuYhzpaa/p9A7TFJ+biJ55BlUZVv4nSiuHDE6icxOa9KRwehEnVu3ImLBDuV8Qhm85AR04TtRvufVcZvhtzNz9qYRshazsFpCUVUbsTX5eARI8zwSDwh2ZUfcGIwv8yh3kK7c00TdkxQ9jcdP9Oqkp7GSbsqwUw/jBpmC4dh94CQAvF4D1X59ySieZwK72wSpbGNhF9UXDFYusHqR7woqsAuSNKgGSaBCE21QfCVh6REGHoMZqiSzCBdzFUpOaYg+0470fxOqu0pglQ/AdFP1e7bl/IubuHEt07pPS8Wbw05tLHK9mDYkFeHTzV7/Jtx76PCLYOB9kqnYrF8jtWLLX4xSPrNXHrLuWJgQizj31Uc9kd58zBf4PmzTozsWzPm6mJxkXiHwndX3PvNTOFOh/8sdQliMSu2gb1kiDJ+qyPdffpGjId6ejTs0HORrF+R5PNWXKnHuJXuWMCAD3tY21Rw7GtGAV1TkKPYc0aoFNvoTuWDZlBoTWLj/LIV7NUISt8IYsJsOhtXoIxk/l4PSNlMZYzJGj/stNDJk7tVHLmaeIQTeV9qqTxOjHasjAm2pZwL17nJvtvVo8gQfEZMZXKqHXVHPlekFswgNFK1JXPwO8gVZg/lwnpKht1ejtm/BRgAKCaVSdcawG4AAAAASUVORK5CYII=)
}



.market-button.mb-light-skin {

    border-color: rgba(255, 255, 255, .13);

    background-color: transparent
}



.market-button.mb-light-skin .mb-subtitle,

.market-button.mb-light-skin .mb-title {

    color: #fff
}



.market-button.mb-light-skin .mb-subtitle {

    opacity: .55
}



.market-button.mb-light-skin:hover {

    background-color: rgba(255, 255, 255, .06)
}



.market-button.mb-light-skin.apple-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}



.market-button.mb-light-skin.blackberry-button {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MDMuMzIyIDUwMy4zMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMy4zMjIgNTAzLjMyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMTYuMjg1LDYwLjc0Nkg0NS45OTNsLTIwLjgyNyw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMTczLjU1OSw4NC4xNzYsMTYyLjI3OCw2MC43NDYsMTE2LjI4NSw2MC43NDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjM4LjY0NCwzNDcuMTE5aC03MS4xNTlsLTE5Ljk1OSw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMjk1LjA1MSwzNzAuNTQ5LDI4NC42MzcsMzQ3LjExOSwyMzguNjQ0LDM0Ny4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNOTEuMTE5LDE5OS41OTNIMTkuOTU5TDAsMjk1LjA1MWg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMxNDcuNTI1LDIyMy4wMjQsMTM3LjExMiwxOTkuNTkzLDkxLjExOSwxOTkuNTkzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMC44ODEsMjk1LjA1MWgtNzEuMTU5bC0xOS45NTksODYuNzhoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yNC4yOTgsNzMuNzYzLTQ5LjQ2NCAgICBDNDc3LjI4OCwzMTQuMTQyLDQ2Ni44NzUsMjk1LjA1MSw0MjAuODgxLDI5NS4wNTF6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ2LjkxNSwxNDcuNTI1aC03MS4xNTlsLTE5Ljk1OSw4Ni43OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI0LjI5OCw3My43NjMtNDkuNDY0ICAgIEM1MDMuMzIyLDE2Ni42MTcsNDkyLjkwOCwxNDcuNTI1LDQ0Ni45MTUsMTQ3LjUyNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjUuNTQ2LDE5OS41OTNoLTcxLjE1OWwtMTkuOTU5LDk1LjQ1OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMzMjIuODIsMjIzLjAyNCwzMTEuNTM5LDE5OS41OTMsMjY1LjU0NiwxOTkuNTkzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI5MS41OCw2MC43NDZIMjIwLjQybC0xOS45NTksOTUuNDU4aDczLjc2M2M1Ny4yNzUsMCw3My43NjMtMjguNjM3LDczLjc2My01My44MDMgICAgQzM0Ny45ODYsODQuMTc2LDMzNy41NzMsNjAuNzQ2LDI5MS41OCw2MC43NDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}



.market-button.mb-light-skin.amazon-button {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk2CzRIAAAcFSURBVHja5FxpbBZVFH2ULlhQCq2oiBWLWqCI0AoqKILgGo2KEqlGjSKKIuJaC9EgRKNYURL9YQ2KawKICO5RqZYYsKDFtS1VsSpaU2ypgQYo0HpP5lTGz2/pvNnrTU7yLXNn3px5775777tvurW3tysf5DDBEMEAwUmCEwX9+TsalCRoEfwuqBF8KagTVAt2e9nQZA+vdYRgimCi4GJBd41z7BK8LlgjeMOTVqMHuYxcwRrBgXZnZYegyO32d3NxiGG4LBVMdvkZN7JnfuzGyZNcavQkwXYPyIFkCsoED4SFoDsFHwpSPTb8CwQPO31Sp4fYbMFi5a9MEzwfRILGu2UHNORYwS9BGmIpgldVcGR+0GzQI3T0giKY1XoHZYjBAazHuTT1ywUrOOvtFfQQDBPMEmTYaNd0wZIgOIrzNB29zYKcBOcuseFIljjhKDoxxC7U0FkuGCnYmuC4ewVzNNt1ahCGGILNXy3qIOAcalEHAWuuRZ0/BUcKDvhppM/X0HlQQ+dtDZ0setm+zmKtFo9HCuM9jeuUabYv3e90x0uCfvReewoOZZAai3g4kjs1rlNnwz8LVKjRgwT1EeQIjicGCdoEM5gEsyonCGo19PIEVUFKmO0hGgRbnIwZ/fI4k1TXFtvEJgf8BtNo13R9mv1dgSDYpwJlJO6zaL/6MiLPofHXlX1hI+gYwVjBZYLBDHCz/u9DbKCgkK7AoLAZMTcJwpBZJLgozFbeLYKeFNzRFaZBpwk6TvCpClbyLDAEnS5Y39UcKacIynWInEbGa0i471DGUnMD7dk8XzxNB2IxrH/9wClcR5BmxVLRa4KvYjh3urEY4sAf/e5BT9sg5ynB7UGOxewSNFwZyXEduVIZyfpAi91g9SZNvVkWyWkPI0FYd7peQ289h2UoYkY7BI1SeinNpRo6PcJGEBzBMZq672u6EaEiCOSM09BrVsYKqlXJ12xnml8EwS/J0dDbRb/HK4LS/SIoW3CUhp5O4SbW/s+yERv6QlCa0qsgy1DWqy6m2ZjFJvtFEIZJq4beIcqoj7bSe4pt3N9UwdF+EIT1+D80dWdYOPYZZSTt7cg9fhD0vUpcmRFLrhOM7sRxJYJLHZipkbgr8JogeMPrbDT6E8EZMf7rJXjL7pOPkBf9SHecI/jAZsNB1HPKyP1gSp5CuCHIHCwU/OYVQZiN6ml4wyJPCO72Khb7S/CCCpfs93KIQVAp9p2HN7iKQbJOgu5spVHHbTcfhNKSxz0i5zHB5Zz6rQiKtvKUbpG7Q9uGNrS7K3Mjrrexk3pVgsygbIfaJDjF4V6DoqtL1H9rFDHEahPkiZBWucB2CxzegLbSwV5TnuDpF8TRfdape3Jjl94EQY0NYioFkzp5rdFR9Oe4suNwb2m2Xlh/c8xNNUiooarjZCJabgYBL2oWsWl3C92GGotNQBnNMga2M+U+VnVCBxnRkRyqiPX2MLbcKPjZfF/mNAKWjlNshhBmWccLjqJt6kuSujMbgOKmnWzQF8pY4GuznFYoza6Rm7lVGYVX7yY4fASzoWMYn/Wno4sHhcLzCkYH2DDc9C8/SC60gm4+DriaCl1FzhU8xIfVGVkopBdH9qBr6GkW8mnODqGnHE3OUwcXChoJ5MWbOQvmRMk8/lP2lxyRBLuKYxJFT1ieuZb5m9oQE/Q1CdhOpzGa5HF49TSFUTE9aWz6f5OfJ9B4olLs8JAShIC6Lg45iuHSN6bvdYlCDThnq03f72IWsUj5uIjnkCCffh97ViF/w8TRUT/ZZA5L4sViqERdEnFi5FO2KWMLZu+QEZPOdqP9jyrjnSG38L8BphHymTKVzCQKVlG5EVm4hC1GxUw8IdmVH3BiYF9K6W+h3Vkmg91RfDHRdPxiq9H8AhrtliiW/gb6MNUchsMCQgqcx9sEmwXfkghzj0ebc01OacdCwk/KeCmCijaLxZN3eFFUgZ0Wo0GLTA4ifKpKwQYPSYG3ji0LVzAdHEvgupirUvqYguwbIw+2siC3jd72XBX/FRDj1MF1+zo+xWoavgqlt18sUlI4tDHLDmfYMDiBzj72+FcifkeFGyrY8NqdspgZRYuxWD7H6pkWb6yVSbZ6+iVNNIgN/NzCYd/Ghwd7gf1nKOLsR0OKmGuIxUliJR3fyL1qvUzhzsBoMabukm4le8lUJsI7u06fynhohEfDDj0X1WxrY/yfyZl6plsp12UM+LCGtVUFRz5nFDA0DjmKPWe6irOM7tSGukV0tIrYOL9kLXs1gtKXnTih0zsOS9i48cpI5jd7QEoVPWMYa7zYabmTJ3erOLKcuJ+GfCx9qcE0jHakgQm21bSFFW6y73b1KDIEHxHzmZzKpt+RzxkpgxmEVHWwZA56uznDNNFd2ESXod7LMfu3AAMA3eQjZHI91/8AAAAASUVORK5CYII=)
}



.facebook-btn,

.google-btn,

.twitter-btn {

    text-transform: none
}



.facebook-btn>i,

.google-btn>i,

.twitter-btn>i {

    margin-top: 0
}



.facebook-btn {

    border-color: #3b5998;

    background-color: transparent;

    color: #3b5998
}



.facebook-btn:hover {

    background-color: #3b5998;

    color: #fff
}



.twitter-btn {

    border-color: #55acee;

    background-color: transparent;

    color: #55acee
}



.twitter-btn:hover {

    background-color: #55acee;

    color: #fff
}



.google-btn {

    border-color: #dd4b39;

    background-color: transparent;

    color: #dd4b39
}



.google-btn>i {

    font-size: 1.3em
}



.google-btn:hover {

    background-color: #dd4b39;

    color: #fff
}



.social-button {

    display: inline-block;

    margin-top: 5px;

    margin-right: 18px;

    margin-bottom: 5px;

    transition: color .3s;

    color: #505050;

    font-size: 12px;

    text-decoration: none;

    vertical-align: middle
}



.social-button.shape-circle,

.social-button.shape-rounded,

.social-button.shape-square {

    width: 36px;

    height: 36px;

    margin-right: 8px;

    border: 1px solid #e5e5e5;

    line-height: 35px;

    text-align: center
}



.social-button.shape-circle {

    border-radius: 50%
}



.social-button.shape-rounded {

    border-radius: 5px
}



.social-button:focus {

    text-decoration: none
}



.text-center .social-button {

    margin-right: 9px;

    margin-left: 9px
}



.text-center .social-button.shape-circle,

.text-center .social-button.shape-rounded,

.text-center .social-button.shape-square {

    margin-right: 4px;

    margin-left: 4px
}



.text-right .social-button {

    margin-right: 0;

    margin-left: 18px
}



.text-right .social-button.shape-circle,

.text-right .social-button.shape-rounded,

.text-right .social-button.shape-square {

    margin-right: 0;

    margin-left: 8px
}



.sb-amazon {

    font-size: 1.15em !important
}



.sb-amazon:focus,

.sb-amazon:hover {

    color: #f90 !important
}



.sb-airbnb:focus,

.sb-airbnb:hover {

    color: #fd5c63 !important
}



.sb-behance {

    font-size: 1.1em !important
}



.sb-behance:focus,

.sb-behance:hover {

    color: #1769ff !important
}



.sb-deviantart {

    font-size: 1.2em !important
}



.sb-deviantart:focus,

.sb-deviantart:hover {

    color: #4e6252 !important
}



.sb-digg {

    font-size: 1.2em !important
}



.sb-digg:focus,

.sb-digg:hover {

    color: #000 !important
}



.sb-disqus {

    font-size: 1.1em !important
}



.sb-disqus:focus,

.sb-disqus:hover {

    color: #2e9fff !important
}



.sb-dribbble:focus,

.sb-dribbble:hover {

    color: #ea4c89 !important
}



.sb-drupal {

    font-size: 1.1em !important
}



.sb-drupal:focus,

.sb-drupal:hover {

    color: #0077c0 !important
}



.sb-email:focus,

.sb-email:hover {

    color: #377dff !important
}



.sb-facebook:focus,

.sb-facebook:hover {

    color: #3b5998 !important
}



.sb-flickr:focus,

.sb-flickr:hover {

    color: #0063dc !important
}



.sb-foursquare:focus,

.sb-foursquare:hover {

    color: #ef4b78 !important
}



.sb-github:focus,

.sb-github:hover {

    color: #4183c4 !important
}



.sb-google-plus {

    font-size: 1.2em !important
}



.sb-google-plus:focus,

.sb-google-plus:hover {

    color: #dd4b39 !important
}



.sb-instagram:focus,

.sb-instagram:hover {

    color: #3f729b !important
}



.sb-lastfm {

    font-size: 1.1em !important
}



.sb-lastfm:focus,

.sb-lastfm:hover {

    color: #e31b23 !important
}



.sb-linkedin:focus,

.sb-linkedin:hover {

    color: #0976b4 !important
}



.sb-odnoklassniki {

    font-size: 1.1em !important
}



.sb-odnoklassniki:focus,

.sb-odnoklassniki:hover {

    color: #ed812b !important
}



.sb-paypal {

    font-size: .9em !important
}



.sb-paypal:focus,

.sb-paypal:hover {

    color: #253b80 !important
}



.sb-pinterest:focus,

.sb-pinterest:hover {

    color: #cc2127 !important
}



.sb-reddit {

    font-size: 1.1em !important
}



.sb-reddit:focus,

.sb-reddit:hover {

    color: #ff4500 !important
}



.sb-rss {

    font-size: .9em !important
}



.sb-rss:focus,

.sb-rss:hover {

    color: #f26522 !important
}



.sb-skype {

    font-size: .9em !important
}



.sb-skype:focus,

.sb-skype:hover {

    color: #00aff0 !important
}



.sb-soundcloud {

    font-size: 1.2em !important
}



.sb-soundcloud:focus,

.sb-soundcloud:hover {

    color: #f80 !important
}



.sb-stackoverflow:focus,

.sb-stackoverflow:hover {

    color: #fe7a15 !important
}



.sb-steam:focus,

.sb-steam:hover {

    color: #7da10e !important
}



.sb-stumbleupon:focus,

.sb-stumbleupon:hover {

    color: #eb4924 !important
}



.sb-tumblr:focus,

.sb-tumblr:hover {

    color: #35465c !important
}



.sb-twitch:focus,

.sb-twitch:hover {

    color: #6441a5 !important
}



.sb-twitter:focus,

.sb-twitter:hover {

    color: #55acee !important
}



.sb-vimeo:focus,

.sb-vimeo:hover {

    color: #1ab7ea !important
}



.sb-vine:focus,

.sb-vine:hover {

    color: #00b488 !important
}



.sb-vk {

    font-size: 1.1em !important
}



.sb-vk:focus,

.sb-vk:hover {

    color: #45668e !important
}



.sb-wordpress:focus,

.sb-wordpress:hover {

    color: #21759b !important
}



.sb-xing:focus,

.sb-xing:hover {

    color: #026466 !important
}



.sb-yahoo {

    font-size: 1.1em !important
}



.sb-yahoo:focus,

.sb-yahoo:hover {

    color: #400191 !important
}



.sb-yelp:focus,

.sb-yelp:hover {

    color: #af0606 !important
}



.sb-youtube:focus,

.sb-youtube:hover {

    color: #e52d27 !important
}



.sb-light-skin {

    transition: all .3s;

    background-color: transparent;

    color: rgba(255, 255, 255, .6) !important
}



.sb-light-skin:focus,

.sb-light-skin:hover {

    color: #fff !important
}



.sb-light-skin.shape-circle,

.sb-light-skin.shape-rounded,

.sb-light-skin.shape-square {

    border-color: rgba(255, 255, 255, .13)
}



.sb-light-skin.shape-circle:hover,

.sb-light-skin.shape-rounded:hover,

.sb-light-skin.shape-square:hover {

    background-color: rgba(255, 255, 255, .06)
}



.nav-tabs {

    border-bottom: 0 !important;

    text-align: center;

    display: block
}



.nav-tabs .nav-link {

    padding: 10px 20px;

    transition: color .3s;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    color: #505050;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .025em;

    text-decoration: none;

    border: 0 !important;

}



.nav-tabs .nav-link:hover {

    color: #377dff
}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

    border-color: transparent
}



.nav-tabs .nav-link.disabled {

    cursor: not-allowed
}



.nav-tabs .nav-link.disabled,

.nav-tabs .nav-link.disabled:hover {

    color: #999
}



.nav-tabs .nav-link>i {

    margin-top: -3px;

    margin-right: 5px
}



.nav-tabs .nav-item.dropdown {

    margin-bottom: -3px
}



.nav-tabs .nav-item.dropdown .dropdown-menu {

    margin-top: -3px
}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    color: #fff;

    background: #377dff
}



.tab-content {

    padding: 30px;

    overflow: hidden;

    border-radius: 6px;

    background: #fff
}



.tab-content ol:last-child,

.tab-content p:last-child,

.tab-content ul:last-child {

    margin-bottom: 0
}



.nav-pills .nav-link {

    margin-right: 5px;

    padding: 6px 16px;

    transition: all .3s;

    border: 1px solid transparent;

    border-radius: 5px;

    color: #505050;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: .025em;

    text-transform: none;

    text-decoration: none
}



.nav-pills .nav-link:hover:not(.disabled) {

    border-color: #e5e5e5;

    background-color: #f5f5f5
}



.nav-pills .nav-link.disabled {

    color: #999;

    cursor: not-allowed
}



.nav-pills .nav-link>i {

    display: inline-block;

    margin-top: -1px;

    margin-right: 5px;

    vertical-align: middle
}



.nav-pills .nav-item.show .nav-link,

.nav-pills .nav-link.active {

    border-color: #377dff;

    background-color: #377dff !important;

    color: #fff;

    cursor: default
}



.nav-pills+.tab-content {

    padding: 24px 0 0;

    border: 0;

    border-radius: 0
}



.nav-pills.nav-justified .nav-link {

    margin-right: 0
}



.nav-pills.justify-content-center .nav-link {

    margin: 0 3px
}



.nav-pills.justify-content-end .nav-link {

    margin: 0 0 0 5px
}



.nav-pills.flex-column .nav-link {

    margin: 0 0 5px
}



.transition.fade {

    transition: all .4s ease-in-out;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden
}



.transition.fade.show {

    opacity: 1
}



.transition.scale.fade {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)
}



.transition.scaledown.fade {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)
}



.transition.scale.fade.show,

.transition.scaledown.fade.show {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)
}



.transition.left.fade {

    -webkit-transform: translateX(40px);

    -ms-transform: translateX(40px);

    transform: translateX(40px)
}



.transition.right.fade {

    -webkit-transform: translateX(-40px);

    -ms-transform: translateX(-40px);

    transform: translateX(-40px)
}



.transition.left.fade.show,

.transition.right.fade.show {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0)
}



.transition.top.fade {

    -webkit-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    transform: translateY(-40px)
}



.transition.bottom.fade {

    -webkit-transform: translateY(40px);

    -ms-transform: translateY(40px);

    transform: translateY(40px)
}



.transition.bottom.fade.show,

.transition.top.fade.show {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)
}



.transition.flip.fade {

    -webkit-transform: rotateY(-90deg) scale(1.1);

    transform: rotateY(-90deg) scale(1.1);

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%
}



.transition.flip.fade.show {

    -webkit-transform: rotateY(0) scale(1);

    transform: rotateY(0) scale(1);

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%
}



.card {

    border-radius: 10px;

    border-color: #e5e5e5;

    border: 0;

}



.card .google-map {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px
}



a.card {

    color: inherit;

    text-decoration: none
}



.card-header {

    border-bottom-color: #e5e5e5
}



.card-header .h1,

.card-header .h2,

.card-header .h3,

.card-header .h4,

.card-header .h5,

.card-header .h6,

.card-header h1,

.card-header h2,

.card-header h3,

.card-header h4,

.card-header h5,

.card-header h6 {

    margin-bottom: 0
}



.card-header:first-child {

    border-radius: 5px 5px 0 0
}



.card-footer,

.card-header {

    background-color: #f5f5f5
}



.card-footer {

    border-top-color: #e5e5e5
}



.card-footer:last-child {

    border-radius: 0 0 5px 5px
}



.card-body ol:last-child,

.card-body p:last-child,

.card-body ul:last-child {

    margin-bottom: 0
}



.card-body .tab-content {

    padding: 0;

    border: 0
}



.card.bg-primary {

    border-color: #004de6
}



.card.bg-primary .card-header {

    border-bottom-color: #004de6;

    background-color: #0052f5
}



.card.bg-faded .card-header,

.card.bg-secondary .card-header {

    background-color: #ededed
}



.card.bg-success {

    border-color: #409343
}



.card.bg-success .card-header {

    border-bottom-color: #409343;

    background-color: #439a46
}



.card.bg-info {

    border-color: #0b76cc
}



.card.bg-info .card-header {

    border-bottom-color: #0b76cc;

    background-color: #0d87e9
}



.card.bg-warning {

    border-color: #c27a00
}



.card.bg-warning .card-header {

    border-bottom-color: #c27a00;

    background-color: #e08d00
}



.card.bg-danger {

    border-color: #e11b0c
}



.card.bg-danger .card-header {

    border-bottom-color: #e11b0c;

    background-color: #f22819
}



.card.bg-dark {

    border-color: #0f0f0f
}



.card.bg-dark .card-header {

    border-bottom-color: #0f0f0f;

    background-color: #141414
}



.text-light .card-title,

.text-white .card-title {

    color: #fff
}



.card-group .card .card-footer {

    border-radius: 0
}



.card-group .card:first-child .card-footer {

    border-bottom-left-radius: 5px
}



.card-group .card:last-child .card-footer {

    border-bottom-right-radius: 5px
}



.card-img-tiles {

    display: block;

    border-bottom: 1px solid #e5e5e5
}



.card-img-tiles>.inner {

    display: table;

    width: 100%
}



.card-img-tiles .main-img,

.card-img-tiles .thumblist {

    display: table-cell;

    width: 65%;

    padding: 15px;

    vertical-align: middle
}



.card-img-tiles .main-img>img,

.card-img-tiles .thumblist>img {

    display: block;

    width: 100%;

    margin-bottom: 6px
}



.card-img-tiles .main-img>img:last-child,

.card-img-tiles .thumblist>img:last-child {

    margin-bottom: 0
}



.card-img-tiles .thumblist {

    width: 35%;

    border-left: 1px solid #e5e5e5
}



.card-label {

    display: inline-block;

    padding: 2px 4px;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #f5f5f5;

    color: #232323;

    vertical-align: middle
}



.accordion .card {

    margin-bottom: 8px;

    border-bottom: 1px solid #e5e5e5 !important;

    border-radius: 5px !important
}



.accordion .card-header {

    padding: 0;

    transition: background-color .3s;

    background-color: #fff
}



.accordion .card-header:hover {

    background-color: #fff
}



.accordion [data-toggle=collapse] {

    display: block;

    position: relative;

    padding: .85rem 1.25rem;

    color: #232323;

    font-size: 16px;

    text-decoration: none
}



.accordion [data-toggle=collapse]::after {

    position: absolute;

    top: 50%;

    right: 1rem;

    margin-top: -12px;

    transition: -webkit-transform .25s;

    transition: transform .25s;

    font-family: feather;

    font-size: 18px;

    content: '\e931'

}



.accordion [data-toggle=collapse].collapsed::after {

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg)
}



.accordion [data-toggle=collapse]>i {

    display: inline-block;

    margin-top: -3px;

    margin-right: 7px;

    vertical-align: middle
}



.accordion [data-toggle=collapse]>i.socicon-paypal {

    margin-top: 1px;

    font-size: .8em
}



.pagination li {

    display: inline-block;

    margin: 0 3px
}



.pagination li a,

.pagination li span {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background: #fff;

    display: block;

    text-decoration: none;

    color: #232323;

    cursor: pointer;

    text-align: center;

    border-radius: 3px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    padding: 0 !important;

    border: 0
}



.pagination li a:hover,

.pagination li span:hover,

.pagination li.active a,

.pagination li.active span {

    background: #377dff;

    color: #fff
}



.entry-navigation {

    display: table;

    width: 100%;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    table-layout: fixed
}



.entry-navigation>.column {

    display: table-cell;

    padding-top: 15px;

    padding-bottom: 15px;

    text-align: center;

    vertical-align: middle
}



.entry-navigation .btn-sm {

    font-size: 13px
}



.entry-navigation .btn-sm>i {

    font-size: 1.1em
}



.entry-navigation .btn {

    margin: 0
}



.entry-navigation .btn.view-all {

    width: 46px;

    padding-right: 0;

    padding-left: 1px
}



.entry-navigation .btn.view-all>i {

    margin-top: -2px;

    font-size: 1.4em
}



.comment {

    display: block;

    position: relative;

    margin-bottom: 30px;

    padding-left: 66px
}



.comment .comment-author-ava {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 50px;

    border-radius: 50%;

    overflow: hidden
}



.comment .comment-author-ava>img {

    display: block;

    width: 100%
}



.comment .comment-body {

    position: relative;

    padding: 24px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff
}



.comment .comment-body::after,

.comment .comment-body::before {

    position: absolute;

    top: 12px;

    right: 100%;

    width: 0;

    height: 0;

    border: solid transparent;

    content: '';

    pointer-events: none
}



.comment .comment-body::after {

    border-width: 9px;

    border-color: transparent;

    border-right-color: #fff
}



.comment .comment-body::before {

    margin-top: -1px;

    border-width: 10px;

    border-color: transparent;

    border-right-color: #e5e5e5
}



.comment .comment-title {

    margin-bottom: 8px;

    font-size: 16px;

    font-weight: 400
}



.comment .comment-text {

    margin-bottom: 12px
}



.comment .comment-footer {

    display: table;

    width: 100%
}



.comment .comment-footer>.column {

    display: table-cell;

    vertical-align: middle
}



.comment .comment-footer>.column:last-child {

    text-align: right
}



.comment .comment-meta {

    color: #999;

    font-size: 12px
}



.comment .reply-link {

    transition: color .3s;

    color: #505050;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: .025em;

    text-decoration: none
}



.comment .reply-link>i {

    display: inline-block;

    margin-top: -3px;

    margin-right: 4px;

    vertical-align: middle
}



.comment .reply-link:hover {

    color: #377dff
}



.comment.comment-reply {

    margin-top: 30px;

    margin-bottom: 0
}



@media (max-width:576px) {

    .comment {

        padding-left: 0
    }



    .comment .comment-body {

        padding: 15px
    }



    .comment .comment-body::after,

    .comment .comment-body::before {

        display: none
    }

}



.tooltip {

    font-family: 'Open Sans', sans-serif;

}



.tooltip.bs-tooltip-top .arrow::before {

    border-top-color: #191919
}



.tooltip.bs-tooltip-right .arrow::before {

    border-right-color: #191919
}



.tooltip.bs-tooltip-bottom .arrow::before {

    border-bottom-color: #191919
}



.tooltip.bs-tooltip-left .arrow::before {

    border-left-color: #191919
}



.tooltip.show {

    opacity: 1
}



.tooltip-inner {

    border-radius: 3px;

    background-color: #191919;

    color: #fff;

    font-size: 12px
}



.popover {

    border-radius: 5px;

    border-color: #e5e5e5;

    font-family: 'Open Sans', sans-serif;

}



.popover.bs-popover-top .arrow::before {

    border-top-color: #dbdbdb
}



.popover.bs-popover-right .arrow::before {

    border-right-color: #dbdbdb
}



.popover.bs-popover-bottom .arrow::before {

    border-bottom-color: #dbdbdb
}



.popover.bs-popover-bottom .arrow::after {

    border-bottom-color: #f7f7f7
}



.popover.bs-popover-left .arrow::before {

    border-left-color: #dbdbdb
}



.popover-header {

    color: #232323;

    font-weight: 400
}



.popover-body {

    color: #505050
}



.example-tooltip .tooltip {

    display: inline-block;

    position: relative;

    margin: 10px 20px;

    opacity: 1
}



.example-popover .popover {

    display: block;

    position: relative;

    width: 260px;

    margin: 1.25rem;

    float: left
}



.bs-tooltip-bottom-demo .arrow,

.bs-tooltip-top-demo .arrow {

    left: 50%;

    margin-left: -2px
}



.bs-tooltip-left-demo .arrow,

.bs-tooltip-right-demo .arrow {

    top: 50%;

    margin-top: -6px
}



.bs-popover-bottom-demo .arrow,

.bs-popover-top-demo .arrow {

    left: 50%;

    margin-left: -11px
}



.bs-popover-left-demo .arrow,

.bs-popover-right-demo .arrow {

    top: 50%;

    margin-top: -8px
}



.dropdown-menu {

    border-color: #e5e5e5;

    border-radius: 5px;

    font-size: 14px;

    box-shadow: 0 7px 22px -5px rgba(0, 0, 0, .2)
}



.dropdown-menu .dropdown-item {

    position: relative;

    padding-right: 20px;

    padding-left: 20px;

    transition: color .3s;

    color: #505050;

    text-decoration: none
}



.dropdown-menu .dropdown-item::before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #377dff;

    content: '';

    opacity: 0;

    visibility: hidden
}



.dropdown-menu .dropdown-item.active,

.dropdown-menu .dropdown-item:active,

.dropdown-menu .dropdown-item:focus,

.dropdown-menu .dropdown-item:hover {

    background: 0
}



.dropdown-menu .dropdown-item:hover {

    color: #377dff
}



.dropdown-menu .dropdown-item.active {

    color: #377dff
}



.dropdown-menu .dropdown-item.active::before {

    opacity: 1;

    visibility: visible
}



.dropdown-menu a.dropdown-item {

    font-weight: 400
}



.dropdown-toggle::after,

.dropup .dropdown-toggle::after {

    width: auto;

    height: auto;

    margin-top: -1px;

    margin-left: .3em;

    border: 0 !important;

    font-family: feather;

    font-size: 1.1em;

    content: '\e92e';

    vertical-align: middle
}



.dropup .dropdown-toggle::after {

    content: '\e931'

}



.mega-dropdown {

    width: 700px;

    padding: 30px 30px 0
}



.toolbar-dropdown {

    right: -1px;

    left: auto;

    z-index: 10
}



.toolbar-dropdown.lang-dropdown {

    width: 150px
}



.toolbar-dropdown.lang-dropdown>li>a {

    font-size: 13px
}



.dropdown-menu .dropdown-item:hover .toolbar-dropdown.cart-dropdown {

    display: block
}



.toolbar-dropdown.cart-dropdown {

    right: 0;

    width: 280px;

    padding: 20px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    border: 0;

    max-height: 350px;

    overflow-y: auto;

}



.show .dropdown-menu {

    -webkit-animation: dropdown-show .25s;

    animation: dropdown-show .25s
}



@-webkit-keyframes dropdown-show {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



@keyframes dropdown-show {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



.list-group-item {

    border-color: #e5e5e5;

    background-color: #fff;

    font-size: 15px;

    text-decoration: none
}



.list-group-item:first-child {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px
}



.list-group-item:last-child {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px
}



.list-group-item i {

    display: inline-block;

    margin-top: -2px;

    margin-right: 8px;

    font-size: 1.1em;

    vertical-align: middle
}



.list-group-item li,

.list-group-item ol,

.list-group-item p,

.list-group-item span,

.list-group-item ul {

    font-weight: 400 !important
}



.list-group-item-action,

a.list-group-item {

    position: relative;

    transition: all .25s;

    color: #505050
}



.list-group-item-action:active,

.list-group-item-action:focus,

.list-group-item-action:hover,

a.list-group-item:active,

a.list-group-item:focus,

a.list-group-item:hover {

    background-color: #fff;

    color: #377dff
}



.list-group-item-action::before,

a.list-group-item::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #377dff;

    content: '';

    opacity: 0
}



a.list-group-item {

    padding-top: .87rem;

    padding-bottom: .87rem
}



.with-badge {

    position: relative;

    padding-right: 3.3rem
}



.with-badge .badge {

    position: absolute;

    top: 50%;

    right: 1.15rem;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)
}



.badge {

    color: #fff;

    font-size: 85%;

    font-weight: 500
}



.badge.badge-default {

    border: 1px solid #e5e5e5;

    background-color: #f5f5f5;

    color: #505050
}



.badge.badge-primary {

    background-color: #377dff
}



.badge.badge-info {

    background-color: #2196f3
}



.badge.badge-success {

    background-color: #4caf50
}



.badge.badge-warning {

    background-color: #ffa000
}



.badge.badge-danger {

    background-color: #f44336
}



.list-group-item.active {

    border-color: #e5e5e5;

    background-color: #fff;

    color: #377dff;

    cursor: default;

    pointer-events: none
}



.list-group-item.active::before {

    opacity: 1
}



.list-group-item.active .h1,

.list-group-item.active .h2,

.list-group-item.active .h3,

.list-group-item.active .h4,

.list-group-item.active .h5,

.list-group-item.active .h6,

.list-group-item.active h1,

.list-group-item.active h2,

.list-group-item.active h3,

.list-group-item.active h4,

.list-group-item.active h5,

.list-group-item.active h6 {

    color: #fff
}



.list-group-item-info {

    background-color: rgba(33, 150, 243, .12);

    color: #2196f3 !important
}



.list-group-item-info a,

.list-group-item-info h1,

.list-group-item-info h2,

.list-group-item-info h3,

.list-group-item-info h4,

.list-group-item-info h5,

.list-group-item-info h6,

.list-group-item-info ol,

.list-group-item-info p,

.list-group-item-info ul,

.list-group-item-info>* {

    color: #2196f3 !important
}



.list-group-item-info::before {

    display: none
}



.list-group-item-success {

    background-color: rgba(76, 175, 80, .12);

    color: #47a44b !important
}



.list-group-item-success a,

.list-group-item-success h1,

.list-group-item-success h2,

.list-group-item-success h3,

.list-group-item-success h4,

.list-group-item-success h5,

.list-group-item-success h6,

.list-group-item-success ol,

.list-group-item-success p,

.list-group-item-success ul,

.list-group-item-success>* {

    color: #47a44b !important
}



.list-group-item-success::before {

    display: none
}



.list-group-item-warning {

    background-color: rgba(255, 160, 0, .12);

    color: #f09600 !important
}



.list-group-item-warning a,

.list-group-item-warning h1,

.list-group-item-warning h2,

.list-group-item-warning h3,

.list-group-item-warning h4,

.list-group-item-warning h5,

.list-group-item-warning h6,

.list-group-item-warning ol,

.list-group-item-warning p,

.list-group-item-warning ul,

.list-group-item-warning>* {

    color: #f09600 !important
}



.list-group-item-warning::before {

    display: none
}



.list-group-item-danger {

    background-color: rgba(244, 67, 54, .12);

    color: #f44336 !important
}



.list-group-item-danger a,

.list-group-item-danger h1,

.list-group-item-danger h2,

.list-group-item-danger h3,

.list-group-item-danger h4,

.list-group-item-danger h5,

.list-group-item-danger h6,

.list-group-item-danger ol,

.list-group-item-danger p,

.list-group-item-danger ul,

.list-group-item-danger>* {

    color: #f44336 !important
}



.list-group-item-danger::before {

    display: none
}



.list-group-item-action.active.list-group-item-info,

.list-group-item-action:hover.list-group-item-info {

    background-color: rgba(33, 150, 243, .24)
}



.list-group-item-action.active.list-group-item-success,

.list-group-item-action:hover.list-group-item-success {

    background-color: rgba(76, 175, 80, .24)
}



.list-group-item-action.active.list-group-item-warning,

.list-group-item-action:hover.list-group-item-warning {

    background-color: rgba(255, 160, 0, .24)
}



.list-group-item-action.active.list-group-item-danger,

.list-group-item-action:hover.list-group-item-danger {

    background-color: rgba(244, 67, 54, .24)
}



.card:not([class*=mb-]):not([class*=margin-bottom-])+.list-group {

    margin-top: -1px
}



.card:not([class*=mb-]):not([class*=margin-bottom-])+.list-group .list-group-item:first-child {

    border-radius: 0
}



.alert {

    display: block;

    position: relative;

    padding: 10px;

    border: 5px solid transparent;

    border-radius: 5px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-clip: padding-box
}



.alert i {

    display: inline-block;

    font-size: 1.2em;

    vertical-align: middle
}



.alert a:last-child:not(.btn),

.alert h1:last-child:not(.btn),

.alert h2:last-child:not(.btn),

.alert h3:last-child:not(.btn),

.alert h4:last-child:not(.btn),

.alert h5:last-child:not(.btn),

.alert h6:last-child:not(.btn),

.alert ol:last-child:not(.btn),

.alert p:last-child:not(.btn),

.alert ul:last-child:not(.btn),

.alert>:last-child:not(.btn) {

    margin: 0
}



.alert::before {

    display: block;

    position: absolute;

    top: -6px;

    right: -6px;

    bottom: -6px;

    left: -6px;

    border: 1px solid transparent;

    border-radius: 5px;

    content: '';

    z-index: -1
}



.alert .alert-dismissible {

    transition: opacity .4s
}



.alert .alert-dismissible.fade.show {

    opacity: 1
}



.alert .alert-close {

    display: block;

    position: absolute;

    top: 10px;

    right: 12px;

    font-family: feather;

    font-size: 16px;

    cursor: pointer
}



.alert .alert-close::before {

    content: '\ea04'

}



a.alert {

    text-decoration: none
}



.alert-default {

    background-color: #f5f5f5;

    color: #505050
}



.alert-default::before {

    border-color: rgba(80, 80, 80, .13)
}



.alert-default a:not(.text-light),

.alert-default a:not(.text-white),

.alert-default h1:not(.text-light),

.alert-default h1:not(.text-white),

.alert-default h2:not(.text-light),

.alert-default h2:not(.text-white),

.alert-default h3:not(.text-light),

.alert-default h3:not(.text-white),

.alert-default h4:not(.text-light),

.alert-default h4:not(.text-white),

.alert-default h5:not(.text-light),

.alert-default h5:not(.text-white),

.alert-default h6:not(.text-light),

.alert-default h6:not(.text-white),

.alert-default ol:not(.text-light),

.alert-default ol:not(.text-white),

.alert-default p:not(.text-light),

.alert-default p:not(.text-white),

.alert-default ul:not(.text-light),

.alert-default ul:not(.text-white),

.alert-default>:not(.text-light),

.alert-default>:not(.text-white) {

    color: #505050
}



.alert-default .alert-close {

    color: #505050
}



.alert-primary {

    background-color: rgba(0, 85, 255, .11);

    color: #377dff
}



.alert-primary::before {

    border-color: rgba(0, 85, 255, .25)
}



.alert-primary a:not(.text-light),

.alert-primary a:not(.text-white),

.alert-primary h1:not(.text-light),

.alert-primary h1:not(.text-white),

.alert-primary h2:not(.text-light),

.alert-primary h2:not(.text-white),

.alert-primary h3:not(.text-light),

.alert-primary h3:not(.text-white),

.alert-primary h4:not(.text-light),

.alert-primary h4:not(.text-white),

.alert-primary h5:not(.text-light),

.alert-primary h5:not(.text-white),

.alert-primary h6:not(.text-light),

.alert-primary h6:not(.text-white),

.alert-primary ol:not(.text-light),

.alert-primary ol:not(.text-white),

.alert-primary p:not(.text-light),

.alert-primary p:not(.text-white),

.alert-primary ul:not(.text-light),

.alert-primary ul:not(.text-white),

.alert-primary>:not(.text-light),

.alert-primary>:not(.text-white) {

    color: #377dff
}



.alert-primary .alert-close {

    color: #377dff
}



.alert-info {

    background-color: rgba(33, 150, 243, .11);

    color: #2196f3
}



.alert-info::before {

    border-color: rgba(33, 150, 243, .3)
}



.alert-info a:not(.text-light),

.alert-info a:not(.text-white),

.alert-info h1:not(.text-light),

.alert-info h1:not(.text-white),

.alert-info h2:not(.text-light),

.alert-info h2:not(.text-white),

.alert-info h3:not(.text-light),

.alert-info h3:not(.text-white),

.alert-info h4:not(.text-light),

.alert-info h4:not(.text-white),

.alert-info h5:not(.text-light),

.alert-info h5:not(.text-white),

.alert-info h6:not(.text-light),

.alert-info h6:not(.text-white),

.alert-info ol:not(.text-light),

.alert-info ol:not(.text-white),

.alert-info p:not(.text-light),

.alert-info p:not(.text-white),

.alert-info ul:not(.text-light),

.alert-info ul:not(.text-white),

.alert-info>:not(.text-light),

.alert-info>:not(.text-white) {

    color: #2196f3
}



.alert-info .alert-close {

    color: #2196f3
}



.alert-success {

    background-color: rgba(76, 175, 80, .11);

    color: #4caf50
}



.alert-success::before {

    border-color: rgba(76, 175, 80, .25)
}



.alert-success a:not(.text-light),

.alert-success a:not(.text-white),

.alert-success h1:not(.text-light),

.alert-success h1:not(.text-white),

.alert-success h2:not(.text-light),

.alert-success h2:not(.text-white),

.alert-success h3:not(.text-light),

.alert-success h3:not(.text-white),

.alert-success h4:not(.text-light),

.alert-success h4:not(.text-white),

.alert-success h5:not(.text-light),

.alert-success h5:not(.text-white),

.alert-success h6:not(.text-light),

.alert-success h6:not(.text-white),

.alert-success ol:not(.text-light),

.alert-success ol:not(.text-white),

.alert-success p:not(.text-light),

.alert-success p:not(.text-white),

.alert-success ul:not(.text-light),

.alert-success ul:not(.text-white),

.alert-success>:not(.text-light),

.alert-success>:not(.text-white) {

    color: #4caf50
}



.alert-success .alert-close {

    color: #4caf50
}



.alert-warning {

    background-color: rgba(255, 160, 0, .11);

    color: #ffa000
}



.alert-warning::before {

    border-color: rgba(255, 160, 0, .25)
}



.alert-warning a:not(.text-light),

.alert-warning a:not(.text-white),

.alert-warning h1:not(.text-light),

.alert-warning h1:not(.text-white),

.alert-warning h2:not(.text-light),

.alert-warning h2:not(.text-white),

.alert-warning h3:not(.text-light),

.alert-warning h3:not(.text-white),

.alert-warning h4:not(.text-light),

.alert-warning h4:not(.text-white),

.alert-warning h5:not(.text-light),

.alert-warning h5:not(.text-white),

.alert-warning h6:not(.text-light),

.alert-warning h6:not(.text-white),

.alert-warning ol:not(.text-light),

.alert-warning ol:not(.text-white),

.alert-warning p:not(.text-light),

.alert-warning p:not(.text-white),

.alert-warning ul:not(.text-light),

.alert-warning ul:not(.text-white),

.alert-warning>:not(.text-light),

.alert-warning>:not(.text-white) {

    color: #ffa000
}



.alert-warning .alert-close {

    color: #ffa000
}



.alert-danger {

    background-color: rgba(244, 67, 54, .11);

    color: #f44336
}



.alert-danger::before {

    border-color: rgba(244, 67, 54, .25)
}



.alert-danger a:not(.text-light),

.alert-danger a:not(.text-white),

.alert-danger h1:not(.text-light),

.alert-danger h1:not(.text-white),

.alert-danger h2:not(.text-light),

.alert-danger h2:not(.text-white),

.alert-danger h3:not(.text-light),

.alert-danger h3:not(.text-white),

.alert-danger h4:not(.text-light),

.alert-danger h4:not(.text-white),

.alert-danger h5:not(.text-light),

.alert-danger h5:not(.text-white),

.alert-danger h6:not(.text-light),

.alert-danger h6:not(.text-white),

.alert-danger ol:not(.text-light),

.alert-danger ol:not(.text-white),

.alert-danger p:not(.text-light),

.alert-danger p:not(.text-white),

.alert-danger ul:not(.text-light),

.alert-danger ul:not(.text-white),

.alert-danger>:not(.text-light),

.alert-danger>:not(.text-white) {

    color: #f44336
}



.alert-danger .alert-close {

    color: #f44336
}



.alert-image-bg {

    border: 0
}



.alert-image-bg::before {

    display: none
}



.iziToast {

    border: 1px solid #e5e5e5;

    background: #f5f5f5
}



.iziToast::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    box-shadow: 0 8px 10px -4px rgba(0, 0, 0, .2);

    content: '';

    z-index: -1
}



.iziToast>.iziToast-body {

    margin-left: 15px
}



.iziToast>.iziToast-close {

    width: 40px;

    transition: opacity .25s;

    background: 0 0;

    background-position: center;

    background-color: transparent;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMzc0MjUwIi8+Cjwvc3ZnPgo=);

    background-size: 8px;

    background-repeat: no-repeat
}



.iziToast.iziToast-info {

    border-color: rgba(33, 150, 243, .3);

    background-color: #e3f2fd;

    color: #0d8aee
}



.iziToast.iziToast-info>.iziToast-close {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMTg5NmJiIi8+Cjwvc3ZnPgo=)
}



.iziToast.iziToast-success {

    border-color: rgba(76, 175, 80, .3);

    background-color: #e7f5e7;

    color: #439a46
}



.iziToast.iziToast-success>.iziToast-close {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMWY5NzZjIi8+Cjwvc3ZnPgo=)
}



.iziToast.iziToast-warning {

    border-color: rgba(255, 160, 0, .3);

    background-color: #fff2db;

    color: #f09600
}



.iziToast.iziToast-warning>.iziToast-close {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZTg4OTAwIi8+Cjwvc3ZnPgo=)
}



.iziToast.iziToast-danger {

    border-color: rgba(244, 67, 54, .3);

    background-color: #fee6e4;

    color: #f44336
}



.iziToast.iziToast-danger>.iziToast-close {

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZWIwMDAwIi8+Cjwvc3ZnPgo=)
}



.toast.position-fixed {

    min-width: 300px;

    z-index: 9900
}



.toast.position-fixed.top-center {

    top: 30px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)
}



.toast.position-fixed.top-right {

    top: 30px;

    right: 30px
}



.toast.position-fixed.top-left {

    top: 30px;

    left: 30px
}



.toast.position-fixed.bottom-center {

    bottom: 30px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)
}



.toast.position-fixed.bottom-right {

    bottom: 30px;

    right: 30px
}



.toast.position-fixed.bottom-left {

    bottom: 30px;

    left: 30px
}



@media (max-width:360px) {



    .toast.position-fixed.bottom-left,

    .toast.position-fixed.bottom-right,

    .toast.position-fixed.top-left,

    .toast.position-fixed.top-right {

        right: auto;

        left: 50%;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%)
    }

}



.modal {

    z-index: 9200
}



.modal-content {

    border-radius: 6px;

    border-color: #e5e5e5
}



.modal-body,

.modal-footer,

.modal-header {

    padding-right: 20px;

    padding-left: 20px
}



.modal-header {

    background-color: #f5f5f5
}



.modal-footer {

    padding-top: 12px;

    padding-bottom: 12px
}



.modal-footer .btn {

    margin-right: 0;

    margin-left: 12px
}



.modal-open.hasScrollbar .navbar-stuck {

    width: calc(100% - 15px)
}



.modal-backdrop {

    z-index: 9100
}



.example-modal .modal {

    display: block;

    position: relative;

    top: auto;

    right: auto;

    bottom: auto;

    left: auto;

    z-index: 1
}



.progress {

    height: auto;

    border-radius: 9px;

    background-color: #f0f0f0;

    font-size: 12px;

    font-weight: 500;

    line-height: 18px
}



.progress-bar {

    height: 18px;

    background-color: #377dff
}



.owl-carousel {

    display: none;

    position: relative;

    width: 100%;

    z-index: 1;

    -webkit-tap-highlight-color: transparent;

}



.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    -moz-backface-visibility: hidden
}



.owl-carousel .owl-stage::after {

    display: block;

    height: 0;

    clear: both;

    line-height: 0;

    content: '.';

    visibility: hidden
}



.owl-carousel .owl-stage-outer {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    overflow: hidden
}



.owl-carousel .owl-item,

.owl-carousel .owl-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden
}



.owl-carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none
}



.owl-carousel .owl-item .owl-lazy {

    transition: opacity .4s ease;

    opacity: 0
}



.owl-carousel .owl-item .from-bottom,

.owl-carousel .owl-item .from-left,

.owl-carousel .owl-item .from-right,

.owl-carousel .owl-item .from-top,

.owl-carousel .owl-item .scale-down,

.owl-carousel .owl-item .scale-up {

    transition: all .45s .3s ease-in-out;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden
}



.owl-carousel .owl-item .from-top {

    -webkit-transform: translateY(-45px);

    -ms-transform: translateY(-45px);

    transform: translateY(-45px)
}



.owl-carousel .owl-item .from-bottom {

    -webkit-transform: translateY(45px);

    -ms-transform: translateY(45px);

    transform: translateY(45px)
}



.owl-carousel .owl-item .from-left {

    -webkit-transform: translateX(-45px);

    -ms-transform: translateX(-45px);

    transform: translateX(-45px)
}



.owl-carousel .owl-item .from-right {

    -webkit-transform: translateX(45px);

    -ms-transform: translateX(45px);

    transform: translateX(45px)
}



.owl-carousel .owl-item .scale-up {

    -webkit-transform: scale(.8);

    -ms-transform: scale(.8);

    transform: scale(.8)
}



.owl-carousel .owl-item .scale-down {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)
}



.owl-carousel .owl-item .delay-1 {

    transition-delay: .5s
}



.owl-carousel .owl-item .delay-2 {

    transition-delay: .7s
}



.owl-carousel .owl-item .delay-3 {

    transition-delay: .9s
}



.owl-carousel .owl-item .delay-4 {

    transition-delay: 1.1s
}



.owl-carousel .owl-item.active .from-bottom,

.owl-carousel .owl-item.active .from-top {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1
}



.owl-carousel .owl-item.active .from-left,

.owl-carousel .owl-item.active .from-right {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    opacity: 1
}



.owl-carousel .owl-item.active .scale-down,

.owl-carousel .owl-item.active .scale-up {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1
}



.owl-carousel .owl-item>img {

    display: block;

    width: 100%
}



.owl-carousel .owl-item>img.owl-lazy {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d
}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

    display: none
}



.owl-carousel .owl-dot,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



.owl-carousel.owl-loaded {

    display: block;

    height: auto;

}



.owl-carousel.owl-loading {

    display: block;

    opacity: 0
}



.owl-carousel.owl-hidden {

    opacity: 0;

}



.owl-carousel.owl-refresh .owl-item {

    visibility: hidden
}



.owl-carousel.owl-drag .owl-item {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



.owl-carousel.owl-grab {

    cursor: move;

    cursor: grab
}



.owl-carousel.owl-rtl {

    direction: rtl
}



.owl-carousel.owl-rtl .owl-item {

    float: right
}



.owl-carousel .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both
}



.owl-carousel .owl-animated-in {

    z-index: 0
}



.owl-carousel .owl-animated-out {

    z-index: 1
}



.owl-carousel .fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut
}



.owl-carousel .owl-dots {

    display: block;

    width: 100%;

    margin-top: 18px;

    text-align: center
}



.owl-carousel .owl-dots .owl-dot {

    display: inline-block;

    width: 6px;

    height: 6px;

    margin: 0 6px;

    transition: opacity .25s;

    border-radius: 50%;

    background-color: #505050;

    opacity: .33
}



.owl-carousel .owl-dots .owl-dot.active {

    opacity: 1
}



.owl-carousel .owl-next,

.owl-carousel .owl-prev {

    display: block;

    position: absolute;

    top: 50%;

    width: 46px;

    height: 46px;

    margin-top: -43px;

    transition: opacity .3s;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff;

    color: #232323;

    line-height: 44px;

    text-align: center;

    opacity: .75
}



.owl-carousel .owl-next:hover,

.owl-carousel .owl-prev:hover {

    opacity: 1
}



.owl-carousel .owl-next::before,

.owl-carousel .owl-prev::before {

    font-family: feather;

    font-size: 18px
}



.owl-carousel .owl-prev {

    left: 20px
}



.owl-carousel .owl-prev::before {

    content: '\e92f'

}



.owl-carousel .owl-next {

    right: 20px
}



.owl-carousel .owl-next::before {

    content: '\e930'

}



.owl-carousel.large-controls .owl-next,

.owl-carousel.large-controls .owl-prev {

    width: 54px;

    height: 54px;

    margin-top: -47px;

    border-radius: 6px;

    line-height: 52px
}



.owl-carousel.large-controls .owl-prev {

    left: 30px
}



.owl-carousel.large-controls .owl-next {

    right: 30px
}



.owl-carousel.dots-inside .owl-dots {

    position: absolute;

    bottom: 0;

    margin: 0;

    padding-bottom: 24px
}



.owl-carousel.dots-inside .owl-dots .owl-dot {

    background-color: #fff;

    opacity: .5
}



.owl-carousel.dots-inside .owl-dots .owl-dot.active {

    opacity: 1
}



.owl-carousel.dots-inside .owl-next,

.owl-carousel.dots-inside .owl-prev {

    margin-top: -23px
}



.owl-carousel.dots-inside.large-controls .owl-next,

.owl-carousel.dots-inside.large-controls .owl-prev {

    margin-top: -27px
}



.owl-carousel .widget {

    margin-bottom: 0
}



.owl-carousel .widget.widget-featured-posts>.entry {

    margin-bottom: 0
}



.no-js .owl-carousel {

    display: block
}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1
    }



    100% {

        opacity: 0
    }

}



@keyframes fadeOut {

    0% {

        opacity: 1
    }



    100% {

        opacity: 0
    }

}



.owl-height {

    transition: height .5s ease-in-out
}



.slider-area-wrapper {

    margin-top: 30px;

}



.hero-slider {

    background-color: #fff;

    position: relative;

    border-radius: 10px;

    overflow: hidden;

}



.hero-slider .item {

    overflow: hidden;

    height: 440px;

    display: flex;

    align-items: center;

    padding: 0 60px;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important
}



.hero-slider .owl-carousel .owl-nav div {

    position: absolute;

    top: 50%;

    width: 30px;

    height: 30px;

    margin-top: -20px;

    border: 0;

    border-radius: 3px;

    background: #fff;

    color: #377dff;

    line-height: 30px;

    opacity: 0 !important
}



.hero-slider:hover .owl-carousel .owl-nav div {

    opacity: 1 !important
}



.hero-slider .owl-carousel .owl-prev {

    left: 10px;

}



.hero-slider .owl-carousel .owl-next {

    right: 10px
}





.gallery-item {

    margin-bottom: 30px
}



.gallery-item>a {

    display: block;

    position: relative;

    width: 100%;

    border-radius: 6px;

    text-decoration: none;

    overflow: hidden
}



.gallery-item>a>img {

    display: block;

    width: 100%
}



.gallery-item>a::before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    content: '';

    opacity: 0;

    z-index: 1;

    transition: opacity .3s
}



.gallery-item>a::after {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    margin-top: -24px;

    -webkit-transform: translateY(15px);

    -ms-transform: translateY(15px);

    transform: translateY(15px);

    transition: all .35s;

    color: #fff;

    font-family: feather;

    font-size: 32px;

    text-align: center;

    content: '\ea08';

    opacity: 0;

    z-index: 5
}



.gallery-item>a:hover::before {

    opacity: .45
}



.gallery-item>a:hover::after {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1
}



.gallery-item>a[data-type=video]::after {

    left: 50%;

    width: 46px;

    height: 46px;

    margin-top: -22px;

    margin-left: -22px;

    padding-left: 5px;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    border-radius: 50%;

    background-position: center;

    background-color: #fff;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiMzMzMzMzMiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

    background-repeat: no-repeat;

    background-size: 10px 10px;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);

    content: '';

    opacity: 1
}



.gallery-item .caption {

    display: none
}



.gallery-item.no-hover-effect>a::before {

    display: none
}



.grid-no-gap .gallery-item {

    margin-bottom: 0
}



.grid-no-gap .gallery-item>a {

    border-radius: 0
}



.owl-carousel .gallery-item {

    margin-bottom: 0
}



.video-btn {

    margin-bottom: 0
}



.video-btn>a {

    display: inline-block;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background-position: center;

    background-color: #fff;

    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiMzMzMzMzMiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

    background-repeat: no-repeat;

    background-size: 12px 12px;

    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 15%)
}



.video-btn>a::after,

.video-btn>a::before {

    display: none
}



.video-btn .caption {

    display: block;

    padding-top: 10px
}



.pswp__zoom-wrap {

    text-align: center
}



.pswp__zoom-wrap::before {

    display: inline-block;

    height: 100%;

    content: '';

    vertical-align: middle
}



.wrapper {

    display: inline-block;

    position: relative;

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

    line-height: 0;

    text-align: left;

    vertical-align: middle;

    z-index: 1045
}



.video-wrapper {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 25px;

    padding-bottom: 56.25%
}



.video-wrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%
}



video {

    width: 100% !important;

    height: auto !important
}



.pswp__caption__center {

    padding: 20px 10px;

    font-size: 13px;

    font-weight: 500;

    text-align: center
}



.countdown {

    display: inline-block
}



.countdown::after {

    display: block;

    clear: both;

    content: ''

}



.countdown .item {

    display: block;

    margin: 7px;

    float: left;

    text-align: center
}



.countdown .item .days,

.countdown .item .hours,

.countdown .item .minutes,

.countdown .item .seconds {

    width: 48px;

    height: 48px;

    margin-bottom: 5px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff;

    font-size: 20px;

    line-height: 46px
}



.countdown .item .days_ref,

.countdown .item .hours_ref,

.countdown .item .minutes_ref,

.countdown .item .seconds_ref {

    font-size: 12px
}



.countdown.countdown-inverse .item .days,

.countdown.countdown-inverse .item .hours,

.countdown.countdown-inverse .item .minutes,

.countdown.countdown-inverse .item .seconds {

    border-color: rgba(255, 255, 255, .13);

    background-color: transparent;

    color: #fff
}



.countdown.countdown-inverse .item .days_ref,

.countdown.countdown-inverse .item .hours_ref,

.countdown.countdown-inverse .item .minutes_ref,

.countdown.countdown-inverse .item .seconds_ref {

    color: rgba(255, 255, 255, .8)
}



.spinner-border {

    border-width: .15em
}



.spinner-border-sm {

    border-width: .1em
}



.sidebar {

    width: 100%
}



.sidebar-close,

.sidebar-toggle {

    display: none
}



@media (max-width:991px) {

    .sidebar-offcanvas {

        position: fixed;

        top: 0;

        width: 320px;

        height: 100%;

        padding: 42px 24px 30px;

        background-color: #fff;

        box-shadow: 0 0 0 0 rgba(0, 0, 0, .15);

        z-index: 9910;

        overflow-y: auto;

        -ms-overflow-style: none
    }



    .sidebar-offcanvas.position-right {

        right: -320px;

        transition: right .4s cubic-bezier(.785, .135, .15, .86) .3s, box-shadow .3s .3s
    }



    .sidebar-offcanvas.position-left {

        left: -320px;

        transition: left .4s cubic-bezier(.785, .135, .15, .86) .3s, box-shadow .3s .3s
    }



    .sidebar-offcanvas.open {

        box-shadow: 0 0 50px 3px rgba(0, 0, 0, .15)
    }



    .sidebar-offcanvas.open.position-right {

        right: 0
    }



    .sidebar-offcanvas.open.position-left {

        left: 0
    }



    .sidebar-close {

        display: block;

        position: absolute;

        top: 8px;

        right: 15px;

        color: #505050;

        font-size: 22px;

        cursor: pointer
    }



    .sidebar-offcanvas::-webkit-scrollbar {

        display: none
    }



    .sidebar-toggle {

        display: block;

        position: fixed;

        top: 50%;

        width: 46px;

        height: 46px;

        margin-top: -23px;

        background-color: #fff;

        color: #505050;

        font-size: 20px;

        line-height: 48px;

        text-align: center;

        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .18);

        cursor: pointer;

        z-index: 990
    }



    .sidebar-toggle.position-right {

        right: 0;

        transition: right .3s ease-in-out;

        border-top: 1px solid #e5e5e5;

        border-bottom: 1px solid #e5e5e5;

        border-left: 1px solid #e5e5e5;

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px
    }



    .sidebar-toggle.position-right.sidebar-open {

        right: -46px
    }



    .sidebar-toggle.position-left {

        left: 0;

        transition: left .3s ease-in-out;

        border-top: 1px solid #e5e5e5;

        border-right: 1px solid #e5e5e5;

        border-bottom: 1px solid #e5e5e5;

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px
    }



    .sidebar-toggle.position-left.sidebar-open {

        left: -46px
    }



    .site-header .topbar {

        border-bottom: 0 !important
    }

}



.widget-title {

    position: relative;

    margin-bottom: 24px;

    padding-bottom: 12px;

    border-bottom: 2px solid #e5e5e5;

    font-size: 15px;

    font-weight: 600;

}



.widget-title::after {

    display: block;

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 90px;

    height: 2px;

    background-color: #377dff;

    content: ''

}



.widget {

    margin-bottom: 54px
}



.widget .form-group {

    margin-bottom: 0
}



.widget ul {

    margin-bottom: 12px
}



.widget .market-button:last-child {

    margin-bottom: 0
}



.widget .custom-control:last-child {

    margin-bottom: 0 !important
}



.widget-categories ul,

.widget-links ul {

    margin: 0;

    padding: 0;

    list-style: none
}



.widget-categories ul>li,

.widget-links ul>li {

    position: relative;

    margin-bottom: 5px;

    padding-left: 16px
}



.widget-categories ul>li:last-child,

.widget-links ul>li:last-child {

    margin-bottom: 0
}



.widget-categories ul>li::before,

.widget-links ul>li::before {

    display: block;

    position: absolute;

    top: -1px;

    left: 0;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    transition: -webkit-transform .35s;

    transition: transform .35s;

    color: #999;

    font-family: feather;

    font-size: 1.15em;

    content: '\e92e'

}



.widget-categories ul>li>a,

.widget-links ul>li>a {

    display: inline-block;

    transition: color .3s;

    color: #505050;

    font-size: 14px;

    text-decoration: none
}



.widget-categories ul>li>a:hover,

.widget-links ul>li>a:hover {

    color: #377dff
}



.widget-categories ul>li.active>a,

.widget-links ul>li.active>a {

    color: #377dff
}



.widget-categories ul>li>span,

.widget-links ul>li>span {

    margin-left: 4px;

    color: #999
}



.widget-categories ul>li.has-children ul,

.widget-links ul>li.has-children ul {

    border-left: 1px solid #e2e2e2
}



.widget-categories ul>li.has-children ul li::before,

.widget-links ul>li.has-children ul li::before {

    top: 14px;

    width: 8px;

    height: 1px;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    border: 0;

    background-color: #e2e2e2;

    color: transparent
}



.widget-categories ul>li.has-children ul li a,

.widget-links ul>li.has-children ul li a {

    font-size: 13px
}



.widget-categories ul>li.has-children ul ul>li,

.widget-links ul>li.has-children ul ul>li {

    margin-bottom: 0
}



.widget-categories ul>li.has-children>ul,

.widget-links ul>li.has-children>ul {

    max-height: 0;

    transition: max-height .6s;

    overflow: hidden
}



.widget-categories ul>li.has-children.expanded::before,

.widget-links ul>li.has-children.expanded::before {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0)
}



.widget-categories ul>li.has-children.expanded>ul,

.widget-links ul>li.has-children.expanded>ul {

    max-height: 800px
}



.widget-cart>.entry,

.widget-featured-posts>.entry,

.widget-featured-products>.entry {

    display: table;

    width: 100%;

    margin-bottom: 18px
}



.widget-cart>.entry .entry-content,

.widget-cart>.entry .entry-thumb,

.widget-featured-posts>.entry .entry-content,

.widget-featured-posts>.entry .entry-thumb,

.widget-featured-products>.entry .entry-content,

.widget-featured-products>.entry .entry-thumb {

    display: table-cell;

    vertical-align: top
}



.widget-cart>.entry .entry-thumb,

.widget-featured-posts>.entry .entry-thumb,

.widget-featured-products>.entry .entry-thumb {

    width: 62px;

    padding-right: 12px
}



.widget-cart>.entry .entry-thumb>a,

.widget-featured-posts>.entry .entry-thumb>a,

.widget-featured-products>.entry .entry-thumb>a {

    display: block;

    border-radius: 5px;

    overflow: hidden
}



.widget-cart>.entry .entry-thumb>a>img,

.widget-featured-posts>.entry .entry-thumb>a>img,

.widget-featured-products>.entry .entry-thumb>a>img {

    width: 100%
}



.widget-cart>.entry .entry-title,

.widget-featured-posts>.entry .entry-title,

.widget-featured-products>.entry .entry-title {

    margin-bottom: 0;

    font-size: 14px
}



.widget-cart>.entry .entry-title>a,

.widget-featured-posts>.entry .entry-title>a,

.widget-featured-products>.entry .entry-title>a {

    transition: color .3s;

    color: #505050;

    font-weight: 400;

    text-decoration: none
}



.widget-cart>.entry .entry-title>a:hover,

.widget-featured-posts>.entry .entry-title>a:hover,

.widget-featured-products>.entry .entry-title>a:hover {

    color: #377dff
}



.widget-cart>.entry .entry-meta,

.widget-featured-posts>.entry .entry-meta,

.widget-featured-products>.entry .entry-meta {

    display: block;

    margin-bottom: 0;

    padding-top: 4px;

    color: #999;

    font-size: 12px
}



.widget-cart>.entry,

.widget-featured-products>.entry {

    margin-bottom: 12px
}



.widget-cart>.entry .entry-meta,

.widget-featured-products>.entry .entry-meta {

    font-size: 13px
}



.widget-cart>.entry {

    position: relative;

    padding-right: 20px;

    padding-bottom: 10px;

    border-bottom: 1px dashed #ddd
}



.widget-cart>.entry:last-child {

    border-bottom: 1px solid #e5e5e5
}



.widget-cart>.entry .entry-delete {

    position: absolute;

    top: -1px;

    right: 0;

    color: #f44336;

    cursor: pointer
}



.tag {

    display: inline-block;

    height: 28px;

    margin-right: 4px;

    margin-bottom: 8px;

    padding: 0 12px;

    transition: all .3s;

    border: 1px solid #e5e5e5;

    border-radius: 4px;

    color: #505050 !important;

    font-size: 12px;

    line-height: 26px;

    text-decoration: none !important;

    white-space: nowrap
}



.tag:hover {

    background-color: #f5f5f5;

    color: #505050 !important
}



.tag.active {

    border-color: #377dff;

    background-color: #377dff;

    color: #fff !important;

    cursor: default
}



.text-right .tag {

    margin-right: 0;

    margin-left: 4px
}



.text-center .tag {

    margin-right: 2px;

    margin-left: 2px
}



.widget-order-summary .table td {

    padding: 6px 0;

    border: 0
}



.widget-order-summary .table td:last-child {

    text-align: right
}



.widget-order-summary .table tr:first-child>td {

    padding-top: 0
}



.widget-order-summary .table tr:last-child>td {

    padding-top: 12px;

    border-top: 1px solid #e5e5e5
}



.widget-order-summary .table tr:nth-last-child(2)>td {

    padding-bottom: 12px
}



.noUi-target,

.noUi-target * {

    -ms-touch-action: none;

    touch-action: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



.noUi-target {

    position: relative;

    border-radius: 3px;

    direction: ltr
}



.noUi-base {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1
}



.noUi-origin {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0
}



.noUi-handle {

    position: relative;

    z-index: 1
}



.noUi-stacking .noUi-handle {

    z-index: 10
}



.noUi-state-tap .noUi-origin {

    transition: left .3s, top .3s
}



.noUi-state-drag * {

    cursor: inherit !important
}



.noUi-base,

.noUi-handle {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}



.noUi-horizontal {

    height: 2px
}



.noUi-horizontal .noUi-handle {

    top: -7px;

    left: -3px;

    width: 8px;

    height: 16px
}



.noUi-background {

    background: #ededed
}



.noUi-connect {

    transition: background .45s;

    background: #505050
}



.noUi-draggable {

    cursor: w-resize
}



.noUi-vertical .noUi-draggable {

    cursor: n-resize
}



.noUi-handle {

    border-radius: 3px;

    background: #505050;

    cursor: default
}



.price-range-slider {

    padding-top: 9px
}



.price-range-slider .ui-range-slider-footer {

    display: table;

    width: 100%;

    padding-top: 30px
}



.price-range-slider .ui-range-slider-footer>.column {

    display: table-cell;

    vertical-align: middle
}



.price-range-slider .ui-range-slider-footer>.column:first-child {

    width: 40%
}



.price-range-slider .ui-range-slider-footer>.column:last-child {

    width: 60%;

    padding-left: 15px;

    text-align: right
}



.price-range-slider .ui-range-slider-footer .btn {

    height: 28px;

    margin: 0;

    padding: 0 15px;

    line-height: 26px
}



.category-scroll {

    max-height: 300px;

    overflow: auto;

}



.product-quantity {

    display: flex;

    justify-self: center;
}



.product-quantity span {

    width: 45px;

    height: 41px;

    line-height: 41px;

    text-align: center;

    padding: 0;

    background-color: #fff;

    font-size: 14px;

    color: #838b97;

    border: 1px solid #dce1e5;

    margin: 0px;

    cursor: pointer;

    display: inline-block;

}



.product-quantity input {

    width: 50px;

    height: 41px;

    border: 1px solid #dce1e5;

    padding: 0 10px;

    text-align: center;

    margin: 0 0;

    color: #838b97;

}

.product-quantity input:focus {

    outline: none;

    box-shadow: unset;

    border-color: unset;

}

.product-quantity input::-webkit-outer-spin-button,

.product-quantity input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.product-quantity input[type=number] {

    -moz-appearance: textfield;

}





.product-thumbnails .owl-thumbs {

    margin-top: 15px;

    margin-bottom: 14px;

    display: block;

}



.product-thumbnails .owl-thumbs .owl-thumb-item {

    height: 60px;

    width: 60px;

    background: transparent;

    border: none;

    overflow: hidden;

    padding: 0px;

    border: 1px solid transparent;

    margin: 2px 3px;

    box-shadow: 0px 0px 5px 0px #0000001c;

}



.product-thumbnails .owl-thumbs .owl-thumb-item.active {

    border: 1px solid red;

}



.product-thumbnails .owl-thumbs .owl-thumb-item img {

    width: 100%;

    height: 100%;

}



/* ===== Scrollbar CSS ===== */

.category-scroll::-webkit-scrollbar {

    width: 6px;

}



.category-scroll::-webkit-scrollbar-track {

    background-color: #e4e4e4;

    border-radius: 50px;

}



.category-scroll::-webkit-scrollbar-thumb {

    border-radius: 50px;

    border: 0px;

    background-clip: content-box;

}



.category-scroll::-webkit-scrollbar-thumb {

    background-color: red;

}



.category-scroll {

    scrollbar-color: red #e4e4e4;

    scrollbar-width: thin;

}



.price-range-slider .ui-range-values {

    display: inline-block
}



.price-range-slider .ui-range-values .ui-range-value-max,

.price-range-slider .ui-range-values .ui-range-value-min {

    display: inline-block;

    font-size: 13px
}



.widget-light-skin .widget-title {

    border-color: rgba(255, 255, 255, .13);

    color: #000000
}



.widget-light-skin.widget-categories ul>li>span,

.widget-light-skin.widget-links ul>li>span {

    color: rgba(255, 255, 255, .5)
}



.widget-light-skin.widget-cart>.entry .entry-title>a,

.widget-light-skin.widget-featured-posts>.entry .entry-title>a,

.widget-light-skin.widget-featured-products>.entry .entry-title>a {

    transition: opacity .25s;

    color: #fff
}



.widget-light-skin.widget-cart>.entry .entry-title>a:hover,

.widget-light-skin.widget-featured-posts>.entry .entry-title>a:hover,

.widget-light-skin.widget-featured-products>.entry .entry-title>a:hover {

    opacity: .6
}



.widget-light-skin.widget-cart>.entry .entry-meta,

.widget-light-skin.widget-featured-posts>.entry .entry-meta,

.widget-light-skin.widget-featured-products>.entry .entry-meta {

    color: rgba(255, 255, 255, .5)
}



.widget-light-skin .tag {

    border-color: rgba(255, 255, 255, .13);

    color: #fff !important
}



.widget-light-skin .tag:hover {

    background-color: #fff;

    color: #505050 !important
}



.widget-light-skin .tag.active {

    border-color: #377dff;

    background-color: #377dff;

    color: #fff !important
}



.steps {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between
}



.steps .step {

    display: block;

    position: relative;

    width: 100%;

    margin-bottom: -1px;

    margin-left: -1px;

    padding: 20px 15px;

    border: 1px solid #e5e5e5;

    background-color: #fff;

    z-index: 1;

    text-align: center;

    text-decoration: none
}



.steps .step:first-child {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px
}



.steps .step:last-child {

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px
}



.steps .step .step-title {

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: .025em
}



.steps .step .step-title>i {

    margin-top: -2px;

    margin-right: 6px;

    color: #4caf50;

    font-size: 1.2em;

    vertical-align: middle
}



.steps .step>i {

    display: inline-block;

    margin-bottom: 12px;

    color: rgba(153, 153, 153, .6);

    font-size: 2.8em
}



.steps .step.active {

    border-color: #377dff;

    cursor: default;

    z-index: 5;

    pointer-events: none
}



.steps .step.active .step-title,

.steps .step.active>i {

    color: #377dff
}



.steps a.step:not(.active) {

    transition: background-color .35s
}



.steps a.step:not(.active):hover {

    background-color: #f5f5f5
}



@media (max-width:576px) {

    .steps .step:first-child {

        border-top-left-radius: 5px;

        border-top-right-radius: 5px;

        border-bottom-left-radius: 0
    }



    .steps .step:last-child {

        border-top-right-radius: 0;

        border-bottom-right-radius: 5px;

        border-bottom-left-radius: 5px
    }

}



.comparison-table {

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar
}



.comparison-table table {

    table-layout: fixed
}



.comparison-table .comparison-item {

    position: relative;

    padding: 13px 12px 18px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff;

    text-align: center
}



.comparison-table .comparison-item .comparison-item-thumb {

    display: block;

    width: 80px;

    margin-right: auto;

    margin-bottom: 12px;

    margin-left: auto
}



.comparison-table .comparison-item .comparison-item-thumb>img {

    display: block;

    width: 100%
}



.comparison-table .comparison-item .comparison-item-title {

    display: block;

    width: 100%;

    margin-bottom: 14px;

    transition: color .25s;

    color: #505050;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none
}



.comparison-table .comparison-item .comparison-item-title:hover {

    color: #377dff
}



.comparison-table .comparison-item .btn {

    margin: 0
}



.comparison-table .comparison-item .remove-item {

    display: block;

    position: absolute;

    top: -5px;

    right: -5px;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    background-color: #f44336;

    color: #fff;

    line-height: 25px;

    text-align: center;

    cursor: pointer
}



.fh-section,

.fw-section {

    position: relative;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover
}



.fh-section>.overlay,

.fw-section>.overlay {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    content: '';

    opacity: .6;

    z-index: 1
}



.fh-section>.container,

.fh-section>.container-fluid,

.fh-section>div,

.fw-section>.container,

.fw-section>.container-fluid,

.fw-section>div {

    position: relative;

    z-index: 5
}



.fh-section.bg-fixed,

.fw-section.bg-fixed {

    background-attachment: fixed
}



.fh-section.no-cover-bg,

.fw-section.no-cover-bg {

    background-size: auto
}



.fw-section {

    width: 100%
}



.fh-section {

    height: 100vh
}



.isotope-grid {

    position: relative;

    overflow: hidden
}



.isotope-grid:not(.filter-grid) {

    min-height: 180px;

    background-position: center;

    background-image: url(../img/loading.gif);

    background-repeat: no-repeat;

    background-size: 50px
}



.isotope-grid:not(.filter-grid)>.grid-item {

    display: none
}



.isotope-grid:not(.filter-grid)[style] {

    background: 0 0
}



.isotope-grid:not(.filter-grid)[style]>.grid-item {

    display: inline-block;

    -webkit-animation: showGrid .6s;

    animation: showGrid .6s
}



.isotope-grid .gutter-sizer {

    width: 30px
}



.isotope-grid .grid-item {

    margin-bottom: 30px
}



.isotope-grid .grid-item .portfolio-tile,

.isotope-grid .grid-item .post-tile {

    margin-bottom: 0
}



.isotope-grid.cols-1 .gutter-sizer {

    width: 0
}



.isotope-grid.cols-1 .grid-item,

.isotope-grid.cols-1 .grid-sizer {

    width: 100%
}



.isotope-grid.cols-2 .grid-item,

.isotope-grid.cols-2 .grid-sizer {

    width: calc((100% / 2) - 15px)
}



.isotope-grid.cols-3 .grid-item,

.isotope-grid.cols-3 .grid-sizer {

    width: calc((100% / 3) - 20px)
}



.isotope-grid.cols-4 .grid-item,

.isotope-grid.cols-4 .grid-sizer {

    width: calc((100% / 4) - 22.5px)
}



.isotope-grid.cols-5 .grid-item,

.isotope-grid.cols-5 .grid-sizer {

    width: calc((100% / 5) - 24px)
}



.isotope-grid.cols-6 .grid-item,

.isotope-grid.cols-6 .grid-sizer {

    width: calc((100% / 6) - 25px)
}



@media (max-width:1200px) {



    .isotope-grid.cols-3 .grid-item,

    .isotope-grid.cols-3 .grid-sizer,

    .isotope-grid.cols-4 .grid-item,

    .isotope-grid.cols-4 .grid-sizer,

    .isotope-grid.cols-5 .grid-item,

    .isotope-grid.cols-5 .grid-sizer,

    .isotope-grid.cols-6 .grid-item,

    .isotope-grid.cols-6 .grid-sizer {

        width: calc((100% / 3) - 22.5px)
    }

}



@media (max-width:768px) {



    .isotope-grid.cols-3 .grid-item,

    .isotope-grid.cols-3 .grid-sizer,

    .isotope-grid.cols-4 .grid-item,

    .isotope-grid.cols-4 .grid-sizer,

    .isotope-grid.cols-5 .grid-item,

    .isotope-grid.cols-5 .grid-sizer,

    .isotope-grid.cols-6 .grid-item,

    .isotope-grid.cols-6 .grid-sizer {

        width: calc((100% / 2) - 15px)
    }

}



@media (max-width:576px) {



    .isotope-grid.cols-2 .gutter-sizer,

    .isotope-grid.cols-3 .gutter-sizer,

    .isotope-grid.cols-4 .gutter-sizer,

    .isotope-grid.cols-5 .gutter-sizer,

    .isotope-grid.cols-6 .gutter-sizer {

        width: 0
    }



    .isotope-grid.cols-2 .grid-item,

    .isotope-grid.cols-2 .grid-sizer,

    .isotope-grid.cols-3 .grid-item,

    .isotope-grid.cols-3 .grid-sizer,

    .isotope-grid.cols-4 .grid-item,

    .isotope-grid.cols-4 .grid-sizer,

    .isotope-grid.cols-5 .grid-item,

    .isotope-grid.cols-5 .grid-sizer,

    .isotope-grid.cols-6 .grid-item,

    .isotope-grid.cols-6 .grid-sizer {

        width: 100%
    }

}



.isotope-grid.grid-no-gap .gutter-sizer {

    width: 0
}



.isotope-grid.grid-no-gap .grid-item {

    margin-bottom: 0
}



.isotope-grid.grid-no-gap.cols-2 .grid-item,

.isotope-grid.grid-no-gap.cols-2 .grid-sizer {

    width: 50%
}



.isotope-grid.grid-no-gap.cols-3 .grid-item,

.isotope-grid.grid-no-gap.cols-3 .grid-sizer {

    width: 33.3333333333%
}



.isotope-grid.grid-no-gap.cols-4 .grid-item,

.isotope-grid.grid-no-gap.cols-4 .grid-sizer {

    width: 25%
}



.isotope-grid.grid-no-gap.cols-5 .grid-item,

.isotope-grid.grid-no-gap.cols-5 .grid-sizer {

    width: 20%
}



.isotope-grid.grid-no-gap.cols-6 .grid-item,

.isotope-grid.grid-no-gap.cols-6 .grid-sizer {

    width: 16.6666666667%
}



@media (max-width:1200px) {



    .isotope-grid.grid-no-gap.cols-3 .grid-item,

    .isotope-grid.grid-no-gap.cols-3 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-4 .grid-item,

    .isotope-grid.grid-no-gap.cols-4 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-5 .grid-item,

    .isotope-grid.grid-no-gap.cols-5 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-6 .grid-item,

    .isotope-grid.grid-no-gap.cols-6 .grid-sizer {

        width: 33.3333333333%
    }

}



@media (max-width:768px) {



    .isotope-grid.grid-no-gap.cols-3 .grid-item,

    .isotope-grid.grid-no-gap.cols-3 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-4 .grid-item,

    .isotope-grid.grid-no-gap.cols-4 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-5 .grid-item,

    .isotope-grid.grid-no-gap.cols-5 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-6 .grid-item,

    .isotope-grid.grid-no-gap.cols-6 .grid-sizer {

        width: 50%
    }

}



@media (max-width:576px) {



    .isotope-grid.grid-no-gap.cols-2 .grid-item,

    .isotope-grid.grid-no-gap.cols-2 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-3 .grid-item,

    .isotope-grid.grid-no-gap.cols-3 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-4 .grid-item,

    .isotope-grid.grid-no-gap.cols-4 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-5 .grid-item,

    .isotope-grid.grid-no-gap.cols-5 .grid-sizer,

    .isotope-grid.grid-no-gap.cols-6 .grid-item,

    .isotope-grid.grid-no-gap.cols-6 .grid-sizer {

        width: 100%
    }

}



@-webkit-keyframes showGrid {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



@keyframes showGrid {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



@supports (-ms-ime-align:auto) {

    .isotope-grid:not(.filter-grid) {

        min-height: auto;

        background: 0 0
    }



    .isotope-grid:not(.filter-grid)>.grid-item {

        display: inline-block
    }



    .isotope-grid:not(.filter-grid)[style]>.grid-item {

        -webkit-animation: none;

        animation: none
    }

}



.site-header {

    position: relative;

    z-index: 1000
}



.site-header .topbar {

    border-bottom: 1px solid #e5e5e5;

    background-color: #fff
}



.site-header .navbar {

    position: relative;

    width: 100%;

    background: #fff
}



.site-header .navbar .nav-inner {

    display: flex;

    padding-left: 4px
}



.site-header .navbar .nav-inner .right-info {

    display: flex;

    width: 200px;

    text-align: right;

    align-items: center
}



.site-header .navbar .nav-inner .right-info i {

    margin-right: 7px;

    font-size: 30px;

    color: #377dff;

    flex: 1
}



.site-header .navbar .nav-inner .right-info .content {

    text-align: left
}



.site-header .navbar .nav-inner .right-info .content span {

    display: block;

    color: #777
}



.site-header .navbar .nav-inner .right-info .content a {

    display: block;

    margin-bottom: 0;

    padding-bottom: 0;

    text-decoration: none
}



.site-header .site-branding {

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-top: 2.2rem !important;
}



.site-header .site-branding .site-logo {

    display: block;

    width: 250px;

    color: #232323 !important;

    text-decoration: none
}



.site-header .site-branding .site-logo>img {

    display: block;

    width: 100%
}



.site-header .search-box-wrap {

    width: 100%;

    padding: 25px 30px;

    text-align-last: center
}



.site-header .search-box-wrap .search-box-inner {

    width: 100%
}



.site-header .search-box-wrap .search-box {

    width: 100%
}



.site-header .search-box-wrap .categories-btn {

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin: 0
}



.site-header .search-box-wrap .categories-btn .btn {

    padding: 0 15px;

    border-right: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0
}



.site-header .search-box-wrap .input-group {

    width: 100%;

    position: relative;

}



.site-header .search-box-wrap .input-group .serch-result {

    position: absolute;

    top: 100%;

    left: 0px;

    z-index: 999;

    background: #fff;

    width: 100%;

    padding: 15px 15px 7px;

    border: 1px solid #e0e0e0;

    border-top: 0px;

}



.site-header .search-box-wrap .input-group .serch-result .bottom-area {

    display: block;

    text-align: center;

    padding-top: 7px;

    border-top: 1px solid #e0e0e0;

}



.site-header .search-box-wrap .input-group .serch-result .bottom-area a {

    margin-bottom: 0px;

    color: #555;

    font-size: 14px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



.site-header .search-box-wrap .input-group .serch-result .s-r-inner {

    height: 380px;

    overflow-y: auto;

}



.site-header .search-box-wrap .input-group .serch-result .product-card.p-col {

    border-radius: 0px;

    border: 0px;

    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 7px;

}



.site-header .search-box-wrap .input-group .serch-result .product-card.p-col:last-child {

    border-bottom: 0px;

}



.site-header .search-box-wrap .input-group .serch-result .product-card.p-col:hover {

    border: 0px;

    border-bottom: 1px solid #e0e0e0;

}



.site-header .search-box-wrap .input-group .serch-result .product-card .product-thumb {

    width: 60px;

}



.site-header .search-box-wrap .input-group .serch-result .product-card .product-title>a {

    height: auto !important;

}

























.site-header .toolbar {

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0
}



.site-header .toolbar .toolbar-item {

    position: relative;

    width: 30px;

    transition: background-color .3s;

    margin-left: 10px
}



.site-header .toolbar .toolbar-item.visible-on-mobile {

    display: none
}



.site-header .toolbar .toolbar-item>a {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 5px;

    color: #505050;

    text-align: center;

    text-decoration: none;

    background: border-box
}



.site-header .toolbar .toolbar-item>a>div {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center
}



.site-header .toolbar .toolbar-item>a>div i {

    display: inline-block;
    font-size: 25px;
    margin-top: 40px;
}



.site-header .toolbar .toolbar-item>a>div>.text-label {

    display: block;

    font-size: 12px;

    font-weight: 400;

}



.site-header .toolbar .toolbar-item>a>div>.cart-icon,

.site-header .toolbar .toolbar-item>a>div>.compare-icon {

    display: inline-block;

    position: relative
}



.site-header .toolbar .toolbar-item>a>div>.cart-icon>.count-label,

.site-header .toolbar .toolbar-item>a>div>.compare-icon>.count-label {

    display: block;

    position: absolute;

    top: -6px;

    right: -13px;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background-color: #377dff;

    color: #fff;

    font-size: 11px;

    line-height: 18px
}



.site-header .toolbar .toolbar-item>a>div>.compare-icon>.count-label {

    right: -17px;

    border: 1px solid #e5e5e5;

    background-color: #f5f5f5;

    color: #505050
}



.site-header .toolbar .toolbar-item.active>.toolbar-dropdown,

.site-header .toolbar .toolbar-item:hover>.toolbar-dropdown {

    display: block;

    -webkit-animation: submenu-show .35s;

    animation: submenu-show .35s
}



.site-header .toolbar .toolbar-item .flag-icon {

    display: inline-block;

    width: 20px;

    vertical-align: middle
}



.site-header .toolbar .toolbar-item .flag-icon>img {

    display: block;

    width: 100%
}



.site-header .site-menu {

    display: block;

    position: relative;

    width: 100%;

    z-index: 1
}



.site-header .site-menu ul {

    margin: 0;

    padding: 0;

    list-style: none
}



.site-header .site-menu ul>li>a {

    transition: all .3s;

    /*     color: #505050;
 */
    text-decoration: none
}



.site-header .site-menu>ul>li {

    display: table-cell;

    position: relative;

    vertical-align: middle
}



.site-header .site-menu>ul>li>a {

    display: block;

    position: relative;

    padding: 20px 15px;

    border-right: 1px solid transparent;

    border-left: 1px solid transparent;

    font-size: 14px;

    z-index: 5;

    font-weight: 500;

}



.site-header .site-menu>ul>li>a:first-child {

    padding-left: 0
}



.site-header .site-menu>ul>li>a::after {

    display: none
}



.site-header .site-menu>ul>li:hover>a {

    color: #377dff
}



.site-header .site-menu>ul>li:hover>.sub-menu {

    display: block;

    -webkit-animation: submenu-show .35s;

    animation: submenu-show .35s
}



.site-header .site-menu>ul>li:hover>.mega-menu {

    display: table;

    -webkit-animation: submenu-show .35s;

    animation: submenu-show .35s
}



.site-header .site-menu>ul>li.active>a {

    color: var(--steel-light);
}



.site-header .site-menu>ul>li.has-megamenu:hover>a,

.site-header .site-menu>ul>li.has-submenu:hover>a {

    border-color: #e5e5e5;

    background-color: #fff
}



.site-header .site-menu>ul>li.has-megamenu:hover>a::after,

.site-header .site-menu>ul>li.has-submenu:hover>a::after {

    display: block;

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 4px;

    background-color: #fff;

    content: '';

    -webkit-animation: submenu-show .25s;

    animation: submenu-show .25s
}



.site-header .site-menu>ul>li.has-megamenu {

    position: static
}



.navbar .categories-btn,

.navbar .toolbar {

    display: none
}



.navbar-stuck .topbar {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 7px 30px -6px rgba(0, 0, 0, .15)
}



.navbar-stuck .navbar .toolbar {

    display: block;

    top: 0;

    right: 0;

    height: 100%;

    z-index: 5;

    -webkit-animation: toolbar-in .6s;

    animation: toolbar-in .6s
}



.navbar-stuck .navbar .toolbar>.toolbar-inner {

    display: table;

    width: 100%;

    height: 100%;

    min-height: 100%
}



.navbar-stuck .navbar .toolbar .toolbar-item {

    display: table-cell
}



@media (max-width:1200px) {

    .navbar-stuck .navbar .toolbar .toolbar-item {

        width: 80px
    }

}



.navbar-stuck .navbar .categories-btn {

    display: block;

    position: absolute;

    left: 30px;

    z-index: 5;

    -webkit-animation: toolbar-in .6s;

    animation: toolbar-in .6s
}



.navbar-stuck .navbar .categories-btn>.btn {

    padding: 0 15px
}



@media (max-width:1200px) {

    .navbar-stuck .navbar .categories-btn {

        left: 15px
    }

}



@-webkit-keyframes toolbar-in {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



@keyframes toolbar-in {

    from {

        opacity: 0
    }



    to {

        opacity: 1
    }

}



.mm-heading-area {

    display: flex;

    justify-content: space-between;

    padding: 10px 15px;

    background: red;

    color: #fff
}



.mm-heading-area h4 {

    font-size: 18px;

    font-weight: 400;

    margin-bottom: 0;

    color: #fff
}



.mm-heading-area .mm-t-two i {

    color: #fff
}



.mobile-menu {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 300px;

    height: 100%;

    overflow-y: auto;

    background-color: #fff;

    z-index: 999999;

    box-shadow: 0 7px 30px -6px rgba(0, 0, 0, .15)
}



.mobile-menu .mobile-search {

    padding-right: 15px;

    padding-bottom: 15px;

    padding-left: 15px
}



.mobile-menu .toolbar {

    display: table;

    width: 100%;

    margin-bottom: 15px
}



.mobile-menu .toolbar .toolbar-item {

    display: table-cell;

    height: 75px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    background-color: #fff;

    vertical-align: middle
}



.mobile-menu .nav-tabs {

    display: flex
}



.mobile-menu .nav-tabs li {

    width: 50%
}



.mobile-menu .nav-tabs li span {

    width: 100%;

    background: #f5f6f9;

    display: block;

    font-size: 15px;

    font-weight: 400;

    padding: 5px 0;

    cursor: pointer
}



.mobile-menu .nav-tabs li span.active {

    background: #fff
}



@media (max-width:991px) {

    body {

        padding-top: 0 !important
    }



    .hidden-on-mobile,

    .navbar {

        display: none !important
    }



    .site-header .site-branding {

        border: 0;

        padding: 10px;
    }



    .site-header .toolbar .toolbar-item.visible-on-mobile {

        display: block
    }



    .mobile-menu.open {

        display: block
    }

}



@media (max-width:360px) {

    .site-header .toolbar .toolbar-item {

        width: 75px
    }

}



.page-title {

    width: 100%;

    margin-bottom: 20px;

    padding: 3px 0;

    background-color: #fff;

    border-top: 1px solid #e5e5e5
}



.page-title>.container,

.page-title>.container-fluid {

    display: table
}



.page-title .column {

    display: table-cell;

    vertical-align: middle
}



.page-title h1,

.page-title h2,

.page-title h3 {

    margin: 0;

    font-size: 20px;

    line-height: 1.3
}



.breadcrumbs {

    display: block;

    margin: 0;

    padding: 0;

    list-style: none
}



.breadcrumbs>li {

    display: inline-block;

    padding: 5px 0;

    color: #888;

    font-size: 13px;

    cursor: default;

    vertical-align: middle
}



.breadcrumbs>li.separator {

    margin-top: 2px;

    margin-left: 3px;

    color: #505050;

    font-family: feather;

    font-size: 14px
}



.breadcrumbs>li.separator::before {

    content: '\e930'

}



.breadcrumbs>li>a {

    transition: color .25s;

    color: #505050;

    text-decoration: none
}



.breadcrumbs>li>a:hover {

    color: #377dff
}



.breadcrumbs>li:first-child>a::before {

    display: inline-block;

    margin-top: -1px;

    margin-right: 6px;

    font-family: feather;

    font-size: 14px;

    content: '\e979';

    vertical-align: middle
}



@-moz-document url-prefix() {

    .breadcrumbs>li.separator {

        margin-top: 1px
    }



    .breadcrumbs>li:first-child>a::before {

        margin-top: -2px
    }

}



@media (max-width:991px) {

    .page-title {

        margin-bottom: 53px
    }



    .page-title>.container,

    .page-title>.container-fluid {

        display: block
    }



    .page-title .column {

        display: block;

        width: 100%;

        text-align: center
    }



    .page-title .column:first-child {

        width: 100%;

        padding-right: 0
    }



    .breadcrumbs {

        padding-top: 15px;

        text-align: center
    }



    .breadcrumbs>li {

        margin-left: 3px;

        margin-margin-right: 3px
    }



    .t-h-dropdown .t-h-dropdown-menu {

        left: auto !important;

        right: 0
    }



    .left-category-area {

        margin-bottom: 30px
    }



    .site-header .toolbar .toolbar-item.visible-on-mobile .text-label,

    .site-header .toolbar .toolbar-item>a>div>.text-label {

        display: none
    }



    .site-header .toolbar .toolbar-item {

        position: relative;

        width: 45px;

        transition: background-color .3s;

        margin-left: 10px
    }

}



.site-footer {

    padding-top: 56px;

    background-position: center bottom;

    background-color: #fff;

    background-repeat: no-repeat
}



@media (max-width:768px) {

    .site-footer {

        padding-top: 48px
    }

}



.footer-copyright {

    margin: 0;

    padding-top: 15px;

    padding-bottom: 15px;

    color: rgb(0 0 0 / 64%);

    font-size: 15px;

    font-weight: 500;

    text-align: center;

    border-top: 1px solid rgb(229 229 229)
}



.footer-copyright>a {

    transition: color .25s;

    color: rgba(255, 255, 255, .5);

    text-decoration: none
}



.footer-copyright>a:hover {

    color: #fff
}



.footer-light {

    background-color: #f5f5f5
}



.footer-light .footer-copyright {

    color: #999
}



.footer-light .footer-copyright>a {

    color: #999
}



.footer-light .footer-copyright>a:hover {

    color: #377dff
}



.user-info-wrapper {

    position: relative;

    width: 100%;

    padding-top: 30px;

    padding-bottom: 0;

    overflow: hidden;

    background: #fff;

    border-radius: 10px;

}



.user-info-wrapper .user-cover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 120px;

    background-position: center;

    background-color: #f5f5f5;

    background-repeat: no-repeat;

    background-size: cover
}



.user-info-wrapper .user-cover .tooltip .tooltip-inner {

    width: 230px;

    max-width: 100%;

    padding: 10px 15px
}



.user-info-wrapper .info-label {

    display: block;

    position: absolute;

    top: 18px;

    right: 18px;

    height: 26px;

    padding: 0 12px;

    border-radius: 4px;

    background-color: #fff;

    color: #505050;

    font-size: 12px;

    line-height: 26px;

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .18);

    cursor: pointer
}



.user-info-wrapper .info-label>i {

    display: inline-block;

    margin-right: 3px;

    font-size: 1.2em;

    vertical-align: middle
}



.user-info-wrapper .user-info {

    display: block;

    position: relative;

    width: 100%;

    padding: 0 18px 30px;

    z-index: 5;

    text-align: center
}



.user-info-wrapper .user-info .user-avatar {

    text-align: center
}



.user-info-wrapper .user-info .user-avatar>img {
    border: 5px solid #fff;
    /* border-radius: 50%; */
    width: auto;
    height: 100px;
    display: block;
    /* object-fit: cover; */
    display: inline-block;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
}



.user-info-wrapper .user-info .user-avatar .edit-avatar {

    display: block;

    position: absolute;

    top: -2px;

    right: 2px;

    width: 36px;

    height: 36px;

    transition: opacity .3s;

    border-radius: 50%;

    background-color: #fff;

    color: #505050;

    line-height: 34px;

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);

    cursor: pointer;

    opacity: 0;

    text-align: center;

    text-decoration: none
}



.user-info-wrapper .user-info .user-avatar .edit-avatar::before {

    font-family: feather;

    font-size: 17px;

    content: '\e95a'

}



.user-info-wrapper .user-info .user-avatar:hover .edit-avatar {

    opacity: 1
}



.user-info-wrapper .user-info .user-data {

    padding-top: 15px
}



.user-info-wrapper .user-info .user-data h4 {

    margin-bottom: 2px
}



.user-info-wrapper .user-info .user-data span {

    display: block;

    color: #999;

    font-size: 12px
}



.user-info-wrapper+.list-group .list-group-item:first-child {

    border-radius: 0
}



.product-card {

    display: block;

    position: relative;

    width: 100%;

    border-radius: 10px;

    background-color: #fff;

    overflow: hidden;

    border: 1px solid #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



.product-card .product-card-body {

    padding: 15px 15px 10px;

}



.product-card .product-thumb {

    display: block;

    width: 100%;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    overflow: hidden;

    position: relative;

}



.product-card .product-thumb>img {

    display: block;

    width: 100%;

    padding-top: 0;

    transform: scale(1);

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



.product-card:hover .product-thumb>img {

    transform: scale(1.1);

}



.product-card .product-category {

    width: 100%;

    margin-bottom: 6px;

    font-size: 13px;

}



.product-card .product-category>a {

    transition: color .2s;

    color: #999;

    text-decoration: none
}



.product-card .product-category>a:hover {

    color: #377dff
}



.product-card .product-title {

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 400
}



.product-card .product-title>a {

    transition: color .3s;

    color: #232323;

    text-decoration: none;

    font-size: 14px;

    height: 37px;

    display: block;

    font-weight: 500;

    line-height: 18px;

}



.product-card .product-title>a:hover {

    color: #377dff
}



.product-card .product-price {

    display: inline-block;

    margin-bottom: 10px;

    font-size: 15px;

    font-weight: 600;

    text-align: center;

    color: #377dff
}



.product-card .product-price>del {

    margin-right: 5px;

    color: #999;

    font-weight: 400;

    font-size: 14px
}



.product-card .product-button-group {

    position: absolute;

    left: 0px;

    bottom: -15px;

    width: 100%;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    z-index: 2;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



.product-card .product-button-group .product-button {

    height: 35px;

    width: 35px;

    line-height: 36px;

    color: #fff;

    padding: 0px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    border-radius: 50%;

    box-shadow: 2px 2px 5px 0px #0000000f;

    margin: 0px 4px;

}



.product-card:hover .product-button-group {

    bottom: 10px;

    opacity: 1;

    visibility: visible;

}



.product-card .product-badge {

    top: 15px;

    left: 0;

    border-radius: 0 9px 30px 0;

    padding: 0 12px 0 10px
}



.product-card .product-badge.product-badge2 {

    left: auto;

    right: 0;

    border-radius: 9px 0 0 30px;

    padding: 0 10px 0 12px;

    background: #daa520 !important
}



.bg-goldenrod {

    background: #daa520
}



.product-card .rating-stars {

    display: block;

    margin-bottom: 5px
}



.product-card.p-col {

    display: flex;

    align-items: center;

    margin-bottom: 16px
}



.product-card.p-col:last-child {

    margin-bottom: 0
}



.product-card.p-col .product-thumb {

    width: 120px;

    margin-right: 20px
}



.product-card.p-col .product-card-body {

    flex: 1;

    text-align: left
}



@media (min-width:576px) {

    .product-card.product-list {

        display: table;

        width: 100%;

        padding: 0
    }



    .product-card.product-list .product-card-inner,

    .product-card.product-list .product-thumb {

        display: table-cell;

        vertical-align: middle
    }



    .product-card.product-list .product-thumb {

        position: relative;

        width: 200px;

        border-right: 1px solid #ebebeb;

        border-top-right-radius: 0
    }



    .product-card.product-list .product-card-body {

        padding: 32px 22px 18px;

        text-align: left
    }

}



.touchevents .product-card .product-button-group .product-button>i {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px)
}



.touchevents .product-card .product-button-group .product-button>span {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1
}



.product-badge {

    position: absolute;

    height: 24px;

    padding: 0 14px;

    border-radius: 3px;

    color: #fff;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: .025em;

    line-height: 24px;

    white-space: nowrap;

    z-index: 9
}



.rating-stars {

    display: inline-block
}



.rating-stars>i {

    display: inline-block;

    margin-right: 2px;

    color: #777;

    font-size: 12px
}



.rating-stars>i.filled {

    color: #ffa000
}



.rating-stars>i:last-child {

    margin-right: 0
}



.shop-toolbar {

    display: table;

    width: 100%
}



.shop-toolbar>.column {

    display: table-cell;

    vertical-align: middle
}



.shop-toolbar>.column:last-child {

    text-align: right
}



@media (max-width:576px) {

    .shop-toolbar>.column {

        display: block;

        width: 100%;

        text-align: center
    }



    .shop-toolbar>.column:last-child {

        padding-top: 24px;

        text-align: center
    }

}



.shop-sorting .form-control,

.shop-sorting label,

.shop-sorting span {

    display: inline-block;

    vertical-align: middle
}



.shop-sorting span {

    padding: 8px 0
}



.shop-sorting label {

    margin: 0;

    padding: 8px 5px 8px 0;

    color: #505055;

    font-size: 13px;

    font-weight: 400
}



.shop-sorting .form-control {

    width: 100%;

    max-width: 186px;

    margin-right: 10px
}



@media (max-width:576px) {



    .shop-sorting .form-control,

    .shop-sorting label {

        display: block;

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding-top: 0;

        padding-right: 0
    }

}



.shop-view {

    display: inline-block
}



.shop-view::after {

    display: block;

    clear: both;

    content: ''

}



.shop-view>a {

    display: block;

    width: 43px;

    height: 43px;

    margin-left: -1px;

    padding: 0 !important;

    line-height: 43px;

    text-align: center;

    float: left;

    transition: background-color .35s;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff
}



.shop-view>a:first-child {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0
}



.shop-view>a:last-child {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0
}



.shop-view>a span {

    display: block;

    position: relative;

    width: 3px;

    height: 3px;

    margin-bottom: 3px;

    background-color: #505050
}



.shop-view>a span::after,

.shop-view>a span::before {

    display: block;

    position: absolute;

    background-color: #505050
}



.shop-view>a span:last-child {

    margin-bottom: 0
}



.shop-view>a:hover {

    background-color: #f5f5f5
}



.shop-view>a.active {

    border-color: #377dff;

    background-color: #377dff;

    cursor: default;

    pointer-events: none;

    color: #fff
}



.shop-view>a.active span,

.shop-view>a.active span::after,

.shop-view>a.active span::before {

    background-color: #fff
}



.shop-view>a.grid-view span::after,

.shop-view>a.grid-view span::before {

    top: 0;

    width: 3px;

    height: 3px;

    content: ''

}



.shop-view>a.grid-view span::before {

    left: 6px
}



.shop-view>a.grid-view span::after {

    left: 12px
}



.shop-view>a.list-view span::before {

    top: 1px;

    left: 6px;

    width: 9px;

    height: 1px;

    content: ''

}



.order-table,

.shopping-cart,

.wishlist-table {

    margin-bottom: 20px
}



.order-table .table,

.shopping-cart .table,

.wishlist-table .table {

    margin-bottom: 0
}



.order-table .btn,

.shopping-cart .btn,

.wishlist-table .btn {

    margin: 0
}



.order-table>table>tbody>tr>td,

.order-table>table>tbody>tr>th,

.order-table>table>thead>tr>td,

.order-table>table>thead>tr>th,

.shopping-cart>table>tbody>tr>td,

.shopping-cart>table>tbody>tr>th,

.shopping-cart>table>thead>tr>td,

.shopping-cart>table>thead>tr>th,

.wishlist-table>table>tbody>tr>td,

.wishlist-table>table>tbody>tr>th,

.wishlist-table>table>thead>tr>td,

.wishlist-table>table>thead>tr>th {

    vertical-align: middle !important
}



.order-table>table thead th,

.shopping-cart>table thead th,

.wishlist-table>table thead th {

    padding-top: 17px;

    padding-bottom: 17px;

    border-width: 1px
}



.order-table .remove-from-cart,

.shopping-cart .remove-from-cart,

.wishlist-table .remove-from-cart {

    display: inline-block;

    color: #f44336;

    font-size: 18px;

    line-height: 1;

    text-decoration: none
}



.order-table .count-input,

.shopping-cart .count-input,

.wishlist-table .count-input {

    display: inline-block;

    width: 100%;

    width: 86px
}



.order-table .product-item,

.shopping-cart .product-item,

.wishlist-table .product-item {

    display: table;

    width: 100%;

    min-width: 150px;

    margin-top: 5px;

    margin-bottom: 3px
}



.order-table .product-item .product-info,

.order-table .product-item .product-thumb,

.shopping-cart .product-item .product-info,

.shopping-cart .product-item .product-thumb,

.wishlist-table .product-item .product-info,

.wishlist-table .product-item .product-thumb {

    display: table-cell;

    vertical-align: top
}



.order-table .product-item .product-thumb,

.shopping-cart .product-item .product-thumb,

.wishlist-table .product-item .product-thumb {

    width: 80px;

    padding-right: 20px
}



.order-table .product-item .product-thumb>img,

.shopping-cart .product-item .product-thumb>img,

.wishlist-table .product-item .product-thumb>img {

    display: block;

    width: 100%
}



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



    .order-table .product-item .product-thumb,

    .shopping-cart .product-item .product-thumb,

    .wishlist-table .product-item .product-thumb {

        display: none
    }

}



.order-table .product-item .product-info span,

.shopping-cart .product-item .product-info span,

.wishlist-table .product-item .product-info span {

    display: block;

    font-size: 12px
}



.order-table .product-item .product-info span>em,

.shopping-cart .product-item .product-info span>em,

.wishlist-table .product-item .product-info span>em {

    font-weight: 500;

    font-style: normal
}



.order-table .product-item .product-title,

.shopping-cart .product-item .product-title,

.wishlist-table .product-item .product-title {

    margin-bottom: 6px;

    padding-top: 5px;

    font-size: 16px;

    font-weight: 400
}



.order-table .product-item .product-title>a,

.shopping-cart .product-item .product-title>a,

.wishlist-table .product-item .product-title>a {

    transition: color .3s;

    color: #232323;

    line-height: 1.5;

    text-decoration: none
}



.order-table .product-item .product-title>a:hover,

.shopping-cart .product-item .product-title>a:hover,

.wishlist-table .product-item .product-title>a:hover {

    color: #377dff
}



.order-table .product-item .product-title small,

.shopping-cart .product-item .product-title small,

.wishlist-table .product-item .product-title small {

    display: inline;

    margin-left: 6px;

    font-size: 90%
}



.wishlist-table .product-item .product-thumb {

    display: table-cell !important
}



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

    .wishlist-table .product-item .product-thumb {

        display: none !important
    }

}



.shopping-cart-footer {

    display: table;

    width: 100%;

    padding: 10px 0
}



.shopping-cart-footer>.column {

    display: table-cell;

    padding: 5px 0;

    vertical-align: middle
}



.shopping-cart-footer>.column:last-child {

    text-align: right
}



.shopping-cart-footer>.column:last-child .btn {

    margin-right: 0;

    margin-left: 15px
}



@media (max-width:768px) {

    .shopping-cart-footer>.column {

        display: block;

        width: 100%
    }



    .shopping-cart-footer>.column:last-child {

        text-align: center
    }



    .shopping-cart-footer>.column .btn {

        width: 100%;

        margin: 12px 0 !important
    }

}



.sp-categories i,

.sp-categories>a {

    display: inline-block;

    margin-right: 3px;

    color: #999;

    font-size: 13px;

    text-decoration: none;

    vertical-align: middle
}



.sp-categories>a {

    transition: color .25s
}



.sp-categories>a:hover {

    color: #377dff
}



.product-gallery {

    position: relative;

    border-radius: 10px;

    background: #fff;

    padding-bottom: 1px;

    overflow: hidden;

}



.product-gallery .product-carousel {

    margin-bottom: 15px
}



.product-gallery .gallery-item>a::before {

    top: 50%;

    left: 50%;

    width: 70px;

    height: 70px;

    margin-top: -35px;

    margin-left: -35px;

    border-radius: 5px
}



.product-gallery .gallery-item>a:hover::before {

    opacity: .7
}



.product-gallery .product-badge {

    top: 15px;

    left: 15px;

    z-index: 10
}



.product-gallery .product-thumbnails {

    display: block;

    margin: 0;

    margin-right: auto;

    list-style: none;

    text-align: center;

}



.product-gallery .product-thumbnails>li {

    display: inline-block;

    margin: 10px 3px
}



.product-gallery .product-thumbnails>li>a {

    display: block;

    width: 65px;

    transition: all .25s;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    background-color: #fff;

    opacity: .75;

    overflow: hidden
}



.product-gallery .product-thumbnails>li:hover>a {

    opacity: 1
}



.product-gallery .product-thumbnails>li.active>a {

    border-color: #377dff;

    cursor: default;

    opacity: 1
}



.product-gallery .video-btn {

    position: absolute;

    top: 12px;

    right: 12px;

    z-index: 10
}



.product-gallery .video-btn>a {

    width: 40px;

    height: 40px
}



.category-card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 30px 40px;

    border: 1px solid #e5e5e5;

    background-color: #fff;

    text-decoration: none
}



.category-card .category-card-info {

    margin: 0 auto;

    padding: 15px 0
}



.category-card .category-card-title {

    margin-bottom: 12px;

    color: #232323;

    font-size: 24px
}



.category-card .category-card-subtitle {

    margin: 0;

    color: #999;

    font-size: 13px;

    font-weight: 400
}



.category-card .category-card-thumb {

    display: inline-block;

    width: 100%;

    max-width: 400px;

    margin: 0 auto;

    overflow: hidden
}



.category-card .category-card-thumb>img {

    display: block;

    width: 100%;

    transition: all .4s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden
}



.category-card:hover .category-card-thumb>img {

    -webkit-transform: scale(.94);

    -ms-transform: scale(.94);

    transform: scale(.94)
}



@media (max-width:576px) {

    .category-card {

        padding: 15px 25px
    }

}



@media screen and (-ms-high-contrast:active),

screen and (-ms-high-contrast:none) {



    .product-gallery .gallery-item>a::after,

    .product-gallery .gallery-item>a::before {

        display: none !important
    }



    .product-gallery .video-btn {

        display: none !important
    }



    .product-card .product-button-group .product-button>i {

        -webkit-transform: translateY(0) !important;

        -ms-transform: translateY(0) !important;

        transform: translateY(0) !important
    }



    .product-card .product-button-group .product-button>span {

        display: none
    }

}



@supports (-ms-ime-align:auto) {



    .product-gallery .gallery-item>a::after,

    .product-gallery .gallery-item>a::before {

        display: none !important
    }



    .product-gallery .video-btn {

        display: none !important
    }



    .product-card .product-button-group .product-button>i {

        -webkit-transform: translateY(0) !important;

        -ms-transform: translateY(0) !important;

        transform: translateY(0) !important
    }



    .product-card .product-button-group .product-button>span {

        display: none
    }

}



.blog-post {

    margin-bottom: 30px;

    border-radius: 5px;

    background: #fff;

    overflow: hidden;

    display: inline-block;

    border-radius: 10px;

    overflow: hidden;

}



.blog-post .post-body {

    padding: 10px 20px 20px;

}



.blog-post .post-body>p {

    margin-bottom: 0;

    color: #999
}



.grid-item .blog-post {

    margin-bottom: 0
}



.post-meta {

    display: block;

    margin: 0 0 16px;

    padding: 0 0 8px;

    border-bottom: 1px solid #e5e5e5;

    list-style: none
}



.post-meta>li {

    display: inline-block;

    margin-right: 14px;

    padding-bottom: 6px;

    color: #505050;

    font-size: 12px;

    cursor: default
}



.post-meta>li:last-child {

    border-bottom: 0
}



.post-meta>li>a,

.post-meta>li>i {

    display: inline-block;

    vertical-align: middle
}



.post-meta>li>i {

    margin-top: -1px;

    margin-right: 5px;

    color: #999;

    font-size: 13px
}



.post-meta>li>a {

    transition: color .25s;

    color: #505050;

    text-decoration: none
}



.post-meta>li>a:hover {

    color: #377dff
}



.post-thumb {

    display: block;

    overflow: hidden
}



.post-thumb>img {

    display: block;

    width: 100%;

    -webkit-transition: all .5s linear;

    -moz-transition: all .5s linear;

    transition: all .5s linear
}



.blog-post:hover .post-thumb>img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2)
}



.post-title {

    margin-bottom: 0px;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.4
}



.post-title>a {

    transition: color .3s;

    color: #232323;

    text-decoration: none;

    font-weight: 600;

}



.post-title>a:hover {

    color: #377dff
}



.width-100 {

    width: 100px
}



.menu-top-area {

    padding: 10px 0 10px;

    background: #fff
}



.h-t-social-area ul {

    margin-bottom: 0;

    margin-left: 0;

    padding-left: 0
}



.h-t-social-area ul li {

    list-style: none;

    display: inline-block
}



.menu-top-area .h-t-social-area ul li a {

    display: block;

    margin-right: 13px;

    font-size: 14px
}



.menu-top-area .right-area {

    text-align: right
}



.track-order-link {

    color: #000;

    font-size: 15px;

    font-weight: 500;

    text-decoration: none;

    display: inline-block;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}

.pd-1 {
    padding: 1px;
}

.footer-contact {
    width: fit-content;
}

.top-menu-features {
    font-size: smaller;
}

.slogan-animation {


    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Josefin Sans", sans-serif;
    background: linear-gradient(to right, #095fab 10%, #25abe8 50%, #E40613 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 10s linear infinite;
    display: inline-block;

}

@keyframes textclip {
    to {
        background-position: 100% center;
    }
}



.mr-5 {
    margin-right: 5px;
}

.non-login-register {

    color: #505050;
}



.track-order-link i {

    margin-top: 2px;

    position: relative;

    top: 2px;

    right: 4px
}



.menu-top-area .t-h-dropdown .main-link:hover {

    color: #fff !important;

}



.track-order-link:hover {

    color: #fff;

}



.t-h-dropdown .main-link {

    cursor: pointer;

    /*     color: #fff;
 */
    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.t-h-dropdown {

    position: relative;

    display: inline-block;

    /*     margin-right: 30px
 */
}



.t-h-dropdown .main-link i {

    margin-top: 2px;

    position: relative;

    /*     top: 2px;

    left: 4px */
}



.t-h-dropdown .t-h-dropdown-menu {

    position: absolute;

    left: 0;

    top: 100%;

    background: #545c66;

    text-align: left;

    display: block;

    z-index: 999;

/*     width: 140px;
 */
    padding: 10px 15px 10px;

    border-top: 2px solid #377dff;

    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.login-register .t-h-dropdown-menu {

    min-width: 180px;

    left: auto;

    right: 0
}



.navbar .t-h-dropdown .t-h-dropdown-menu {

    min-width: 220px
}



.t-h-dropdown .t-h-dropdown-menu a {

    display: block;

    line-height: 26px
}



.t-h-dropdown:hover .t-h-dropdown-menu {

    opacity: 1;

    visibility: visible
}

.nav-right {
    display: flex;

}


.login-register {

    display: inline-block;

    margin-left: auto;

    padding-top: 5px;

}

.icon-user {
    font-size: x-large;
    display: flex;
    justify-self: center;
}

.user-icon-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 8px;
}



.h-t-social-area ul li a,

.menu-top-area .login-register a,

.t-h-dropdown a {

    color: #505050;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none
}



.menu-top-area .login-register .track-order-link {
    color: #fff;
}



.h-t-social-area ul li a:hover,

.menu-top-area .login-register:hover,

.t-h-dropdown a.active,

.t-h-dropdown a:hover {

    color: #377dff
}

.left-category-area {

    background: #fff;

    border-radius: 5px;

    position: relative;

    cursor: pointer
}



.left-category-area .category-header h4 {

    background: #377dff;

    color: #fff;

    font-size: 18px;

    padding: 15px 15px;

    margin-bottom: 0
}



.left-category-area .category-header h4 i {

    position: relative;

    top: 2px;

    margin-right: 3px
}



.left-category-area .category-list {

    padding: 9px 0;

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    border-radius: 5px;

    background: #fff;

    opacity: 0;

    visibility: hidden;
}



.left-category-area .category-list.active {

    opacity: 1;

    visibility: visible
}



.left-category-area .category-list .navi-link {

    display: flex;

    justify-content: start;

    padding: 8px 15px
}



.left-category-area .category-list .navi-link:last-child {

    border-bottom: 0
}



.left-category-area .category-list .navi-link img {

    height: 40px;

    width: 40px;

    object-fit: cover;

    display: inline-block
}



.left-category-area .category-list .navi-link:hover img {

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1)
}



.left-category-area .category-list .navi-link span {

    display: inline-block;

    padding-left: 8px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.left-category-area .category-list .navi-link i {

    float: right;

    position: relative;

    right: -7px;

    top: 11px
}



.left-category-area .category-list .navi-link:hover span.text-gray-dark {

    color: #377dff !important
}



.left-category-area .category-list .sub-c-box {

    position: absolute;

    left: 100%;

    top: 0;

    width: 250px;

    height: 100%;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .06);

    border-radius: 5px;

    display: none;

    background-repeat: no-repeat;

    background-position: right bottom
}



.left-category-area .category-list .sub-c-box .child-c-box {

    border-bottom: 1px solid #e5e5e5
}



.left-category-area .category-list .sub-c-box .child-c-box:last-child {

    border-bottom: 0
}



.left-category-area .category-list .sub-c-box .child-c-box .child-category {

    position: absolute;

    left: 100%;

    top: 0;

    width: 250px;

    height: 100%;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .06);

    border-radius: 5px;

    display: none;

    background-repeat: no-repeat;

    background-position: right bottom
}



.left-category-area .category-list .sub-c-box .child-c-box:hover .child-category {

    display: block
}



.left-category-area .category-list .sub-c-box .title {

    color: #555;

    display: block;

    line-height: 40px;

    display: block;

    padding: 0 15px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.left-category-area .category-list .sub-c-box .title i {

    float: right;

    position: relative;

    top: 12px
}



.left-category-area .category-list .sub-c-box .title:hover {

    color: red
}



.left-category-area .category-list .c-item {

    border-bottom: 1px solid #e5e5e5
}



.left-category-area .category-list .c-item:last-child {

    border-bottom: 0
}



.left-category-area .category-list .c-item:hover .sub-c-box {

    display: block
}



.left-category-area .category-list .sub-c-box .child-category a {

    color: #555;

    display: block;

    line-height: 40px;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding: 0 15px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.left-category-area .category-list .sub-c-box .child-category a:last-child {

    border-bottom: 0
}



.left-category-area .category-list .sub-c-box .child-category a i {

    margin-right: 5px
}



.left-category-area .category-list .sub-c-box .child-category a:hover {

    color: red
}



.section-title {

    border-bottom: 2px solid rgba(0, 0, 0, .06);

    padding-bottom: 0;

    margin-bottom: 25px;

}



.section-title h2 {

    padding-bottom: 12px;

    margin-bottom: 0;

    font-weight: 600;

    font-size: 24px;

    position: relative
}



.section-title h2::before {

    position: absolute;

    content: '';

    height: 2px;

    width: 100%;

    bottom: -2px;

    left: 0;

    background: #377dff
}



.section-title {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    align-items: center;

}



.section-title a.btn {

    margin: 0 !important;

    padding: 0 15px;

    height: 30px;

    line-height: 30px
}



.section-title .links a {

    color: #444;

    margin-left: 20px;

    position: relative;

    font-size: 15px;

    font-weight: 600;

}



.section-title .links a::before {

    position: absolute;

    content: '';

    bottom: -18px;

    left: 0;

    width: 100%;

    height: 2px;

    background: red;

    opacity: 0;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.section-title .links a.active,

.section-title .links a:hover {

    color: red
}



.section-title .links a.active::before,

.section-title .links a:hover::before {

    opacity: 1
}



.h-feature-category {

    text-decoration: none;

    text-align: center;

    display: flex;

    background: #fff;

    padding: 10px;

    align-items: center;

    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1);

    margin-bottom: 30px;

    border-radius: 5px
}



.h-feature-category .img img {

    width: 100px;

    object-fit: cover;

    display: inline-block
}



.h-feature-category:hover .img img {

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1)
}



.h-feature-category .c-content {

    flex: 1;

    padding-left: 15px
}



.h-feature-category .c-content h4 {

    text-decoration: none !important;

    font-size: 16px;

    text-align: left;

    font-weight: 400;

    margin-bottom: 6px
}



.h-feature-category .c-content span {

    color: #777;

    display: block;

    text-align: left;

    font-size: 14px
}



.sections .widget-title {

    color: #232323
}



.service-section {

    padding: 30px 0 0
}



.single-service {

    background: #fff;

    padding: 20px 20px 20px;

    height: 100%;

    border-radius: 10px;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.single-service img {

    height: 60px;

    margin-bottom: 10px
}



.single-service:hover {

    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);

    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);

    -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);

}



.flash-deal .product-card.product-list {

    padding: auto !important
}



.flash-deal .rating-stars {

    position: unset;

    display: block
}



.product-card .countdown {

    display: block;

    margin-top: 5px
}



.product-card .countdown span {

    display: inline-block;

    text-align: center;

    background: #377dff;

    color: #fff;

    min-width: 50px;

    padding: 3px 0 0;

    border-radius: 4px 4px 4px 4px;

    margin-right: 8px;

    box-shadow: 0px 0px 7px 0px #00000012;

}



.product-card .countdown span:last-child {

    margin-right: 0
}



.product-card .countdown span small {

    display: block;

    background: #fff;

    color: #232323;

    margin-top: 1px;

    padding: 3px 0;

}



.details-page-top-right-content .countdown {

    display: block;

    margin-top: 5px
}



.details-page-top-right-content .countdown span {

    display: inline-block;

    text-align: center;

    background: #377dff;

    color: #fff;

    min-width: 50px;

    padding: 5px 0 0;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    border-radius: 4px;

    margin-right: 8px
}



.details-page-top-right-content .countdown span:last-child {

    margin-right: 0
}



.details-page-top-right-content .countdown span small {

    display: block;

    background: #fff;

    color: #232323;

    margin-top: 4px;

    padding: 3px 0
}



.flash-deal .product-card .product-price {

    font-size: 20px
}



.flash-deal .product-card .product-price del {

    font-size: 18px
}





.bestseller-slider .owl-nav div,

.brand-slider .owl-nav div,

.features-slider .owl-nav div,

.flash-deal-slider .owl-nav div,

.newproduct-slider .owl-nav div,

.toprated-slider .owl-nav div {

    opacity: 1 !important;

    top: -18px;

    transform: unset;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.bestseller-slider.owl-carousel .owl-prev,

.brand-slider.owl-carousel .owl-prev,

.features-slider.owl-carousel .owl-prev,

.flash-deal-slider.owl-carousel .owl-prev,

.home-blog-slider.owl-carousel .owl-prev,

.newproduct-slider.owl-carousel .owl-prev,

.toprated-slider.owl-carousel .owl-prev {

    right: 33px;

    left: auto
}



.bestseller-slider.owl-carousel .owl-next,

.brand-slider.owl-carousel .owl-next,

.features-slider.owl-carousel .owl-next,

.flash-deal-slider.owl-carousel .owl-next,

.newproduct-slider.owl-carousel .owl-next,

.toprated-slider.owl-carousel .owl-next {

    right: 0
}



.bestseller-slider.owl-carousel .owl-next,

.bestseller-slider.owl-carousel .owl-prev,

.brand-slider.owl-carousel .owl-next,

.brand-slider.owl-carousel .owl-prev,

.features-slider.owl-carousel .owl-next,

.features-slider.owl-carousel .owl-prev,

.flash-deal-slider.owl-carousel .owl-next,

.flash-deal-slider.owl-carousel .owl-prev,

.home-blog-slider.owl-carousel .owl-next,

.home-blog-slider.owl-carousel .owl-prev,

.newproduct-slider.owl-carousel .owl-next,

.newproduct-slider.owl-carousel .owl-prev,

.popular-category-slider.owl-carousel .owl-next,

.popular-category-slider.owl-carousel .owl-prev,

.toprated-slider.owl-carousel .owl-next,

.toprated-slider.owl-carousel .owl-prev {

    width: 26px;

    height: 26px;

    line-height: 26px;

    border: 0;

    border-radius: 50px;

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .13)
}



.home-blog-slider .owl-nav div,

.popular-category-slider .owl-nav div {

    opacity: 1 !important;

    top: 50%;

    transform: unset;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.home-blog-slider.owl-carousel .owl-next,

.popular-category-slider.owl-carousel .owl-next {

    right: -10px
}



.home-blog-slider.owl-carousel .owl-prev,

.popular-category-slider.owl-carousel .owl-prev {

    left: -10px
}



.popular-category-slider.owl-carousel .owl-nav div.disabled {

    background: #f5f6f9
}



.bestseller-slider.owl-carousel .owl-nav div:hover,

.brand-slider.owl-carousel .owl-nav div:hover,

.features-slider.owl-carousel .owl-nav div:hover,

.flash-deal-slider.owl-carousel .owl-nav div:hover,

.home-blog-slider.owl-carousel .owl-nav div:hover,

.newproduct-slider.owl-carousel .owl-nav div:hover,

.popular-category-slider.owl-carousel .owl-nav div:hover,

.toprated-slider.owl-carousel .owl-nav div:hover {

    background: #377dff;

    color: #fff
}



.bestseller-slider.owl-carousel .owl-nav div.disabled,

.features-slider.owl-carousel .owl-nav div.disabled,

.flash-deal-slider.owl-carousel .owl-nav div.disabled,

.home-blog-slider.owl-carousel .owl-nav div.disabled,

.newproduct-slider.owl-carousel .owl-nav div.disabled,

.toprated-slider.owl-carousel .owl-nav div.disabled {

    background: 0 0;

    box-shadow: unset;

    display: none;

}



.bestseller-slider.owl-carousel .owl-nav div.disabled:hover,

.features-slider.owl-carousel .owl-nav div.disabled:hover,

.flash-deal-slider.owl-carousel .owl-nav div.disabled:hover,

.home-blog-slider.owl-carousel .owl-nav div.disabled:hover,

.newproduct-slider.owl-carousel .owl-nav div.disabled:hover,

.popular-category-slider.owl-carousel .owl-nav div.disabled:hover,

.toprated-slider.owl-carousel .owl-nav div.disabled:hover {

    background: 0 0 !important;

    color: #241e1e
}



.brand-slider .slider-item {}



.brand-slider .slider-item a {

    background: #fff;

    display: block;

    padding: 0 10px 0;

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    border: 1px solid #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



@media (min-width:576px) {

    .flash-deal .product-card.product-list .product-thumb {

        width: 260px
    }

}



.genius-banner {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 10px;

    border: 1px solid #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    background-color: cornsilk;

}

.reset-filter-btn {
    background-color: var(--primary);
    ;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: bold;
}

.reset-filter-btn:hover {
    background-color: #566573 !important;
}








.genius-banner .inner-content {

    position: absolute;

    left: 30px;

    top: 50%;

    transform: translateY(-50%);

}





.genius-banner .inner-content p {

    font-size: 18px;

    font-weight: 600;

    color: #377dff;

    margin-bottom: 5px;

}



.genius-banner .inner-content h4 {

    display: inline-block;

    font-size: 24px;

    line-height: 28px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 0px;

}



.genius-banner img {

    width: 100%;

    transform: scale(1);

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}



.genius-banner:hover img {

    transform: scale(1.1);

}



.nav-tabs .nav-item {

    display: inline-block;

    margin-bottom: 0 !important
}



.bestseller-section .section-title,

.features-section .section-title,

.flash-deal .section-title,

.newproduct-section .section-title,

.relatedproduct-section .section-title,

.toprated-section .section-title {}



.widget-categories .widget-title {

    color: #232323
}



.widget.widget-categories {

    border: 0;

    margin-bottom: 15px
}



.single-review {

    background: #fff;

    margin-bottom: 30px;

    padding: 30px;

    border-radius: 5px;

}



.single-review .comment {

    margin-bottom: 0;

    padding-left: 75px
}



.single-review .comment .comment-body {

    padding: 0;

    border: 0;

    border-radius: 0;

    margin-bottom: 0
}



.single-review .comment .comment-body .comment-text {

    margin-bottom: 0
}



.single-review .comment .comment-body::before {

    display: none
}



.single-review .comment .comment-author-ava>img {

    width: 50px;

    height: 50px;

    object-fit: cover
}



.details-page-top-right-content .form-control {

    background: 0 0;

    height: 40px !important;

}



.widget.widget-featured-posts .widget-title {

    color: #232323
}



.widget.widget-featured-posts {

    margin-bottom: 30px !important
}



.blog-details-box {

    border-radius: 6px;

    overflow: hidden;

    margin-bottom: 30px
}



.blog-details-box .blog-details-main-content {

    padding: 0 30px 0
}



.contact-form-box {

    padding: 30px 30px 30px
}



.u-d-d i {

    font-size: 34px;

    background: #377dff;

    width: 70px;

    height: 70px;

    display: inline-block;

    line-height: 70px;

    border-radius: 50%;

    color: #fff
}



.u-d-d h4 {

    margin-bottom: 0
}



.progress-area-step {

    margin-bottom: 60px;

    display: block;

    overflow: hidden
}



.progress-steps li {

    width: 25%;

    float: left;

    text-align: center;

    position: relative;

    list-style: none
}



.progress-steps li .icon {

    text-align: center;

    margin: auto;

    line-height: 30px;

    font-size: 34px;

    font-weight: 700;

    color: #c7c7c7;

    position: relative;

    z-index: 9
}



.progress-steps li.active .icon {

    color: #00f
}



.progress-steps li:first-child:after {

    display: none
}



.progress-steps li:after {

    position: absolute;

    content: "";

    height: 3px;

    width: calc(100% - 30px);

    background: #dcdcdc;

    top: 14px;

    z-index: 0;

    right: calc(50% + 15px)
}



.progress-steps li .progress-title {

    padding-top: 10px
}



.mh-70 {

    max-height: 70px
}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999999999999;

    background: #fff
}



#preloader img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    max-width: 200px;

}



.col-10.col-xs-11.col-sm-4.alert.animated.fadeInDown {

    max-width: 250px !important;

    padding: 20px 20px 20px !important;

    border: 0 !important;

    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 20%);

    background-color: rgba(255, 255, 255, .7) !important
}



.col-10.col-xs-11.col-sm-4.alert.animated.fadeInDown .close {

    top: -3px !important;

    right: 4px !important
}



.col-10.col-xs-11.col-sm-4.alert.alert-success.animated.fadeInDown {

    background-color: rgba(255, 255, 255, .7) !important
}



.col-10.col-xs-11.col-sm-4.alert.animated.fadeInDown::before {

    display: none !important
}



.slider-area-wrapper .item-inner {

    max-width: 60%
}



.slider-area-wrapper .item-inner .brand-logo {

    max-height: 40px;

    max-width: 160px;

    margin-bottom: 25px
}



.slider-area-wrapper .item-inner .title {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 0
}



.slider-area-wrapper .item-inner .subtitle {

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 30px;

    font-weight: 500;

}



.color-dark {

    color: #222;

    font-size: 14px;

    line-height: 26px
}



.faq-box {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.faq-box:hover {

    transform: translateY(-5px);

    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .12)
}



.faq-box .link {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear
}



.faq-box .link i {

    position: relative;

    top: 2px
}



.faq-box:hover .link {

    color: #0052f5
}



.pagination {

    text-align: center;

    justify-content: center
}



.details-page-top-right-content {

    background: #fff;

    padding: 30px 30px 12px;

    border-radius: 10px;

    height: 100%;

}



.col-gd {

    width: 20%
}



.deal-of-day-section .countdown {

    display: inline-block;

    margin-top: 0;

    margin-left: 20px;

    background: red;

    padding: 3px 20px 6px;

    border-radius: 50px;

}



.deal-of-day-section .countdown span {

    display: inline-block;

    text-align: center;

    color: #fff;

    min-width: auto;

    padding: 0;

    border-radius: 0;

    margin-right: 7px;

    font-size: 14px
}



.deal-of-day-section .countdown span:last-child {

    margin-right: 0
}



.deal-of-day-section .countdown span small {

    display: inline-block;

    background: none;

    color: #fff;

    margin-top: 0px;

    padding: 0;

    margin-left: 3px;

}



.login-register.hidden-on-mobile .t-h-dropdown {

    margin-right: 0
}



@media (max-width:575px) {

    .slider-area-wrapper .item-inner {

        max-width: 100%;

        width: 100%
    }



    .hero-slider .item {

        height: 370px;

        padding: 0 30px
    }



    .hero-slider>.owl-carousel.dots-inside .owl-dots {

        left: 50%;

        transform: translateX(-50%)
    }



    .site-header .site-branding .site-logo>img {

        width: 130px
    }

}





.selected-product-section .section-title .links a {

    margin-left: 0;

    margin-right: 20px
}





.section-title .right_link {

    color: #555;

    margin-left: 20px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    font-weight: 500;

}



.section-title .right_link i {

    position: relative;

    top: 2px;

}





.absulute {

    position: absolute
}



.flash-sell-area .product-card .product-button-group .product-button>i {

    font-size: 18px
}



.flash-sell-area .product-card .product-button-group .product-button {}



.flash-sell-area .flash-deal-slider .slider-item {

    padding: 10px 6px 10px
}



.flash-sell-area .newproduct-slider .slider-item {

    padding: 10px 6px 10px
}



.feature_category_view,

.popular_category_view,

.type_product_view {

    width: 100%;

    height: 398px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border-radius: 10px;

    margin-bottom: 30px;

}



.feature_category_view img,

.popular_category_view img,

.type_product_view img {

    width: 70px;

    display: inline-block
}



.product-not-found {

    width: 100%;

    height: 423px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}



.product-not-found h4 {

    color: #242424
}



.product-not-found img {

    width: 70px;

    display: inline-block
}



.table>:not(:last-child)>:last-child>* {

    border-bottom-color: #e5e5e5 !important
}



.payment-methods {

    display: flex;

    flex-wrap: wrap
}



.payment-methods .single-payment-method {

    width: 33.33%;

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px
}



.payment-methods .single-payment-method a {

    display: block;

    border: 1px solid #f5f5f5;

    padding: 20px 10px;

    text-align: center;

    background: #f5f6f9
}



.payment-methods .single-payment-method a img {

    height: 50px
}



.payment-methods .single-payment-method a p {

    color: #555;

    margin-top: 10px
}



.hi-50 {

    height: 50px
}



.b-p-s-b {

    background: #fff;

    display: block;

    padding: 0 10px 0;

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

}



.compare-mobile {

    margin-right: 20px
}



.blog-page .widget,

.blog-page .widget.widget-categories {

    margin-bottom: 30px
}



#accordion1 .card-header {

    border-bottom: 0
}



#accordion1 .card-header .accordion-button {

    background: #fff;

    box-shadow: none;

    padding: 0;

    margin: 0;

    display: block
}



#accordion1 .card-header a {

    background: #fff;

    padding: 14px 20px;

    display: block;

    color: #333;

    width: 100%
}



#accordion1 .accordion-collapse {

    border-top: 1px solid #e7e7e7
}



.review-area .section-title {

    margin-bottom: 20px
}



.mobile-cat .has-children .category_search {

    display: block
}



.mobile-cat .has-children .category_search span {

    float: right;

    background: #f5f6f9;

    width: 25px;

    height: 25px;

    line-height: 28px;

    text-align: center;

    transition: all .3s
}



.mobile-cat .has-children .category_search span:hover {

    background: #222;

    color: #fff
}



.touchevents .product-card .product-button-group .product-button>span {

    display: none !important
}



.touchevents .product-card .product-button-group .product-button>i {

    -webkit-transform: translateY(0) !important;

    -ms-transform: translateY(0) !important;

    transform: translateY(0) !important
}



.single-service.single-service2 {

    padding: 15px 15px 15px
}



.single-service.single-service2 {

    display: flex;

    align-items: center;

    text-align: left
}



.single-service.single-service2 .content {

    flex: 1;

    text-align: left
}



.single-service.single-service2 .content h6 {

    font-weight: 500;

    font-size: 17px;

}



.section-title.section-title2 {

    text-align: center;

    display: block;

    border-bottom: 0
}



.section-title.section-title2 h2::before {

    display: none
}



.section-title.section-title2 h2 {

    font-size: 28px;

}

.hero-area3 .item {

    height: 570px;

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    display: flex;

    align-items: center
}



.hero-area3.hero-area4 .item {

    height: 767px;

    display: block
}



.hero-area3 .left-content .title {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin-bottom: 35px;

}



.hero-area3 .left-content .subtitle {

    color: #fff;

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 10px;

}



.hero-area3 .left-content .subtitle del {

    font-weight: 400;

    font-size: 40px;

    margin-right: 10px
}



.hero-area3 .left-content.color-white .subtitle del,

.hero-area3 .left-content.color-white .title {

    color: #fff
}



.hero-area3 .right-img {

    text-align: center
}



.hero-area3 .right-img img {

    max-width: 350px;

    display: inline-block
}



.hero-area3 .heroarea-slider.owl-carousel .owl-item.active .layer-1,

.hero-area3 .heroarea-slider.owl-carousel .owl-item.active .layer-2,

.hero-area3 .heroarea-slider.owl-carousel .owl-item.active .layer-3,

.hero-area3 .heroarea-slider.owl-carousel .owl-item.active .layer-4 {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1
}



.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next,

.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev {

    color: #555;

    font-size: 22px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 53px;

    border-radius: 50%;

    border-radius: 50px;

    background: #fff;

    opacity: 0;

    -webkit-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;

    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);

    box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}



.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover,

.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover {

    background-image: -moz-linear-gradient(55deg, #75b2f0 0, #75f094);

    background-image: -webkit-linear-gradient(55deg, #75b2f0 0, #75f094);

    background-image: -ms-linear-gradient(55deg, #75b2f0 0, #75f094)
}



.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover i,

.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover i {

    color: #fff
}



.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev {

    left: 30px
}



.hero-area3 .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next {

    right: 30px
}



.hero-area3 .item .layer-1 {

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 0;

    -webkit-transition: all 1s ease-in-out .7s;

    -o-transition: all 1s ease-in-out .7s;

    transition: all 1s ease-in-out .7s
}



.hero-area3 .item .layer-2 {

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0;

    -webkit-transition: all 1s ease-in-out .7s;

    -o-transition: all 1s ease-in-out .7s;

    transition: all 1s ease-in-out .7s
}



.hero-area3 .item .layer-3 {

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0;

    -webkit-transition: all 1s ease-in-out .7s;

    -o-transition: all 1s ease-in-out .7s;

    transition: all 1s ease-in-out .7s
}



.hero-area3 .item .layer-4 {

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0;

    -webkit-transition: all 1s ease-in-out .7s;

    -o-transition: all 1s ease-in-out .7s;

    transition: all 1s ease-in-out .7s
}



.hero-area3:hover .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next,

.hero-area3:hover .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev {

    opacity: 1
}


.h3-category {

    overflow: hidden;

    display: block;

    position: relative;

    text-align: center;

    margin-bottom: 25px;

    border-radius: 10px;

}



.gmr-3 {

    margin-right: 10px
}



.featured-for-home3 .middleImage .h3-category img {

    -moz-height: calc(100%+100px);

    -webkit-height: calc(100%+100px);

    -ms-height: calc(100%+100px);

    height: calc(100%+100px);

    object-fit: cover
}



.h3-category img {

    width: 100%;

    transform: scale(1);

    -webkit-transition: all .3s linear;

    transition: all .3s linear
}



.h3-category h4 {

    position: absolute;

    bottom: 20px;

    left: 20px;

    font-size: 16px;

    z-index: 3;

    background: white;

    padding: 4px 18px;

    margin-bottom: 0;

    color: #242424;

    font-weight: 600;

    border-radius: 4px;

    box-shadow: 2px 2px 5px 0px #00000017;

}



.h3-category:hover img {

    transform: scale(1.2)
}



.section-title3 {

    position: relative;

    background: #f5f6f9
}



.section-title3 .h3 {

    background-color: #f5f6f9;

    position: relative;

    z-index: 2;

    display: inline-block;

    padding: 0 20px
}



.section-title3::after {

    position: absolute;

    content: "";

    height: 1px;

    width: 100%;

    left: 0;

    top: 50%;

    margin-top: -1px;

    background: rgba(0, 0, 0, .2)
}



.ppp-t {

    margin-top: 34px
}

.shop-top-filter-wrapper .shop-view {

    text-align: right;

    float: right
}

.sptfl {

    display: flex;

    width: 100%;

    align-items: center
}


:root {
    /* Primary Colors */
    --primary: #1A5276;
    /* Dark blue - representing steel/industrial strength */
    --primary-light: #8d8d8d30;
    /* Light blue background #D4E6F1;*/
    /*     --secondary: #566573; */
    /* Steel gray secondary color */
    --accent: #E67E22;
    /* Orange accent for CTAs and highlights */

    /* Neutrals */
    --dark: #2C3E50;
    /* Near black for text */
    --medium: #7F8C8D;
    /* Medium gray for secondary texts */
    --light: #fff;
    /* White */
    --gray: #EAECEE;
    /* Light gray for backgrounds */

    /* UI Elements */
    --border: #D5D8DC;
    /* Light border color */
    --text: #34495E;
    /* Main text color */
    --success: #27AE60;
    /* Green for success messages */
    --error: #C0392B;
    /* Red for errors */
    --warning: #F39C12;
    /* Yellow-orange for warnings */
    --info: #3498DB;
    /* Blue for information */

    /* Effects */
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    /* Subtle shadow */
    --shadow-strong: 0 8px 15px rgba(0, 0, 0, 0.1);
    /* Stronger shadow for hovering */
    --radius: 6px;
    /* Slightly less rounded corners for industrial feel */
    --transition: all 0.3s ease;
    /* Smooth transitions */
}

/* QuickFilter Component */
.quickFilter {
    display: inline-block;
    position: relative;
}

.quickFilter .quickFilter-title {
    display: inline-block;
    width: 150px;
    margin-right: 20px;
    height: 46px;
    line-height: 45px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
    color: #505050;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
    transition: all .3s linear;
}

.quickFilter .quickFilter-title i {
    color: #666;
    margin-right: 4px;
    font-size: 13px;
}

.quickFilter .quickFilter-title:hover {
    border-color: var(--accent);
}

#quick_filter {
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--light);
    text-align: left;
    display: block;
    z-index: 999;
    width: 200px;
    padding: 10px 15px 10px;
    border-top: 2px solid var(--accent);
    box-shadow: var(--shadow-strong);
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
}

.quickFilter:hover #quick_filter {
    visibility: visible;
    opacity: 1;
}

#quick_filter li {
    list-style: none;
}

#quick_filter li a {
    color: #505050;
}

#quick_filter li a:hover {
    color: var(--accent);
}

/* Shop Sorting */
.shop-sorting {
    display: flex;
    align-items: center;
    flex: 1;
}

/* White Popup */
.white-popup {
    position: relative;
    background: #fff;
    width: auto;
    max-width: 960px;
    margin: 20px auto;
    transition: 1s all;
}

.white-popup .mfp-close {
    top: -32px;
    right: -16px;
    color: #fff;
}

/* Right Image Component */
.sright-image {
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 205px;
    margin-bottom: 30px;
    border-radius: 10px;
    display: block;
}

.sright-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    transform: scale(1);
    transition: all .3s linear;
}

.sright-image:hover img {
    transform: scale(1.1);
}

.sright-image .inner-content {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.sright-image .inner-content p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.sright-image .inner-content h4 {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #fff;
}

/* Section Links */
.popular-category-sec .section-title .links a::before,
.featured_cat_sec .section-title .links a::before {
    bottom: -13px;
}

/* Flash Sell Section */
.flash-sell-new-section .product-card {
    display: flex;
}

.flash-sell-new-section .product-card .product-thumb {
    width: 250px;
}

.flash-sell-new-section .product-card .product-card-inner {
    flex: 1;
    display: flex;
    align-items: center;
}

.flash-sell-new-section .product-card .product-price {
    font-size: 18px;
}

.flash-sell-new-section .product-card .product-title>a {
    font-size: 16px;
    line-height: 20px;
    height: auto;
}

/* Çelik Boru Sitesi İçin Özel CSS - Geliştirilmiş Renk Uyumu ve İkon Tasarımı */
:root {
    /* Metalik Çelik Renk Paleti */
    --steel-primary: #45525e;
    /* Ana çelik tonu (mavi-gri) */
    --steel-dark: #364049;
    /* Koyu çelik tonu */
    --steel-darker: #293238;
    /* Daha koyu çelik tonu */

    --steel-accent: #5a8db8;
    /* Çelik mavi (daha az parlak) */
    --steel-accent-dark: #486d91;
    /* Koyu çelik mavi */
    --steel-accent-light: #6fa3d1;
    /* Açık çelik mavi */

    --steel-hover: rgba(90, 141, 184, 0.1);
    /* Hover efekti için hafif mavi */
    --steel-silver: #a9b2bc;
    /* Çelik gümüşü */
    --steel-gray: #6e7a85;
    /* Çelik grisi */
    --steel-light: #edf0f4;
    /* Açık çelik tonu */

    /* Gradyanlar */
    --steel-gradient: linear-gradient(to bottom, var(--steel-primary), var(--steel-dark));
    --steel-gradient-hover: linear-gradient(to bottom, var(--steel-dark), var(--steel-darker));
    --steel-accent-gradient: linear-gradient(to bottom, var(--steel-accent), var(--steel-accent-dark));
    --steel-accent-gradient-hover: linear-gradient(to bottom, var(--steel-accent-dark), var(--steel-accent));

    /* Genel renkler */
    --white: #ffffff;
    --black: #000000;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-800: #343a40;

    /* Gölgeler */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-btn: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    /* Geçişler */
    --transition-fast: all 0.2s ease;
    --transition: all 0.3s ease;
    --transition-slow: all 0.5s ease;
}

/* Navbar Stillemesi - İkonlarla Uyumlu */
.navbar {
    background: var(--steel-gradient);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: none;
    position: relative;
    z-index: 100;
    padding: 0.5rem 0;
}

/* Menü Stillemesi - Tek Sıra ve İkonlarla Uyumlu */
.nav-inner {
    width: 100%;
}

.site-menu {
    display: flex;
    justify-content: center;
    margin: 0;
}

.site-menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
    /* Tek sıra halinde kalması için */
}

.site-menu ul li {
    position: relative;
    white-space: nowrap;
    /* Metinlerin tek satırda görünmesi için */
}

.site-menu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 15px;
    /* Yatay boşluğu azalttım */
    color: var(--steel-light);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    /* Font boyutunu küçülttüm */
    letter-spacing: 0.3px;
    /* Letter spacing'i azalttım */
    transition: var(--transition);
    position: relative;
    text-decoration: none;
    line-height: 1.2;
    /* Satır yüksekliğini azalttım */
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
}

/* Menü hover efekti - İkonlarla uyumlu */
.site-menu ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--steel-hover);
    transform: translateY(100%);
    transition: var(--transition);
    z-index: -1;
}

.site-menu ul li a:hover::before,
.site-menu ul li.active a::before {
    transform: translateY(0);
}

.site-menu ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 3px;
    background: var(--steel-accent);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.site-menu ul li a:hover::after,
.site-menu ul li.active a::after {
    transform: scaleX(1);
    transform-origin: left;
}

.site-menu ul li a:hover,
.site-menu ul li.active a {
    color: var(--steel-accent-light);
}

/* Tüm İkonlar İçin Ortak Stiller (Dil, Hesap ve Sepet) */
.language-switcher,
.account-switcher,
.cart-switcher {
    position: relative;
}

.language-switcher>a,
.account-switcher>a,
.cart-switcher>a {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}

.language-switcher .icon-wrapper,
.account-switcher .icon-wrapper,
.cart-switcher .icon-wrapper {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 3px;
    transition: var(--transition);
    position: relative;
    background-color: var(--steel-accent-light);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.language-switcher .icon-wrapper::before,
.account-switcher .icon-wrapper::before,
.cart-switcher .icon-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--steel-accent-gradient);
    border-radius: 50%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: var(--transition);
    z-index: 0;
}

.language-switcher>a:hover .icon-wrapper::before,
.account-switcher>a:hover .icon-wrapper::before,
.cart-switcher>a:hover .icon-wrapper::before {
    transform: scale(1);
}

.language-switcher .icon-wrapper i,
.account-switcher .icon-wrapper i,
.cart-switcher .icon-wrapper i {
    font-size: 18px;
    z-index: 1;
    position: relative;
    transition: var(--transition);
}

.language-switcher>a:hover .icon-wrapper,
.account-switcher>a:hover .icon-wrapper,
.cart-switcher>a:hover .icon-wrapper {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.language-switcher>a:hover .icon-wrapper i,
.account-switcher>a:hover .icon-wrapper i,
.cart-switcher>a:hover .icon-wrapper i {
    transform: scale(1.1);
}

.language-switcher .text-label,
.account-switcher .text-label,
.cart-switcher .text-label {
    font-size: 11px;
    font-weight: 500;
    margin-top: 2px;
    transition: var(--transition);
}

.language-switcher>a:hover .text-label,
.account-switcher>a:hover .text-label,
.cart-switcher>a:hover .text-label {
    transform: scale(1.05);
    color: var(--steel-accent-light);
}

/* Sepet badge */
.cart-switcher .count-label {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: var(--steel-accent);
    color: var(--white);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 2;
    border: 1px solid rgba(54, 64, 73, 0.5);
    transition: var(--transition);
}

.cart-switcher>a:hover .count-label {
    transform: scale(1.1);
    background-color: var(--steel-accent-dark);
}

/* Dropdown Konteynerleri */
.lang-dropdown,
.account-dropdown,
.toolbar-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
/*     min-width: 200px;
 */    padding: 0.5rem 0;
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: var(--steel-dark);
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    border-top: 3px solid var(--steel-accent);
    z-index: 1000;
    overflow: hidden;
}

/* Dropdown'ları görünür yapma */
.toolbar-item:hover .lang-dropdown,
.toolbar-item:hover .account-dropdown,
.toolbar-item:hover .toolbar-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown içindeki linkler */
.lang-dropdown .lang-option,
.account-dropdown .account-option {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    clear: both;
    font-weight: 400;
    color: var(--steel-light);
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-transform: none;
    letter-spacing: normal;
    transition: var(--transition);
    position: relative;
    text-decoration: none;
}

.lang-dropdown .lang-option:last-child,
.account-dropdown .account-option:last-child {
    border-bottom: none;
}

/* Dropdown link'leri üzerine gelince görsel efektler */
.lang-dropdown .lang-option::before,
.account-dropdown .account-option::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: var(--steel-accent);
    transform: scaleY(0);
    transition: transform 0.25s ease;
}

.lang-dropdown .lang-option:hover,
.account-dropdown .account-option:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: var(--steel-accent-light);
    padding-left: 20px;
}

.lang-dropdown .lang-option:hover::before,
.account-dropdown .account-option:hover::before {
    transform: scaleY(1);
}

.lang-dropdown .lang-option i,
.account-dropdown .account-option i {
    margin-right: 10px;
    font-size: 16px;
    color: var(--steel-accent);
    transition: var(--transition);
}

.lang-dropdown .lang-option:hover i,
.account-dropdown .account-option:hover i {
    color: var(--steel-accent-light);
    margin-right: 12px;
}

/* Aktif olan seçenek */
.lang-dropdown .lang-option.active,
.account-dropdown .account-option.active {
    color: var(--steel-accent-light);
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.15);
}

.lang-dropdown .lang-option.active::before,
.account-dropdown .account-option.active::before {
    transform: scaleY(1);
}

/* Dropdown ikonlar */
.t-h-dropdown .main-link i {
    font-size: 16px;
    margin-left: 3px;
    transition: transform 0.3s ease;
}

.t-h-dropdown:hover .main-link i {
    transform: rotate(180deg);
}

/* Nav Right - Sağ Bölüm Stillemesi - İkonlar Daha Belirgin */
.nav-right {
    display: flex;
    align-items: center;
}

/* İkon Stillemesi - Daha Modern ve Belirgin */
.toolbar-item,
.login-register {
    position: relative;
    margin-left: 15px;
}

.toolbar-item>a,
.login-register>a,
.login-register>div.main-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--steel-light);
    text-decoration: none;
    transition: var(--transition);
    cursor: pointer;
}

.toolbar-item>a:hover,
.login-register>a:hover,
.login-register>div.main-link:hover {
    color: var(--steel-accent-light);
}

.toolbar-item {
    position: relative;
    margin-left: 15px;
}

.toolbar-item>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--steel-light);
    text-decoration: none;
    transition: var(--transition);
    cursor: pointer;
}

.toolbar-item>a:hover {
    color: var(--steel-accent-light);
}

.toolbar-item .icon-wrapper {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 3px;
    transition: var(--transition);
    position: relative;
    background-color: var(--steel-accent-light);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.toolbar-item .icon-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--steel-accent-gradient);
    border-radius: 50%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: var(--transition);
    z-index: 0;
}

.toolbar-item>a:hover .icon-wrapper::before {
    transform: scale(1);
}

.toolbar-item .icon-wrapper i {
    font-size: 18px;
    z-index: 1;
    position: relative;
    transition: var(--transition);
}

.toolbar-item>a:hover .icon-wrapper {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.toolbar-item>a:hover .icon-wrapper i {
    transform: scale(1.1);
}

.toolbar-item .text-label {
    font-size: 11px;
    font-weight: 500;
    margin-top: 2px;
    transition: var(--transition);
}

.toolbar-item>a:hover .text-label {
    transform: scale(1.05);
    color: var(--steel-accent-light);
}

/* Sepet badge */
.count-label {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: var(--steel-accent);
    color: var(--white);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 2;
    border: 1px solid rgba(54, 64, 73, 0.5);
    transition: var(--transition);
}

.toolbar-item>a:hover .count-label {
    transform: scale(1.1);
    background-color: var(--steel-accent-dark);
}

/* Mobil Menü Stillemesi - Daha Belirgin ve Şık */
.mobile-menu {
    background-color: var(--steel-dark);
    box-shadow: var(--shadow-lg);
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.mm-heading-area {
    background: var(--steel-gradient);
    padding: 10px 15px;
    color: var(--steel-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mm-heading-area h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--white);
}

.mobile-menu-toggle:hover,
.mobile-menu-toggle:active {
    background-color: var(--steel-accent);
    transform: scale(1.05);
}

.mobile-menu-toggle.mm-t-two {
    background-color: var(--steel-accent);
}

.mobile-menu-toggle.mm-t-two:hover {
    background-color: var(--steel-accent-dark);
}

/* Mobil Menü İçerik - Şık Tasarım */
.slideable-menu {
    padding: 5px 0;
}

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

.slideable-menu ul li {
    margin: 5px 8px;
    border-radius: 6px;
    overflow: hidden;
}

.slideable-menu ul li a {
    padding: 12px 15px;
    color: #517bb3;
    transition: var(--transition);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    border-radius: 6px;
    z-index: 1;
}

.slideable-menu ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
    z-index: -1;
    border-radius: 6px;
}

.slideable-menu ul li a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.slideable-menu ul li a:hover {
    color: var(--steel-accent-light);
    padding-left: 20px;
}

.slideable-menu ul li.active a {
    color: var(--white);
    background: var(--steel-accent-gradient);
    box-shadow: var(--shadow-btn);
}

.slideable-menu ul li a i {
    margin-right: 10px;
    font-size: 16px;
    color: var(--steel-accent);
    transition: var(--transition);
}

.slideable-menu ul li a:hover i {
    margin-right: 12px;
    color: var(--steel-accent-light);
}

.slideable-menu ul li.active a i {
    color: var(--white);
}

/* Mobil Dropdown Menü */
.t-h-dropdown-menu {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0 0 6px 6px;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 5px;
}

.slideable-menu .t-h-dropdown.open .t-h-dropdown-menu {
    display: block;
}

.slideable-menu .t-h-dropdown-menu a {
    padding-left: 40px;
    margin: 5px 0;
}

.slideable-menu .t-h-dropdown-menu a:hover {
    padding-left: 45px;
}

.slideable-menu .t-h-dropdown>a .icon-chevron-down {
    margin-left: auto;
    margin-right: 0;
    transition: transform 0.3s ease;
}

.slideable-menu .t-h-dropdown.open>a .icon-chevron-down {
    transform: rotate(180deg);
}

/* Responsive Düzenlemeler */
@media (max-width: 991px) {

    .site-header .site-branding {
        margin-top: 0 !important;
        /* 2.2rem olan margin-top değerini sıfırlar */
    }

    /* Topbar içindeki site-branding için de aynı kural */
    .topbar .site-branding,
    .mobile-view .site-branding {
        margin-top: 0 !important;
    }

    /* Olası tüm durumlarda site branding için margin-top düzeltmesi */
    .site-branding {
        margin-top: 0 !important;
    }

    .nav-inner {
        display: none;
    }

    .mobile-menu-toggle.mm-t-two {
        display: flex;
    }

    /* Mobil ikonları korumak için - Daha belirgin */
    .mobile-icons {
        display: flex;
        align-items: center;
        position: absolute;
        right: 65px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mobile-icons .toolbar-item,
    .mobile-icons .login-register {
        margin-left: 8px;
    }

    .mobile-icons .text-label {
        display: none;
    }

    .mobile-icons .icon-wrapper {
        width: 36px;
        height: 36px;
        margin-bottom: 0;
    }

    .mobile-icons .count-label {
        width: 16px;
        height: 16px;
        font-size: 9px;
        top: -2px;
        right: -2px;
    }

    /* Mobil dropdown düzeltmeleri */
    .mobile-icons .language-switcher,
    .mobile-icons .account-switcher {
        position: relative;
    }

    .mobile-icons .lang-dropdown,
    .mobile-icons .account-dropdown {
        right: -10px;
        min-width: 160px;
        top: calc(100% + 10px);
    }

    /* Yaygın breadcrumbs sınıflarını hedefle */
    .breadcrumb,
    .breadcrumbs,
    .page-breadcrumb,
    .breadcrumb-wrap,
    .breadcrumb-container,
    .breadcrumb-holder,
    .page-title-wrapper,
    nav[aria-label="breadcrumb"],
    ol.breadcrumb,
    ul.breadcrumb {
        display: none !important;
    }

    /* Site içeriğinin üst boşluğunu ayarla (breadcrumbs olmadığında) */
    .page-content,
    .site-main,
    .content-area,
    .main-content,
    .main-container {
        padding-top: 15px !important;
    }
}

@media (max-width: 767px) {
    .site-menu ul li a {
        padding: 14px 10px;
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .mobile-icons {
        right: 20px;
    }

    .mobile-icons .icon-wrapper {
        width: 32px;
        height: 32px;
    }

    .mobile-icons .toolbar-item,
    .mobile-icons .login-register {
        margin-left: 6px;
    }
}

/* Special Product Section */
.speacial-product-sec .section-title {
    padding-bottom: 15px;
}

/* Three Column Product */
.three_column_product .newproduct-slider .owl-nav div {
    top: -18px;
    bottom: auto;
    transform: unset;
    right: 0 !important;
}

.three_column_product .newproduct-slider .owl-nav div.owl-prev {
    left: auto;
    right: 35px !important;
}

/* Topbar Search */
.topbar .search-box-inner .search-box select {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    width: 120px;
}

.topbar .search-box-inner .search-box select:focus {
    outline: none;
}

/* Navbar */
.navbar .navbar-inner-right {
    height: 100%;
}

.navbar .navbar-inner-right p {
    margin-bottom: 0;
    font-weight: 500;
    width: 117px;
    text-align: center;
    font-size: 14px;
}

/* Details Page */
.details-page-top-right-content .btn-outline-primary {
    color: #fff !important;
}

.details-page-top-right-content .p-title-main {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.details-page-top-right-content .price-area .main-price {
    font-weight: 600;
}

.details-page-top-right-content .t-c-b-area a {
    font-weight: 400;
}

.details-page-top-right-content .p-d-f-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.details-page-top-right-content .p-d-f-area .mr-1 {
    margin-right: 5px;
}

/* Footer Social Links */
.footer-social-links a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: var(--primary);
    line-height: 35px;
    border-radius: var(--radius);
    color: var(--light);
    text-align: center;
    margin: 2px;
    position: relative;
    overflow: hidden;
}

.footer-social-links a span {
    position: relative;
    z-index: 1;
}

.footer-social-links a:first-child {
    margin-left: 0;
}

.footer-social-links a::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--accent);
    transition: var(--transition);
}

.footer-social-links a:hover::before {
    width: 100%;
}

/* Button Styles */
.btn-check:focus+.btn-primary,
.btn-primary:focus {
    border-color: unset !important;
    box-shadow: unset !important;
}

.btn.btn-primary {
    position: relative;
    overflow: hidden;
}

.btn.btn-primary span {
    position: relative;
    z-index: 1;
    color: #fff !important;
}

.btn.btn-primary::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--secondary);
    transition: var(--transition);
}

.btn.btn-primary:hover::before {
    width: 100%;
}

.a-t-c-mr {
    margin-right: 7px !important;
}

/* Social Sharing */
.a2a_kit a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background: var(--primary);
    line-height: 33px;
    border-radius: var(--radius);
    font-size: 14px;
    color: var(--light);
    text-align: center;
    margin: 2px;
    position: relative;
    overflow: hidden;
}

.a2a_kit a span {
    position: relative;
    z-index: 1;
    color: #fff;
}

.a2a_kit a::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--accent);
    transition: var(--transition);
}

.a2a_kit a:hover::before {
    width: 100%;
}

/* Social Authentication Buttons */
.facebook-btn {
    background: #3b5998;
    padding: 9px 20px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin: 2px 5px;
}

.google-btn {
    background: #dd4b39;
    padding: 9px 20px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    line-height: normal;
}

/* Announcement Section */
.announcement-with-content {
    background: #fff;
    padding: 30px;
    width: 100%;
    display: flex;
    align-items: center;
}

.announcement-with-content .left-area {
    width: 30%;
}

.announcement-with-content .left-area img {
    width: 100%;
}

.announcement-with-content .right-area {
    flex: 1;
    padding-left: 30px;
}

.announcement-with-content .right-area h3 {
    font-weight: 600;
    margin-bottom: 7px;
}

.announcement-with-content .right-area form {
    margin-top: 25px;
}

/* Cookie Consent */
.cookie-consent {
    position: fixed;
    background-color: #242424;
    bottom: 0;
    width: 100%;
    padding: 30px;
    z-index: 99;
    color: #fff;
}

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

span.cookie-consent__message {
    background-color: transparent !important;
}

span.cookie-consent__message p {
    margin-bottom: 0;
    color: #fff;
}

/* Misc */
.b-d-title {
    font-weight: 600;
}

.free-shippin-aa {
    font-size: 13px;
}

/* Mobil görünümde tablo başlığının yapışkan davranışı için düzeltmeler */
@media (max-width: 768px) {

    .anasayfa-results-table thead,
    .anasayfa-results-table thead th,
    .fixed-table-header {
        position: sticky !important;
        top: 120px !important;
        /* Consistent value for all header elements */
        z-index: 100 !important;
        background-color: #f5f5f5 !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    }

    /* Mobilde tablo container'ı için özel ayar */
    .anasayfa-search-results {
        overflow-x: auto !important;
        overflow-y: visible !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    /* Mobilde yatay kaydırmalı tablo */
    .anasayfa-results-table {
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }
}

/* Temel Container Stili */
.anasayfa-container {
    width: 100%;
    /*         max-width: 1480px;
 */
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Ana Sayfa (Home Page) Stilleri */
body.anasayfa-body {
    font-family: 'Roboto', 'Segoe UI', sans-serif;
    margin: 0;
    padding: 0;
    color: var(--text);
    background-color: #f7f9fa;
    line-height: 1.6;
}

/* Menu Stilleri */
.anasayfa-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.anasayfa-menu-item {
    flex: 1;
    padding: 1rem;
    background-color: var(--light);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    min-width: 200px;
    color: var(--dark);
    border: 2px solid transparent;
}

.anasayfa-menu-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.anasayfa-menu-item.anasayfa-active {
    background-color: var(--primary);
    color: var(--light);
}

.anasayfa-active {
    background-color: var(--primary-light);
    border-color: var(--primary);
    color: var(--primary);
    font-weight: 600;
}

.anasayfa-menu-item:last-child {
    border-right: none;
}

/* Tab İçerik Stilleri */
.anasayfa-tab-content {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
}

.anasayfa-tab-content.anasayfa-active {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

/* Info Panel Stilleri */
.anasayfa-info-panel {
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    width: 87%;
    float: right;
}

/* Yeni Özellik Listesi Stilleri */
.feature-list {
    display: grid;
/*     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 */    gap: 10px;
}

.feature-item {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: flex-start;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    font-size: 20px;
    color: var(--primary);
    background-color: rgba(26, 82, 118, 0.1);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.feature-content p {
    margin: 0;
    color: #555;
    line-height: 1.5;
}

/* Filtre Stilleri */
.anasayfa-filters {
    width: 300px;
/*     max-width: 280px;
 */    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    top: 185px;
    z-index: 90;
    max-height: calc(100vh - 123px);
    overflow-y: auto;
    float: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* Filtreleme bölümü için daha güçlü sticky özelliği */
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start;
}

.anasayfa-filter-item {
    background-color: #f8f8f8;
    margin-bottom: 10px;
    padding: 12px 15px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    width: auto;
    white-space: nowrap;
}

.anasayfa-filter-item:hover {
    background-color: #f1f1f1;
}

.anasayfa-filter-item.filter-active {
    background-color: var(--gray);
    border-left: 3px solid var(--primary);
}

.anasayfa-filter-item span:last-of-type {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.anasayfa-filter-input {
    display: none;
    width: 100%;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.3s;
    font-size: 14px;
}

.anasayfa-filter-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(26, 82, 118, 0.25);
    outline: none;
}

.filter-dropdown {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.filter-select {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    font-size: 14px;
    padding: 5px 0;
}

.filter-select option {
    padding: 8px 10px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.filter-select option:hover {
    background-color: #f0f0f0;
}

.filter-select option:disabled {
    color: #999;
    font-style: italic;
}

/* Reset Filtre Butonu */
.reset-filter-btn {
    background-color: var(--primary);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
}

.reset-filter-btn:hover {
    background-color: #154360;
}

/* Arama Sonuçları Stilleri */
.anasayfa-search-results {
    float: right;
    padding-left: 10px;
    display: none;
    font-size: smaller;
    overflow: visible !important;
}

.anasayfa-search-results.anasayfa-active {
    display: block;
    background-color: #f8f9fa;
}

.anasayfa-search-title {
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 192px;
    z-index: 120;
    background-color: #fff;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.anasayfa-results-table {
    width: 100%;
    border-collapse: separate !important;
    /* Kesinlikle separate olmalı, sticky için gerekli */
    border-spacing: 0;
    margin-bottom: 20px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 8px;
    overflow: visible !important;
    /* Hidden OLMAMALI - sticky için */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.anasayfa-results-table thead {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 255px !important;
    /* Masaüstü için sabit pozisyon */
    z-index: 100 !important;
    /* Diğer elementlerin üzerinde olması için */
    display: table-header-group !important;
    width: 100%;
    background-color: #fff;
}

.anasayfa-results-table tbody {
    display: table-row-group;
    /* Gövdeyi tablo satır grubu olarak göster */
}

.anasayfa-results-table tr {
    display: table-row;
    /* Satırları tablo satırı olarak göster */
}

.anasayfa-results-table th,
.anasayfa-results-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.anasayfa-results-table tr:last-child td {
    border-bottom: none;
}

.anasayfa-results-table thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 245px !important;
    /* thead ile aynı değer */
    background-color: #f5f5f5 !important;
    font-weight: 600;
    color: #333;
    z-index: 100 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

.anasayfa-results-table tbody tr:hover {
    background-color: #f9f9f9;
}

/* Firefox için özel stil */
@-moz-document url-prefix() {
    .anasayfa-results-table thead th {
        position: sticky !important;
        top: 245px !important;
    }
}

/* Safari için özel stil */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .anasayfa-results-table thead th {
            position: -webkit-sticky !important;
            position: sticky !important;
            top: 245px !important;
        }
    }
}

.fixed-table-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 245px !important;
    z-index: 100 !important;
    background-color: #fff !important;
    border-bottom: 2px solid #ddd !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    display: table-header-group !important;
}

.fixed-table-header th {
    position: sticky !important;
    top: 245px !important;
    z-index: 70 !important;
    background-color: #f5f5f5 !important;
}

.anasayfa-results-table tfoot {
    background-color: #f9f9f9;
    font-weight: bold;
}

.anasayfa-add-to-cart {
    background-color: var(--accent);
    color: var(--light);
    border: none;
    cursor: pointer;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--radius);
    transition: all 0.3s;
    font-size: 13px;
    font-weight: 500;
}

.anasayfa-add-to-cart:hover {
    background-color: #d35400;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.anasayfa-remove-btn {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--error);
    color: var(--light);
    border-radius: var(--radius);
    text-decoration: none;
    transition: var(--transition);
}

.anasayfa-remove-btn:hover {
    background-color: #a93226;
    color: var(--light);
    transform: translateY(-2px);
}

/* Pagination */
.pagination-container {
    margin-top: 20px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 5px;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a,
.pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 35px;
    padding: 0 10px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination li.active span {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}

.pagination li a:hover {
    background-color: #e0e0e0;
}

.pagination li.disabled span {
    color: #6c757d;
    pointer-events: none;
    cursor: not-allowed;
}

/* Bilgi Mesajı */
.bilgi-mesaji {
    background-color: #e6f7ff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #b8e2fc;
    border-radius: 5px;
}

.turkish-text,
.english-text {
    color: #e53935;
}

/* Sepet Stilleri */
.cart-clearfix {
    display: block;
}

.cart-bottom-actions {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.proje-detay,
.teslimat-bilgileri,
.teklif-talebi {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.proje-detay h4,
.teslimat-bilgileri h4,
.teklif-talebi h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.proje-detay p,
.teslimat-bilgileri p,
.teklif-talebi p {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

.cart-action-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-content: space-between;
}

.cart-action-buttons a {
    margin-left: 10px;
}

/* Miktar Seçici */
.qtySelector {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qtySelector span {
    cursor: pointer;
    padding: 2px 8px;
    background-color: #eee;
    border: 1px solid #ddd;
}

.qtySelector .qtyValue {
    width: 40px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.empty-cart-wrap {
    padding: 60px 0;
}

/* Dosya Yükleme */
.file-upload-container {
    border: 1px dashed #ddd;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.uploaded-files {
    max-height: 150px;
    overflow-y: auto;
}

.file-item {
    background-color: #e9ecef;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-item .remove-file {
    color: #dc3545;
    cursor: pointer;
}

.text-right {
    text-align-last: right;
}

/* No Results Styling */
.no-results-cell {
    padding: 40px 20px !important;
}

.no-results-container {
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 800px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.no-results-icon {
    font-size: 50px;
    color: #aaa;
    background-color: #eee;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.no-results-message {
    flex: 1;
}

.no-results-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.no-results-info {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.no-results-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.action-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.action-button i {
    margin-right: 8px;
}

.online-request-button {
    background-color: var(--primary);
    color: white;
}

.online-request-button:hover {
    background-color: #154360;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.whatsapp-button {
    background-color: #25d366;
    color: white;
}

.whatsapp-button:hover {
    background-color: #20c059;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Yükleniyor Göstergeleri */
.loading-indicator {
    text-align: center;
    padding: 10px;
    font-style: italic;
    color: #666;
}

.loading-spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.loading-results {
    text-align: center;
    padding: 30px 0;
    color: #555;
}

.loading-results p {
    margin-top: 10px;
    color: #666;
}

.error-results {
    text-align: center;
    padding: 30px 0;
    color: #e74c3c;
}

/* Non-divisible Öğesi */
.non-divisible-item {
    position: relative;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 8px 12px;
}

.non-divisible-note {
    display: block;
    font-size: 12px;
    margin-top: 4px;
    color: #dc3545;
}

.non-divisible-item::before {
    content: "⚠️";
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 12px;
    padding: 2px;
}

/* Sepet Popup */
.cart-popup {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: rgba(52, 58, 64, 0.9);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-popup::before {
    content: '\f058';
    /* Font Awesome onay ikonu */
    font-family: 'Font Awesome 5 Free';
    /* veya kullandığınız font */
    font-weight: 900;
    margin-right: 8px;
    font-size: 18px;
}

.cart-popup.loading {
    background-color: rgba(41, 128, 185, 0.9);
}

.cart-popup.loading::before {
    content: '\f110';
    /* Font Awesome yükleniyor ikonu */
    animation: fa-spin 1s linear infinite;
}

.cart-popup.error {
    background-color: rgba(231, 76, 60, 0.9);
}

.cart-popup.error::before {
    content: '\f06a';
    /* Font Awesome hata ikonu */
}

.cart-popup.success {
    background-color: rgba(39, 174, 96, 0.9);
}

.cart-popup.info {
    background-color: rgba(243, 156, 18, 0.9);
}

/* Merkezi Bildirim Stilleri */
.center-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background-color: rgba(52, 58, 64, 0.9);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 10000;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    min-width: 250px;
    justify-content: center;
    text-align: center;
}

.center-notification i {
    font-size: 20px;
}

/* Uçan borular için stil */
.flying-pipes-container {
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: drop-shadow(0 0 8px rgba(26, 82, 118, 0.5));
    animation: glowEffect 1.5s ease-in-out infinite;
}

@keyframes glowEffect {
    0% {
        filter: drop-shadow(0 0 5px rgba(26, 82, 118, 0.5));
    }

    50% {
        filter: drop-shadow(0 0 15px rgba(41, 128, 185, 0.7));
    }

    100% {
        filter: drop-shadow(0 0 5px rgba(26, 82, 118, 0.5));
    }
}

@keyframes rotatePipes {
    0% {
        transform: rotate(0deg);
    }

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

.rotating-pipes {
    animation: rotatePipes 0.8s linear infinite;
    transform-origin: center center;
}

/* Sepet animasyonu için CSS kodları */
.flying-pipes {
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    width: 50px;
    height: 50px;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Başarılı ekleme efekti */
.stock-success {
    animation: successPulse 0.5s ease;
}

@keyframes successPulse {
    0% {
        background-color: inherit;
    }

    50% {
        background-color: #d4edda;
    }

    100% {
        background-color: inherit;
    }
}

/* Layout Yardımcıları */
.anasayfa-clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.anasayfa-clearfix {
    display: flex;
}

/* Orijinal başlık yapışkan davranışını koru */
body .site-header.navbar-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    width: 100% !important;
}

/* Navbar'ı yapışkan yap ve başlığın hemen ardına yerleştir */
body .site-header .navbar {
    position: sticky !important;
    top: 0 !important;
    /* Başlık görünümden çıktıktan sonra uygulanacak */
    z-index: 1020 !important;
    /* Başlangıçta altta görünmesi için başlıktan daha düşük */
    background-color: var(--primary);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

/* Z-indeks yığınını öğeler için düzelt */
body .site-header .topbar {
    position: relative !important;
    z-index: 1025 !important;
}

/* Olası z-indeks sorunlarını düzelt */
body .site-header .navbar .container {
    position: relative !important;
    z-index: 1021 !important;
}

/* RESPONSIVE DÜZENLEMELER */
@media (max-width: 1200px) {
    .anasayfa-container {
        padding: 0 15px;
    }

    .anasayfa-filters {
        max-width: 250px;
    }

    .feature-list {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

@media (max-width: 991px) {

    /* Overflow kısıtlamalarını tamamen kaldır */
    body, html, .anasayfa-container, .anasayfa-clearfix, 
    .anasayfa-tab-content, .anasayfa-tab-content.anasayfa-active,
    .anasayfa-search-results, #steel-pipe, #steel-pipe-search-results {
        overflow: visible !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Tablo konteyneri için yatay kaydırma */
    .anasayfa-tab-content.anasayfa-active {
        overflow-x: hidden !important;
        /* Ana konteynerde gizle */
        overflow-y: visible !important;
    }

    .anasayfa-clearfix {
        display: block !important;

    }

    .fixed-table-header {
        display: table-header-group !important;
        width: auto !important;
        /* Container genişliğine göre ayarla */
    }

    .anasayfa-filters {
        max-width: 100%;
        position: static;
        max-height: none;
        margin-bottom: 20px;
    }

    .anasayfa-search-results {
        overflow-x: auto !important;
        overflow-y: visible !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .anasayfa-search-title {
        /*       width: calc(100% - 30px) !important; */
        /* Padding içeriği ile birlikte tam genişlik */
        position: sticky !important;
        top: 60px !important;
        /* Mobil için başlık pozisyonu */
        z-index: 90 !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    .anasayfa-results-table {
        display: block !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    /* Başlık hücresi düzeltmeleri */
    .anasayfa-results-table thead,
    .anasayfa-results-table thead th,
    .fixed-table-header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important;
        /* Mobilde sabit pozisyon */
        white-space: nowrap !important;
        /* Başlık metinlerinin satır kesmesini engelle */
        min-width: auto !important;
        /* Sütunların min-width değeri responsive */
    }

    /* Her bir hücre için responsive düzenleme */
    .anasayfa-results-table th,
    .anasayfa-results-table td {
        position: -webkit-sticky !important;
        position: sticky !important;
        padding: 8px 10px !important;
        /* Mobilde daha dar padding */
        font-size: 12px !important;
        /* Daha küçük font */
        white-space: nowrap !important;
        /* Metnin satır kesmesini engelle */
    }

    /* İçerik tablodaki kaydırma davranışı için */
    .anasayfa-results-table tbody {
        width: 100% !important;
    }

    .anasayfa-info-panel {
        width: 100%;
        float: none;
    }

    .feature-list {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    .anasayfa-menu {
        flex-direction: column;
        gap: 10px;
        position: relative;
        top: auto;
        z-index: 90;
        box-shadow: none;
    }

    /* Fix for Safari and iOS */
    .fixed-table-header {
        display: table-header-group !important;
    }

    .anasayfa-menu-item {
        flex: none;
        min-width: 0;
        margin-bottom: 5px;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    /* Force the scrollable area to be visible */
    .anasayfa-tab-content.anasayfa-active,
    .anasayfa-search-results.anasayfa-active {
        overflow: visible !important;
        display: block !important;
    }

    .anasayfa-search-title {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }

    .reset-filter-btn {
        width: 100%;
    }

    .feature-list {
        grid-template-columns: 1fr;
    }

    .no-results-container {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .no-results-icon {
        margin: 0 auto 20px;
    }

    .no-results-actions {
        flex-direction: column;
        width: 100%;
    }

    .action-button {
        width: 100%;
        margin-bottom: 10px;
    }

    .cart-popup {
        left: 20px;
        right: 20px;
        text-align: center;
    }

    .anasayfa-results-table {
        display: block;
        overflow-x: auto;
    }

    .anasayfa-filters {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
        max-height: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .anasayfa-filter-item {
        margin-bottom: 10px;
        width: 100%;
    }

    .announcement-with-content {
        flex-direction: column;
    }

    .announcement-with-content .left-area {
        width: 100%;
        margin-bottom: 20px;
    }

    .announcement-with-content .right-area {
        padding-left: 0;
    }
}

/* Fix for Firefox */
@-moz-document url-prefix() {
    @media (max-width: 768px) {

        .anasayfa-results-table thead,
        .anasayfa-results-table thead th,
        .fixed-table-header {
            position: sticky !important;
            top: 120px !important;
        }
    }
}

/* Fix for Safari */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        @media (max-width: 768px) {

            .anasayfa-results-table thead,
            .anasayfa-results-table thead th,
            .fixed-table-header {
                position: -webkit-sticky !important;
                position: sticky !important;
                top: 120px !important;
            }
        }
    }
}

@media (max-width: 576px) {
    .anasayfa-container {
        padding: 0 10px;
    }

    .anasayfa-filter-item {
        padding: 10px;
    }

    .anasayfa-results-table {
        width: 100% !important;
        min-width: 100% !important;
        overflow-x: auto !important;
    }

    .anasayfa-results-table th,
    .anasayfa-results-table td {
        padding: 6px 8px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
        min-width: auto !important;
    }

    .center-notification {
        width: 90%;
        max-width: none;
        padding: 12px;
        font-size: 14px;
    }

    .no-results-cell {
        padding: 30px 15px !important;
    }

    .no-results-title {
        font-size: 16px;
    }

    .no-results-info {
        font-size: 14px;
    }

    .action-button {
        padding: 8px 16px;
        width: 100%;
    }

    /* Daha uzak konumlandırma */
    .anasayfa-search-title {
        top: 50px !important;
    }

    .anasayfa-results-table thead,
    .anasayfa-results-table thead th,
    .fixed-table-header {
        top: 100px !important;
    }
    
}