/**************************************************** CUSTOM CODE ****************************************************/
.banner-caption-3 span {
    display: block !important;
}

.header1-ugur {
    justify-content: space-evenly !important;
}

.category-description>img {
    width: 100%;
    margin-bottom: 0px;
}

.category-description {
    /* margin-bottom: 10px; */
}


@media (max-width: 1024px) {
    .category-description .title-description-wrapper {
        max-width: 100% !important;
    }
}

.category-description .title-description-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    max-width: 34%;
    margin: 0 auto;
    margin: 62px auto 0 auto;
}

.category-description .title-description-wrapper .category-text {
    margin:16px 0;
    font-size: 13px;
    font-weight: 400;
}

.category-description .title-description-wrapper .category-text p {
    margin:0;
    line-height: 1.8 !important;
}

html:not(.popup) .page-title {
    font-weight: 400;
    font-size: 24px;
    color: rgb(0, 0, 0);
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: none;
    padding: 0px;
    padding-top: 0px;
    /* padding-bottom: 30px; */
    margin: 0px;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    text-align: center;
    /* padding-left:30px; */
}

@media(max-width:760px) {
    html:not(.popup) .page-title {
        padding-left:15px !important;
    }
}

div.links-menu-72 .menu-item {
    border-width: 1px 0 0 0;
    flex-grow: 0;
    width: auto;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    width: 100%;
    float: left;
    padding: 0;
    line-height: 1;
    margin-bottom: 16px;
}

div.links-menu-75 .menu-item {
    border-width: 1px 0 0 0;
    flex-grow: 0;
    width: auto;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    width: 100%;
    float: left;
    padding: 0px 0px;
    line-height: 1;
    margin-bottom: 16px;
}

div.links-menu-76 .menu-item {
    border-width: 1px 0 0 0;
    flex-grow: 0;
    width: auto;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    width: 100%;
    float: left;
    padding: 0;
    line-height: 1;
    margin-bottom: 16px;
}

div.links-menu-313 .menu-item a .links-text:hover {
    border-bottom: 2px solid #fff;
}

div.links-menu-313 .menu-item a .links-text {
    white-space: nowrap;
    /* font-family: 'Playfair Display'; */
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    border-bottom: 2px solid transparent;
}

/**************************************************** MENU ****************************************************/
#cart>a>i {
    /* height: auto !important; */
    padding: 0;
    width: auto;
    /* padding-left: 15px; */
}

.desktop-header-active .header-sm .mid-bar {
    height: auto !important;
    padding-bottom: 10px;
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
}

