#search
{
position:   relative;
}

.sss-blc , .contac-blc
{
border:   1px solid #ddd;
padding: 50px 10px 20px 10px;
position:   relative;
box-sizing: border-box;
}

.sss-blc .contact-title , .contac-blc .contact-title
{
background-color:   #fff;
font-style: italic;
letter-spacing:   1px;
margin-left: -5px;
padding:   0 10px;
position: absolute;
top:   -7px;
}

.sss-blc > p
{
font-size:   16px;
font-weight: 600 !important
;margin-bottom:   10px;
padding: 0 30px 10px
;color:   #333232;
box-sizing: border-box;
}

.sss-blc ul
{
margin-bottom:   30px;
}

.sss-blc ul li p
{
float:   left;
width: 95%
;padding:   0;
line-height: 25px
;box-sizing:   border-box;
font-size: 14px
;color:   #343434;
}

.sss-blc ul li.active p
{
border-bottom: 1px solid rgb(0, 0, 0);
}

.sss-blc ul li span
{
display:  block;
float: right
;line-height:   25px;
}

.sss-blc ul li b
{
display:  none;
line-height: 25px;font-weight: 400 !important
;float:   right;
}

.sss-blc ul li > div
{
display:   none;
background: #f8f8f8
;display:   none;
font-style: normal
;list-style:   none;
margin-top: 0
;padding:   20px 0px 10px 0px;
font-size: 12px;
}

.sss-blc ul li
{
padding:   10px 30px;
cursor: pointer;
}

.sss-blc ul li.active
{
background-color: rgb(248, 248, 248);
}

.sss-blc ul li.active span
{
display:  none;
}

.sss-blc ul li.active b
{
display:  block;
}

.sss-blc ul li.active > div
{
display:   block;
}

.interactive-slider img
{
max-width: 100%;
height:            auto;
width: 100%;
}

.drop-down.hover .drop-down-title + .subMenu
{
min-width:           290px;
min-height: 100%;
z-index:           999;
opacity: 0;
visibility:           hidden;
transition: visibility 0s .2s, opacity .2s linear;
pointer-events:           none;
left: auto;
right:           auto;
margin-left: 30px;
max-width:           min-content;
}

