html[lang="ar"] .swiper-prev
{
left: 0 !important ;
position:            absolute;
}
html[lang="ar"] .swiper-next
{
position:            absolute;
right: 0;
}

.box-title
{
margin-right:            1px;
margin-bottom: 1px;
cursor:            pointer;
}

.box-title.passive
{
cursor:            default;
}
#productAddAll
{
height:            30px;
line-height: 30px;
}

.showcase
{
height:            0;
overflow: hidden;
}

.showcase.current
{
height:            auto;
overflow: visible;
}

.productItem .box-border
{
transition: border-color .5s, box-shadow .5s;
}

.productItem:hover .box-border
{
border-color:            #d5d5d5;
box-shadow: 0 0 10px 0 rgba(40, 40, 40, .3);
}
[data-layout="horizontal"] .productItem
{
position:            relative;
}
[data-layout="horizontal"] .productItem.col-3
{
padding-left:            0;
padding-right: 0;
}
[data-layout="horizontal"] .productItem.col-3:nth-child(2n)
{
border-right:            0;
}
[data-layout="horizontal"] .productItem.col-3:nth-child(2n+1)
{
clear:            both;
}

.productListItem
{
position:            relative;
}

.resim-vitrin .col-1:nth-child(12n+1)
{
clear:            both;
}
[data-layout="horizontal"] .productItem>.row
{
margin-left:            0;
margin-right: 0;
clear:            none;
float: left;
}

.productColItem
{
background:            #fff;
border-bottom: 1px solid #d9d9d9;
}

.productColItem:last-child, .carousel .productColItem
{
border-bottom:            0;
}

.productColListItem
{
background:            #fff;
position: relative;
}
#colNewsSlide .productColListItem
{
min-height:            100px;
}

.image-wrapper
{
position:            relative;
width: 100%;
overflow:            hidden;
}
[data-layout="horizontal"] .image-wrapper
{
border-bottom:            0;
}

.imgInner
{
position:            absolute;
width: 100%;
height: 100%;
top:            0;
left: 0;
text-align:            center;
display: flex;
align-items:            center;
}

.image-wrapper img
{
max-width: 100%;
max-height: 100%;
margin:            0 auto;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function:            ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function:            ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-ms-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
}

.image-wrapper img.lazy
{
position:            absolute;
top: 50%;
left: 50%;
width:            64px;
height: 64px;
margin-top:            -32px;
margin-left: -32px;
}

.image-wrapper.flip img.stImage
{
visibility:            visible;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}

.image-wrapper:not(.flip) img.ndImage
{
opacity:            0;
}

.image-wrapper.flip img.ndImage
{
visibility:            hidden;
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
}

.productItem.zoom:hover .image-wrapper img
{
-webkit-transition:            all 150ms ease-in;
-webkit-transform: scale(1.1);
-ms-transition:            all 150ms ease-in;
-ms-transform: scale(1.1);
-moz-transition:            all 150ms ease-in;
-moz-transform: scale(1.1);
transition:            all 150ms ease-in;
transform: scale(1.1);
}

.productItem:hover .imgGallery:not(.flip) img.active
{
opacity:            0;
}

.productItem:hover .imgGallery:not(.flip) img.ndImage
{
opacity:            1;
}

.productItem:hover .imgGallery.flip img.stImage
{
visibility:            hidden;
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg);
-webkit-transition-delay:            0s;
-moz-transition-delay: 0s;
-ms-transition-delay:            0s;
-o-transition-delay: 0s;
transition-delay:            0s;
}

.productItem:hover .imgGallery.flip img.ndImage
{
visibility:            visible;
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}

.icon-cargo
{
position:            absolute;
bottom: 30px;
right:            0;
width: 84px;
height:            30px;
background: url('cargoIcon.png') no-repeat center center;
z-index:            1;
}
[dir="rtl"] .icon-cargo
{
right:            auto;
left: 10px;
}

.out-of-stock
{
top: calc(50% - 15px);
right:            10px;
left: 10px;
line-height:            30px;
color: #fff;
font-size:            14px;
z-index: 3;
}

.productListItem .out-of-stock
{
line-height:            25px;
font-size: 12px;
}

.productListItem .icon-cargo, .resim-vitrin .icon-cargo
{
bottom:            0;
}

.image-band
{
position:            absolute;
left: 0;
bottom:            0;
line-height: 20px;
font-size:            14px;
color: #fff;
padding-top:            5px;
padding-bottom: 5px;
background: rgba(0, 0, 0, .7);
}
#campaign-products[data-layout="horizontal"] .campaign-band
{
right:            0;
bottom: 10px;
left:            10px;
width: auto;
}

.campaign-text
{
padding-right:            5px;
padding-left: 20px;
}

.productCmpItem .campaign-text
{
display:            none;
}

.timer-block
{
padding-right:            5px;
}

.productCmpItem .timer-block
{
width: 100%;
padding-top:            4px;
padding-bottom: 4px;
}

.timer-value
{
height:            20px;
padding-right: 4px;
padding-left:            4px;
margin-right: 4px;
background:            #000;
border: 1px solid #fff;
box-sizing:            border-box;
}
[dir="rtl"] .timer-value
{
margin-right:            0;
margin-left: 4px;
}

.detailWrapper
{
position:            absolute;
top: 0;
right:            10px;
width: calc(66.66666667% - 20px);
height: 100%;
}
#campaign-products[data-layout="horizontal"] .detailWrapper
{
width: calc(83.33333333% - 20px);
}

.productDetails
{
position:            relative;
}

.detailWrapper .productDetails
{
position:            absolute;
top: 0;
bottom:            0;
}

.productListDetails
{
position:            absolute;
top: 10px;
right:            0;
bottom: 10px;
display:            flex;
align-items: center;
}
[dir="rtl"] .productListDetails
{
right:            auto;
left: 0;
}
/*.contentWrapper:not(#oneCol) .productListDetails .productInfo
{
width:30%;
}
*/
.productListDetails .productInfo a
{
white-space:            nowrap;
text-overflow: ellipsis;
overflow:            hidden;
}

.product-hover-wrap
{
padding-bottom:            41px;
}

.proRowName
{
padding-top:            5px;
padding-bottom: 5px;
}

.comparisonItem .productDetails
{
border-right:            0;
}

.productColItem .productDetails, [data-layout="horizontal"] .productItem .productDetails
{
border-right: 0
}

.productColItem .productDetails
{
padding-bottom:            90px;
}

.variantOverlay
{
position:            fixed;
top: 0;
left:            0;
bottom: 0;
right:            0;
background: rgba(0, 0, 0, .7);
z-index:            999;
display: none;
}

.variantWrapper
{
position:            relative;
}

.error .variantWrapper
{
z-index:            9999;
}

.productOption
{
position:            relative;
min-height: 20px;
padding-bottom:            5px;
}

.productListItem .productOption
{
padding-top:            5px;
padding-bottom: 0;
}

.optionBox
{
width: 100%;
box-sizing:            border-box;
}

.optionBox a, .optionBox select
{
float:            left;
min-width: 25px;
height:            25px;
border: 1px solid #ececec;
padding-right:            5px;
padding-left: 5px;
box-sizing:            border-box;
cursor: pointer;
}
[dir="rtl"] .optionBox a, [dir="rtl"] .optionBox select
{
float:            right;
margin-right: 0;
margin-left:            5px;
}

.optionBox a
{
margin-right:            5px;
margin-bottom: 5px;
}

.optionBox a.selected
{
border:            1px solid #5b5b5b;
}

.optionBox a.passive
{
background:            #d2d2d2;
text-decoration: line-through;
color:            #f10a41;
}

.optionBox a p, #footer .optionBox a p
{
float:            left;
width: 100%;
height:            20px;
line-height: 18px;
text-align:            center;
font-size: 11px;
color:            #000;
}

.optionBox a.selected p
{
font-weight:            700;
}

.optionBox select
{
width: 100%;
line-height:            23px;
font-size: 11px;
color:            #000;
text-transform: uppercase;
appearance:            none;
-moz-appearance: none;
-webkit-appearance:            none;
}

.productListItem .optionBox select
{
margin-right:            0;
margin-bottom: 0;
}
[dir="rtl"] .optionBox select+i
{
right:            auto;
left: 0;
}
[dir="rtl"] .optionBox select+i:before
{
margin-right:            0;
margin-left: 8px;
}

.productAttr
{
padding-top:            7px;
}

.productListItem .productAttr
{
padding-top:            0;
}

.productBrand
{
line-height:            20px;
font-size: 13px;
color:            #797979;
font-weight: 700;
text-transform:            uppercase;
}

.productListItem .productBrand
{
}

.productColListItem .productBrand
{
line-height:            15px;
font-size: 13px;
}

.productDescription
{
line-height:            14px;
font-size: 12px;
color:            #000;
word-break: break-all;
}

.productListItem .productDescription
{
margin-top:            10px;
max-width: 400px;
}

.productColListItem .productDescription, .productColItemTp .productDescription
{
line-height:            15px;
font-size: 12px;
}

.productColItemTp .productDescription
{
text-align:            center;
}

.proRowAct
{
position:            absolute;
bottom: 0;
left:            0;
}
#campaign-products[data-layout="horizontal"] .proRowAct
{
bottom:            40px;
}

.karsilastirma
{
position:            absolute;
visibility: hidden;
}

.btnShare
{
background:            #072887;
color: #ffffff;
}

.productBtn
{
margin-left:            5px;
box-sizing: border-box;
cursor:            pointer;
}
[dir="rtl"] .productBtn
{
margin-right:            5px;
margin-left: 0;
}

.productColItem .productBtn
{
float:            none;
display: inline-block;
margin-right:            5px;
margin-left: 5px;
vertical-align:            middle;
}

.productColItem:last-child .mb
{
margin-bottom:            0;
}

.productColItem:last-child .line-bottom
{
border-bottom:            0;
}

.productPrice
{
height:            30px;
line-height: 30px;
}

.productColItem .productPrice
{
padding-bottom:            7px;
padding-left: 0;
}
[dir="rtl"] .productColItem .productPrice
{
padding-right:            0;
}

.productColListItem .productPrice, .productColItemTp .productPrice
{
width: 100%;
line-height:            14px;
padding-top: 0;
padding-right:            0;
padding-bottom: 10px;
}

.productColItemTp .productPrice
{
height:            24px;
line-height: 12px;
}

.productPrice.discount
{
position:            relative;
padding-right: 67px;
}

.mainControl
{
position:            absolute;
width: auto;
height:            0;
top: 0;
left:            auto;
right: 0;
margin-left:            auto;
margin-top: -50px;
z-index:            33;
}
#oneCol .mainControl
{
width:            1260px;
top: 50%;
left: 50%;
right:            auto;
margin-top: -21px;
margin-left:            -630px;
}

.mainControl span
{
width:            50px;
height: 50px;
cursor:            pointer;
background-color: #d6d6d6;
border-left:            1px solid #ececec;
}
#oneCol .mainControl span
{
width:            18px;
height: 42px;
background-color:            transparent;
border-left: 0;
}