header.header-compact {
    padding: 8px 0px 13.5px !important;
    width:100% !important;
    padding-bottom: 19px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.desktop-header-active .header-compact {
    padding: 0 0px 0px;
    /* margin: 30px 0 30px; */
    /* display: flex; */
    /* flex-direction: column; */
    /* height: 100%; */
    /* justify-content: center; */
    justify-content: space-around;
    display: flex;
    flex-direction: column;
}

.desktop-header-active .header-compact .left {
    float: left;
    width: 25%;
    position: absolute;
    z-index: 99;
}

.desktop-header-active .header-compact .right {
    float: right;
    width: 100%;
    height: 75px;
}

.header-compact .left #logo a {
    justify-content: flex-start;
    /* margin-left: 30px; */
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item {
    margin-right: 10px;
    height: auto;
    max-height: none;
    line-height: 1;
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item:last-child {
    margin-right: 0;
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item:last-child a {
    padding-right:0;
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a {
    padding: 5px;
    border-bottom: 2px solid transparent;
    color: #000 !important;
    line-height: 1;
    height: auto !important;
    transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
    border-bottom: 3px solid transparent;
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item.open > a, .desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a:hover {
    border-bottom: 3px solid #000;
}

.mega-menu-content {
    max-height: initial;
    height: 100vh;
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a:focus, footer .grid-row:nth-child(2) .links-menu .menu-item a:focus, footer .grid-row:nth-child(4) .links-menu .menu-item a:focus, #main-menu .subitem a:focus {
    outline-color: #919191;
    outline-style: dotted;
    outline-width: thin;
    outline-offset: -1px;
}

/**************************************************** PRODUCT DETAIL ****************************************************/
.product-image.position-left .additional-images {
    width: 10% !important;
}

.product-image .swiper.main-image {
    /* width: 40% !important; */
    margin: 0 auto;
    overflow: visible !important;
}

.product-image .main-image .swiper-container {
    overflow:hidden !important;
    max-width: 40%;
}

.product-info .product-left {
    /* width: 75% !important; */
    border-right: 0 !important;
    margin-bottom: 110px;
}

.product-info .product-right {
    /* width: 25% !important; */
}

.product-info .product-details .product-blocks {
    order: 1000;
}

.product-info .product-options .push-option > div .option-value {
    background: rgb(255, 255, 255);
}

.product-info .product-details .product-options {
    max-width: 100% !important;
}

.product-info .product-details > .page-title {
    padding-bottom: 10px !important;
}

a.btn.btn-wishlist {
    background: transparent !important;
    color: #000 !important;
}

.size-chart a.btn:hover {
    background: none !important;
}

.btn-wishlist:before, .size-chart a.btn:before {
    font-size: 18px !important;
}

.btn-wishlist, .size-chart a.btn {
    height: 41px !important;
    border: 1px solid rgba(221, 221, 221, 1) !important;
}

.size-chart a.btn {
    border-right: 0 !important;
}

.size-chart a.btn:hover:before {
    color: rgba(208, 30, 36, 1) !important;
}

.size-chart a {
    margin: 0 !important;
    height: 100% !important;
}

.route-product-product .product-info .button-group-page a.btn.btn-wishlist.btn:hover {
    background: transparent !important;
    color: rgba(208, 30, 36, 1) !important;
}

.product-info .product-details .stepper-group.cart-group {
    width: 70% !important;
}

.product-info .product-details .buttons-wrapper .size-chart {
    width: 15% !important;
    display: flex;
    justify-content: center;
}

.stepper-group.cart-group > .stepper {
    display: flex;
    width: 25%;
    border: 0px solid rgba(221, 221, 221, 1);
    background: transparent !important;
}

.stepper-group.cart-group > .stepper input.form-control, .stepper-group.cart-group > .stepper span i {
    background: transparent !important;
}

.stepper-group.cart-group > #button-cart {
    display: flex;
    width: 73%;
}

.stepper-group.cart-group > .stepper input.form-control, .stepper-group.cart-group > .stepper span i:hover {
    color: rgba(208, 30, 36, 1) !important;
    background: transparent !important;
}

.wishlist-compare {
    width: 15% !important;
    display: flex !important;
}

.product-details .tabs-container {
}

.product-details .tabs-container .nav-tabs {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
}

.product-details .tabs-container .nav-tabs > li {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    border: 0;
    border-top: 1px solid #999;
    padding: 10px 5px;
    padding: 0;
}

.product-details .tabs-container .nav-tabs > li.active {
    border-color: transparent;
}

.product-details .tabs-container .nav-tabs > li:hover a {
    color: rgba(41, 41, 43, 1) !important;
}

.product-details .tabs-container .nav-tabs > li:last-child {
    border-bottom: 1px solid #999;
}

.product-details .tabs-container .nav-tabs > li > a {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    padding: 18px 0;
    cursor: pointer;
    background: none !important;
    font-size: 10px !important;
}

.product-details .tabs-container .nav-tabs > li > a:after {
    content: '\f067';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: "FontAwesome";
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-details .tabs-container .nav-tabs > li.open > a:after {
    content: '\f068';
}

.product-details .tabs-container .nav-tabs .block-content.expand-content.block-description {
    max-height: initial !important;
}

.product-details .tabs-container .nav-tabs .block-expand-overlay {
    display: none !important;
}





.product-details .tabs-container .nav-tabs > li > a .text {
    padding:2px 10px;
}

.product-details .tabs-container .nav-tabs > li.active > a .text {
    background:#000 !important;
    color:#FFF;
}

.product-details .tabs-container .nav-tabs > li > a {
    margin-top:-1px;
    border: 2px solid transparent !important;
    border-radius: 3px;
    display: table;
}

.product-details .tabs-container .nav-tabs > li.active > a {
    margin-top:-1px;
    margin-bottom:-1px;
    border-color: #000 !important;
    /* display: inline-table; */
    /* border-radius: 3px; */
}


@media (max-width: 1280px) {
    .main-products.product-grid .product-layout:not(.swiper-slide).product-layout {
        width: calc(100% / 3 - 21.01px) !important;
    }
}

@media (max-width: 1024px) {
    .main-products.product-grid .product-layout:not(.swiper-slide).product-layout {
        width: calc(100% / 3 - 21.01px) !important;
    }
}


@media (max-width: 760px) {
    .main-products.product-grid .product-layout:not(.swiper-slide).product-layout {
        width: calc(100% / 2 - 10.01px) !important;
    }
}

@media (max-width: 470px) {
    .one-column #content .main-products.product-grid .product-layout:not(.swiper-slide) {
        padding: 0.5px;
        width: calc(100% / 1 - 0.01px) !important;
    }
}


.main-products.product-grid .product-layout:not(.swiper-slide).product-layout {
    border: 1px solid transparent;
    transition: border-color 0.3s linear; 
    margin: 5px !important;
    width: calc(100% / 3 - 21.01px) !important;
}

.product-layout:hover {
    border-color: #919191 !important;
    /* box-shadow: none !important; */
}

#bottom .product-layout:hover {
}

#bottom .product-layout {
    transition: none !important;
    border: 1px solid rgba(238, 238, 238, 1);
}

#bottom .product-layout .product-thumb {
    transition: none !important;    /* border: 1px solid #919191 !important; */
    box-shadow: none !important;
    border: 0;
}

#bottom .product-layout:hover {
    border-color: #919191 !important;
    border-color: #000000 !important;
}

