html, body { background: #fff; display: inherit !important; font-family: 'Montserrat', sans-serif; color: #333; font-size: 1rem; overflow-x: hidden; }

body.no-scroll { height:100vh; overflow: hidden; }

a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }

img:focus { outline: none; }

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

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

.j-padding { padding: 30px 0; }

#j-top { height: 51px; border-bottom:1px solid #e0e0e0; }
#j_top_nav,
#j_user_nav { line-height: 50px; }
#j_top_nav ul,
#j_user_nav ul { padding: 0; margin: 0; list-style: none; }
#j_top_nav ul li,
#j_user_nav ul li { display: inline-block; margin: 0 15px 0 0; line-height: 50px; font-size: .8rem; }
#j_user_nav ul li { margin: 0 0 0 15px; }
#j_user_nav ul li i { line-height: 50px; }
#j_top_nav ul li { text-transform: uppercase; }

#j_user_nav .dropdown-item { line-height: initial; }

#j-header-inner { padding: 15px 0; border-bottom:1px solid #e0e0e0; }

#j-header-inner .j-search-container { width: 50px; height: 40px; border:1px solid #e0e0e0; border-radius: 5px; line-height: 38px; text-align: center; position: relative; cursor: pointer; margin-right: 10px; justify-content: center; }
#j-header-inner .j-search-container i { font-size: 16px; color: #444; line-height: 38px; height: 38px; }
#j-header-inner .j-search-container:hover { background-color: #e0e0e0; }
#j-header-inner .j-search-container.expand { width: 80%; text-align: left; padding-left: 20px; background-color: #e0e0e0; justify-content: space-between; }
#j-header-inner .j-search-container form { width: calc(100% - 40px); display: none; }
#j-header-inner .j-search-container.expand form { display: block; }
#j-header-inner .j-search-container.expand form .form-control { border:0; }

#j-header-inner .j-cart-preview { width: 50px; height: 40px; border-radius: 5px; line-height: 38px; text-align: center; position: relative; cursor: pointer; }
#j-header-inner .j-cart-preview i { font-size: 16px; color: #444; line-height: 38px; height: 38px; }
#j-header-inner .j-cart-preview #CartCount { position: absolute; padding: 5px;  top:-5px; right: -5px; color: #fff; font-weight: bold; font-size: .7rem; line-height: initial; border-radius: 5px; display: none; }
#j-header-inner .j-cart-preview.hasitem #CartCount,
#j-header-inner .j-cart-preview #CartCount.Show { display: block; }
#j-header-inner .j-cart-preview.hasitem:hover #CartDetailsDropdown { display: block; }

#CartDetailsDropdown { position: absolute; right:0; top:40px; z-index: 9; background: #fff; list-style: none; width: 300px; border:1px solid #e0e0e0; padding: 10px; display: none; }
#CartDetailsDropdown li.CartItem { display: flex; justify-content: space-between; font-size: 0; text-align: left; width: 100%; padding-bottom: 5px; border-bottom:1px solid #e0e0e0; margin-bottom: 5px; }
#CartDetailsDropdown li .ProductThumbnail,
#CartDetailsDropdown li .ProductTitle,
#CartDetailsDropdown li .ProductQuantity { vertical-align: top; font-size: .8rem; line-height: initial; }
#CartDetailsDropdown li .ProductThumbnail { width: 50px; }
#CartDetailsDropdown li .ProductThumbnail img { width: 100%; }
#CartDetailsDropdown li .ProductTitle { width: 180px; }
#CartDetailsDropdown li .ProductQuantity { text-align: right;}
#CartDetailsDropdown .CartSummaryFooter { font-size: .9rem; font-weight: bold; }

#j-header-navigation {  line-height: 59px; border-bottom:1px solid #e0e0e0; text-align: center; position: relative; }
#j-header-navigation ul { margin: 0; padding: 0;}
#j-header-navigation ul > li { display: inline-block;  padding: 0 15px; font-size: .9rem; font-weight: bold; position: relative; }
#j-header-navigation ul > li a { color: #555; }
#j-header-navigation ul > li.HasChild ul { position: absolute;
    min-width: 100%;
    background: #fff;
    transform: translateY(100px);
    left: 0;
    right: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 9;
    top: 100%;
    text-align: center;
    border:1px solid #e9e9e9;
    border-radius:5px
}

@media only screen and (min-width: 601px) {
    #j-header-navigation ul > li.HasChild ul li.HasChild ul {
        right: 0;
        left: initial;
        transform: translateY(0) translateX(0);
    }
}
#j-header-navigation ul > li.HasChild ul li { font-weight: normal; line-height: 1.25rem; padding: 8px; display: block; border-bottom:1px solid #e9e9e9; }
#j-header-navigation ul > li.HasChild > a:after { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; padding-left: 5px; font-weight: bold; }
#j-header-navigation ul > li.HasChild > ul li.HasChild > a:after { content: '\f0da'; }
#j-header-navigation ul li.HasChild:hover > ul {     opacity: 1;
    visibility: visible;
    transform: translateY(0);
    }
@media only screen and (min-width: 601px) {
    #j-header-navigation ul li.HasChild:hover > ul li.HasChild ul {
        transform: translateY(0) translateX(100%);
        top: -1px;
    }
}

.j-logo { padding: 10px 0; display: block; }
.j-logo img { max-width: 100%; }