.colControl
{
position:            absolute;
top: 50%;
right:            10px;
left: 10px;
width:            auto;
height: 0;
margin-top:            -15px;
}

.colControl span
{
position:            absolute;
width: 10px;
height:            30px;
cursor: pointer;
}

.colBottomControl span
{
width:            30px;
height: 30px;
font-size:            9px;
opacity: 0.5;
cursor:            pointer;
}

.colBottomControlLine
{
width:            80px;
height: 30px;
margin-left:            auto;
margin-right: auto;
padding-left:            10px;
padding-right: 10px;
background:            #fff;
}

.colBottomControl span:hover
{
opacity:            1;
}
#complementControl
{
width: calc(100% - 10px);
left:            5px;
}
/*hi*/
div#navigasyon + .vitrin-slide .block-title
{
margin-top:            0;
}

.block-title
{
line-height:            normal;
color: #191919;
font-size:            35px;
font-weight: 600;
margin-top:            50px;
margin-bottom: 25px;
}

.block-title-small
{
font-size:            23px;
font-weight: 600;
}

.interactive-slider
{
margin-bottom:            50px;
}

.interactive-slider img
{
display:            block;
}
div .swiper-button-prev:after, div .swiper-button-next:after
{
display:            none;
}
div .swiper-button-prev, div .swiper-button-next
{
width:            35px;
height: 35px;
background-repeat:            no-repeat;
background-position: center;
background-size: 100%;
}
div .swiper-button-prev
{
background-image: url("/Data/EditorFiles/ka-files/icon-prev.svg");
}
div .swiper-button-next
{
background-image: url("/Data/EditorFiles/ka-files/icon-next.svg");
}
div .swiper-button-prev, div .swiper-container-rtl .swiper-button-next
{
left:            27px;
}
div.swiper-button-next, div .swiper-container-rtl .swiper-button-prev
{
right:            27px;
}
div .swiper-pagination
{
position:            relative;
z-index: 1;
margin:            20px 0;
}
div .swiper-pagination-bullet
{
width:            12px;
height: 12px;
background:            #ececec;
opacity: 1;
border-radius:            12px;
margin: 0 5px;
}
div .swiper-pagination-bullet-active
{
background: var(--color4);
border:            0;
}
div .swiper-container-horizontal>.swiper-pagination-bullets
{
bottom:            auto;
}

.swiper-arrow
{
display:            flex;
align-items: center;
justify-content:            space-between;
position: absolute;
left:            0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index:            6;
height: 0;
}

.swiper-arrow div
{
width:            35px;
height: 35px;
background-repeat:            no-repeat;
background-size: 100%;
background-position:            center;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 100%;
cursor:            pointer;
}

.swiper-arrow div.swiper-prev
{
}

.swiper-arrow div.swiper-next
{
}

.swiper-arrow div img
{
width:            35px;
height: 35px;
}

.swiper-arrow div:after
{
display:            none;
}

.swiper-arrow div.swiper-button-prev
{
background-image: url(/Data/EditorFiles/ka-files/icon-prev.svg);
left:            -50px;
}

.swiper-arrow div.swiper-button-next
{
background-image: url(/Data/EditorFiles/ka-files/icon-next.svg);
right:            -50px;
}

.circle-banner
{
margin-bottom:            50px;
}

.circle-banner .item
{
}

.circle-banner .item .image
{
/*background: linear-gradient(65deg, hsl(71deg 42% 53%) 0%, #a8ba55 35%, hsl(329deg 64% 65%) 100%); */
/*padding:           4px; */
/*border-radius: 100%; */
margin-bottom:            20px;
}

.circle-banner .item .image img
{
/*border:           8px solid #fff; */
/*border-radius: 100%; */
display:            block;
}

.circle-banner .item a
{
text-align:            center;
display: block;
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
}

.circle-banner .item a:hover
{
color: var(--color4);
}

.circle-banner .swiper-arrow
{
transform: translateY(-20px);
}

.circle-banner .swiper-arrow div.swiper-prev
{
transform: translateX(-50px);
}

.circle-banner .swiper-arrow div.swiper-next
{
transform: translateX(50px);
}

.html-banner
{
}

.html-banner-1
{
}

.html-banner-1 .item
{
position:            relative;
margin-bottom: 20px;
overflow:            hidden;
border-radius: 10px;
}

.html-banner-1 .item a::before
{
content:            "";
position: absolute;
z-index:            1;
background-color: rgba(0, 0, 0, 0.4);
left:            0;
right: 0;
top:            0;
bottom: 0;
opacity:            0;
transition: .4s;
}

.html-banner-1 .item:hover a::before
{
opacity:            1;
}

.html-banner-1 .item img
{
display:            block;
position: relative;
z-index:            0;
}

.html-banner-1 .item .text
{
position:            absolute;
z-index: 2;
left:            0;
right: 0;
top:            auto;
bottom: 0;
display:            flex;
align-items: center;
justify-content:            space-between;
padding: 0 20px 20px;
}

.html-banner-1 .item .text .title
{
color:            #ffffff;
font-size: 30px;
font-weight:            400;
font-family: var(--font2);
}

.html-banner-1 .item .text a
{
width:            120px;
min-width: 120px;
height:            40px;
border-radius: 35px;
background-color:            #fff;
display: grid;
place-content:            center;
line-height: normal;
color:            #191919;
font-size: 15px;
font-weight:            400;
margin-left: 15px;
}

.html-banner-two
{
margin-bottom:            30px;
}

.countdown-container
{
position:            absolute;
z-index: 3;
left:            0;
right: 0;
top:            0;
bottom: auto;
display:            flex;
align-items: center;
justify-content:            space-between;
padding: 20px;
}

.countdown-container:before
{
content:            "";
position: absolute;
left:            0;
right: 0;
top:            0;
bottom: 0;
z-index:            0;
background-image: linear-gradient(180deg, #023fb0 0%, #0c0d59 100%);
opacity: 0.4;
}

.countdown-container .title
{
line-height:            normal;
color: #ffffff;
font-size:            18px;
font-weight: 600;
position:            relative;
z-index: 1;
}

.countdown-container .countdown-wrapper
{
position:            relative;
z-index: 1;
display:            flex;
align-items: center;
justify-content:            center;
}

.countdown-container .countdown-wrapper>span
{
display:            flex;
flex-direction: column;
align-items:            center;
justify-content: center;
width:            49px;
height: 45px;
border-radius:            10px;
border: 2px solid #f0f0f0;
background-color:            #f0f0f0;
line-height: normal;
color:            #a1a1a1;
font-size: 12px;
font-weight:            400;
position: relative;
padding-bottom:            2px;
}

.countdown-container .countdown-wrapper>span:not(:last-child)
{
margin-right:            10px;
}

.countdown-container .countdown-wrapper>span:not(:last-child):after
{
content: ":";
position:            absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
line-height:            normal;
color: #191919;
font-size:            20px;
font-weight: 400;
}

.countdown-container .countdown-wrapper>span>span
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 700;
background-color:            aliceblue;
width: 100%;
height: 100%;
display:            flex;
align-items: center;
justify-content:            center;
border-radius: 10px 10px 0 0;
}

.three-slider-banner
{
}

.three-slider-banner .swiper-slide
{
}

.three-slider-banner .swiper-slide:nth-child(3n+1) .item
{
background-color:            #beddcd;
}

.three-slider-banner .swiper-slide:nth-child(3n+2) .item
{
background-color:            #efe9f4;
}

.three-slider-banner .swiper-slide:nth-child(3n+3) .item
{
background-color:            #ffe9db;
}

.three-slider-banner .swiper-slide .item
{
border-radius:            10px;
overflow: hidden;
padding:            30px;
}

.three-slider-banner .swiper-slide .item .text
{
display:            flex;
align-items: center;
flex-direction:            column;
justify-content: center;
text-align:            center;
}

.three-slider-banner .swiper-slide .item .text span
{
line-height:            18px;
color: #191919;
font-size:            18px;
font-weight: 400;
}

.three-slider-banner .swiper-slide .item .text h3
{
line-height:            30px;
color: #191919;
font-size:            30px;
font-weight: 700;
font-family: var(--font2);
margin:            10px 0;
}

.three-slider-banner .swiper-slide .item .text a
{
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
text-decoration:            underline;
}

.three-slider-banner .swiper-slide .item .image
{
height:            390px;
display: flex;
align-items:            flex-start;
justify-content: center;
margin-top:            35px;
}

.three-slider-banner .swiper-slide .item .image img
{
display:            block;
max-width: 350px;
max-height: 100%;
}

.three-slider-banner .swiper-arrow div.swiper-prev
{
transform: translateX(-50px);
}

.three-slider-banner .swiper-arrow div.swiper-next
{
transform: translateX(50px);
}

.html-cat
{
}

.html-cat .large-item
{
position:            relative;
overflow: hidden;
border-radius:            8px;
}

.html-cat .large-item img
{
display:            block;
}

.html-cat .large-item .text
{
position:            absolute;
left: 0;
right:            0;
top: auto;
bottom:            0;
padding: 0 15px 50px;
}

.html-cat .large-item .text::before
{
content:            "";
position: absolute;
z-index:            0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.4;
left:            0;
right: 0;
top:            0;
bottom: 0;
}

.html-cat .large-item .text a
{
line-height:            normal;
color: #ffffff;
font-size:            12px;
font-weight: 400;
text-decoration:            underline;
position: relative;
}

.html-cat .large-item .text .title
{
margin:            20px 0 10px;
line-height: normal;
color:            #ffffff;
font-size: 21px;
font-weight:            700;
position: relative;
}

.html-cat .large-item .text .desc
{
position:            relative;
}

.html-cat .large-item .text .desc p
{
padding:            0;
line-height: 1.5;
color:            #fff;
font-size: 13px;
font-weight:            400;
}

.html-cat .item
{
margin-bottom:            20px;
height: 247px;
}

.html-cat .item a
{
display:            flex;
align-items: center;
justify-content:            space-between;
flex-direction: column;
height: 100%;
padding:            20px;
background-color: #fff;
border-radius:            10px;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 1%);
}

.html-cat .item a img
{
max-height:            140px;
}

.html-cat .item a span
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
}
:not(.swiper-slide) .blog-item
{
margin-bottom:            30px;
}

.blog-item
{
background-color:            #fff;
border-radius: 5px;
}

.blog-item img
{
display:            block;
border-radius: 10px 10px 0 0;
height:            190px;
width: 100%;
object-fit:            cover;
}

.blog-item .text
{
padding:            5px 10px 10px;
}

.blog-item .text .title
{
line-height:            normal;
color: #191919;
font-size:            13px;
font-weight: 500;
margin-top:            12px;
white-space: nowrap;
text-overflow:            ellipsis;
overflow: hidden;
}

.blog-item .text .desc
{
margin:            10px 0;
}