.product-layout .product-thumb {
    border: 1px solid transparent;
}

.products-filter .input-group-addon {
    background: none;
    border: 1px solid rgba(238, 238, 238, 1) !important;
    border-radius: 3px 0px 0 3px !important;
}

select#input-sort {
    background: none !important;
    border: 1px solid rgba(238, 238, 238, 1) !important;
    border-radius: 0px 3px 3px 0px !important;
    border-left: 0 !important;
    color: #555;
}

.nav-tabs .module-item {
    display: none;
    margin-top: 0;
    padding-bottom: 10px;
}

.product-info .product-details .product-blocks-top .grid-cols > div:nth-child(1) {
    width: 100% !important;
}

.product-info .product-details .product-blocks-top .grid-cols > div:nth-child(2) {
    display: none !important;
}

.product-info .product-options .push-option > div .option-value {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.product-info .product-options .push-option > div .option-value:hover, .product-info .product-options .push-option > div input:checked + .option-value {
    background: rgba(41, 41, 43, 1) !important;
    color: #FFF;
    border-color: rgba(41, 41, 43, 1) !important;
}

.product-details .tabs-container .nav-tabs > li:hover a {
    color: initial;
}

.breadcrumb {
    /* margin-top: 10px; */
    /* border-top: 1px solid rgba(221, 221, 221, 1); */
    text-align: left;
    /* padding-left: 28px; */
    /* padding-right: 28px; */
}

.breadcrumb:before {
    background: none;
}

.breadcrumb li a {
    font-weight: bold;
    color: rgba(41, 41, 43, 1);
    text-decoration: none;
}

.breadcrumb li:last-child a {
    font-weight: 400;
}

.stepper #product-quantity {
    background: none !important;
    color: #666 !important;
}

.additional-images .swiper-buttons div {
    background: #444;
}

.product-grid .product-thumb .name a {
    color: #222;
    font-weight: 600;
    text-align: center;
}

.product-grid .product-thumb .price {
    color: #222;
    font-weight: 600;
    /* text-align: center !important; */
    width: 100% !important;
}

.product-layout .buttons-wrapper .button-group {
    border: 0 !important;
    width: 100% !important;
}

.product-layout .buttons-wrapper .button-group .cart-group {
    width: 100% !important;
}

.product-layout .buttons-wrapper .button-group .cart-group a {
    width: 100% !important;
    padding: 10px !important;
}