#j-slider { position: relative;
    z-index: 1;
    height: 100%;
    margin: 0 0 30px 0; }
#j-slider * { outline: none;}

#j-slider .j-slide-item {
    height: 100%;
    position: relative;
    z-index: 1;
}

#j-slider .j-slide-item img {
    width: 100%;
    -webkit-transition: all ease-in-out 3s;
    transition: all ease-in-out 3s;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#j-slider .j-slide-item.slick-active img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#j-slider .slick-dots { position: absolute; width: 100%; bottom:30px; text-align: center; padding: 0; margin: 0; }
#j-slider .slick-dots li { display: inline-block; }
#j-slider .slick-dots li button { width: 20px; height: 20px; transform: rotate(45deg); background: rgba(0,0,0,.1); margin: 0 7px; font-size: 0; border:0; position: relative; border-radius: 3px; overflow: hidden; }
#j-slider .slick-dots li button:after { content: ''; position: absolute; width:20px; height: 20px; top:0; left:0; -webkit-transform: scale(.1);
    transform: scale(.1); -webkit-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s; visibility: hidden; }
#j-slider .slick-dots li.slick-active button:after { -webkit-transform: scale(1);
    transform: scale(1); visibility: visible;}

#j-home-banners { padding-bottom: 30px; border-bottom:1px solid #e0e0e0; }
.j-grid-banners .Widget,
#j-home-banners .Widget { position: relative; z-index: 1; border-radius: 5px; overflow: hidden; }

.j-grid-banners {
    border-bottom:1px solid #e1e1e1;
    padding: 15px 0 0 0;
}
.j-grid-banners .Widget { margin-bottom: 15px; }

.j-grid-banners .Widget:after,
#j-home-banners .Widget:after { content:''; width: 150%; height: 80px; background: linear-gradient(0deg, rgba(34,193,195,0) 0%, rgba(255,255,255,.6) 50%, rgba(253,187,45,0) 100%); position: absolute; top:0; left:0; z-index: 2; transform: rotate(45deg) translateY(-200%); transition: all ease-in-out .5s; }

.j-grid-banners .Widget:hover:after,
#j-home-banners .Widget:hover:after { transform: rotate(45deg) translateY(1000%); }

.j-grid-banners .Widget .WidgetTitle,
#j-home-banners .Widget .WidgetTitle { position: absolute; padding: 30px; /*width: 100%; height: 100%;*/ z-index: 3; top:0; left:0; font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: bold;  }

.j-sidebar-banners .Widget { margin-top: 15px; }
.j-sidebar-banners .Widget .WidgetTitle { display: none; }