.blog-item .text .desc div
{
display:            -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:            vertical;
line-height: 17px;
color:            #a1a1a1;
font-size: 13px;
font-weight:            400;
height: 35px;
overflow:            hidden;
}

.blog-item .text .desc p
{
display:            none;
}

.blog-item .text a
{
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
text-decoration:            underline;
}
#blog .swiper-arrow div.swiper-prev
{
transform: translateX(-50px);
}
#blog .swiper-arrow div.swiper-next
{
transform: translateX(50px);
}

.brands-slider
{
}

.brands-slider .swiper-wrapper
{
padding-top:            25px;
padding-bottom: 25px;
}

.brands-slider .item
{
display:            flex;
align-items: center;
justify-content:            center;
height: 151px;
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
border-radius:            10px;
background-color: #fff;
}

.brands-slider .item img
{
max-height: 90%;
}

.brands-slider .swiper-arrow div.swiper-prev
{
transform: translateX(-50px);
}

.brands-slider .swiper-arrow div.swiper-next
{
transform: translateX(50px);
}

.tabBtns
{
border-bottom:            2px solid #a1a1a1;
margin-bottom: 30px;
margin-top:            8px;
}

.tabBtns>div
{
padding:            0 20px;
}

.tabBtns>div>.btn
{
line-height:            normal;
color: #a1a1a1;
font-size:            18px;
font-weight: 500;
padding:            8px 0;
border-bottom: 3px solid transparent;
margin-bottom:            -2px;
}

.tabBtns>div>.btn.active
{
color: var(--color4);
border-color: var(--color4);
}
/*productItem*/
.productItem:not(.swiper-slide)
{
}

.productItem
{
padding-top:            30px;
padding-bottom: 30px;
border-radius:            10px;
margin-bottom: 40px;
position:            relative;
transition: .4s;
}

.productItem .productItem-inner
{
background:            #fff;
border-radius: 10px;
padding:            10px;
position: relative;
z-index:            2;
}

.productItem .imgInner img
{
border-radius:            10px;
}

.icon-new
{
position:            absolute;
z-index: 2;
right:            10px;
top: 10px;
width:            55px;
height: 55px;
display:            flex;
align-items: center;
justify-content:            center;
flex-direction: column;
color:            #fff;
line-height: normal;
background-color:            #ed1b51;
border-radius: 20px;
}

.icon-new small
{
}

.productDiscount
{
position:            absolute;
z-index: 2;
left:            10px;
top: 10px;
width:            55px;
height: 55px;
display:            flex;
align-items: center;
justify-content:            center;
flex-direction: column;
color:            #fff;
line-height: normal;
background: url(/Data/EditorFiles/ka-files/icon-discount.svg) no-repeat center / 100% 100%;
}

.productDiscount small
{
}

.productItem:hover .productSymbol-1
{
opacity:            0;
visibility: hidden;
right:            -50px;
}

.productItem .productSymbol-1
{
border-radius:            13px;
background-color: #37cee9;
position:            absolute;
right: 10px;
bottom:            30px;
z-index: 2;
line-height:            normal;
color: #fff;
font-size:            13px;
font-weight: 500;
display:            flex;
align-items: center;
padding:            5px 10px;
opacity: 1;
visibility:            visible;
transition: .4s;
}

.productItem .productSymbol-1 img
{
margin-right:            5px;
}

.productItem.swiper-slide .productSymbol-2, .productItem.swiper-slide .discount-basket
{
width: 100%;
}

.productItem .productSymbol-2
{
position:            absolute;
z-index: 1;
left:            0;
right: 0;
top:            0;
bottom: auto;
background-image: var(--bg-image4);
height:            40px;
width: calc(100% - 20px);
margin:            0 auto;
line-height: normal;
color:            #fff;
font-size: 14px;
font-weight:            600;
border-radius: 10px 10px 0 0;
text-align:            center;
padding-top: 8px;
}

.productItem .discount-basket
{
position:            absolute;
z-index: 1;
left:            0;
right: 0;
top:            auto;
bottom: 0;
background-color:     #EE1929;
height:       40px;
width: calc(100% - 20px);
margin:            0 auto;
line-height: normal;
color:            #fff;
font-size: 14px;
font-weight:            600;
border-radius: 0 0 10px 10px;
display:            flex;
align-items: flex-end;
justify-content:            center;
text-align: center;
padding-bottom:            8px;
}

.productItem .listProductBrand
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
min-height:            30px;
display: flex;
align-items:            center;
}

.productItem .listProductName
{
line-height:            20px;
color: #191919;
font-size:            14px;
font-weight: 400;
padding-top:            5px;
display: -webkit-box;
-webkit-box-orient:            vertical;
-webkit-line-clamp: 2;
overflow:            hidden;
min-height: 46px;
}

.productItem .list-bottom
{
padding-top:            20px;
padding-bottom: 10px;
position:            relative;
z-index: 2;
border-radius:            0 0 10px 10px;
box-sizing: content-box;
min-height:            40px;
display: flex;
align-items:            flex-start;
justify-content: center;
flex-direction:            column;
}

.productItem .list-bottom .discountedPrice
{
color:            #a1a1a1;
font-size: 13px;
font-weight:            400;
padding-bottom: 2px;
}

.productItem .list-bottom .discountedPrice+.currentPrice
{
color: var(--main-color);
}

.productItem .list-bottom .currentPrice
{
line-height:            normal;
color: #191919;
font-weight:            600;
font-size: 20px;
}

.productItem:hover .hover-buttons
{
opacity:            1;
visibility: visible;
left:            0;
right: 0;
top:            auto;
bottom: 10px;
}

.productItem .hover-buttons
{
opacity:            0;
visibility: hidden;
z-index:            9;
position: absolute;
left:            0;
right: 0;
top:            auto;
bottom: 0;
display:            flex;
align-items: center;
justify-content:            center;
transition: .4s;
}

.productItem .hover-buttons .listProductFav
{
width:            67px;
height: 41px;
border-radius:            10px;
border: 1px solid #ed1b51;
background-color:            #ffffff;
opacity: 0.73;
display:            flex;
align-items: center;
justify-content:            center;
}

.productItem .hover-buttons .listProductFav.fav-added-btn
{
background-color:            #ed1b51;
opacity: 1;
}

.productItem .hover-buttons .listProductFav.fav-added-btn img
{
filter: brightness(0) invert(1);
}

.productItem .hover-buttons .add2cart
{
width:            67px;
height: 41px;
border-radius:            10px;
display: flex;
align-items:            center;
justify-content: center;
margin-left:            5px;
background: rgba(237, 27, 81, .7);
}

.productItem .hover-buttons .add2cart:hover
{
background: rgba(237, 27, 81, 1);
}
/*productItemFNS*/
#navigasyon
{
}
#navigasyon ul
{
margin:            30px 0;
}
#navigasyon ul li
{
}
#navigasyon ul li a
{
display:            flex;
align-items: center;
font-size:            14px;
color: #a1a1a1;
}
#navigasyon ul li a img
{
margin:            0 15px;
height: 12px;
}
#navigasyon ul li a span
{
}
#navigasyon ul li:last-child a
{
color: var(--main-color);
}
/*filter*/
.filter-append-here.active, .filter-overlay.active
{
opacity:            1;
visibility: visible;
top: calc(100% + 1px);
}

.filter-overlay
{
position:            fixed;
left: 0;
right:            0;
top: 0;
bottom:            0;
z-index: 1;
background-color:            #000000;
opacity: 0.5;
display:            none;
}

.filter-container
{
position:            relative;
z-index: 8;
margin-bottom:            30px;
}

.filter-append-here
{
position:            absolute;
left: 0;
right:            0;
top: calc(100% + 11px);
opacity:            0;
visibility: hidden;
transition: all 0.2s ease;
}

.filter-area
{
display:            flex;
align-items: center;
height:            70px;
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
border-radius:            10px;
background-color: #ffffff;
padding:            0 25px;
}

.filter-area .filter-btn
{
display:            flex;
align-items: center;
cursor:            pointer;
line-height: normal;
color:            #191919;
font-size: 14px;
font-weight:            400;
height: 100%;
}

.filter-area .filter-btn img
{
margin-right:            20px;
}

.filter-area .custom-select
{
height: 100%;
}

.filter-area .custom-select #sort
{
background: url(/Data/EditorFiles/ka-files/icon-sort.svg) no-repeat center left;
cursor:            pointer;
border: 0;
padding-left:            35px;
line-height: normal;
color:            #191919;
font-size: 14px;
font-weight:            400;
appearance: none;
-moz-appearance:            none;
-webkit-appearance: none;
height: 100%;
min-height:            20px;
}

.filter-area .custom-select #sort:focus
{
box-shadow:            none;
}

.filter-area .compare
{
line-height:            normal;
color: #333333;
font-size:            13px;
display: flex;
align-items:            center;
height: 60px;
padding-right:            40px;
margin-right: 30px;
border-right:            2px solid #ededed;
}

.filter-area .compare img
{
margin-right:            10px;
}

.filter-area .right-border
{
position:            relative;
display: flex;
align-items:            center;
}

.filter-area .right-border:after
{
content:            "";
width: 2px;
height: 100%;
background-color:            #f0f0f0;
display: block;
margin:            0 40px;
}

.filter-area .left-border
{
position:            relative;
display: flex;
align-items:            center;
}

.filter-area .left-border:before
{
content:            "";
width: 2px;
height: 100%;
background-color:            #f0f0f0;
display: block;
margin:            0 40px;
}

.custom-checkbox
{
display:            flex;
align-items: center;
cursor:            pointer;
height: 100%;
}

.custom-checkbox .ss
{
font-weight:            normal;
line-height: normal;
color:            #9d9d9d;
font-size: 13px;
}

.custom-checkbox .active+.ss
{
}

.ttl-pro-top
{
margin-left:            auto;
}

.product-grid-main
{
margin-left:            auto;
height: 100%;
}

.grid-changer
{
display:            flex;
align-items: center;
}

.grid-changer .list-view
{
font-size:            12px;
font-weight: normal;
color:            #08090a;
}

.product-grid-main .grid-changer .grid
{
width:            32px;
height: 32px;
display:            flex;
cursor: pointer;
}

.product-grid-main .grid-changer .grid-3
{
display:            flex;
align-items: center;
justify-content:            center;
margin-right: 40px;
position:            relative;
}

.product-grid-main .grid-changer .grid-3:after
{
content:            "";
width: 2px;
height:            30px;
background-color: #f0f0f0;
position:            absolute;
right: -21px;
top:            0;
}

.product-grid-main .grid-changer .grid-4
{
display:            flex;
flex-wrap: wrap;
align-items:            center;
justify-content: space-between;
}

.product-grid-main .grid-changer .grid.active
{
pointer-events:            none;
}

.product-grid-main .grid-changer .grid.active:before
{
color:            #fff;
}

.product-grid-main .grid-changer .grid-3.active span, .product-grid-main .grid-changer .grid-4.active span
{
border-color: var(--main-color);
}