.product-layout .buttons-wrapper .button-group .cart-group a:hover {
    background: rgba(208, 30, 36, 1) !important;
}

footer .grid-row:nth-child(2) .links-menu .menu-item a span, footer .grid-row:nth-child(4) .links-menu .menu-item a span {
    color: #FFF !important;
    border: 0 !important;
}

footer .grid-row:nth-child(2) .links-menu .menu-item a, footer .grid-row:nth-child(4) .links-menu .menu-item a {
    border-bottom: 1px solid transparent;
    transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
}

footer .grid-row:nth-child(4) .links-menu .menu-item {
    padding: 0 2rem;
    position:relative;
    /* margin: 0 1.25rem; */
}

footer .grid-row:nth-child(4) .links-menu .menu-item a {
    margin: 0;
    padding: 0;
    line-height: 1;
}


footer .grid-row:nth-child(4) .links-menu .menu-item:before {
    content:'';
    position: absolute;
    top:0;
    /* left: auto; */
    right: 0;
    bottom:0;
    height: 8px;
    width: 1.6px;
    background:#FFF;
    margin: auto 0;
}

footer .grid-row:nth-child(4) .links-menu .menu-item:last-child:before {
    display:none;
}


footer .grid-row:nth-child(2) .links-menu .menu-item a:hover, footer .grid-row:nth-child(4) .links-menu .menu-item a:hover {
    border-bottom: 1px solid #FFF;
}

#bottom .tab-container .nav-tabs li:hover a {
    color: initial !important;
}

#bottom .tab-container .nav-tabs li:hover, #bottom .tab-container .nav-tabs li.active {
    border-color: initial !important;
}

.header1-ugur {
    z-index: 0 !important;
}

/* #cart-content {
    top: 20px;
} */

#cart-content::before {
    border-bottom-color: #FFF;
}

#cart-content ul {
    background: rgb(255, 255, 255);
    box-shadow: 10px 10px 50px -5px rgba(161, 161, 161, 0.4);
}

.header-search input, .desktop .mini-search #search .header-search {
    background: #FFF !important;
}

.search-categories .j-dropdown ul {
    background: #FFF !important;
}

.search-categories.dropdown .j-menu>li>a {
    background: #FFF !important;
    color: #a9a9a9;
}

.search-categories.dropdown .j-menu>li:hover>a {
    color: #222 !important;
}

.desktop::-webkit-scrollbar-track {
    background: #FFF;
}

.desktop::-webkit-scrollbar-thumb {
    background: rgba(41, 41, 43, 1);
    border-width: 3px;
    border-style: solid;
    border-color: #FFF;
    border-radius: 10px;
}

.search-categories.dropdown .j-dropdown::before, .mini-search #search>.dropdown-menu::before {
    border-bottom-color: #FFF;
}

.desktop .search-categories:hover {
    background: #222 !important;
}

.mini-search .search-categories-button a:hover {
    color: #FFF !important;
}

.product-image .additional-image img:hover {
    border-color: #FFF !important;
}

.desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
    left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

#main-menu .item-assets {
    border-top: 3px solid #000;
    padding-top: 20px;
}

#main-menu a.catalog-title {
    border-bottom: 3px solid #000;
    padding-bottom: 3px;
    margin-bottom: 0;
}

#main-menu .subitem {
    /* margin-bottom: 15px; */
    width: 100%;
    float: left;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
}

#main-menu .subitem a {
    color: #000 !important;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
    padding: 0.5625rem 0;
}

#main-menu .subitem a span {
    color: #000 !important;
    font-size: 14px;
}

#main-menu .subitem a:hover {
    border-bottom-color: #000;
}

#main-menu .subitems {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}

.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li>a {
    padding-left: 20px;
}

.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li ul li a {
    padding-left: 35px !important;
}

@media(max-width: 768px) {
    .product-image .swiper.main-image {
        width: 100% !important;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .product-info .product-left {
        width: 100% !important;
        border-right: 0 !important;
    }
    .product-info .product-right {
        width: 100% !important;
        /* margin-top: 80px; */
    }
    .product-info .product-details .button-group-page {
        padding: 0 !important;
        background: #000;
    }
    .stepper-group.cart-group > #button-cart {
        border: 0 !important;
        width: 73%;
    }
    .wishlist-compare > a {
        width: 100% !important;
    }
}