.j-showcase { padding-bottom: 30px; border-bottom:1px solid #e1e1e1; }
.j-showcase .nav { text-align: center; border-bottom:1px solid #e0e0e0; }
.j-showcase .nav .nav-item a {  border-radius: 0; padding: 0 30px; font-size: 1.3rem; font-family: 'Playfair Display', serif; font-weight: bold; color: #333; height: 80px; line-height: 79px; position: relative; z-index: 1; }
.j-showcase .nav .nav-item a.active {  background: transparent; }
.j-showcase .nav .nav-item a:after { content:''; width: 8px; height: 8px; position: absolute; z-index: 2; transform: rotate(45deg); top:35px; right:-4px; }
.j-showcase .nav .nav-item:last-of-type a:after { display: none; }
.j-showcase .tab-content { margin-top: 30px; }

.j-showcase .j-showcase-title { font-size: 1.6rem; font-family: 'Playfair Display', serif; font-weight: bold; color: #333; height: 80px; line-height: 79px; border-bottom:1px solid #e1e1e1; text-align: center; }
.j-showcase .j-showcase-title span { position: relative; display: inline-block; height: 100%; }
.j-showcase .j-showcase-title span:before { content: ''; width: 8px; height: 8px; position: absolute; transform: rotate(45deg); top:35px; left:-25px;  }
.j-showcase .j-showcase-title span:after { content: ''; width: 8px; height: 8px; position: absolute; transform: rotate(45deg);  top:35px; right:-25px;  }

/** ProductBox */
.ProductBox { position: relative; height: 100%; transition: all ease-in-out .4s; margin-bottom: 30px; }
.ProductBox:after { height: 40%; content: ''; position: absolute; width: 1px; top:50%; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); background: #e0e0e0; left: -15px; }
.j-product-container .col-md-3:nth-child(4n+1) .ProductBox:after { display: none; }
.j-product-container .col-md-4:nth-child(3n+1) .ProductBox:after { display: none; }
.j-product-container:hover .ProductBox:not(:hover){
    opacity: 0.7;
}
.ProductBox .ProductThumbnail { position: relative; z-index: 1; height: 270px; overflow: hidden; }
.ProductBox .ProductThumbnail img { max-width: 100%; position: relative; z-index: 2; }
.ProductBox .ProductThumbnail .ThumbnailAlternative { position: absolute; width: 100%; left:0; top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); visibility: hidden; z-index: 3; }
.ProductBox:hover .ProductThumbnail .ThumbnailAlternative {  visibility: visible; left:0; }
.ProductBox .BrandTitle { text-align: center; display: block; height: 30px; overflow: hidden; line-height: 30px; font-family: "Playfair Display", serif; font-size: .9rem; }
.ProductBox .ProductTitle { margin-top: 15px; text-align: center; display: block; font-size: 1rem; height: 4.2rem; line-height: 1.6rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom:1px solid #e0e0e0; font-weight: bold;  }
.ProductBox .ProductTitle a { display: block; height: 3.2rem; overflow: hidden; }
.ProductBox .ProductPreview { position: absolute; border-radius: 5px; z-index: 5; font-size: .9rem; font-weight: bold; left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); visibility: hidden; }
.ProductBox:hover .ProductPreview { visibility: visible; }
.ProductBox .ProductPreview a { color: #fff;  padding: 8px 16px; display: block; }
.ProductBox .ProductPrices .priceOld { margin-right: 10px; font-size: .9rem; text-decoration: line-through; color: #777; }
.ProductBox .ProductPrices .priceInt { font-size: 1.6rem; font-weight: bold; }
.ProductBox .ProductPrices .priceFrac { font-size: 1rem; }
.ProductBox .ProductDiscount { position: absolute; top:10px; right:10px; z-index: 5; width: 40px; height: 40px; line-height: 40px; }
.ProductBox .ProductDiscount span { position: relative; z-index: 6; font-size: .8rem; color: #fff; font-weight: bold; display: block; text-align: center; }
.ProductBox .ProductDiscount:before { content:''; position: absolute; border-radius: 5px; width: 100%; height: 100%; transform: rotate(45deg); }
.ProductBox .ProductOutOfStock { font-size: .7rem;  background: #666; transform: rotate(-90deg); position: absolute; left:0; top:50%; padding: 5px 8px; z-index: 10; transform-origin: left top; opacity: .4; color: #fff; }
.ProductBox .ProductBadges { width: 30px; height: 110px; position: absolute; z-index: 4; right:0; top:50%; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); overflow: hidden; }
.ProductBox .ProductBadges span.Badge { display: block; width: 30px; height: 30px; background: #e1e1e1; border-radius: 5px; margin-bottom: 10px; text-align: center; line-height: 30px; font-size: .8rem; }
.ProductBox .ProductBadges span.Badge i { line-height: 30px; }

.WidgetBody p { padding: 0; margin: 0; }
.WidgetBody img { width: 100% !important; height: 100% !important; }

#j-footer { padding: 60px 0 0 0; }
#j-footer .FooterMenu { margin: 0; padding: 0; list-style: none; max-width: 25%; padding-right: 45px; display: table-cell; }
#j-footer .FooterMenu:last-of-type { padding-right: 0; }
#j-footer .FooterMenu li { height: 30px; line-height: 30px; overflow: hidden; font-size: .8rem; }
#j-footer .FooterMenu li.Title { font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.2rem !important; overflow: initial; height: auto; line-height: 2rem; margin-bottom: 30px; display: block !important; }
#j-footer .FooterMenu.Social { text-align: right; }
#j-footer .FooterMenu.Social li { margin-left: 10px; font-size: 1.3rem; display: inline-block; text-align: right; height: auto !important; line-height: initial; overflow: initial !important; }

#j-footer .FooterSocial { margin: 0; padding: 0; list-style: none; text-align: right; }
#j-footer .FooterSocial li.Title { font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.2rem !important; overflow: initial; height: auto; line-height: 2rem; margin-bottom: 30px; display: block !important; }
#j-footer .FooterSocial li { margin-left: 10px; font-size: 1.3rem; display: inline-block; text-align: right; height: auto !important; line-height: initial; overflow: initial !important; }

#FooterMessage { border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding: 15px 0; text-align: center; font-size: 1rem; color: #555; margin-top: 30px; margin-bottom: 30px; }
#FooterMessage p { margin: 0; padding: 0; }

#FooterUserText { text-align: center; font-size: .8rem; margin-bottom: 30px; }
#FooterUserText p { margin: 0; padding: 0; }

#Signature { text-align: center; font-size: .8rem; color: #333; background: #fff; border-top:1px solid #e1e1e1; padding: 15px 0; }

/* Payment Logos */
#Logos { margin: 20px 0; }
#PaymentLogos { text-align: center; margin: 0; padding: 0; }
#PaymentLogos li { width: 110px; height: 40px; display: inline-block; background: url(../images/Payment/cc-banner-sprite.jpg) no-repeat; }
#PaymentLogos li.Axess { background-position: 0 -280px; }
#PaymentLogos li.Bonus { background-position: 0 -240px; }
#PaymentLogos li.World { background-position: 0 -200px; }
#PaymentLogos li.Maximum { background-position: 0 -160px; }
#PaymentLogos li.HSBC { background-position: 0 -120px; }
#PaymentLogos li.Cardfinans { background-position: 0 -80px; }
#PaymentLogos li.Paraf { background-position: 0 -40px; }
#PaymentLogos li.Asyacard { background-position: 0 0; }
#PaymentLogos li.Combo { background-position: 0 -320px; }

/* PaymentMethods */
#PaymentMethods { margin-top: 20px; text-align: center; }
#PaymentMethods li { display: inline-block; height: 24px; margin: 0 5px; background: url(../images/Payment/payment-methods.png) no-repeat; }
#PaymentMethods li.Amex { width: 48px; background-position: 0 0; }
#PaymentMethods li.MasterCard { width: 66px; background-position: -57px 0;  }
#PaymentMethods li.Visa { width: 42px; background-position: -130px 0; }
#PaymentMethods li.PayPal { width: 54px; background-position: -179px 0; }
#PaymentMethods li.PayAtDoor { width: 45px; background-position: -250px 0; }
#PaymentMethods li.SSL { width: 80px; background-position: -317px 0; }

#j-hero { height: 40px; line-height: 39px; border-bottom:1px solid #e1e1e1; }

#Breadcrumb { padding: 0; margin: 0; list-style: none; text-align: center; }
#Breadcrumb li { display: inline-block; position: relative; padding-right: 15px; margin-right: 15px; font-size: .8rem; }
#Breadcrumb a,
#Breadcrumb a i{ height: 39px; line-height: 39px; display: block; }
#Breadcrumb li:after { content:''; width: 5px; height: 5px; position: absolute; z-index: 2; transform: rotate(45deg); top:18px; right:-3px; }
#Breadcrumb li:last-of-type:after { display: none; padding: 0; margin: 0}

#j-inline-header { border-bottom:1px solid #e1e1e1; }
#j-inline-header h1 { font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 0; text-align: center; }
#j-inline-header .container { padding: 15px 0; }
#j-inline-header .j-header-image-hero { height: 400px; background-size: cover; background-position: 0 0; position: relative; color: #fff; }
#j-inline-header .j-header-image-hero .container { z-index: 8; padding: 0; }
#j-inline-header .j-header-image-hero:before { content:''; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top:0; left:0; z-index: 7; }

#CategoryDescription { font-size: .8rem; color: #555; padding: 15px; }
#CategoryDescription p { margin: 0; }

#j-product-listing { margin-top: 30px; }
#j-product-listing .j-product-container { margin-top: 30px; }

#j-listing-sidebar { border:1px solid #e1e1e1; }
#j-listing-sidebar .j-sidebar-block { padding: 15px; }
#j-listing-sidebar .j-sidebar-block-title { font-size: 1.5rem; font-family: 'Playfair Display', serif; font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px solid #e1e1e1; }
#j-listing-sidebar .j-sidebar-block-body ul { padding: 0; margin: 0; list-style: none; }
#j-listing-sidebar .j-sidebar-block-body ul.j-category-filter-list li { font-size: .9rem; padding: 8px 0; transition: all ease-in-out .3s; }
#j-listing-sidebar .j-sidebar-block-body ul.j-category-filter-list li:hover { padding-left: 15px; }
#j-listing-sidebar .j-sidebar-block-body ul.j-filter-list li,
#j-listing-sidebar .j-sidebar-block-body ul.j-brand-filter-list li { margin-bottom: 5px; font-size: .8rem; }
#j-listing-sidebar .j-sidebar-block-body ul.j-category-filter-list.j-hide-child ul { display: none; }

#j-listing-toolbar { border:1px solid #e1e1e1; padding:10px; font-size: .8rem; }
#j-listing-toolbar .j-toolbar-item { margin-left: 15px; }
#j-listing-toolbar .j-toolbar-item:first-child { margin-left: 0; }

#orderDropdown { border:1px solid #e1e1e1; padding: 8px 16px; font-size: .8rem; }

/* Pagination */
.j-pagination { width: 100%; text-align: center; margin:30px 0; border:1px solid #e1e1e1; padding: 15px; }
.j-pagination ul { margin: 0; padding: 0; }
.j-pagination ul li { display: inline-block; border:1px solid #e1e1e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; margin: 0 3px; }
.j-pagination ul li.dots { padding: 8px 4px; background: none; border:0; margin: 0; }
.j-pagination ul li a,
.j-pagination ul li span { display: block; padding: 8px 12px; }
.j-pagination ul li.current a,
.j-pagination ul li.current span { color: #fff;}

/* Product Page */
#j-product-info { padding: 15px; }
#j-product-header { font-size: .8rem; color: #777; }
#j-product-title { padding: 15px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-top: 15px; }
#j-product-title h1 { font-size: 2rem; font-weight: bold; font-family: "Playfair Display", serif; }
#j-product-title h2 { font-size: 1rem; color: #555; }
#j-product-title a { font-size: .8rem; }
#j-product-pricing { padding: 15px 0; border-bottom:1px solid #e1e1e1; }

#j-product-pricing .j-discount-badge { position: relative; display: inline-block; width: 60px; height: 60px; margin-right: 15px; }
#j-product-pricing .j-discount-badge span { text-align: center; position: relative; z-index: 3; color: #fff; font-weight: bold; display: block; }
#j-product-pricing .j-discount-badge:before { content:''; width: 50px; height: 50px; border-radius: 5px; position: absolute; left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 1; }

.varOldPrice { font-size: .8rem; color: #777; text-decoration: line-through;}
.varPrice { font-size: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-weight: bold; }
.varTaxFree { font-size: .8rem; }

.j-product-rating { padding: 8px 15px; background-color: #fff;  text-align: center; }
.j-product-rating i { display: block;  }
.j-product-rating span { margin-top: 5px; display: block; }

.j-payment-price-options { margin-top: 15px; padding-bottom: 15px; border-bottom:1px solid #e1e1e1; }
.j-price-option-box { padding: 8px; border:1px solid #e1e1e1; border-radius: 5px; text-align: center; font-size: .8rem; margin-right: 15px; }
.j-price-option-box:last-of-type { margin-right: 0; }
.j-price-option-box strong { display: block; }

#j-product-bulk-prices { padding: 15px; border-bottom:1px solid #e1e1e1; background-color: #f8f9fa; text-align: center; }
#j-product-bulk-prices .j-product-bulk-price { display: flex; justify-content: center; margin:5px 0; }
#j-product-bulk-prices .j-product-bulk-price span { margin-right: 5px; }

#j-product-buttons { display: flex; justify-content: space-between; align-items: center; padding:15px 0; border-bottom:1px solid #e1e1e1; }
#j-product-buttons .j-addtocart,
#j-product-buttons .j-customize-product,
#j-product-buttons .j-buynow { margin: 0 5px; padding: 10px 30px; border:0;  color: #fff; font-weight: bold; border-radius: 5px; transition: all ease-in .2s; }
#j-product-buttons .j-buynow { background-color: #222; }
#j-product-buttons .j-buynow:hover { background-color: #444; }

#j-product-quantity input { max-width: 80px; padding: 22px 20px; text-align: center; outline:none; border:1px solid #efefef; }
#j-product-quantity button { background-color: #efefef; border:0; padding: 0 20px; }
#j-product-quantity button:hover {  color: #fff; }
#j-product-quantity button.minus { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#j-product-quantity button.plus { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#j-product-badges { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; margin-bottom: 15px; border-bottom:1px solid #e1e1e1; }
#j-product-badges .Badge { padding: 8px; text-align: center; font-size: .8rem; margin-right: 5px; }
#j-product-badges .Badge:last-of-type { margin-right: 0; }
#j-product-badges .Badge i { display: block; }

.j-size-link { padding: 5px 0; margin: 15px 0 0 0; display: inline-block; font-size: .8rem; }


#j-product-images { margin-top:15px; }
#j-product-image-carousel { width: 100%; border:1px solid #e1e1e1; }
#j-product-image-carousel img { width: 100%; }

#j-product-thumbnail-carousel { width: 100% !important; display: flex; margin-top:15px; }

#j-product-thumbnail-carousel .slick-list { width: 100%; }

#j-product-thumbnail-carousel .slick-slide {
    border:1px solid #e1e1e1;
    padding: 5px;
    margin: 0 5px;
}
#j-product-thumbnail-carousel img { width: 100%; height: 100%; display: block; cursor: pointer; }

#j-product-thumbnail-carousel .slick-arrow {
    border:1px solid #e1e1e1;
    background-color: #fff;
    width: 40px;
    flex-shrink: 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 0;
}

#j-product-thumbnail-carousel .slick-prev {
    margin-right: 5px;
}

#j-product-thumbnail-carousel .slick-next {
    margin-left: 5px;
}

.j-product-variations { display: flex; margin-top:15px; flex-wrap: wrap; justify-content: left; }
.j-product-variations span { padding: 4px 8px; max-width: 20%; border:1px solid #e1e1e1; margin-right: 5px; font-size: .8rem; font-weight: bold; display: inline-block; flex: 1; cursor: pointer; margin-bottom: 10px; }
.j-product-variations span a { display: block; }
.j-product-variations span.current a,
.j-product-variations span.current { color: #fff; }
.j-product-variations strong { width: 100%; display: block; font-size: .9rem; margin-bottom: 5px; }

#j-info-badges,
#j-product-sys-links { display: flex; margin-top: 15px; }

#j-info-badges { justify-content: center; border-bottom:1px solid #e1e1e1; padding-bottom: 15px; }
#j-info-badges div { max-width: 30%; font-size: .8rem; text-align: center; }
#j-info-badges div i { display: block; margin-bottom: 5px; font-size: 1rem; }

#j-product-sys-links { justify-content: space-between; padding-bottom: 15px; }
#j-product-sys-links span { font-size: .8rem; }

#j-product-tags { margin: 0; padding: 0 0 15px 0; list-style: none; }
#j-product-tags li { display: inline-block; margin-right: 5px; font-size: .7rem; background-color: #f8f9fa; padding: 3px 6px; border:1px solid #e1e1e1; }

#j-product-social { margin:0; padding: 15px 0; list-style: none; text-align: center; border-top:1px solid #e1e1e1; }
#j-product-social li { display: inline-block; margin: 0 5px; border-radius: 5px; }
#j-product-social li a { color: #fff; padding: 10px; display: block; }
#j-product-social li.facebook { background-color:#3b5998; }
#j-product-social li.twitter { background-color:#38A1F3;  }
#j-product-social li.pinterest { background-color:#BD081C; }
#j-product-social li.whatsapp { background-color:#128c7e; }


#j-product-tabs { padding: 30px 0; }
#j-product-tabs .nav { text-align: center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e1e1e1; }
#j-product-tabs .nav .nav-item a {  border-radius: 0; padding: 0 15px; font-size: 1rem; font-family: 'Playfair Display', serif; font-weight: bold; color: #333; height: 60px; line-height: 59px; position: relative; z-index: 1; border:0 !important; }
#j-product-tabs .nav .nav-item a.active { background: transparent; }
#j-product-tabs .nav .nav-item a:after { content:''; width: 8px; height: 8px; position: absolute; z-index: 2; transform: rotate(45deg); top:25px; right:-4px; }
#j-product-tabs .nav .nav-item:last-of-type a:after { display: none; }

#j-payment-options { font-size: .8rem; margin: 15px 0; }
#j-payment-options table td,
#j-payment-options table th { text-align: center; }
#j-payment-options table tr.adv td { font-weight: bold; }

#j-payment-options .j-installment-bank { height: 30px; margin-bottom: 15px;  }
#j-payment-options .j-installment-bank.garanti { background: url(../images/Payment/cc-logo-bonus.jpg) no-repeat center top; background-size: 153px 30px;  }
#j-payment-options .j-installment-bank.axess { background: url(../images/Payment/cc-logo-axess.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.finansbank { background: url(../images/Payment/cc-logo-cardfinans.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.hsbc { background: url(../images/Payment/cc-logo-hsbc.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.maximum { background: url(../images/Payment/cc-logo-maximum.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.world { background: url(../images/Payment/cc-logo-world.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.halkbank { background: url(../images/Payment/cc-logo-paraf.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.asyacard { background: url(../images/Payment/cc-logo-asyacard.jpg) no-repeat center top; background-size: 153px 30px; }
#j-payment-options .j-installment-bank.combo { background: url(../images/Payment/cc-logo-combo.jpg) no-repeat center top; background-size: 153px 30px; }

.j-product-comments { margin-top:15px; font-size: .9rem; }
.j-product-comments .j-comment-sender { border:1px solid #e1e1e1; text-align: center; padding: 5px; border-radius: 5px; font-weight: bold; }
.j-product-comments .j-comment-sender span { display: block; font-weight: normal; font-size: .7rem; color: #777; }
.j-product-comments .j-comment-title { font-weight: bold; font-size: 1rem; }
.j-product-comments .j-comment-item { padding-bottom: 15px; border-bottom:1px solid #e1e1e1; margin-bottom: 15px; }
.j-product-comments .j-comment-item:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.j-product-comments .j-comment-rating { margin-top: 5px; }

#j-auth-container { padding:45px 15px 15px 15px; border:1px solid #e1e1e1; margin: 45px 0; }
#j-auth-container h3 { margin-bottom: 30px; text-align: center; }
#j-auth-container .form-group,
#j-auth-container input,
#j-auth-container .input-group-text{ font-size: .8rem !important; }

.j-section { padding-bottom: 30px;  }
.j-section .j-section-title { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: bold; color:#333; border-bottom:1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 15px; }

.CartTable { border-collapse: collapse; }
.CartTable th { padding: 8px 0; color: #303030; }
.CartTable td { border:1px solid #ededed; vertical-align: middle; padding: 15px; text-align: center; }
.CartTable td.Top { vertical-align: top;}
.CartTable td.no-padding { padding: 0; }
.CartTable td.Thumbnail { width:80px; height: 80px; }
.CartTable td.Thumbnail img { width: 100%; }
.CartTable td.ProductInfo { text-align: left; }
.CartTable td.ProductInfo strong,
.CartTable td.ProductInfo span.ProductTitle { margin-bottom: 5px; display: block; }
.CartTable td.ProductInfo strong { color: #262626; font-size: 13px; }
.CartTable td.ProductInfo span.ProductTitle { font-size: 13px; color: #262626; }
.CartTable td.ProductInfo .ProductVariations { font-size:11px; font-style: italic; color: #767676; }
.CartTable td.QuantityColumn { width: 120px; }
.CartTable td .remove-from-cart { border:0; background: transparent; }

.CartTable .CartQuantity { width: 120px; height: 32px; background: #fff; border:1px solid #ededed; line-height: 30px; position: relative; margin: 0 !important; }
.CartTable .CartQuantity .quantity-buttons { width: 30px; height: 30px; position: absolute; top:0; background: #fff; border:0; }
.CartTable .CartQuantity .quantity-buttons:hover { color: #fff;}
.CartTable .CartQuantity .quantity-buttons.plus { right:0; border-left:1px solid #ededed; }
.CartTable .CartQuantity .quantity-buttons.minus { left:0; border-right:1px solid #ededed; }
.CartTable .CartProductPrice { color: #8e8e8e; font-size: 14px; }
.CartTable .CartProductTotal { color: #676767; font-weight: bold; font-size: 14px; }

.j-widget { margin-bottom: 15px; }
.j-widget .j-widget-title { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: bold; color:#333; border-bottom:1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 15px;   }
.CartSummary { font-size: .8rem; }
.CartSummary .SumItem { display: flex; justify-content: space-between; align-items: baseline; flex: 1; padding-bottom: 5px; margin-bottom: 5px; border-bottom:1px solid #e1e1e1; }
.CartSummary .SumItem span { font-weight: bold; font-size: 1rem; }

#StepsBar { background: #e1e1e1; padding: 10px 0; margin-bottom: 15px; text-align: center; }
#Steps { list-style: none; margin: 0; padding: 0; }
#Steps li { display: inline-block; }
#Steps li span:first-of-type { width: 50px; height: 50px; display: inline-block; border-radius: 100%; line-height: 48px; font-size: 1.3rem; }
#Steps li span  { display: block; margin: 5px 60px 0 60px; font-size: .9rem; }
#Steps li.Completed span:first-of-type {  color: #fff; font-weight: bold; }

#j-cart-address .novo-address-item { font-size: .8rem; display: none; }
#j-cart-address .novo-address-item.Show { display: block; }
#j-cart-address .novo-address-item ul { margin: 10px 0; padding: 0; list-style: none; }
#j-cart-address .novo-address-item ul li:before { content: "\00BB"; padding-right: 5px; }

.PaymentMethodTabs { margin-bottom: 15px; font-size: .9rem;  }
.PaymentMethodTabs .nav-link.active {  }

.CreditCardForm .col-form-label { font-size: .9rem !important; }
.j-card-types i { font-size: 1.4rem; color: #0d7ff1; }

.InstallOptions {  }
.InstallOptions strong { padding-bottom: 5px; margin-bottom: 5px; border-bottom:1px solid #e1e1e1; display: block;}
.InstallOptions strong span { display: block; }
.InstallOptions .InstallBox { display: flex; justify-content: space-between; font-size: .8rem; padding: 5px; border-radius: 5px; border:1px solid #e1e1e1; margin-bottom: 5px; cursor: pointer; }
.InstallOptions .InstallBox .InstallText { font-weight: bold; }
.InstallOptions .InstallBox.selected {  color: #fff; }

.hide { display: none !important; }
.show { display: block !important; }

#j-map { width: 100%; height: 350px; }
#j-map iframe { width: 100%; height: 100%; }

.j-contact-row { font-size: .8rem; display: flex; padding: 5px 0; border-bottom:1px solid #e1e1e1; margin-bottom: 5px; }
.j-contact-row strong { width: 150px; }
.j-contact-row span { width: calc(100% - 160px); }
/** Bootstrap Customs */
.dropdown-menu { border-radius: 0; padding: 0; border:1px solid #e1e1e1; font-size: .8rem; }
.dropdown-menu .dropdown-item { padding: 8px 16px; }

.ScrolledContent { max-height: 200px; overflow: auto; font-size: .7rem; }
.ScrolledContent p { margin-bottom: .5rem; }

/* Popup */
.LeonOverlay { width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; z-index: 999999; top:0; left:0; display: none; }
.LeonOverlay.Display { display: block; }
.LeonPopupClose i { width: 36px; border:1px solid #f1f1f1; background: #fff; color: #000; font-size: 24px; padding: 4px; text-align: center; position: absolute; right:9px; top:-18px; cursor: pointer; z-index: 10000; }

/* Alert */
.LeonAlert {
    /*width: 500px;*/
    background: #fff;
    padding: 25px;
    border:5px solid #f3f3f3;
    /*position: fixed;*/
    top:200px;
    /*left:50%;
    margin-left:-250px;*/
    z-index: 10000000;
    text-align: center;
    font-weight: bold;
    color: #ff3d3d;
    font-size: 18px;
    display: none;

    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    min-height: 10em;
    width: 500px;
    max-width: 90%;
}
.LeonAlert.Display { display: block; }

.WhatsappFixed { position: fixed; width: 60px; height: 60px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; bottom:20px; background: #25d366; text-align: center; line-height: 60px; color: #fff; font-size: 32px; z-index: 100; border-bottom:2px solid #128c7e; }
.WhatsappFixed i { height: 60px; line-height: 60px; }
.WhatsappFixed.Right { right:20px; }
.WhatsappFixed.Left { left:20px; }

.OrderTable th { text-align: center; }
.OrderTable td { font-size: .8rem; text-align: center; }

#PromotionalProductsSection {
    padding: 8px 0;
    border:1px solid #ebebeb;
    border-right: 0;
    border-left: 0;
}

#PromotionalProductsSection>strong {
    margin-bottom: 8px;
    display: block;
}

#PromotionalProductsSection ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#PromotionalProductsSection ul li {
    padding: 8px 0;
    border-bottom:1px solid #ebebeb;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

#PromotionalProductsSection ul li:last-of-type {
    padding-bottom: 0;
    border: 0;
}

#PromotionalProductsSection ul li .promotional-product {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 1;
}

#PromotionalProductsSection ul li .promotional-product img {
    padding: 2px;
    border:1px solid #ebebeb
}

#PromotionalProductsSection ul li .promotional-product a {
    color: #494949;
}

#PromotionalProductsSection ul li .promotional-product a:hover {
    text-decoration: underline;
}

#PromotionalProductsSection ul li .promotion-action {
    height: 30px;
    display: flex;
    align-items: center;
    background: #ebebeb;
    white-space: nowrap;
}

#PromotionalProductsSection ul li .promotion-action span {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 8px;
    white-space: nowrap;
}

#PromotionalProductsSection ul li .promotion-action button {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    background: #494949;
    color: #fff;
    font-size: 12px;
    padding: 0 4px;
}

.alerts {
    padding: 5px;
    border-radius: 3px;
    border:1px solid;
    margin: 5px 0;
    text-align: center;
    font-weight: bold;
}

.alerts.full { width: 100% !important; }
.alerts.warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.alerts.danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alerts.success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.j-slide-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    text-align: center;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    line-height: 1.1;
    padding: 30px;
    background-color: rgba(255, 240, 240, .6);
    border-radius: 3px;
    width: auto;
}

.j-slide-text-container .j-slide-text-2 {
    font-size: 1.75rem;
    font-weight: normal;
    color: #111;
}

.j-slide-text-container.topright {
    top:30px;
    right:30px;
    bottom: initial;
    left:initial;
    transform: initial;
    text-align: right;
}
.j-slide-text-container.topleft {
    top:30px;
    left:30px;
    bottom: initial;
    right:initial;
    transform: initial;
    text-align: left;
}
.j-slide-text-container.bottomright {
    bottom:30px;
    right:30px;
    left:initial;
    top: initial;
    transform: initial;
    text-align: right;
}
.j-slide-text-container.bottomleft {
    bottom:30px;
    left:30px;
    right:initial;
    top: initial;
    transform: initial;
    text-align: left;
}

#userDropdown { cursor: pointer; }

/** RESPONSIVE */
@media only screen and (max-width: 600px) {
    #j-top { position: relative; z-index: 130;  border-bottom: 0; }
    #j-top .dropdown,
    #j-top .dropdown li,
    #j-top .dropdown li a{ color: #fff; }
    .j-logo { position: relative; z-index: 120; }
    .j-logo img { height: 50px; }
    .j-menu-toggle { height: 40px; line-height: 40px; text-align: center; width: 50px; border-radius: 5px; background-color: #fff; font-size: 1.2rem; position: relative; z-index: 120; }

    #j-header-navigation { position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: #fff; z-index: 110; padding-top: 170px; line-height: 60px; overflow-y: auto; overflow-x: hidden; display: none; }
    #j-header-navigation.show { display: block !important; }
    #j-header-navigation > ul { position: relative; }
    #j-header-navigation ul > li { display: block; text-align: left; font-size: 1rem; position: initial; }
    #j-header-navigation ul > li.HasChild > a:after { display: none; }
    #j-header-navigation ul > li.HasChild:after { content: '\f0da'; font-family: 'Font Awesome 5 Free'; padding-left: 5px; font-weight: bold; position: absolute; right: 15px; }

    #j-header-navigation ul > li.HasChild > ul { visibility: visible; top:0; left:initial; right: -500px; opacity: 1; transform: initial; height: calc(100vh - 170px); border:0; }
    #j-header-navigation ul > li.HasChild > ul.appear { right: 0; }

    .j-mobile-back { position: absolute; top: 140px; right: 15px; z-index: 140; border:1px solid #e1e1e1; }
    .j-mobile-back.show { display: block !important; }

    .slick-dots { display: none; }

    #j-hero { height: auto !important; }

    #j-product-image-thumbnails { display: none; }

    #j-product-buttons { flex-direction: column; justify-content: center; }
    .j-button-group { text-align: center; }
    .j-button-group button { margin-top: 15px !important; }

    #j-product-badges { overflow-x: scroll; }

    #j-product-tabs .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }

    .j-showcase .nav .nav-item a,
    #j-product-tabs .nav .nav-item a { white-space: nowrap; }

    #product-tab-description { overflow: hidden; }
    #product-tab-description img { max-width: 100%; height: auto !important; }

    .modal-body  img { max-width: 100%; height: auto !important;  }

    #j-footer .FooterSocial li,
    #j-footer .FooterSocial { text-align: center !important; }

    #j-footer .FooterMenu { width: 50% !important; }

    .j-showcase-title { height: auto !important; line-height: initial !important; }

    #j_user_nav li a { color: #fff; }
    #j_user_nav li .dropdown a { color: #494949; }

    #j-home-banners .container {
        overflow-x: auto;
    }

    #j-home-banners .row.equal {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start !important;
    }

    #j-home-banners .col-md-4 {
        flex: 0 0 auto;
        max-width: 200px;
    }

    .j-home-banners .Widget .WidgetTitle,
    #j-home-banners .Widget .WidgetTitle {
        font-size: 1rem;
        padding: 5px;
    }

    .j-showcase .nav .nav-item a {
        font-size: 1rem;
        height: 60px;
        line-height: 59px;
        padding: 0 15px;
    }

    .j-showcase .nav .nav-item a:after {
        top: 25px;
        right: -4px;
    }

    .j-showcase .j-showcase-title span:after,
    .j-showcase .j-showcase-title span:before {
        top: 25px;
    }

    .j-showcase .nav { flex-wrap: nowrap !important; overflow-x: auto; justify-content: start !important; }

    .ProductBox .ProductThumbnail {
        height: auto;
    }

    .j-showcase .j-showcase-title {
        font-size: 1rem;
        height: 60px !important;
        line-height: 59px !important;
    }

    #j-slider .slick-dots li button,
    #j-slider .slick-dots li button:after { width: 11px; height: 11px; }

    #j-slider .slick-dots {
        bottom: 10px !important;
    }

    #j-inline-header h1 {
        font-size: 1.5rem;
    }

    #j-listing-sidebar {
        display: none;
    }

    #j-listing-toolbar {
        flex-direction: column;
    }

    .j-slide-text-container {
        font-size: 1.1rem;
        padding: 10px;
    }

    .j-slide-text-container .j-slide-text-2 {
        font-size: .8rem;
    }

    #j-slider .j-slide-item img {
        height: 200px !important;
        width: initial;
        min-width: 100% !important;
    }

    .j-slide-text-container.topright {
        top: 10px;
        right: 10px;
    }
    .j-slide-text-container.topleft {
        top: 10px;
        left: 10px;
    }
    .j-slide-text-container.bottomright {
        bottom: 10px;
        right: 10px;
    }
    .j-slide-text-container.bottomleft {
        bottom: 10px;
        left: 10px;
    }
}