.drop-down.hover:hover .drop-down-title + .subMenu
{
pointer-events:            all;
visibility: visible;
opacity:            1;
}
:not(#mainMenu) > .menu, :not(#mainMenu) > .menu div:not(.dynamicMenu)
{
background-color:                inherit;
}
:not(#mainMenu) > .menu
{
position:                relative;
}

.menu-list
{
z-index:                33;
}

.menu li
{
float:                left;
}
[dir="rtl"] .menu li
{
float:                right;
}

.menu a
{
float:                left;
box-sizing:border-box;
}
[dir="rtl"] .menu a
{
float:                right;
}

.menu li.parentLink > ul
{
position:                absolute;
top:100%;
left:                0;
width:200px;
display:                none;
}
[dir="rtl"] .menu li.parentLink > ul
{
right:                0;
left:auto;
}

.menu li.parentLink li a
{
width:100%;
}

.menu li.parentLink li.parentLink ul
{
float:                left;
position:relative;
box-sizing:                border-box;
border-left:10px solid #dedede;
}
[dir="rtl"] .menu li.parentLink li.parentLink ul
{
float:                right;
border-right:10px solid #dedede;
border-left:                0;
}
#mobileAppNotify
{
position:                fixed;
z-index:9999;
}
#appNotify
{
display:                flex;
align-items:center;
}
#appLogo p
{
padding-bottom:                0;
}
#appLogo img
{
max-width:100%;
width:                auto;
height:auto;
}
#appBtn
{
white-space:                nowrap;
}

.sticky .dn-sticky
{
display:                none;
}

.header-wrapper
{
z-index:                 11;
}
#header-wrap.sticky
{
position:                fixed;
top:0;
left:                0;
z-index:999;
background:                 #fff;
}
#headerTop
{
background-color:                 #444444;
height: 45px;
font-size:                 16px;
color: #ffffff;
display:                 flex;
align-items: center;
justify-content:                 center;
margin-bottom: 28px;
}

.sticky #headerTop
{
height:                0;
overflow:hidden;
}

.locationLinkWrap
{
padding:                 7px 10px;
box-sizing: border-box;
}
[dir="rtl"] #topMenu,
[dir="rtl"] #topMenu li,
[dir="rtl"] #topMenu a
{
float:                right;
}
#topMenu a
{
line-height:                30px;
color:#545454;
font-size:                12px;
padding-left:20px;
padding-right:                20px;
border-right:1px solid #ddd;
}
[dir="rtl"] #topMenu a
{
border-right:                0;
border-left:1px solid #ddd;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:                #e2e2e2;
}
#headerTop select
{
height:                30px;
padding:0 30px 0 10px;
background:url('selectArrow.png') no-repeat right center;
border:                0;
border-left:1px solid #ddd;
appearance:                none;
-moz-appearance:none;
-webkit-appearance:                none;
color:#545454;
font-size:                12px;
}
[dir="rtl"] #headerTop select
{
padding:                0 10px 0 30px;
background:url('selectArrow.png') no-repeat 10px center;
border-right:                1px solid #ddd;
border-left:0;
}
#headerPhone
{
color:                #545454;
font-size:12px;
line-height:                30px;
}
#header-wrap .cart-soft-count
{
background-color:                 #108c7e;
width: 15px;
height:                 15px;
color: #fff;
font-size:                 11px;
font-weight: 600;
display:                 flex;
align-items: center;
justify-content:                 center;
position: absolute;
right:                 0;
top: -1px;
border-radius:                 20px;
}
#header-customer-msg .message-count
{
width:                13px;
height:13px;
line-height:                13px;
border-radius:10px;
}
#basketList
{
display:                none;
position:absolute;
top:100%;
left:                0;
background:#fff;
z-index:                3333;
}
#logo a
{
float:                left;
width:auto;
height:                80px;
}

.sticky #logo a
{
height:                50px;
}
#logo p,
#logo img
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
#logo p
{
float:                left;
width:100%;
height:                80px;
display:flex;
align-items:                center;
padding-bottom:0;
}

.sticky #logo p
{
height:                50px;
}
#logo img
{
display:                inherit;
max-height:100%;
max-width:100%;
width:                auto;
}
#searchListWrap
{
position:                relative;
}
#live-search
{
height:                36px;
line-height:14px;
}
#FormAra
{
}
[dir="rtl"] #FormAra
{
left:                 0;
right: auto;
}

.sticky #FormAra
{
}

.forDesktop #FormAra
{
width:100%;
}

.forDesktop #FormAra:before
{
position:                absolute;
top:0;
right:                48px;
line-height:48px;
font-size:                14px;
color:#5e5e5e;
font-weight:                700;
text-transform:uppercase;
cursor:                pointer;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):before
{
left:                 48px;
right: auto;
}

.sticky .forDesktop #FormAra:not(.focus):before
{
right:                38px;
line-height:38px;
}
[dir="rtl"] .sticky .forDesktop #FormAra:not(.focus):before
{
left:                 38px;
right: auto;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):after
{
left:                 0;
right: auto;
}

.sticky .forDesktop #FormAra:not(.focus):after
{
width:                38px;
line-height:38px;
}
#FormAra input[type="text"]
{
width:calc(100% - 125px);
height:                51px;
color:#a8a8a8;
font-size:                12px;
border:0;
box-sizing:                border-box;
border-radius: 10px;
}

.sticky #FormAra input[type="text"]
{
}
#FormAra input[type="text"]:focus
{
box-shadow:                none;
}
#FormAra button[type="submit"]
{
position:                 relative;
width: 120px;
height:                 45px;
border: 0;
cursor:                 pointer;
top: 3px;
right:                 3px;
bottom: 3px;
}

.sticky #FormAra button[type="submit"]
{
}
#live-search
{
height:                36px;
line-height:14px;
}
#live-search-box
{
position:            absolute;
top: calc(100% + 0px);
width: 100%;
background:            #fff;
border-bottom: 0;
z-index:            999;
height: 550px;
overflow:            hidden;
overflow-y: auto;
display:            none;
padding: 20px;
}
#live-search-box ul
{
float:                                         left;
width:100%;
}
#live-search-box li
{
}
#live-search-box a
{
float:           left;
width: 25%;
font-weight:           500;
align-items: center;
display:           flex;
flex-direction: column;
flex-wrap:           nowrap;
align-content: center;
justify-content:           flex-start;
padding: 0px 10px;
box-sizing:           border-box;
margin-bottom: 20px;
text-align:           center;
font-size: 13px;
line-height:           18px;
min-height: 283px;
}
#live-search-box span ,#live-search-box div.search-image
{
width: 100%
;height:                                         auto;
margin-bottom: 5px
;overflow:                                         hidden;
}
#live-search-box img
{
margin:           0 auto;
border-radius: 15px;
overflow:           hidden;
}
#live-search-box::-webkit-scrollbar
{
width:                                         5px;
}
#live-search-box::-webkit-scrollbar-track
{
background:                                         #f1f1f1;
}
#live-search-box::-webkit-scrollbar-thumb
{
background:                                         #888;
}
#mainMenu .menu > li
{
position:    relative;
}
#mainMenu a
{
font-size:                 16px;
font-weight: 600
;color:                 #444444;
text-transform: capitalize
;height:    50px;
display: flex
;-webkit-box-align:    center;
-moz-box-align: center
;-webkit-align-items:    center;
-ms-flex-align: center
;align-items:    center;
-webkit-justify-content: center
;justify-content:    center;
-webkit-box-pack: center
;-moz-box-pack:    center;
-ms-flex-pack: center;
}
#headerMain.sticky .catNewIcon
{
top:    2px;
}

.sticky #mainMenu .menu.ekBilgiVar a
{
padding-top:    12px;
}
#mainMenu a:hover
{
color:                 #f7c5bc;
}

.menu li.parentLink > a
{
background-color:                transparent;
}
#mainMenu .parentLink li a
{
height:                 auto;
line-height: 25px;
font-size:                 15px;
color: #000;
font-weight:                 400;
border-right: 0;
padding-right:                 0;
padding-left: 0;
}
#mainMenu .menu > li:hover > span > a
{
position:                 relative;
}
#mainMenu .menu > li:hover > span > a::before
{
content: '';
background-color:                 #f3ccc5;
border-radius: 5px;
height:                 5px;
width: 100%;
position:                 absolute;
bottom: 0;
left:                 0;
}

.menu li:hover > a
{
}
#mainMenu .parentLink .sublink-wrap li a
{
color:                 #000000;
font-weight: normal;
font-size:                 16px;
}

.subMenu
{
max-width:                1200px;
box-shadow:0 2px 2px 0px rgba(0,0,0,.1);
}

.subMenu *:not(.dynamicMenu)
{
background-color:                transparent;
}

.menuTitle
{
font-size:                20px;
padding-bottom:10px;
}

.subMenu a
{
padding-right:                10px;
padding-left:10px;
font-size:                12px;
box-sizing:border-box;
}

.subMenu li li a
{
font-size:                11px;
background-repeat:no-repeat;
background-position:                0 center;
}

.subMenu a:hover
{
background-color:                #fff;
padding-right:10px;
padding-left:                10px;
}
#mainMenu .subMenu a:hover,
#mainMenu .parentLink .sublink-wrap li a:hover
{
color:                 #ef6d72;
}

.subMenu .dynamicMenu
{
background:                #fff;
}
#headerBottom
{
height:                20px;
overflow:hidden;
}

.sticky #headerBottom
{
height:                0;
}
#alterMenu.menu > li:before
{
content:'.';
float:                left;
line-height:20px;
font-size:                25px;
margin-top:-17px;
}
#alterMenu a
{
line-height:                20px;
font-size:11px;
color:                #5e5e5e;
}
[dir="rtl"] #alterMenu a
{
border-right:                0;
border-left:1px solid #ddd;
}
#alterMenu li:last-child a
{
border-right:                0;
}
[dir="rtl"] #alterMenu li:last-child a
{
border-left:                0;
}
#alterMenu .menu > li:hover a
{
color:                #000;
}
#alterMenu .menu > li:hover .subMenu
{
top:                29px;
z-index:3333;
}
#alterMenu .menu > li:hover .subMenu a
{
border-right:                0;
}
#alterMenu .menu > li:hover .subMenu a:hover
{
color:                 #f7c5bc;
}
#alterMenu .subMenu li, #alterMenu .subMenu a
{
line-height:                30px;
border-color:#e0e0e0;
}

.sticky .col-sticky-12
{
width:100%;
}

.sticky .col-sticky-11
{
width:91.66666667%;
}

.sticky .col-sticky-10
{
width:83.33333333%;
}

.sticky .col-sticky-9
{
width:75%;
}

.sticky .col-sticky-8
{
width:66.66666667%;
}

.sticky .col-sticky-7
{
width:58.33333333%;
}

.sticky .col-sticky-6
{
width:50%;
}

.sticky .col-sticky-5
{
width:41.66666667%;
}

.sticky .col-sticky-4
{
width:33.33333333%;
}

.sticky .col-sticky-3
{
width:25%;
}

.sticky .col-sticky-2
{
width:16.66666667%;
}

.sticky .col-sticky-1
{
width:8.33333333%;
}

.sticky .col-sticky-auto
{
width:                auto;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:                 14px;
color: #5f5f5f;
font-weight:                 500;
padding-left: 1.5625rem;
background: url('search.svg') no-repeat center left;
height: 1.125rem;
display:                 flex;
align-items: center;
background-size: 1.125rem;
}

.border-search
{
border:                 1px solid #505050;
border-radius: 10px;
height:                 53px;
}
#search-btn
{
background-color:                 #ef6d72;
border-radius: 9px;
height:                 50px;
color: #ffffff;
font-size:                 16px;
font-weight: 600;
display:                 flex;
justify-content: center;
align-items:                 center;
cursor: pointer;
}

.fav-top
{
background: url(https://www.lindodogs.com/Data/EditorFiles/data/heart.svg) no-repeat center center;;
width:                 25px;
height: 25px;
display:                 flex;
cursor: pointer;
background-size: 100%;
}

.icon-member-default-top
{
background: url(https://www.lindodogs.com/Data/EditorFiles/data/icon-user.svg) no-repeat center center;;
width:                 21px;
height: 25px;
display:                 flex;
cursor: pointer;
background-size: 100%;
}

.icon-cart-top
{
background: url(https://www.lindodogs.com/Data/EditorFiles/data/icon-cart.svg) no-repeat center center;;
width:                 25px;
height: 25px;
display:                 flex;
cursor: pointer;
background-size: 100%;
}

.currency-text
{
font-size:                 18px;
color: #0d8c7e;
font-weight:                 600;
display:none!important;
}

.flex-end
{
display:                 flex;
align-items: center;
justify-content:                 flex-end;
}

.main-bg
{
background-color:    #f6f4f5;
box-shadow: 0 1px 3px rgb(0 0 0 / 20%)
;display:                 flex;
align-items: center;
}

.sticky #mainMenu
{
/*
padding:    10px 0;
*/
}

.border-top
{
position:                 relative;
margin-top: 30px;
height:                 12px;
}

.border-top::before
{
content: '';
background: url(border.svg) no-repeat center center;
width: 100%;
height:                 12px;
display: flex;
position:                 absolute;
top: 0;
}

.flex-center
{
display:                 flex;
align-items: center;
justify-content:                 center;
}

.m_name
{
margin-left:                 30px;
margin-right: 30px;
}

.interactive-slider .swiper-pagination-bullet
{
width: 85px !important;
height: 8x !important;
display:                 inline-block;
border-radius:5px;
background: #d6d6d6 !important;
opacity: 1 !important;
}

.interactive-slider .swiper-pagination-bullet-active
{
background: #333 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction
{
bottom:                 25px;
}

.swiper-button-prev:after,
.swiper-button-next:after
{
display:                 none;
}

.swiper-button-prev,
.swiper-button-next
{
width: 50px !important;
height: 50px !important;
background-repeat:                 no-repeat;
background-position: center;
background-size: 100%;
}

.swiper-button-prev
{
background-image: url("https://www.lindodogs.com/Data/EditorFiles/data/leftarrow.svg");
top: 35%!important;
}

.swiper-button-next
{
background-image: url("https://www.lindodogs.com/Data/EditorFiles/data/leftarrow.svg");transform: rotate(180deg);top: 35%!important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next
{
left: 27px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev
{
right: 27px !important;
}

.swiper-button-next, .swiper-button-prev
{
z-index: 1 !important;
}

.bg-member
{
width:                 165px;
background-clip: padding-box;
border-top: 23px solid rgb(0 0 0 / 0%) !important;
right:                 -36px;
}

.bg-member ul
{
display:                 flex;
align-items: center;
border:                 1px solid #505050;
border-radius: 10px;
background:                 #fff;
height: 45px;
}

.bg-member ul::before
{
content: '';
background-color:                 #fff;
border: 1px solid #505050;
border-top:                 1px solid transparent;
border-right: 1px solid transparent;
transform: rotate(
133deg) translateX(-68%);
width:                 20px;
height: 20px;
position:                 absolute;
top: 0px;
left: 42%;
}

.drop-down.hover .drop-down-title + .bg-member * a:not(.btn):hover
{
color:                 #000;
border-bottom: 1px solid;
line-height:                 normal;
}

.fixed-cart-overlay
{
position:                 fixed;
z-index: 99;
left:                 0;
right: 0;
top:                 0;
bottom: 0;
cursor:                 pointer;
display: none;
}

.fixed-cart-overlay.active
{
display: block!important;
}

.fixed-cart.active
{
right:                 0;
}

.fixed-cart
{
position:                 fixed;
z-index: 100;
top:                 0;
right: -100%;
bottom:                 0;
width: 600px;
height: 100%;
background-color:                 #fff;
transition: .3s;
}
#header-cart, #header-cart-wrapper
{
width: 100%;
height: 100%;
position:                 relative;
}

.header-cart-scroll
{
overflow-y:                 auto;
padding: 50px 0 350px;
height: 100%;
}

.header-cart-top
{
display:                 flex;
align-items: center;
justify-content:                 space-between;
letter-spacing: 0.16px;
line-height:                 normal;
color: #000;
font-size:                 22px;
font-weight: 500;
margin-bottom:                 40px;
width: 100%;
padding:                 0 20px;
}

.header-cart-top .basket_a
{
border-bottom:                 1px solid #212121;
}

.header-cart-top button
{
border:                 0;
padding: 0;
background:                 none;
cursor: pointer;
}

.hc-item
{
padding:                 0 20px;
}

.hc-name
{
color:                 #212121;
font-size: 16px;
font-weight:                 600;
line-height: 150%;
margin-bottom:                 20px;
}

.hc-price-sell
{
color:                 #212121;
font-size: 20px;
font-weight:                 normal;
}

.total-sub
{
color:                 #3b3b3b;
font-size: 16px;
}

.cart-price
{
color:                 #212121;
font-size: 22px;
font-weight:                 600;
text-align: right;
}

.hc-item:not(:last-child)
{
margin-bottom:                 25px;
padding-bottom: 25px;
border-bottom:                 1px solid #212121;
}

.hc-qty .qtyBtns
{
background:                 none;
padding: 0;
width: 100%;
display:                 flex;
align-items: center;
max-width:                 120px;
height: 40px;
background-color:                 #ffffff;
border: 1px solid #212121;
border-radius:                 7px;
}

.hc-remove
{
display:                 flex;
align-items: center;
letter-spacing: 0.13px;
line-height:                 normal;
color: #262626;
font-size:                 18px;
font-weight: 400;
float:                 right;
}

.hc-qty .qtyBtns a:first-child
{
background: url(icon-minus.svg) no-repeat center;
}

.hc-qty .qtyBtns a:last-child
{
background: url(icon-plus.svg) no-repeat center;
}

.hc-qty .qtyBtns a
{
height: 100%;
line-height:                 1;
width: 33.3333%;
display:                 flex;
align-items: center;
justify-content:                 center;
}

.hc-qty .qtyBtns .qty
{
width: 33.3333%;
min-width:                 auto;
background: transparent;
height: 100%;
font-size:                 16px;
line-height: 1;
font-weight:                 400;
}

.hc-discount
{
color:                 #b2b2b2;
font-weight: 400;
font-size:                 12px;
margin-right: 15px;
}

.hc-img
{
border:                 1px solid #979797;
border-radius: 10px;
}

.hc-qty
{
margin-top:                 20px;
}

.panel-cart-total
{
height:                 auto;
background-color: #ffffff;
position:                 absolute;
top: auto;
left:                 0;
right: 0;
bottom:                 0;
padding: 20px 20px;
}

.panel-cart-total .price-row
{
display:                 flex;
align-items: center;
justify-content:                 space-between;
margin-bottom: 15px;
}

.panel-cart-total .price-row.ttl-price-row
{
margin-bottom:                 0;
border-top: 1px solid #212121;
padding-top:                 20px;
}

.panel-cart-total a
{
height:                 50px;
border-radius: 10px;
background-color:                 #ef6d72;
letter-spacing: 0.21px;
line-height:                 normal;
color: #ffffff;
font-size:                 16px;
font-weight: 600;
display:                 flex;
align-items: center;
justify-content:                 center;
width: 100%;
margin-top:                 20px;
}
#mainMenu a.m_name
{
-ms-flex-wrap:    wrap;
flex-wrap: wrap;
}

.subMenu .catNewIcon
{
margin:    0 0 0 5px;
position: relative;
top:    0;
}
@media screen and (min-width: 769px)
{
#header-wrap .sticky .cart-soft-count
{
top:    11px;
}

.catNewIcon span
{
background: red !important;
margin:    auto;
color: #fff;
padding:    2px 6px 2px 8px;
/*-webkit-border-radius: 10px;
border-radius:    10px;
*/
font-size:  11px;
letter-spacing:   2px;
font-weight:  500;
text-align:   center;
}

.menu li.parentLink:hover > ul
{
display:                block;
}

.catNewIcon
{
text-align:    center;
position: absolute;
top:    -5px;
}
}
@media screen and (min-width: 1231px)
{
#headerMain.sticky
{
position:      fixed;
top: 0;
left:      0;
z-index: 999;
background:      #fff;
}

.fixedHmLinks .bg-member a
{
font-size: 13px !important;
}
#headerMain.sticky .fixedSearchBtn.open
{
background: url(/Data/EditorFiles/tema/svg/cancel.svg) no-repeat center;
}

.fixedHmLinks
{
position:      absolute;
right: 10px;
}
#headerMain.sticky #search.open
{
display:      block;
position: absolute
;right:      0;
top: 70px
;width:      500px;
}
#headerMain.sticky #search.open #FormAra
{
background:      #fff;
}
#headerMain.sticky .fixedSearchBtn
{
background: url("https://www.lindodogs.com/Data/EditorFiles/data/search.svg") no-repeat center
;width:      25px;
height: 25px
;display:      block;
}
#headerMain.sticky .border-top.forDesktop
{
display:      none;
}
#headerMain.sticky #logo, #headerMain.sticky #search
{
display:      none;
}
}
@media screen and (max-width: 1440px)
{
#headerMain.sticky .menu.flex-center
{
display:      block;
width: calc(100% - 200px);
}
#headerMain.sticky .menu.flex-center .m_name
{
margin-left:      25px;
margin-right: 25px;
}
}
@media screen and (max-width: 1230px)
{
#header-info
{
border-left:                0;
}
#mainMenu .drop-down.hover .drop-down-title + .subMenu
{
margin-left:     20px;
}

.menu a
{
padding-right:     15px;
padding-left: 15px;
}
}
@media screen and (max-width: 1000px)
{
.sticky .col-md-sticky-12
{
width:100%;
}

.sticky .col-md-sticky-11
{
width:91.66666667%;
}

.sticky .col-md-sticky-10
{
width:83.33333333%;
}

.sticky .col-md-sticky-9
{
width:75%;
}

.sticky .col-md-sticky-8
{
width:66.66666667%;
}

.sticky .col-md-sticky-7
{
width:58.33333333%;
}

.sticky .col-md-sticky-6
{
width:50%;
}

.sticky .col-md-sticky-5
{
width:41.66666667%;
}

.sticky .col-md-sticky-4
{
width:33.33333333%;
}

.sticky .col-md-sticky-3
{
width:25%;
}

.sticky .col-md-sticky-2
{
width:16.66666667%;
}

.sticky .col-md-sticky-1
{
width:8.33333333%;
}

.sticky .col-md-sticky-auto
{
width:                auto;
}

.forDesktop #FormAra:before
{
content:'';
}
#headerTop
{
height:                46px;
line-height:45px;
}
#mainMenu a
{
font-size:                12px;
margin-left: 0;
margin-right:     0;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
#search
{
margin-left: 8.33333333%;
}
}
@media screen and (max-width: 768px)
{
.sss-blc, .contac-blc
{
padding:   50px 5px 20px 5px;
}

.catNewIcon span
{
background: red !important;
margin:    auto;
color: #fff !important;
padding:    2px 6px 2px 8px;
-webkit-border-radius: 10px;
border-radius:    10px;
font-size: 11px !important;
letter-spacing:    2px;
font-weight: 500 !important;
text-align:    center;
}
#live-search-box li
{
font-size:                          12px;
}
#live-search-box
{
position:           fixed;
top: 160px;
background:           #fff;
border-bottom: 0;
z-index:           999;
height: 100%;
padding-top:           20px;
overflow: hidden;
width: 100%;
left:           0;
right: 0;
display:           none;
border-top: 1px solid #ddd;
}
#live-search-box ul
{
float:               left;
width: 100%;
overflow-y:               scroll;
height: calc(100% - 120px);
-webkit-overflow-scrolling:              touch;
}
#live-search-box ul::-webkit-scrollbar
{
width:               5px;
}
#live-search-box ul::-webkit-scrollbar-track
{
background:               #f1f1f1;
}
#live-search-box ul::-webkit-scrollbar-thumb
{
background:               #888;
}
#headerContent
{
padding:                          40px 20px 20px 20px;
overflow: hidden;
overflow-y:                          auto;
}
#headerContent::-webkit-scrollbar
{
width:                          0px;
}
#live-search-box a
{
font-size:           12px;
min-height: auto;
width: 50%;
}

.fixed-cart
{
width:                 260px;
}

.panel-cart-total
{
top: 65%;
}

.marker
{
width:                 5px;
height: 5px;
background-color:                 #3e3e3e;
border-radius: 20px;
display:                 flex;
position: absolute;
left:                 0;
top: 12px;
}

.line-show
{
border-bottom:                 1px solid #212121;
}

.fav-mobile
{
color:                 #000000;
font-size: 14px;
border-top:                 1px solid #212121;
border-bottom: 1px solid #212121;
height:                 70px;
display: flex;
align-items:                 center;
padding-left: 15px;
box-sizing:                 border-box;
}

.member-mobil-login
{
background-color:                 #f7c5bc;
border-radius: 5px;
height:                 40px;
font-size: 14px;
color:                 #ffffff;
font-weight: 600;
display:                 flex;
align-items: center;
justify-content:                 center;
cursor: pointer;
}

.member-register-mobil
{
background-color:                 #f1f1f1;
border-radius: 5px;
height:                 40px;
color: #212121;
font-size:                 14px;
font-weight: 600;
display:                 flex;
align-items: center;
justify-content:                 center;
cursor: pointer;
}

.toggle .down
{
background: url(down.svg) no-repeat center right;
width:                 20px;
height: 40px;
display:                 flex;
}

.toggle.active .down
{
display:                 none;
}

.toggle.active .up
{
background: url(down.svg) no-repeat center right
;width:    12px;
height: 40px
;display:                 flex;
transform: rotate(180deg);
}
#mobileSearch
{
padding-top:                 10px;
padding-bottom: 10px;
}

.wrap
{
flex-wrap:                 wrap;
}

.interactive-slider-main
{
padding:                  0 10px;
box-sizing: border-box;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
right: 0px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
left: 0px !important;
}

.swiper-button-prev, .swiper-button-next
{
width: 20px !important;
height: 20px !important;
background-repeat:                 no-repeat;
background-position: center;
background-size: 100%;
}

.icon-member-default-top
{
width:          18px!important;
height:        21px;
background-size: 100%;
}

.icon-cart-top
{
width:          22px!important;
height:        21px;
background-size: 100%;
}

.forDesktop
{
display: none !important;
}

.sticky .col-sm-sticky-12
{
width:100%;
}

.sticky .col-sm-sticky-11
{
width:91.66666667%;
}

.sticky .col-sm-sticky-10
{
width:83.33333333%;
}

.sticky .col-sm-sticky-9
{
width:75%;
}

.sticky .col-sm-sticky-8
{
width:66.66666667%;
}

.sticky .col-sm-sticky-7
{
width:58.33333333%;
}

.sticky .col-sm-sticky-6
{
width:50%;
}

.sticky .col-sm-sticky-5
{
width:41.66666667%;
}

.sticky .col-sm-sticky-4
{
width:33.33333333%;
}

.sticky .col-sm-sticky-3
{
width:25%;
}

.sticky .col-sm-sticky-2
{
width:16.66666667%;
}

.sticky .col-sm-sticky-1
{
width:8.33333333%;
}

.sticky .col-sm-sticky-auto
{
width:                auto;
}
#mobileAppNotify
{
background-color:                #e0e0e0;
}
#appNotify
{
position:                relative;
z-index:9999;
}
#appNotifyClose
{
background-color:                 #000;
color: #FFF;
font-size:                 14px;
line-height: 18px;
text-align:                 center;
width: 18px;
min-width:                 18px;
height: 18px;
padding:                 0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color:                 #FFF;
width: 56px;
min-width:                 56px;
height: 56px;
border-radius:                 4px;
overflow: hidden;
display:                 flex;
align-items: center;
justify-content:                 center;
text-align: center;
}
#applogo *
{
margin:                0px;
padding:0px;
}
#appText
{
color:                 #000;
font-size: 13px;
font-weight:                 500;
line-height: 18px;
width: calc(100% - 176px);
}

.menu-list, .menu-list li, .menu-list a
{
width:100%;
}

.menu-list.show, .menu li.parentLink ul.show
{
display:                block;
}

.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode:                 both;
animation-fill-mode: both;
}
#menuBtn
{
font-size:                31px;
cursor:pointer;
}
[dir="rtl"] #menuBtn
{
background-position:                10px center;
}
@-webkit-keyframes pageOverlayDefault
{
from
{
opacity:                1;
}
to
{
opacity:                0;
}
}
@keyframes pageOverlayDefault
{
from
{
opacity:                1;
}
to
{
opacity:                0;
}
}
#pageOverlay
{
position:                fixed;
top:0;
right:                0;
bottom:0;
left:                0;
background:rgba(0,0,0,.7);
z-index:                3333;
opacity:0;
display:                none;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name:                pageOverlayDefault;
animation-name:pageOverlayDefault;
}
@-webkit-keyframes pageOverlay
{
from
{
opacity:                0;
}
to
{
opacity:                1;
}
}
@keyframes pageOverlay
{
from
{
opacity:                0;
}
to
{
opacity:                1;
}
}

.menuShow #pageOverlay
{
display:                block;
-webkit-animation-name:pageOverlay;
animation-name:                pageOverlay;
}
@-webkit-keyframes mobileMenuDefault
{
from
{
left:                0;
}
to
{
left:-100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:                0;
}
to
{
right:-100%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:                0;
}
to
{
left:-100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:                0;
}
to
{
right:-100%;
}
}
#mobileMenu
{
position:                fixed;
left:-100%;
top:                0;
bottom:0;
width:85%;
background:                #fff;
overflow-y:scroll;
-webkit-overflow-scrolling:                 touch;
z-index:4444;
-webkit-animation-name:                mobileMenuDefault;
animation-name:mobileMenuDefault;
}
[dir="rtl"] #mobileMenu
{
right:-100%;
left:                auto;
-webkit-animation-name:mobileMenuDefaultRtl;
animation-name:                mobileMenuDefaultRtl;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:                0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:                0;
}
}
@keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:                0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:                mobileMenu;
animation-name:mobileMenu;
}
[dir="rtl"] .menuShow #mobileMenu
{
-webkit-animation-name:                mobileMenuRtl;
animation-name:mobileMenuRtl;
}
#mobileMenu .text-title
{
line-height:                45px;
font-size:20px;
}
#mobileMenuMain span,
#mobileMenuMain a,
#mobileMenuMain label,
#mobileMenuMain select
{
color:                #666;
font-size:17px;
line-height:                50px;
cursor:pointer;
}
#mobileMenu span.active .catNewIcon
{
margin-right:    8px;
}
#mobileMenu li ul
{
display:                none;
}
#mobileMenu li ul a
{
color:                #999;
font-size:15px;
line-height:                35px;
}
#mobileMenu select,
[dir="rtl"] #mobileMenu select
{
background:                none;
border:0;
}
#headerMain
{
font-size:                16px;
}
#logo a
{
height:                60px;
line-height:74px;
}
#logo p
{
height:                60px;
line-height:74px;
justify-content:                 center;
}
#logo a img
{
width:75%;
display:                inline;
vertical-align:middle;
}
#search
{
padding-left:                0;
padding-right:0;
margin-top:                0;
margin-bottom:0;
}
#FormAra
{
position:                relative;
height:50px;
}
#FormAra:before
{
content:'';
}
#FormAra input[type="text"]
{
display:                block;
font-size:15px;
padding-top:                0;
padding-bottom:0;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
line-height:                25px;
font-size:15px;
color:                #a8a8a8;
}
#FormAra input[type="text"]::-moz-placeholder
{
line-height:                25px;
font-size:15px;
color:                #a8a8a8;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
line-height:                25px;
font-size:15px;
color:                #a8a8a8;
}
#FormAra input[type="text"]:-moz-placeholder
{
line-height:                25px;
font-size:15px;
color:                #a8a8a8;
}
#FormAra button[type="submit"]
{
display:                block;
}
/*    #live-search-box
{
opacity:                0;
}
*/
#mobileOptions
{
line-height:                50px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
color:                #363636;
font-size:15px;
text-transform:                capitalize;
}
#mobileOptions select
{
height:                50px;
line-height:50px;
}
#header-wrap .cart-soft-count,
.accountMessageLink .message-count
{
width:                20px;
height:20px;
line-height:                20px;
}
}
@media screen and (max-width: 540px)
{
.sticky .col-xs-sticky-12
{
width:100%;
}

.sticky .col-xs-sticky-11
{
width:91.66666667%;
}

.sticky .col-xs-sticky-10
{
width:83.33333333%;
}

.sticky .col-xs-sticky-9
{
width:75%;
}

.sticky .col-xs-sticky-8
{
width:66.66666667%;
}

.sticky .col-xs-sticky-7
{
width:58.33333333%;
}

.sticky .col-xs-sticky-6
{
width:50%;
}

.sticky .col-xs-sticky-5
{
width:41.66666667%;
}

.sticky .col-xs-sticky-4
{
width:33.33333333%;
}

.sticky .col-xs-sticky-3
{
width:25%;
}

.sticky .col-xs-sticky-2
{
width:16.66666667%;
}

.sticky .col-xs-sticky-1
{
width:8.33333333%;
}

.sticky .col-xs-sticky-auto
{
width:                auto;
}
#header
{
padding-top:                165px;
}
#headerMain
{
position:                fixed;
top:0;
left:                0;
background:#fff;
box-shadow:0 3px 3px rgba(0,0,0,.1);
z-index:                999;
}
#menuBtn
{
font-size:                25px;
}
#mainMenu
{
border-radius:                0;
}
#closeMobileMenu
{
font-size:                 19px;
color: #000000;
font-weight:                 600;
height: 60px;
display:                 flex;
align-items: center;
}
#FormAra
{
height:                40px;
}
#FormAra input[type="text"]
{
height:                38px;
font-size:13px;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:                13px;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:                13px;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:                13px;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:                13px;
}
#FormAra button[type="submit"]
{
height:                 30px;
line-height: 30px;
width:            fit-content!important;
}
#mobileMenu .text-title
{
font-size:                18px;
}
#mobileMenuMain span,
#mobileMenuMain label,
#mobileMenuMain select
{
line-height:                40px;
font-size:12px;
}
#mobileMenuMain a,
#mobileMenuMain li span
{
line-height:                 40px;
font-size: 14px;
color:                 #000000;
font-weight: 500;
}
#mobileMenu li ul a,
#mobileMenu li ul span
{
line-height:                30px;
font-size:13px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
font-size:                13px;
}

.menuOverflow
{
position:                relative;
}

.menuPrev, .menuNext
{
position:                absolute;
top:0;
bottom:                0;
width:15px;
height:100%;
background-color:rgba(0,0,0,.3);
z-index:                33;
}

.menuPrev
{
left:                0;
}

.menuNext
{
right:                0;
}

.basketLink .icon-cart:before,
.accountMessageLink .icon-email:before
{
margin-right:                0;
}
#headerMain .icon-member-default,
#headerMain .icon-cart
{
font-size:                16px;
}
}