.product-grid-main .grid-changer .grid-3 span
{
width:            30px;
height: 30px;
display:            block;
margin: 0;
border:            2px solid #f0f0f0;
background-color: #fff;
border-radius:            5px;
}

.product-grid-main .grid-changer .grid-4 span
{
width: calc(50% - 2.5px);
height: calc(50% - 2.5px);
display:            block;
margin: 0;
border:            2px solid #f0f0f0;
background-color: #fff;
border-radius:            3px;
}
#filterTpl .pos-r.row.mb.form-control.medium, #filterTpl .icon-garbage, #filterTpl .border-unlimited:before, #filterTpl .border-unlimited:after, #filterTpl span.fl.col-12.with-border.border-unlimited.border-custom-light-gray
{
display:            none;
}
#filterWrapper
{
background-color:            #fff;
border-radius: 10px;
}
#filterWrapper #filterPanel
{
display:            flex;
align-items: flex-start;
justify-content:            space-between;
padding: 30px 15px 0;
}
#filterPanel .filter-group-item
{
max-width:            190px;
}
#filterPanel .col-title
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
margin-bottom:         15px;
}
#filterPanel .col-title i
{
display:            none;
}

.catMenu>li>a
{
}

.catMenu>li>a+ul
{
}

.catMenu>li>a+ul li
{
}

.catMenu>li>a+ul li a
{
color:            #a1a1a1;
font-size: 14px;
font-weight:            400;
display: flex;
align-items:            center;
min-height: 35px;
}

.catMenu>li>a+ul li a.currentCat
{
color: var(--main-color);
}
#filterPanel .form-control.medium
{
display:            none;
}
#filterPanel label.col-text
{
color:            #a1a1a1;
font-size: 14px;
font-weight:            400;
display: flex;
align-items:            center;
min-height: 35px;
line-height:            normal;
}
#filterPanel label.col-text.selected
{
color: var(--main-color);
}
#filterPanel .priceWrap
{
margin-bottom:            20px;
text-align: center;
}
#filterPanel .priceWrap span
{
color:            #191919;
font-size: 14px;
font-weight:            400;
}
#filterPanel .priceWrap span:before
{
content: attr(data-before);
font-family: Arial, Helvetica, sans-serif;
display:            none;
}

.filter-btns
{
display:            flex;
align-items: center;
flex-direction:            column;
justify-content: center;
padding:            30px;
border-top: 2px solid #f0f0f0;
margin-top:            30px;
}

.filter-btns #filterRun
{
background-color: var(--color4);
max-width:            430px;
width: 100%;
height:            50px;
border-radius: 10px;
border:            0;
line-height: normal;
color:            #fff;
font-size: 15px;
font-weight:            500;
display: grid;
place-content:            center;
margin-bottom: 25px;
cursor:            pointer;
}

.filter-btns #filterClear
{
background:            none;
border: 0;
padding:            0;
cursor: pointer;
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
text-decoration:            underline;
}
/*filter-FNS*/
.showcase-html
{
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
border-radius:            10px;
background-color: #fff;
overflow:            hidden;
display: flex;
align-items:            center;
flex-wrap: wrap;
margin-bottom:            30px;
margin-top: 30px;
}

.showcase-html p
{
padding:            0;
}

.showcase-html .text
{
padding-left:            40px;
padding-right: 10px;
}

.showcase-html .text h1
{
line-height:            normal;
color: #191919;
font-size:            30px;
font-weight: 600;
margin-top:            0;
margin-bottom: 10px;
}

.showcase-html .text .desc
{
}

.showcase-html .text .desc p
{
line-height:            17px;
color: #a1a1a1;
font-size:            14px;
font-weight: 400;
}

.showcase-html img
{
display:            flex;
margin-left: auto;
align-items:            center;
}
/*qty*/
.productRow .qtyBtns
{
height:            40px;
}

.qtyBtns
{
display:            flex;
align-items: center;
justify-content:            center;
width: 100%;
height:            60px;
border-radius: 10px;
border:            2px solid #f0f0f0;
background-color: #fff;
overflow:            hidden;
}

.qtyBtns a
{
height: 100%;
}

.qtyBtns a:first-child
{
}

.qtyBtns a:last-child
{
}

.qtyBtns a p
{
font-size:            0;
height: 100%;
display:            grid;
place-content: center;
background-color:            #fff;
}

.qtyBtns a p:before
{
font-size:            0;
line-height: normal;
}

.qtyBtns a p:first-child:before, .qtyBtns a p.icon-minus:before
{
content: url(/Data/EditorFiles/ka-files/icon-minus.svg)
}

.qtyBtns a p.icon-plus:before
{
content: url(/Data/EditorFiles/ka-files/icon-plus.svg)
}

.qtyBtns input
{
line-height:            normal;
color: #191919;
font-size:            13px;
border: 0;
text-align:            center;
border-left: 2px solid #f0f0f0;
border-right:            2px solid #f0f0f0;
height: 100%;
}

.qtyBtns span
{
line-height:            normal;
color: #000000;
font-size:            14px;
width: auto;
}
/*qtyFNS*/
/*memberpage*/
.member-flex
{
display:            flex;
align-items: flex-start;
flex-wrap:            wrap;
}

.member-flex-margin
{
margin-top:            100px;
margin-bottom: 40px;
}

.stretch-block
{
display:            flex;
align-self: stretch;
}

.stretch-block-wrap
{
flex-wrap:            wrap;
}

.member-border, #orderRight > .col.col-12 > .row, #orderLeft > .tab-pane, #customerConfirmList
{
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
border-radius:            10px;
background-color: #ffffff;
padding:            30px 20px;
height: auto;
}
#orderRight > .col.col-12 > .row
{
min-width: 100%;
}
#orderLeft > .tab-pane
{
float:            left;
}
#mainColumn.member-border
{
display:            flex;
flex-wrap: wrap;
align-self:            stretch;
align-content: flex-start;
}
#mainColumn.member-border .member-border
{
padding:            0;
box-shadow: none;
}

.member-page-title
{
line-height:            normal;
color: #191919;
font-size:            35px;
font-weight: 600;
margin-bottom:            25px;
}

.member-or-border
{
border-top:            1px solid #f2f2f2;
padding-top: 30px;
margin-top:            30px;
}

.member-or-register, #member-login-btn, #order-login-btn, #popup-member-login, #uye-kayit-btn
{
display:            flex;
align-items: center;
justify-content:            center;
text-align: center;
background-color: var(--color4);
color:            #fff;
height: 60px;
border-radius:            10px;
font-size: 15px;
font-weight:            500;
margin-bottom: 20px;
}

.member-or-register
{
background-color:            #fff;
border: 2px solid #072887;
color:            #072887;
}
#uye-kayit-btn, #order-login-btn
{
margin:            30px 0 0;
}
div#page-login
{
margin:            100px 0 50px;
}
#leftColumn div#page-login, #mainColumn:not(.col-12) div#page-login
{
margin:            0;
}
a#member-forgot-password
{
/*
text-decoration:                    underline;
*/
font-size:            12px;
}
#member-register
{
font-size:            12px;
}

.login-social
{
display:            flex;
align-items: center;
justify-content:            space-evenly;
margin-top: 25px;
}

.login-social a
{
display:            flex;
align-items: center;
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
}

.login-social a img
{
display:            block;
margin-right: 10px;
}
label.form-item.d-flex
{
align-items:            flex-start;
color: #a6a6a6;
}
label.form-item.d-flex.active
{
color: var(--main-color);
}
label.form-item.d-flex a
{
text-decoration:            underline;
}
#fullname
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 400;
}

.member-login-container
{
padding-top:            50px;
padding-bottom: 50px;
}
#leftColumn .member-link-item
{
height:            60px;
justify-content: flex-start;
padding-left:            20px;
}

.member-link-item
{
height:            120px;
border-radius: 10px;
border:            2px solid #f0f0f0;
background-color: #ffffff;
display:            flex;
align-items: center;
justify-content:            center;
margin-bottom: 20px;
font-weight:            500;
}

.member-link-item img
{
display:            block;
margin-right: 15px;
}
/*memberpageFns*/
/*cart*/
div #orderPageLayer, div #pageOrder > .tab-content
{
background-color:            transparent;
}
div .orderTabs
{
}
div .orderTabs li::before, div .orderTabs .progress, div #pageHeader .pageTitle:before
{
display:            none;
}
#pageOrder > .nav-tabs, #pageHeader
{
margin-bottom:            20px;
}
div #pageOrder > .nav-tabs li
{
padding:            0 10px;
}
div #pageOrder > .nav-tabs li:not(.disabled) a, div #pageOrder > .nav-tabs li.active a, #cartDetail .pageTitle.passed .row
{
background-color: var(--color4);
color:            #fff;
}
div #pageHeader span span.row::before, div #pageOrder > .nav-tabs li a::before
{
margin-right:            20px;
}
#pageHeader span.pageTitle .basket::before, div #pageOrder > .nav-tabs #tabBasket a::before
{
content: url(/Data/EditorFiles/ka-files/icon-cart-cart.svg);
}
div #pageOrder > .nav-tabs #tabAddress:not(.disabled) a::before, div #pageOrder > .nav-tabs #tabPayment:not(.disabled) a::before, div #pageOrder > .nav-tabs #tabApprove:not(.disabled) a::before, div #pageOrder > .nav-tabs li.disabled.active a::before
{
filter: brightness(0) invert(1);
}
div #pageOrder > .nav-tabs #tabAddress a::before, #pageHeader span.pageTitle .address::before
{
content: url(/Data/EditorFiles/ka-files/icon-cart-address.svg);
}
div #pageOrder > .nav-tabs #tabPayment a::before, #pageHeader span.pageTitle .payment::before
{
content: url(/Data/EditorFiles/ka-files/icon-cart-payment.svg);
}
div #pageOrder > .nav-tabs #tabApprove a::before, #pageHeader span.pageTitle .confirm::before
{
content: url(/Data/EditorFiles/ka-files/icon-cart-confirm.svg);
}
div #pageOrder > .nav-tabs li a, #cartDetail .pageTitle .row /* div .pageTitle:not(.accordeon) > .row:not(.mb.address),
div .pageTitle:not(.accordeon) > .row:not(.mb.cargo) */
{
line-height:            normal;
color: #191919;
font-size:            21px;
font-weight: 400;
height:            60px;
display: flex;
align-items:            center;
justify-content: center;
border-radius:            10px;
position: relative;
margin:            0;
background-color: #f0f0f0;
}

.cart-title-main
{
border-bottom:            2px solid #f0f0f0;
margin-bottom: 20px;
}

.cart-title-main > div > div div
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
padding-bottom:            15px;
}

.productRow
{
border-bottom:            2px solid #f0f0f0;
margin-bottom: 20px;
padding-bottom:            20px;
}

.productImg .image-wrapper
{
border-radius:            10px;
border: 2px solid #f0f0f0;
}

.productRow .cart-pro-brand
{
color:            #191919;
font-size: 15px;
font-weight:            500;
}