footer .icons-menu > ul {
    margin-top: 20px;
}
footer .icons-menu > ul > .menu-item {
    margin-left:5px;
    margin-right: 20px;
}





@media(max-width: 760px) {
    #cart>a>i {
        padding-left: 0 !important;
    }
    header.header-compact .mobile-header {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .site-wrapper header.header-compact {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#account-login .row #content .login-box {
        display: flex;
        flex-direction: column;
    }
    .product-info .product-details .product-options {
        padding:0 15px;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: row;
    }
    .product-image .main-image .swiper-container {
        max-width: 75% !important;
    }
    .breadcrumb li {
        display:flex;
        justify-content:center;
        /* padding-left: 0 !important; */
        /* padding-right: 0 !important; */
    }
    .product-info .product-stats {
        padding: 0 15px;
    }
    footer .grid-row-4 .grid-col-3 {
        margin-top: -1px;
    }
    .mini-search #search .header-search {
        width: 100% !important;
    }
}

@media(max-width:1022px) {
    .mobile-header-active .mobile-header .mobile-top-bar {
        /* margin: 0 28px !important; */
    }
    .mobile-bar.sticky-bar {
        /* margin-left: 28px !important; */
        /* margin-right: 28px !important; */
        /* border-bottom: 1px solid #000; */
    }
    .mobile-bar .mobile-bar-group {
        width:100% !important;
        display: flex;
        flex-direction: revert;
        justify-content: space-between;
    }
    .mobile-bar .mobile-bar-group .left {
        
    }
    .mobile-bar .mobile-bar-group .left .menu-trigger {
        text-align:center;
    }
    .mobile-bar .mobile-bar-group .left .mobile-logo-wrapper {
        margin-left:0 !important;
    }
    .mobile-bar .mobile-bar-group .left .mobile-logo-wrapper a {
        padding:0 !important;
    }
    .mobile-bar .mobile-bar-group .right {

    }
    .mobile-bar.sticky-bar.mobile-bar-sticky {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}



.product-image .main-image .swiper-buttons div {
    padding:20px 0;
}

.product-image .main-image .swiper-button-prev {
    border-left:0 !important;
}

.product-image .main-image .swiper-button-next {
    border-right:0 !important;
}



.product-info .product-options .push-option div.radio .option-value {
    background: rgb(255, 255, 255);
    margin-top:-1px;
    margin-left:-1px;
    position: relative;
    height: 28px;
    width: 48px;
    font-size: 12px !important;
}

.product-info .product-options .push-option > div label {
    margin: 0;
}


.top-menu-240 .j-menu li.top-menu-item-2>a {
    flex-direction: row-reverse;
}

.top-menu-240 .j-menu li.top-menu-item-2>a span {
    padding-right:15px;
}

.mobile-header-active .mini-search .search-trigger::before {
    left: initial !important;
}


.popup-container>.btn {
    background:#FFF !important;
    color:#000 !important
}

.title::after, .title.page-title>span::after {
    background:#000 !important;
}

a {
    color:#000;
}



input.form-control {
    background:#FFF !important;
    color:#000 !important;
}



/* Tristar Code */
html.desktop .header-search{
    width: 250px;
    float:right;
}

.secondary-menu .top-menu .j-menu>li>a::before {
    /* color: white !important; */
    margin-top: -1px;
}

.menu-item .top-menu-item-2:hover>a::before, .menu-item .top-menu-item-3:hover>a::before  {
    color: white !important;
    
}



.desktop .top-menu .dropdown.dropdown .j-menu > li:hover > a, .top-menu .dropdown.dropdown .j-menu>li.active>a {
    background: #919191;
    color: white !important;
}

.j-menu .catalog-image {
    margin-top:0px !important;
    padding-right: 10px;

}

.swiper-container .swiper-container-horizontal .swiper-container-ios {
    padding-top:20px;
}