.productRow .cart-pro-title
{
line-height:            20px;
color: #191919;
font-size:            14px;
font-weight: 400;
padding-right:            30px;
}

.cart-pro-code
{
display:            block;
line-height: normal;
color:            #a1a1a1;
font-size: 14px;
font-weight:            400;
margin-top: 10px;
margin-bottom:            20px;
}

.productRow .basketSubPro
{
display:            flex;
align-items: center;
margin-bottom:            10px;
}

.productRow .basketSubPro span
{
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
display:            flex;
align-items: center;
}

.productRow .basketSubPro span:nth-child(2):before
{
content:            "";
width: 2px;
height:            20px;
border-radius: 35px;
background-color:            #f0f0f0;
display: flex;
margin:            0 20px;
}

.productRow .discountedPrice
{
font-size:            15px;
color: #a1a1a1;
line-height:            normal;
}

.productRow .current-price
{
font-size:            20px;
line-height: normal;
font-weight:            600;
color: var(--color4);
}

.productRow .productPrc
{
}

.productRow .productPrc > span
{
font-size:            17px;
}

.productRow .removeBtn
{
background-image: url(/Data/EditorFiles/ka-files/icon-garbage.svg);
margin-left:            auto;
width: 25px;
height:            25px;
display: flex;
}

.cart-gift-btn
{
display:            flex;
align-items: center;
flex-wrap:            wrap;
}

.HediyeNot
{
}

.HediyeNot .icon-wrapper
{
display:            none;
}

.HediyeNot input + span + span, .note-btns span a > span
{
line-height:            normal;
color: #000000;
font-size:            13px;
font-weight: 400;
height:            30px;
border-radius: 10px;
background:            #f9f9f9;
display: flex;
align-items:            center;
justify-content: center;
padding:            0 10px;
cursor: pointer;
}

.HediyeNot input:checked + span + span, .note-btns span a > .span-2
{
background: #fff url(/Data/EditorFiles/ka-files/icon-checked-circle.svg) no-repeat center right 10px;
border:            1px solid #55ab00;
padding-right: 30px;
}

.note-btns
{
margin:            0;
padding: 0;
display:            flex;
align-items: center;
width:            auto;
}

.note-btns span
{
margin:            0;
padding: 0;
}

.note-btns span a
{
background:            none;
padding: 0;
}

.note-btns span a > span
{
margin-right:            20px;
}

.campaign-item
{
width: 100%;
height:            113px;
margin-bottom: 10px;
border-radius:            10px;
border: 2px solid #f0f0f0;
background-color:            #ffffff;
display: flex;
align-items:            center;
padding: 10px;
}

.campaign-item > div
{
display:            flex;
align-items: center;
width: 100%;
}

.campaign-item .cmp-image
{
width:            60px;
height: 60px;
min-width:            60px;
}

.campaign-item .cmp-image img
{
max-width: 100%;
max-height: 100%;
}

.campaign-item .desc
{
padding:            0 0px;
}

.campaign-item .desc .cmp-title
{
line-height:            normal;
color: #191919;
font-size:            13px;
font-weight: 400;
margin-bottom:            5px;
display: block;
}

.campaign-item .desc .cmp-desc
{
line-height:            normal;
color: #a1a1a1;
font-size:            13px;
font-weight: 400;
display:            -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:            3;
overflow: hidden;
}

.campaign-item .campaign-btn
{
width:            82px;
min-width: 82px;
height:            40px;
border-radius: 10px;
line-height:            normal;
color: #191919;
font-size:            13px;
font-weight: 500;
background-color:            #f0f0f0;
display: grid;
place-content:            center;
}

.campaign-item .campaign-btn.active
{
background-color: var(--color4);
color:            #fff;
}
#basketBtns
{
display:            flex;
align-items: center;
flex-wrap:            wrap;
}
#basketBtns a
{
display:            flex;
align-items: center;
line-height:            normal;
color: #191919;
font-size:            13px;
font-weight: 400;
margin-right:            30px;
}
#basketBtns a img
{
max-height:            15px;
margin-right: 5px;
}
#basketBtns a:last-child
{
margin-right:            0;
}
#basketBtns a:not(:last-child):after
{
content:            "";
}

.discount-coupon
{
}

.discount-coupon .title
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
margin-bottom:            11px;
}

.discount-coupon span
{
position:            relative;
}

.discount-coupon input
{
margin:            0;
width: 100%;
padding-right: 70px!important;
}

.discount-coupon a
{
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 500;
position:            absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}

.discount-coupon a + a
{
color: var(--main-color);
right:            15px;
}

.cart-price-main
{
border-top:            1px solid #f2f2f2;
margin-top: 30px;
padding-top:            15px;
color: #191919;
font-size:            14px;
font-weight: 400;
}
#cart-footer
{
}
#cart-footer p
{
color:            #000;
font-size: 15px;
line-height:            normal;
text-align: center;
}
#cart-footer p b
{
text-decoration:            underline;
font-weight: normal;
}
#cart-footer #addCartBtn, #cart-footer .continue-shopping, div .nextOrder, div .nextOrderWait, div .storeNextStep
{
display:            grid;
place-content: center;
text-align:            center;
color: #fff;
border-radius:            10px;
height: 60px;
margin:            10px 0;
font-size: 15px;
font-weight:            500;
}
div .nextOrder, div .nextOrderWait, div .storeNextStep
{
background-color: var(--color4);
}

.nextOrder.hide, .nextOrderWait.hide
{
display:            none;
}
#cart-footer #addCartBtn
{
background-color: var(--color4);
margin-top:            30px;
}
#cart-footer .continue-shopping
{
background-color: var(--main-color)
}

.cart-warning-text
{
line-height:            17px;
color: #a1a1a1;
font-size:            14px;
font-weight: 400;
display:            block;
margin-top: 20px;
}
#invoiceForm #iu-address
{
display:            flex;
flex-wrap: wrap;
}
div .tab-pane.contentAddress
{
margin-left:            0;
margin-right: 0;
width: 100%;
}

.tab-content div .accordeon.pageTitle.active
{
border-bottom:            1px solid #f0f0f0;
padding-bottom: 25px;
margin-bottom:            15px;
background-position: top 5px right;
background-image: url(/Data/EditorFiles/ka-files/icon-angle-down-2.svg);
}

.tab-content div .accordeon.pageTitle
{
background-image: url(/Data/EditorFiles/ka-files/icon-angle-up-2.svg);
background-color:            transparent;
line-height: normal;
color:            #191919;
font-size: 15px;
font-weight:            500;
border: 0;
}
#orderSummary
{
border:            0;
}
#productListWrap
{
}
#productListWrap ul
{
}
#productListWrap ul li
{
border-radius:            10px;
border: 2px solid #f0f0f0;
background-color:            #ffffff;
display: flex;
align-items:            center;
margin: 10px 0;
}
#productListWrap ul li > div
{
display:            flex;
align-items: center;
}
#productListWrap ul li > div .col-3
{
width: 45%;
}
#productListWrap ul li > div .col-9
{
width: 55%;
}
#productListWrap ul li > div .col-9 .summary-product-name
{
line-height:            normal;
color: #191919;
font-size:            12px;
font-weight: 400;
}
#ulAddressTypeTab
{
display:            flex;
align-items: center;
justify-content:            center;
padding-bottom: 20px;
}
#ulAddressTypeTab li
{
line-height:            normal;
color: var(--main-color);
font-size:            15px;
font-weight: 500;
text-transform:            uppercase;
font-weight: normal;
padding:            0;
height: 35px;
display:            flex;
align-items: center;
text-align:            center;
padding: 0 50px;
margin:            0 10px;
border-radius: 10px;
}
#ulAddressTypeTab li::before
{
margin-right:            10px;
}
#ulAddressTypeTab li::before
{
}
#ulAddressTypeTab li.active::before
{
filter: brightness(0) invert(1);
}
#ulAddressTypeTab li[data-target="#addressTab_list"]::before
{
content: url(/Data/EditorFiles/ka-files/icon-home.svg);
}
#ulAddressTypeTab li[data-target="#addressTab_store"]::before
{
content: url(/Data/EditorFiles/ka-files/icon-store.svg);
}
#ulAddressTypeTab li i
{
display:            none;
}
#ulAddressTypeTab li.active
{
background-color: var(--color4);
color:            #fff;
font-weight: 500;
}
div .pageTitle
{
border:            0;
line-height: normal;
}
div .tab-content .pageTitle > .row.address .btn
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 500;
background:            none;
padding: 0;
}
div .tab-content .pageTitle > .row.address .btn::before
{
content: "+";
margin-right:            6px;
}
div .tab-content .pageTitle > .row.address .btn::after
{
display:            none;
}
div #ulAddressTypeContent
{
border:            0;
}
#addressTab_list .pageTitle
{
margin:            40px 0;
}

.invoiceList
{
}

.invoiceList .addres-box:not(:last-child)
{
margin-bottom:            20px;
}

.invoiceList .addres-box > div
{
border-radius:            10px;
border: 2px solid #f0f0f0;
}

.invoiceList .addres-box > div .addressRow
{
background:            transparent;
border-bottom: 2px solid #f0f0f0;
}

.invoiceList .addres-box > div .addressRow .sp-title
{
line-height:            normal;
color: #191919;
font-size:            14px;
font-weight: 400;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div
{
display:            flex;
align-items: center;
flex-direction:            row-reverse;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div > div
{
padding:            0;
margin-left: 25px;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div > div button
{
border:            0;
padding: 0;
width:            15px;
height: 15px;
cursor:            pointer;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div > div button i
{
display:            none;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div > div:nth-child(1) button
{
background: url(/Data/EditorFiles/ka-files/icon-garbage.svg) no-repeat center;
}

.invoiceList .addres-box > div .addressRow .sp-title+ div > div:nth-child(2) button
{
background: url(/Data/EditorFiles/ka-files/icon-edit.svg) no-repeat center;
}

.invoiceList .addres-box > div .addressInfo
{
border:            0;
}

.invoiceList .addres-box > div .addressInfo .col-7
{
line-height:            17px;
color: #a1a1a1;
font-size:            14px;
font-weight: 400;
}

.invoiceList .addres-box > div .addressInfo .col-5
{
}

.invoiceList .addres-box > div .addressInfo .col-5 .col-sm-8
{
}
div .store-box
{
padding-bottom:            20px;
margin-bottom: 20px;
}

.store-box > .row
{
}

.store-box > .row > .col-3
{
}

.store-box > .row > .col-3 img
{
display:            block;
}

.store-box > .row > .col-9
{
}

.store-box > .row > .col-9 > .row .col-9
{
}

.store-box > .row > .col-9 > .row .col-9 .store-title
{
color:            #191919;
font-size: 15px;
font-weight:            400;
}

.store-box > .row > .col-9 > .row .col-9 .store-table
{
line-height:            normal;
color: #191919;
font-size:            15px;
font-weight: 400;
max-width: 100%;
}

.store-box > .row > .col-9 > .row .col-9 .store-table tr
{
}

.store-box > .row > .col-9 > .row .col-9 .store-table tr td
{
padding:            7px 0;
}

.store-box > .row > .col-9 > .row .col-9 .store-table tr td:first-child
{
padding-right:            15px;
}

.store-box > .row > .col-9 > .row .col-3
{
}

.store-box > .row > .col-9 > .row .col-3 button
{
padding:            0;
line-height: normal;
background:            none;
color: #2a2a58;
font-size:            15px;
font-weight: 400;
text-transform:            uppercase;
min-height: 45px;
margin:            0;
background-color: #f0f0f0;
border-radius:            5px;
}

.store-box > .row > .col-9 > .row .col-3 button:nth-child(1)
{
background: transparent url(/Data/EditorFiles/ka-files/icon-cart-address.svg) no-repeat center top;
padding-top:            40px;
margin-bottom: 10px;
}

.store-box > .row > .col-9 > .row .col-3 button.btn-success
{
border-radius:            5px;
background: #12ba5e url(/Data/EditorFiles/ka-files/icon-check.svg) no-repeat center left 10px;
color:            #fff;
}

.tab-content .pageTitle > .row.cargo, .tab-content .pageTitle > .row.payment
{
line-height:            normal;
color: #000000;
font-size:            15px;
font-weight: 500;
padding:            0;
border-bottom: 1px solid #f0f0f0;
padding-bottom:            15px;
}
div .cargo-list
{
margin-bottom:            50px;
}
div .cargo-list > .row, div #remittanceBankAccountList > li
{
margin-top:            15px;
margin-bottom: 15px;
}
div .cargo-list > .row > label, div #remittanceBankAccountList > li > label
{
border:            0;
padding: 0;
color:            #7d7d7d;
}
div .cargo-list > .row > label.darkBg, div #remittanceBankAccountList > li > label.darkBg
{
color:            #231f20;
}
div #paymentPager
{
margin-bottom:            20px;
border: 0;
margin-top:            10px;
}
div #paymentPager li
{
margin:            0;
border: 0;
width:            140px;
height: 60px;
border-radius:            10px;
border: 1px solid #f0f0f0;
display:            grid;
place-content: center;
font-size:            15px;
cursor: pointer;
margin-bottom:            10px;
}
div #paymentPager li:not(:last-child)
{
margin-right:            10px;
}
div #paymentPager li.active
{
background-color: var(--color4);
color:            #fff;
border-color: var(--color4);
font-weight:            500;
}
div #insOptions
{
}
div #insOptions > div
{
border:            0;
}
div #insOptions > div .row.mb:last-child
{
border-radius:            10px;
overflow: hidden;
border:            1px solid #f0f0f0;
}
div #insOptions > div .row.mb:last-child > div:first-child
{
background-color: var(--color4);
color:            #fff;
font-weight: 500;
}
div #insOptions > div .row.mb:last-child > div
{
background-color:            transparent;
}
div #insOptions > div .row.mb:last-child > div > div
{
height:            70px;
display: flex;
align-items:            center;
}
div #insOptions > div .row.mb:last-child > div > div > div
{
height: 100%;
display:            flex;
align-items: center;
}
div #insOptions > div .row.mb:last-child > div.darkBg
{
background-color:            #f0f0f0;
color: var(--main-color);
}
#customerConfirmList li
{
margin-bottom:            0;
}
#customerConfirmList li label
{
padding:            0;
border: 0;
}

.contentApprove
{
}

.contentApprove .title
{
line-height:            normal;
color: #12ba5e;
font-size:            35px;
font-weight: 600;
text-align:            center;
display: flex;
align-items:            center;
justify-content: center;
margin-bottom:            30px;
}

.contentApprove .title:before
{
content: url(/Data/EditorFiles/ka-files/icon-check-order.svg);
margin-right:            20px;
}

.contentApprove p
{
text-align:            center;
line-height: 17px;
color:            #a1a1a1;
font-size: 14px;
font-weight:            400;
margin-bottom: 10px;
}

.contentApprove p span
{
color:            #191919;
}
div .contentApprove p:last-child a
{
background-color: var(--color4);
border-radius:            10px;
text-transform: capitalize;
float:            none;
display: inline-flex;
align-items:            center;
width: 200px;
height:            60px;
text-align: center;
justify-content:            center;
margin: 30px 0 0;
}
/*cartFNS*/
.contact-main
{
margin:            100px 0;
}

.contact-main .member-border
{
height: 100%;
}

.contact-main #map-canvas
{
border-radius:            10px;
}

.contact-main #c-info
{
margin-top:            30px;
padding: 0;
}

.contact-main #c-info > div
{
display:            flex;
align-items: center;
font-size:            14px;
}

.contact-main #c-info > div:not(:last-child)
{
border-bottom:            2px solid #f0f0f0;
}

.contact-main #c-info > div span
{
padding-left:            25px;
height: 55px;
display:            flex;
align-items: center;
}

.contact-main #c-info > div span:first-child
{
width: 30%;
color: var(--main-color);
border-right:            2px solid #f0f0f0;
}

.contact-main #c-info > div span:last-child
{
color:            #a1a1a1;
}

.contact-main #sendMessage
{
width: 100%;
max-width:            345px;
height: 60px;
border-radius:            10px;
background-color: var(--color4);
display:            inline-flex;
justify-content: center;
align-items:            center;
color: #fff;
font-weight:            500;
font-size: 15px;
border:            0;
margin-top: 30px;
}

.blog-cat
{
display:            flex;
align-items: center;
justify-content:            space-between;
border-bottom: 1px solid #a1a1a1;
margin-top:            30px;
}

.blog-cat .block-title-small
{
white-space:            nowrap;
}

.blog-cat ul
{
display:            flex;
align-items: center;
overflow:            auto;
max-width: 100%;
margin-left:            15px;
}

.blog-cat ul::-webkit-scrollbar
{
height:            5px;
}

.blog-cat ul li:not(:last-child) a:after
{
content: "|";
margin:            0 5px;
}

.blog-cat ul li a
{
line-height:            normal;
color: #a1a1a1;
font-size:            21px;
font-weight: 500;
white-space:            nowrap;
height: 70px;
display:            flex;
align-items: center;
border-bottom:            2px solid transparent;
}

.blog-cat ul li a.active
{
color: var(--color4);
border-color: var(--color4);
}
/*
.blog-detail
{
margin-top:                    100px;
}
*/
.blog-detail .blog-detail-img
{
}

.blog-detail .blog-detail-title
{
line-height:            normal;
color: #191919;
font-size:            35px;
font-weight: 600;
text-align:            center;
margin: 40px 0 0;
}

.blog-detail .date
{
text-align:            center;
line-height: 17px;
color:            #191919;
font-size: 14px;
font-weight:            400;
margin-top: 5px;
}

.blog-detail .desc
{
margin-top:            30px;
}

.blog-detail .desc p
{
line-height:            17px;
color: #191919;
font-size:            14px;
font-weight: 400;
}

.campaign-container
{
}

.campaign-container .campaign-detail
{
border-radius:            10px;
overflow: hidden;
margin-bottom:            20px;
}

.campaign-container .campaign-detail .campaign-image
{
}

.campaign-container .campaign-detail .campaign-image img
{
display:            block;
}

.campaign-container .campaign-detail .campaign-bottom
{
background-color: var(--color4);
display:            flex;
align-items: center;
justify-content:            space-between;
padding: 0 30px;
height:            105px;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-title
{
line-height:            normal;
color: #ffffff;
font-size:            28px;
font-weight: 600;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-btn
{
height:            60px;
border-radius: 7px;
border:            1px solid #fff;
background-color: var(--color4);
display:            grid;
place-content: center;
line-height:            normal;
color: #f4f4f4;
font-size:            18px;
font-weight: 600;
white-space:            nowrap;
padding: 0 10px;
margin-left:            30px;
cursor: pointer;
}

.campaign-container .campaign-detail .campaign-desc
{
display:            none;
}

.pText .campaign-detail
{
max-width:            620px;
}

.pText .campaign-btn
{
display:            none;
}

.campaign-title
{
margin:            15px 0;
font-size: 22px;
font-weight:            700;
color: var(--color4);
}

.campaign-desc
{
}

.campaign-desc p
{
font-size:            16px;
}

.brand-banner
{
margin-bottom:            50px;
}

.brand-banner a
{
display:            flex;
flex-direction: column;
justify-content:            center;
align-items: center;
}

.brand-banner a img
{
}

.brand-banner a strong
{
line-height:            normal;
color: #000000;
font-size:            15px;
font-weight: 600;
margin:            20px 0;
}

.brand-banner a span
{
line-height:            normal;
color: #000000;
font-size:            15px;
font-weight: 400;
text-decoration:            underline;
}
#orderTotal, .cart-price-main .row:last-child
{
color: var(--color2);
font-weight:            500;
}

.listToCart, .addSelected, .newAddress, button[id*="edit"], #changePassword
{
background-color: var(--color4);
}
/*a.removeBasketProduct.removeBtn.delete
{
*/
/*    background: url(/Data/EditorFiles/ka-files/icon-close.svg);*/
/*
}
*/
.shoppingProducts a[onclick*="window.print"]
{
display:            none;
}
/*
.listToCart
{
color:                   #fff;
}
*/
div .pageTitle select
{
margin-bottom:            0;
}

.member-flex .pageTitle, .member-flex .pageTitle > .row
{
display:            flex;
align-items: center;
justify-content:            space-between;
background-color: transparent;
border:            0;
}

.member-flex div#myCampaign
{
margin:            0;
width: 100%;
}
button#showBtnx
{
height:            60px;
background-color: #072887;
}

.tab-content .pageTitle > .row.address
{
padding-left:            0;
}

.box.col-12.p-bottom.addres-box
{
padding-top:            0;
margin-top: 14px;
}
button.deleteAddress, .order-list-container .col-1 a.btn.btn-small.btn-custom-gray.text-center
{
background-color: var(--color2);
}
#page-points div .pageTitle
{
display:            flex;
align-items: center;
flex-wrap:            wrap;
}

.content-menu-main, .content-content-main
{
background-color:            #fff;
border-radius: 15px;
padding:            30px;
margin: 30px 0;
}
#memberOrders i.icon-cart.text-custom-pink
{
display:            none;
}

.order-list-container a.btn.col-12.btn-small.btn-custom-pink.text-center, button.btn.btn-warning.btn-medium.col-12.text-center
{
padding-left:            0;
padding-right: 0;
font-size:            12px;
}

.oldOrderBtn
{
margin-left:            10px;
}

.a-center.pageTitle i
{
display:            none;
}

.pageTitle .row.mb.lightBg.member
{
display:            flex;
align-items: center;
justify-content:            space-between;
padding: 0 10px;
}

.pageTitle .row.mb.lightBg.member .box.fr
{
margin-left:            auto;
padding: 0;
}

.quantitySection a.btn.btn-default.cart.col-12.listToCart
{
color:            #fff;
text-align: center;
}
#alis-veris-listem .row.mb.lightBg.basket
{
display:            flex;
align-items: center;
justify-content:            space-between;
padding: 10px;
}
#alis-veris-listem .row.mb.lightBg.basket #liste-kategori
{
margin-left:            auto;
padding: 0;
}
ul#ug-login-type
{
display:            flex;
align-items: center;
justify-content:            space-between;
margin-bottom: 18px;
margin-left:            -15px;
margin-right: -15px;
}
ul#ug-login-type li.active label
{
color:            #fff;
}
ul#ug-login-type li
{
width: 48%;
}

.d-none-import
{
display: none !important;
}
div .Mlist h3
{
background:            #f1f0ec;
line-height: normal;
width: calc(100% - 100px);
height:            60px;
display: flex;
align-items:            center;
padding: 0 10px;
font-size: 1.0625rem;
}
div .Mlist h3.selected
{
background:            #f1f0ec;
}
div .Mlist ul
{
counter-reset:            my-awesome-counter;
}
div .Mlist li
{
counter-increment:            my-awesome-counter;
display: flex;
align-items:            flex-start;
flex-wrap: wrap;
width: 100%;
cursor:            pointer;
margin-bottom: 10px;
}
div .Mlist li:before
{
content: counter(my-awesome-counter);
width:            100px;
height: 60px;
display:            grid;
place-content: center;
background-color:            #072887;
color: #fff;
font-weight:            600;
font-size: 1.5rem;
}
div .Mlist ul li .aciklama
{
width: 100%;
}
div .Mlist ul li .aciklama .aciklamaIcerik
{
margin:            0;
width: 100%;
border:            0;
height: 100%;
padding-top:            30px;
padding-bottom: 10px;
padding-left:            110px;
font-size: .9375rem;
color:            #616161;
}
#orderReturnForm.middleItem
{
overflow-x:            visible;
}

.brand-letters
{
display:            flex;
align-items: center;
justify-content:            space-between;
border: 3px solid #fff;
border-radius:            10px;
white-space: nowrap;
}

.brand-item-name
{
border-radius:            10px;
}
@media (min-width: 1366px) and (max-width:1919px)
{
}
@media (max-width: 1365px)
{
.circle-banner .swiper-arrow div.swiper-prev, .brands-slider .swiper-arrow div.swiper-prev, #blog .swiper-arrow div.swiper-prev, .three-slider-banner .swiper-arrow div.swiper-prev
{
transform: translateX(-20px);
}

.circle-banner .swiper-arrow div.swiper-next, .brands-slider .swiper-arrow div.swiper-next, #blog .swiper-arrow div.swiper-next, .three-slider-banner .swiper-arrow div.swiper-next
{
transform: translateX(20px);
}

.swiper-arrow div.swiper-button-next
{
right:            -10px;
}

.swiper-arrow div.swiper-button-prev
{
left:            -10px;
}

.html-cat .item
{
margin-bottom:            10px;
height: 210px;
}

.html-banner-1 .item .text .title
{
font-size:            24px;
}

.three-slider-banner .swiper-slide .item
{
padding:            15px 5px;
}

.three-slider-banner .swiper-slide .item .text h3
{
font-size:            24px;
}

.three-slider-banner .swiper-slide .item .image
{
height:            300px;
}

.three-slider-banner .swiper-slide .item .image img
{
max-width: 100%;
max-height: 100%;
}

.countdown-container .title
{
font-size:            16px;
}

.tabBtns>div
{
padding:            0 10px;
}

.tabBtns>div>.btn
{
font-size:            16px;
}

.filter-area .left-border:before
{
width:            1px;
margin: 0 10px;
}

.block-title
{
font-size:            30px;
margin-top: 40px;
}

.productItem
{
margin-bottom:            20px;
}

.productItem .productSymbol-1, .productItem .productSymbol-2, .productItem .discount-basket, .productDiscount, .icon-new, .catMenu>li>a+ul li a, #filterPanel label.col-text
{
font-size:            12px;
}
div#page-login, .member-flex-margin, .contact-main, .blog-detail
{
margin:            30px 0;
}

.blog-cat ul
{
margin-bottom:            -7px;
}

.blog-cat ul li a
{
font-size:            16px;
}

.campaign-container .campaign-detail .campaign-bottom
{
padding:            0 15px;
height: 70px;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-title
{
font-size:            20px;
margin: 0;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-btn
{
height:            50px;
font-size: 16px;
}

.note-btns span a > span
{
margin-right:            5px;
}

.campaign-item
{
height:            115px;
padding: 2px;
}

.campaign-item .desc .cmp-title
{
font-size:            12px;
}

.campaign-item .desc
{
padding:            0 5px;
}

.campaign-item .desc .cmp-desc
{
font-size:            10px;
height: 39px;
}

.campaign-item .campaign-btn
{
width:            70px;
min-width: 70px;
font-size:            10px;
}

.HediyeNot input + span + span, .note-btns span a > span
{
font-size:            10px;
}
div #pageOrder > .nav-tabs li a, #cartDetail .pageTitle .row
{
font-size:            16px;
}

.member-border, #orderRight > .col.col-12 > .row, #orderLeft > .tab-pane, #customerConfirmList
{
padding:            15px 10px;
}
#customerConfirmList li label
{
padding:            0 10px;
}
#productListWrap ul li
{
height:            auto;
padding-top: 10px;
padding-bottom:            10px;
}
#productListWrap ul li > div .col-3
{
width: 30%;
padding:            0 3px;
}
#productListWrap ul li > div .col-9
{
width: 70%;
}
#productListWrap ul li > div .col-9 > .box
{
padding:            0 10px;
}
#productListWrap ul li > div .col-9 > .box del
{
display:            block;
}
#productListWrap ~ div, .cart-price-main
{
color:            #191919;
font-size: 13px;
font-weight:            400;
}
#productListWrap ~ div .col-1
{
display:            none;
}
#basketBtns a
{
font-size:            12px;
margin-right: 10px;
}
}
/*1001*/
@media (max-width: 1000px)
{
.three-slider-banner .swiper-slide .item .text h3
{
font-size:            20px;
}

.three-slider-banner .swiper-slide .item .image
{
height:            190px;
}

.html-cat .large-item .text
{
padding:            0 15px 15px;
}

.html-cat .item
{
margin-bottom:            20px;
height: 140px;
}

.html-cat .item a
{
padding:            0;
}

.html-cat .item a img
{
max-height:            90px;
}

.countdown-container
{
padding:            10px 3px;
flex-direction: column;
}

.countdown-container .title
{
margin-bottom:            10px;
}

.countdown-container .countdown-wrapper>span
{
height:            35px;
}

.brands-slider .item
{
height:            100px;
}

.brands-slider .item img
{
max-height: 100%;
}

.filter-area .right-border:after
{
width:            1px;
margin: 0 20px;
}

.filter-area .left-border.product-grid-main
{
display:            none;
}
#filterPanel label.col-text, .catMenu>li>a+ul li a
{
min-height:            auto;
margin-bottom: 5px;
}
#navigasyon ul li a img
{
margin:            0 5px;
height: 12px;
}
#alan_dogum
{
padding:            0 5px;
}
#alan_dogum .row .col-4
{
padding:            0 5px;
}
#alan_cinsiyet
{
padding-left:            0;
}
#leftColumn .member-login-container, .member-login-container
{
padding:            15px 0;
}
#leftColumn .member-link-item
{
padding-left:            10px;
}

.contact-main #c-info > div span:first-child
{
min-width: 30%;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-title
{
font-size:            16px;
margin: 0;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-btn
{
font-size:            14px;
}

.showcase-html .text
{
padding-left:            0;
padding-right: 10px;
}
div #pageOrder > .nav-tabs li a, #cartDetail .pageTitle .row
{
font-size:            14px;
}
div #pageHeader span span.row::before, div #pageOrder > .nav-tabs li a::before
{
margin-right:            10px;
}

.invoiceList .addres-box > div .addressInfo .col-5 .col-sm-8
{
font-size:            11px;
line-height: normal;
}
}
/*769*/
@media (max-width: 768px)
{
.brand-letters
{
overflow:            auto;
border-bottom: 0;
border-radius:            10px 10px 0 0;
}

.interactive-slider
{
margin-bottom:            15px;
}

.tabBtns
{
display:            flex;
overflow-x: auto;
padding-bottom:            5px;
}

.tabBtns>div
{
padding:            0 5px;
}

.tabBtns>div>.btn
{
font-size:            14px;
white-space: nowrap;
}

.filter-container
{
margin:            0 0 30px;
}

.filter-area
{
height:            auto;
padding: 0 10px;
justify-content:            space-evenly;
flex-wrap: wrap;
min-height:            55px;
}

.filter-area .right-border:after
{
display:            none;
}

.filter-area .right-border.custom-checkbox
{
display:            none;
}
#filterWrapper #filterPanel
{
flex-direction:            column;
}
#filterPanel .filter-group-item
{
max-width: 100%;
}
#filterPanel .filter-group-item #filterCats
{
max-width: 100%;
}
#filterPanel .col-title
{
margin-bottom:            20px;
}

.filter-btns
{
padding:            10px;
margin-top: 10px;
}

.filter-btns #filterRun
{
max-width: 50%;
margin-bottom:            10px;
}

.showcase-html .text
{
padding:            15px 0;
}
#navigasyon ul
{
white-space:            nowrap;
display: flex;
align-items:            center;
max-width: 100%;
overflow-x:            auto;
padding-bottom: 10px;
}
#navigasyon ul li a img
{
margin:            0 10px;
}
#alan_ad, #alan_soyad, #alan_eposta, #alan_ceptel
{
padding:            0;
}

.member-page-title
{
font-size:            24px;
}

.login-social a
{
font-size:            10px;
}

.login-social a:not(:last-child)
{
padding-right:            5px;
}

.login-social a img
{
margin-right:            5px;
height: 25px;
}

.member-link-item
{
height:            60px;
}

.blog-cat
{
flex-direction:            column;
border: 0;
}

.campaign-container .campaign-detail .campaign-bottom
{
padding:            10px;
height: auto;
flex-direction:            column;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-title
{
text-align:            center;
height: 37px;
overflow:            hidden;
display: -webkit-box;
-webkit-box-orient:            vertical;
-webkit-line-clamp: 2;
}

.campaign-container .campaign-detail .campaign-bottom .campaign-btn
{
margin-left:            0;
height: auto;
margin-top:            10px;
padding: 10px;
font-size:            12px;
}

.brand-banner a
{
margin-bottom:            20px;
}

.page-30 #pageHeader span.pageTitle:not(.passed)
{
display:            none;
}
div .productRow.d-flex
{
padding-bottom:            10px;
}
#ulAddressTypeTab li
{
font-size:            12px;
padding: 0 15px;
}
div .addressCheck
{
/*position:     relative;*/
}

.productItem .hover-buttons
{
display: none!important;
}

.mobile-fav
{
}

.mobile-fav a
{
position:            absolute;
z-index: 2;
right:            0;
top: 0;
width:            25px;
height: 25px;
border-radius: 100%;
border:            1px solid #ed1b51;
background-color: #ffffff;
opacity: 0.5;
display:            flex;
align-items: center;
justify-content:            center;
}

.mobile-fav a.fav-added-btn
{
background-color:            #ed1b51;
opacity: 1;
}

.mobile-fav a.fav-added-btn img
{
filter: brightness(0) invert(1);
}

.mobile-fav a img
{
height:            12px;
}

.mobile-product-add2cart
{
background-color:     #ed1b51;
color:        #fff;
width: 100%;
border-radius:            9px;
display: block;
text-align:            center;
padding: 7px;
font-weight:            500;
}

.removeBtn-container
{
padding:            0;
}
}
/*541*/
@media (max-width: 540px)
{
div .Mlist li:before
{
width:            50px;
}
div .Mlist ul li .aciklama .aciklamaIcerik
{
padding-left:            60px;
}

.block-title
{
font-size:            24px;
}

.brands-slider .item
{
height:            70px;
padding: 8px;
}

.member-link-item
{
padding: 0 5px!important;
font-size:            12px;
justify-content: flex-start;
}

.member-link-item img
{
margin-right:            10px;
}

.campaign-item .desc .cmp-desc
{
display:            none;
}
div #paymentPager li
{
width: 31%;
font-size:            12px;
margin: 0 1% 10px;
text-align:            center;
height: 50px;
}
div #paymentPager li:not(:last-child)
{
margin: 0 1% 10px;
}

.pro-two-icon, .productItem .productSymbol-1
{
display:            none;
}

.productItem .productSymbol-2
{
font-size:            11px;
height: 25px;
}

.productItem .discount-basket
{
flex-direction:            column;
font-size: 9px;
line-height:            normal;
align-items: center;
padding-bottom:            0;
height: 30px;
padding-top:            6px;
}

.productItem
{
padding-top:            20px;
padding-bottom: 24px;
}

.productItem .listProductBrand
{
font-size:            9px;
min-height: 20px;
}

.productItem .listProductName
{
font-size:            12px;
line-height: normal;
min-height:            32px;
}

.productItem .list-bottom
{
padding-top:            10px;
min-height: 30px;
}

.productItem .list-bottom .discountedPrice
{
font-size:            12px;
}

.productItem .list-bottom .currentPrice
{
font-size:            14px;
}

.filter-area .filter-btn, .filter-area .custom-select #sort
{
font-size:            13px;
}

.circle-banner .item .image img
{
/*border:            3px solid #fff; */
}

.productItem .hover-buttons .listProductFav, .productItem .hover-buttons .add2cart
{
width:            30px;
height: 30px;
}

.productItem .hover-buttons .listProductFav img, .productItem .hover-buttons .add2cart img
{
height:            15px;
}

.circle-banner
{
margin-bottom:            15px;
}

.circle-banner .item a
{
font-size:            11px;
}

.note-btns
{
width: 100%;
}

.note-btns span
{
width: 100%;
}

.HediyeNot
{
width: calc(50% - 10px);
}

.productRow .qtyBtns
{
height:            30px;
width: calc(75% - 5px);
margin-top:            10px;
display: flex;
margin-left:            auto;
float: none;
}

.qtyBtns
{
border-width:            1px;
}

.productRow .discountedPrice
{
font-size:            12px;
}

.productRow .current-price
{
font-size:            15px;
}
#leftColumn
{
padding:            0;
margin-bottom: 15px;
}
#page-login > .row.mb > .col.col-12
{
padding:            0;
}

.shoppingProducts .addSelected, .shoppingProducts .deleteSelected
{
font-size:            10px;
}
}
/*320*/
@media (max-width: 320px)
{
.productItem .productSymbol-2
{
font-size:            9px;
}
}
@media screen and (max-width: 1230px)
{
#oneCol .mainControl
{
width:            auto;
top: 0;
left:            auto;
right: 0;
margin-top:            -50px;
margin-left: auto;
}
#oneCol .mainControl span
{
width:            50px;
height: 50px;
cursor:            pointer;
background-color: #d6d6d6;
background-repeat:            no-repeat;
background-position: center center;
border-left:            1px solid #ececec;
}
#oneCol .mainPrev
{
background-image: url('carouselSmlArrowPrev.png');
}
#oneCol .mainNext
{
background-image: url('carouselSmlArrowNext.png');
}
}
@media screen and (max-width: 1100px)
{
[data-layout="horizontal"] .productItem.col-3 .productPrice.discount
{
width: 100%;
height:            auto;
margin-bottom: 20px;
padding-left:            10px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1000px)
{
.mainControl, #oneCol .mainControl
{
margin-top:            -60px;
}

.mainControl span, #oneCol .mainControl span
{
width:            60px;
height: 60px;
}

.productListItem .productDescription
{
margin-top:            10px;
max-width: 100%;
}
#leftColumn .productColItem, #rightColumn .productColItem
{
position:            relative;
}
#leftColumn .productPrice.discount, #rightColumn .productPrice.discount
{
padding-right:            0;
padding-bottom: 0;
margin-top:            0;
position: static;
}
}
@media screen and (min-width: 1001px)
{
:not(.notClear)>.col-6:nth-of-type(2n) .productDetails, :not(.notClear)>.col-4:nth-of-type(3n) .productDetails, :not(.notClear)>.col-3:nth-of-type(4n) .productDetails, :not(.notClear)>.col-2:nth-of-type(6n) .productDetails
{
border-right:            0;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
.resim-vitrin .col-1
{
padding-bottom:            10px;
}
:not(.notClear)>.col-md-6:nth-of-type(2n) .productDetails, :not(.notClear)>.col-md-4:nth-of-type(3n) .productDetails, :not(.notClear)>.col-md-3:nth-of-type(4n) .productDetails, :not(.notClear)>.col-md-2:nth-of-type(6n) .productDetails
{
border-right:            0;
}
}
@media screen and (min-width: 769px)
{
.image-wrapper
{
height:            0;
}
}
@media screen and (max-width: 768px)
{
.productListItem.col-sm-6:nth-child(odd)
{
border-right:            1px solid #d9d9d9;
}
[dir="rtl"] .productListItem.col-sm-6:nth-child(odd)
{
border-right:            0;
border-left: 1px solid #d9d9d9;
}

.productListItem.col-sm-6:nth-child(even)
{
border-right:            1px solid transparent;
}

.productListItem .out-of-stock
{
position:            absolute;
top: calc(50% - 50px);
}

.productListDetails
{
position:            static;
}
#campaign-products[data-layout="horizontal"] .detailWrapper
{
width: calc(58.33333333% - 20px);
}

.detailWrapper .productDetails
{
padding-bottom:            70px;
}
#campaign-products[data-layout="horizontal"] .proRowAct
{
bottom:            50px;
}

.productOption span, .optionBox a p
{
height:            24px;
line-height: 22px;
}

.productOption span
{
font-size:            14px;
}

.optionBox a, .optionBox select
{
height:            24px;
}

.optionBox a
{
min-width:            24px;
}

.optionBox a p
{
font-size:            13px;
}

.productBrand
{
font-size:            12px;
}

.productDescription
{
line-height:            16px;
font-size: 13px;
}

.productListDetails
{
position:            relative;
float: left;
display:            block;
padding-bottom: 54px;
}

.productListDetails .productAttr
{
position:            absolute;
bottom: 0;
left:            0;
padding-right: 0;
padding-left:            0;
}

.productPrice.discount
{
height:            auto;
margin-bottom: 20px;
padding-left:            10px;
box-sizing: border-box;
}

.resim-vitrin .col-1
{
padding-bottom:            10px;
}

.col-title+div .carousel li
{
width:            364px;
}

.productColItem
{
min-height:            470px;
}

.carousel .productColItem
{
min-height:            auto;
}

.productColItem .productDetails, .carousel .productColItem:nth-child(2n) .productDetails
{
border-right:            1px solid #ececec;
}

.carousel .productColItem .productDetails
{
padding-left:            20px;
padding-right: 20px;
}

.productColItem:nth-child(2n) .productDetails, .carousel .productColItem:last-child .productDetails
{
border-right:            0;
}

.productColItem .line-bottom
{
border-bottom:            0;
}

.productColItemTp .productDescription
{
line-height:            16px;
font-size: 13px;
}

.productColItemTp .productPrice
{
height:            40px;
}

.productColListItem .col-4
{
width: 16.6667%;
}

.productColListItem .col-8
{
width: 83.3333%;
}

.productColListItem .productPrice
{
padding-left:            0;
}
:not(.notClear)>.col-sm-6:nth-of-type(2n) .productDetails, :not(.notClear)>.col-sm-4:nth-of-type(3n) .productDetails, :not(.notClear)>.col-sm-3:nth-of-type(4n) .productDetails, :not(.notClear)>.col-sm-2:nth-of-type(6n) .productDetails
{
border-right:            0;
}
#pager-wrapper
{
display:            inherit;
padding-top: 10px;
}
#pager-wrapper *
{
text-align:            center;
}

.productItem .proRowAct
{
position:            static;
padding-top: 0;
padding-bottom:            0;
}

.productItem .drop-down.hover .drop-down-title+.bottom.fixed
{
height:            auto;
min-height: auto;
position:            absolute;
bottom: 0;
opacity:            1;
visibility: visible;
}

.productItem .drop-down.hover .drop-down-title+.bottom.fixed .mb.p-left .p-right
{
padding-right:            0;
}
}
@media screen and (max-width: 540px)
{
#filterSort
{
padding-right:            10px;
}

.col-xs-12 .productDetails
{
height: auto !important;
}

.productDescription
{
line-height:            16px;
font-size: 12px;
}

.productOption
{
padding-top:            5px;
padding-bottom: 0;
}

.productOption span
{
display:            none;
}

.optionBox a, .optionBox select
{
margin-bottom:            0;
}

.productPrice.fr
{
float:            left;
}
[dir="rtl"] .productPrice.fr
{
float:            right;
}
}
@media screen and (max-width: 360px)
{
.productItem.d-flex
{
display:            inherit;
padding-left: 0;
}

.campaign-text
{
width:            0;
height: 20px;
padding-right:            0;
overflow: hidden;
}

.productItem .timer-type
{
display:            none;
}

.note-btns span a > span
{
margin-right:            0;
}

.productInfoRow .note-btns > .row > .box
{
padding: 0!important;
width: 100%!important;
margin-bottom:            5px;
}

.productInfoRow .note-btns .btn
{
padding: 0!important;
}

.productRow div > span
{
width: 100%;
}

.cart-gift-btn
{
padding:            0 10px 0 0;
}

.note-btns span a > span
{
height:            25px;
}

.note-btns span
{
width: 100%;
}

.productRow .cart-pro-brand, .productRow .basketSubPro span, .cart-pro-code
{
font-size:            10px;
}
}