.brand-popup-overlay
{
background:      #000000de;
position: fixed;
width: 100%;
height: 100%;
top:      0;
left: 0;
z-index:      999;
cursor: pointer;
display: none
}
body.brandPopupOpen
{
overflow: hidden
}
body.brandPopupOpen .brand-popup
{
display: block
}
body.brandPopupOpen .brand-popup-overlay
{
display: block
}

.brand-popup
{
position:      fixed;
z-index: 9999;
background:      #fff;
width: 425px;
border-top-left-radius:      10px;
border-top-right-radius: 10px;
padding:      30px;
box-sizing: border-box;
bottom:      0;
left: 100px;
display: none
}

.brand-logo img
{
height: 25px
}

.brand-slogan
{
font-size:      14px;
color: #cc2229;
padding-top: 5px
}

.brand-popup-close
{
cursor: pointer
}

.brand-popup-title
{
display:      flex;
justify-content: space-between;
border-bottom:      1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 20px
}

.profile-photo
{
display:      flex;
justify-content: center
}

.profile-photo img
{
border-radius: 100%
}

.brand-company
{
text-align:      center;
font-size: 13px;
padding-top: 8px
}

.brand-profile
{
border-radius:      10px;
background: #f5f5f5;
padding:      30px 20px;
box-sizing: border-box
}

.brand-name
{
text-align:      center;
font-size: 16px;
font-weight:      600;
padding-top: 12px
}

.brand-position
{
font-size:      13px;
text-align: center;
font-weight:      300;
padding-top: 2px
}

.brand-popup-message p
{
font-size:      16px;
line-height: 150%;
text-align:      center;
font-style: italic;
font-weight:      300;
padding: 0
}

.brand-popup-close img
{
height: 30px
}

.brand-popup-copyright
{
font-size:      10px;
text-align: center;
line-height: 125%;
font-weight: 300
}

.brand-popup-btn
{
height:      40px;
border: 1px solid #252d2f;
display:      flex;
align-items: center;
justify-content:      center;
border-radius: 5px;
font-size:      14px;
text-transform: uppercase;
color:      #252d2f;
margin-bottom: 25px
}

.brand-popup-message
{
padding:      30px 0;
display: grid;
grid-template-columns: repeat(1,1fr);
grid-row-gap: 13px
}

.son-eklenen
{
padding: 50px 0
}

.son-eklenen-title
{
font-size:      18px;
font-weight: 600;
margin-bottom:      20px;
padding-bottom: 15px;
font-family: playfair display,serif;
text-align:      center;
border-bottom: 1px dashed #ddd
}

.son-eklenen-content ul
{
display:      grid;
grid-template-columns: repeat(1,1fr)
}

.son-eklenen-img
{
height: 220px
}

.son-eklenen-name
{
font-family: playfair display,serif;
font-size:      18px;
line-height: 130%;
font-weight:      400;
text-align: center;
padding-top: 10px
}

.son-eklenen-content ul li
{
border-bottom:      1px dashed #ddd;
margin-bottom: 25px;
padding-bottom: 20px
}

.blog-detail
{
padding: 30px 0
}

.blog-detail-title
{
margin:      0;
font-family: playfair display,serif;
font-size:      36px;
line-height: 130%;
font-weight:      600;
margin-bottom: 10px
}

.blog-detail-date
{
font-size:      12px;
font-weight: 300;
text-transform:      uppercase;
color: #888
}

.blog-detail-img
{
height:      600px;
margin: 20px 0
}

.blog-detail-content *
{
font-size:      15px;
line-height: 175%;
letter-spacing: .2px
}

.blog-list-item-date
{
font-size:      11px;
font-weight: 300;
text-transform:      uppercase;
color: #888;
margin-bottom: 2px
}

.blog-list-item-title
{
font-family: playfair display,serif;
font-size:      18px;
line-height: 150%;
font-weight:      400;
letter-spacing: .2px;
color: #222
}

.blog-list-content ul
{
display:      grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap:      40px;
margin-bottom: 40px;
grid-row-gap: 60px
}

.blog-list-item-btn i
{
font-style:      normal;
color: #242e2e;
font-size:      13px;
box-sizing: border-box;
font-family: playfair display,serif;
font-weight:      500;
letter-spacing: .5px
}

.blog-list-item-btn
{
display:      flex;
padding-top: 10px
}

.blog-list-item-img
{
height:      200px;
margin-bottom: 10px
}

.blog-list-top
{
position:      relative;
margin-bottom: 40px
}

.blog-list-top picture
{
display: flex
}

.blog-list-top span
{
position:      absolute;
top: 0;
width: 100%;
height: 100%;
background:      #242e2e63;
font-size: 38px;
font-family: playfair display,serif;
color:      #fff;
letter-spacing: .5px;
padding:      30px;
box-sizing: border-box;
display:      flex;
align-items: end;
font-weight: 500
}

.blog-home-slider .swiper-pagination
{
bottom: 15px!important
}

.blog-home-slider .swiper-pagination span.swiper-pagination-bullet
{
margin: 0 2px
}

.blog-home-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active
{
background: #242e2e
}

.blog-content-categories.no-blank
{
margin:      0;
border: none
}

.bcc-content.no-blank
{
margin: 0
}

.bcc-content
{
display:      grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap:      40px;
margin-bottom: 60px
}

.bcc-title>div
{
font-size:      34px;
font-weight: 700;
font-family: playfair display,serif;
display:      flex;
align-items: baseline;
letter-spacing: .5px;
margin-bottom:      5px;
color: #242e2e
}

.bcc-title>div a
{
font-size:      13px;
padding-left: 10px;
font-family: lato,sans-serif;
font-weight:      400;
color: #06c;
letter-spacing: 0
}

.bcc-title>span
{
font-size:      16px;
line-height: 150%;
font-weight:      300;
color: #666
}

.bcc-title
{
margin-bottom: 20px
}

.blog-content-categories
{
border-bottom: 1px solid rgba(0,0,0,.33);
margin-bottom: 60px
}

.populer-yazilar-content>.fl>a
{
display: flex
}

.populer-yazilar-content>.fl>a .blog-content-title
{
font-size:      14px;
font-weight: 500;
line-height: 140%
}

.populer-yazilar-content>.fl>a .blog-content-date
{
font-size:      10px;
margin-bottom: 5px
}

.populer-yazilar-content>.fl>a>span
{
padding-left:      15px;
box-sizing: border-box
}

.populer-yazilar
{
background:      #f2f2f2;
padding: 40px;
box-sizing:      border-box;
margin-bottom: 80px
}

.populer-yazilar-title
{
font-family: playfair display,serif;
font-size:      24px;
line-height: 130%;
font-weight:      600;
margin-bottom: 20px
}

.populer-yazilar-content
{
display:      grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap:      20px;
grid-row-gap: 20px
}

.populer-yazilar-content>.fl
{
background:      #fff;
padding: 20px;
box-sizing: border-box
}

.blog-content-uclu
{
display:      grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap:      40px;
margin-bottom: 40px
}

.blog-home-slider
{
margin-bottom: 40px
}

.blog-content-date
{
font-size:      11px;
font-weight: 300;
text-transform:      uppercase;
color: #888;
margin-bottom: 2px
}

.blog-content-title
{
font-family: playfair display,serif;
font-size:      18px;
line-height: 130%;
font-weight:      400;
letter-spacing: .2px;
color: #222
}

.blog-content-text
{
padding-top: 10px
}

.blog-slider-btn i
{
font-style:      normal;
background: #fff;
color:      #242e2e;
font-size: 14px;
padding:      12px 20px;
box-sizing: border-box;
text-transform:      uppercase;
font-family: playfair display,serif;
font-weight:      500;
letter-spacing: .5px
}

.blog-slider-btn
{
display:      flex;
padding-top: 20px
}

.blog-home-slider ul li a
{
position: relative
}

.blog-home-slider ul li a>span
{
position:      absolute;
right: 0;
top:      0;
height: 100%;
background:      #242e2eb3;
display: flex;
flex-wrap:      wrap;
width: 500px;
padding:      40px;
box-sizing: border-box;
color:      #fff;
align-items: end
}

.blog-home-slider ul li a picture
{
display: flex
}

.blog-slider-date
{
font-weight:      300;
letter-spacing: .5px;
font-size:      11px;
text-transform: uppercase;
margin-bottom: 5px
}

.blog-slider-title
{
font-family: playfair display,serif;
font-size:      36px;
line-height: 130%;
font-weight: 600
}

.blog-logo a img
{
height: 45px
}

.blog-header-content
{
display:      flex;
align-items: center;
padding:      30px 0;
justify-content: space-between;
border-bottom: 1px solid #eee
}

.blog-menu ul li a
{
font-size:      16px;
font-weight: 700;
font-family: playfair display,serif;
position:      relative;
height: 30px;
line-height:      30px;
letter-spacing: .2px
}

.blog-menu ul li
{
padding: 0 10px
}

.blog-menu
{
padding-left: 40px
}

.blog-social ul li a img
{
height: 27px
}

.blog-logo
{
width: 20%
}

.blog-social
{
width: 20%
}

.blog-social ul
{
display:      flex;
justify-content: end
}

.blog-social ul li
{
padding-left: 4px
}

.blog-menu ul li a:after
{
content: '';
width:      0;
height: 2px;
position:      absolute;
bottom: -2px;
left:      0;
background: #fcb314;
transition: all .3s ease-in-out
}

.blog-menu ul li a:hover:after
{
width: 100%
}
:not(#mainMenu)>.menu,:not(#mainMenu)>.menu div:not(.dynamicMenu)
{
background-color: inherit
}
:not(#mainMenu)>.menu
{
}

.fl.col-12.sptBtn a
{
background:      #ddd;
padding: 10px 20px;
box-sizing: border-box
}

.ek5
{
font-size:      14px;
color: #666;
margin-bottom: 12px
}

.bankaHesaplarimiz
{
border:      1px solid #ddd;
border-bottom: 0
}

.bankaHesaplarimiz ul
{
display:      flex;
justify-content: center;
align-items:      center;
padding: 10px 12px;
box-sizing:      border-box;
border-bottom: 1px solid #ddd
}

.bankaHesaplarimiz ul.bhTitle
{
border-bottom:      1px solid #ddd;
box-sizing: border-box;
background: #fcb314!important
}

.bankaHesaplarimiz ul.bhTitle li
{
font-weight:      700;
font-size: 13px;
color: #262d2e
}

.bankaHesaplarimiz ul li
{
font-size:      12px;
list-style: none;
width: 20%;
padding:      5px;
box-sizing: border-box;
margin: 0
}

.bankaHesaplarimiz ul:nth-child(odd)
{
background: #f5f5f5
}

.search-text
{
padding-left: 10px
}

.hovered>.menuSubCategoryList:after
{
content: '';
height:      4px;
background: #efeded;
margin-top:      26px;
z-index: 99;
width: 100%
}
#mainMenu span.menuImg
{
padding: 0!important;
width:      auto;
width: 80px;
height:      80px;
border-radius: 100%;
margin-bottom:      5px;
border: none;
display:      flex;
align-items: center;
justify-content: center
}

.hovered>.menuSubCategoryList>a>span
{
box-sizing: border-box
}

.menuCategoryList
{
display:      flex;
align-items: baseline;
position: relative
}

.hovered>.menuSubCategoryList
{
background: #f0eded!important;
box-sizing:      border-box;
border: 2px solid #eee;
z-index:      999;
border-bottom: 0;
border-left:      1px solid #ffdb8d;
border-right: 1px solid #ffdb8d
}

.menuCategoryList>li
{
padding: 0
}

.mmAlan.item .sublink-wrap>li
{
width: 16.66%;
margin-bottom: 40px
}

.mmAlan.item .sublink-wrap
{
margin:      0;
width: 100%
}

.dynamicMenu>ul>li:first-child>div
{
}

.dynamicMenu>ul>li>div
{
display:      flex;
justify-content: flex-start;
align-items:      center;
flex-wrap: wrap
}

.mmAlan.item
{
display:      none;
width: 100%;
position:      absolute;
top: 145px;
padding:      35px 0;
box-sizing: border-box;
left:      0;
background: #f0eded!important;
padding-bottom:      0;
box-sizing: border-box;
border: 1px solid #ffdb8d
}

.menuSubCategoryList.active .mmAlan.item
{
display: block
}

.hoverStyle.notificationsHover ul li a
{
line-height: 16px!important;
margin: 5px 0
}
ul.sublink-wrap li
{
display:      flex;
align-items: center;
margin-bottom: 0
}
ul.sublink-wrap li span.menuImg
{
min-width:      90px;
min-height: 90px;
border:      1px solid #ddd;
border-radius: 100%;
display:      flex;
align-items: center;
justify-content:      center;
max-width: 60px
}

.subMenu .dynamicMenu ul>.col-2
{
padding: 5px
}

.subMenu .dynamicMenu>.inner>ul
{
margin-left:      -5px;
margin-right: -5px
}

.menuOne:hover
{
background: #fcb315!important
}

.menuOne:hover>a
{
color: #fff!important
}
#mainMenu .parentLink li a:hover
{
background: 0 0
}

.menuOne span
{
min-width:      50px;
min-height: 50px;
float:      left;
border-radius: 100%;
border:      1px solid #ddd;
display: flex;
align-items:      center;
justify-content: center;
margin-bottom: 5px
}

.menuOne
{
display:      flex;
align-items: center;
box-sizing:      border-box;
margin-bottom: 10px;
border-bottom:      1px solid #ddd;
padding-bottom: 10px;
flex-wrap:      wrap;
justify-content: center
}

.bpContent>.inner
{
display:      flex;
flex-wrap: wrap;
justify-content: center
}

.bpeContent
{
display:      flex;
justify-content: center
}

.bpbContent
{
box-shadow: 0 0 .375rem rgb(0 0 0/30%);
background:      #fff;
padding: 30px;
box-sizing:      border-box;
margin-bottom: 50px
}

.bpSeo
{
text-align:      center;
margin-top: 40px
}

.bpsTitle
{
font-size:      16px;
color: #252d2f;
font-weight:      600;
margin-bottom: 10px
}

.bpsContent
{
font-size:      14px;
line-height: 28px;
color: #888
}

.bpCatsTwo ul li
{
width: 25%
}

.bpCatsTwo ul li a
{
display:      flex;
align-items: center;
background:      #f8f8f8;
height: 60px;
font-size:      13px;
font-weight: 600;
color:      #252d2f;
justify-content: flex-start;
padding:      0 10px;
box-sizing: border-box
}

.bpCatsTwo ul li a img
{
margin-right:      10px;
height: 40px;
mix-blend-mode: multiply
}

.bpCanon ul li a:hover
{
background: #cc2229!important;
color: #fff
}

.bpGopro ul li a:hover
{
background: #00adef!important;
color: #fff
}

.bpDji ul li a:hover
{
background: #0971ce!important;
color: #fff
}

.bpCatsTwo ul li a:hover
{
background: #fcb315
}
ul#brandTv li a span
{
position:      absolute;
top: 50%;
margin-top:      -29px;
left: 50%;
margin-left:      -20px;
opacity: .8
}
ul#brandTv li a
{
position: relative
}

.bpTitle
{
display:      flex;
justify-content: space-between;
align-items:      center;
margin-bottom: 14px;
width: 100%;
margin-top: -40px
}

.bpContent
{
margin-top: -300px
}

.bpTitle h1
{
margin:      0;
font-size: 50px;
color:      #fff;
font-weight: 200
}

.bpTitle .bpLogo img
{
height: 40px
}

.bpExpert
{
display:      flex;
align-items: center;
justify-content:      space-between;
height: 50px;
box-sizing:      border-box;
margin-bottom: 40px;
background-image: linear-gradient(to right,#eee,#fff);
width: 100%
}

.bpBg
{
box-shadow: 0 0 .375rem rgb(0 0 0/30%);
background:      #fff;
padding: 30px;
box-sizing:      border-box;
margin-bottom: 20px;
padding-bottom: 0
}
ul#brandPageSlide
{
margin-bottom: 30px
}

.bpCatsOne
{
margin-bottom: 0
}

.bpCatsTwo
{
margin-bottom: 30px
}

.bpTv
{
margin-bottom: 30px
}

.bpBlog
{
margin-bottom: 30px
}

.bpeLeft
{
background:      #fcb315;
display: flex;
align-items:      center;
flex-wrap: wrap;
padding:      20px;
box-sizing: border-box;
height:      70px;
width: 40%;
border-radius: 10px
}

.bpeLeft i
{
width: 100%;
font-style:      normal;
font-size: 12px;
margin-bottom:      5px;
color: #252d2f
}

.bpeLeft span
{
width: 100%;
font-size:      16px;
color: #252d2f;
font-weight: 600
}

.bpeLeft *
{
}

.bpeRight
{
padding-right:      20px;
box-sizing: border-box;
display:      flex;
align-items: center;
font-weight:      600;
color: #666;
font-size:      14px;
width: 50%;
justify-content: flex-end
}

.bpeRight ul
{
display:      flex;
align-items: center;
margin-left: 0
}

.bpeRight ul li:after
{
content: '';
width:      25px;
height: 25px;
position:      absolute;
left: 0;
border-radius: 100%;
top: -5px
}

.bpeRight ul li:nth-child(1):after
{
background: url(/Data/EditorFiles/Creawork/image/UsWhatsapp.svg);
background-size: 100%
}

.bpeRight ul li:nth-child(2):after
{
background: url(/Data/EditorFiles/Creawork/image/UsTelefon.svg);
background-size: 100%
}

.bpeRight ul li:nth-child(3):after
{
background: url(/Data/EditorFiles/Creawork/image/UsMail.svg);
background-size: 100%
}

.bpeRight ul li
{
position:      relative;
padding-left: 30px!important;
margin-left: 15px
}

.bpeRight ul li a
{
color: #1a5888
}

.backPage img
{
height: 18px
}

.suGenel
{
background: #252d2f
}

.siparisUst .usItem
{
display:      flex;
justify-content: flex-end
}

.siparisUst .logo
{
display:      flex;
justify-content: center
}

.siparisUst .logo img
{
height: 40px
}
nav#mainMenu.sticky
{
position:      fixed;
top: 0;
left: 0
}
#complementProucts .text-description.detailLink
{
height:      46px;
overflow: hidden
}
div#headerMain
{
background: #252d2f
}

.dataTag
{
position: relative
}

.ustSag span.dataTagContent
{
top: 140%
}
ul#complementProucts .productItem .productBtn
{
background:      #232f3e;
margin: 0;
width: 100%;
display:      flex;
align-items: center;
justify-content:      center;
padding: 5px 0;
color:      #fff;
font-size: 12px;
border-radius:      4px;
margin: 5px 0
}
ul#complementProucts .productItem .text-custom-pink
{
color: #232f3e
}
ul#complementProucts .productItem>.fl
{
border:      1px solid #eee;
box-sizing: border-box;
border-radius: 4px
}

.rpTitle h3
{
margin:      0;
font-size: 14px;
text-align:      center;
padding: 10px;
box-sizing:      border-box;
line-height: 20px;
border:      1px solid #ddd;
border-radius: 4px;
width: 100%
}

.rpTitle
{
border-radius:      4px;
border: none
}

.notifications.titre img
{
animation:      shake-animation 3s ease infinite;
transform-origin: 50% 50%
}
@keyframes shake-animation
{
0%
{
transform: translate(0,0)
}
1.78571%
{
transform: translate(5px,0)
}
3.57143%
{
transform: translate(0,0)
}
5.35714%
{
transform: translate(5px,0)
}
7.14286%
{
transform: translate(0,0)
}
8.92857%
{
transform: translate(5px,0)
}
10.71429%
{
transform: translate(0,0)
}
100%
{
transform: translate(0,0)
}
}
i.memberOnline
{
font-weight:      700;
background: #30cc26;
width:      18px;
height: 18px;
display:      flex;
align-items: center;
justify-content:      center;
border-radius: 100%;
position:      absolute;
right: -8px;
bottom:      -6px;
color: #fff;
font-size: 10px
}
ul#campaign-carousel button.slick-arrow
{
z-index: 99
}

.sliderKapsa
{
display:      flex;
margin-bottom: 10px
}

.ivBanner>.col:nth-child(1)
{
margin-bottom: 16px
}

.story
{
padding: 17px 0
}

.bannerTekli
{
margin-bottom: 10px
}

.homeBlog
{
margin-bottom:      50px;
margin-top: 50px
}

.markalar
{
margin-bottom: 50px
}

.guvenIconlari
{
padding: 50px 0
}

.seo
{
margin-bottom: 50px
}

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

.story ul li span
{
display:      block;
text-align: center;
margin-top:      4px;
font-size: 14px;
color:      #333;
font-weight: 700;
line-height: 16px
}

.story ul li
{
padding: 0 10px
}

.generalTitle img
{
height:      13px;
margin-right: 5px
}

.generalTitle i
{
color:      #ea0000;
font-style: normal;
margin-left: 5px
}
ul#tvSlider li a
{
position: relative
}
ul#tvSlider li a span
{
position:      absolute;
top: 50%;
margin-top:      -29px;
left: 50%;
margin-left:      -20px;
opacity: .8
}

.hbTitle
{
font-size:      16px;
color: #666;
font-weight:      500;
padding-top: 10px;
line-height: 24px
}

.hbDesc
{
font-size:      13px;
line-height: 22px;
color:      #888;
padding: 10px 0;
height:      100px;
overflow: hidden;
margin-bottom: 10px
}
ul#blogSlider li i
{
font-size:      14px;
color: #252d2f;
text-decoration:      underline;
font-weight: 600;
font-style: normal
}

.generalTitle
{
font-size:      16px;
color: #252d2f;
font-weight:      600;
text-align: center;
margin-bottom:      10px;
display: flex;
align-items:      center;
justify-content: center
}

.slick-dots
{
display:      flex;
justify-content: center;
margin-top: 10px
}

.slick-dots li button
{
font-size: .1px;
width:      15px;
height: 15px;
background:      #ddd;
border: none;
border-radius: 100%;
margin:      0 1px;
cursor: pointer
}

.slick-dots li.slick-active button
{
background: #252d2f
}

.seo
{
font-size:      12px;
color: #666;
line-height: 22px
}

.giItem
{
background:      #fff;
border: 1px solid #e5e5e5;
border-radius:      4px;
padding: 20px;
box-sizing:      border-box;
display: flex;
justify-content:      center;
flex-wrap: wrap
}

.icTitle
{
font-size:      16px;
color: #232f3e;
font-weight: 700
}

.icDesc
{
font-size:      13px;
color: #666;
line-height:      20px;
padding: 30px 0
}

.iContent a
{
background:      #232f3e;
font-size: 13px;
color:      #fff;
width: 180px;
height:      50px;
display: flex;
border-radius:      4px;
align-items: center;
justify-content: center
}

.ihracat>.row
{
display:      flex;
align-items: center
}

.giItem>div
{
width: 100%;
text-align:      center;
color: #888;
font-weight:      600;
display: block
}

.giItem img
{
height:      40px;
margin-bottom: 15px
}

.giItem>span
{
font-size:      12px;
text-align: center;
color:      #888;
line-height: 18px;
padding-top: 5px
}

.giItem>span b
{
display: block
}

.seo b
{
color:      #232f3e;
font-size: 14px;
margin-bottom: 10px
}

.listeBanner .col-8
{
width: 60.663%
}

.listeBanner .col-4
{
width: 39.337%
}

.productRow .removeBtn
{
width: 2%
}

.scContainer .productRow
{
border-top:      1px solid #eee;
padding-top: 15px;
margin-top: 15px
}

.scContainer .productRow:nth-child(2)
{
border:      none;
padding-top: 0;
margin-top: 0
}

.productInfoRow
{
padding-right:      20px;
box-sizing: border-box;
width: 39%
}

.scContainer ul
{
display:      flex;
justify-content: space-between;
border-bottom:      1px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px
}

.scContainer>ul li:nth-child(1)
{
width: 45%
}

.scContainer ul li
{
color:      #aaa;
font-size: 12px
}

.productRow
{
display:      flex;
align-items: center
}

.productImg
{
border:      1px solid #eee;
box-sizing: border-box;
background:      #fff;
margin: 0 10px;
padding: 5px
}

.productImg img
{
mix-blend-mode: multiply
}

.basketProName a
{
font-size:      12px;
color: #232f3e
}
ul#campaignList li:first-child
{
border:      none;
padding-top: 0;
margin-top: 0
}

.active+.cmpNames
{
color: #232f3e
}

.cmpNames
{
color:      #888;
font-size: 12px
}

.cmpNames b
{
margin-bottom: 5px
}
ul#campaignList li
{
display:      flex;
align-items: center;
border-top:      1px solid #eee;
padding-top: 15px;
margin-top: 15px
}
ul#campaignList li .col-10
{
display:      flex;
align-items: center
}

.campaign-btn
{
width:      100px;
height: 30px;
font-size:      12px;
color: #fff;
border-radius:      4px;
display: flex;
align-items:      center;
justify-content: center
}

.iptalEt.campaign-btn
{
background: #232f3e
}

.aktifEt.campaign-btn
{
background: #107a00
}

.productInfoRow .danger
{
font-size:      12px;
color: #107a00
}

.soFyt
{
font-size:      12px;
color: #232f3e;
display:      flex;
justify-content: space-between;
margin-bottom: 20px
}

.cargoMessage
{
font-size:      12px;
text-align: center;
color:      #26a65b;
font-weight: 600;
border-top:      1px solid #eee;
padding-top: 15px;
margin-top:      0;
line-height: 20px
}

.soFyt.campaignDiscount
{
font-weight: 600
}

.soFyt.generalPrice
{
font-weight: 600
}
input#indirimkuponu
{
background:      #f2f2f2;
border: 1px solid #e5e5e5;
box-sizing:      border-box;
height: 40px;
font-size:      12px;
padding: 0 10px;
color: #666
}
input#indirimkuponu::placeholder
{
color:      #aaa;
font-family: lato,sans-serif
}
a#indirim
{
position:      absolute;
right: 0;
height:      40px;
line-height: 40px;
font-size:      11px;
text-transform: uppercase;
font-weight:      700;
color: #fff;
background:      #252d2f;
padding: 0 20px;
box-sizing: border-box
}

.sepetAlan
{
background:      #fff;
border: 1px solid #eee;
box-sizing:      border-box;
padding: 20px;
margin-bottom: 20px
}

.sptTitles
{
color:      #252d2f;
font-size: 14px;
font-weight:      600;
border-bottom: 1px solid #eee;
padding-bottom:      10px;
margin-bottom: 15px;
background-position-y:      5px;
cursor: pointer
}

.teklifIste
{
height:      50px;
background: #232f3e;
border-radius:      4px;
color: #fff;
font-size:      14px;
font-weight: 500;
text-transform:      uppercase;
display: flex;
align-items:      center;
justify-content: center;
margin-bottom: 20px
}
a#addCartBtn
{
height:      50px;
background: #26a65b;
color:      #fff;
font-size: 16px;
font-weight:      600;
text-transform: uppercase;
display:      flex;
align-items: center;
justify-content: center
}
a#addCartBtn:hover
{
background: #fcb315
}

.backPage
{
cursor: pointer
}

.lsbContainer>.row
{
display:      flex;
margin: 0
}

.cartStep ul li.active
{
opacity: 1
}

.siparisUst
{
display:      flex;
align-items: center;
justify-content:      space-between;
padding: 20px 0
}

.kurumsal
{
cursor: pointer
}
div#logo
{
display:      flex;
align-items: center;
padding-right:      30px;
box-sizing: border-box
}
#live-search-box ul.col-6
{
background: #e5e5e5
}
#live-search-box ul.col-4
{
background: #eee
}
#live-search-box ul.col-2
{
background: #f5f5f5
}

.lsbContainer
{
border:      2px solid #e5e5e5;
border-radius: 4px;
background:      #fff;
padding: 0;
box-sizing: border-box
}

.lsbContainer:after
{
width:      0;
height: 0;
border-left:      10px solid transparent;
border-right: 10px solid transparent;
border-bottom:      10px solid #eee;
top: 6px;
left:      15px;
z-index: 2;
content: '';
position: absolute
}

.lsbTitle
{
font-size:      12px;
color: #232f3e;
font-weight:      700;
border-bottom: 1px solid #ccc;
padding-bottom:      10px;
margin-top: 0!important
}

.cartStep
{
background:      #252d2f;
border-top: 1px solid #3f4a4c
}

.cartStep ul
{
display:      flex;
align-items: center;
justify-content:      center;
height: 50px
}

.cartStep ul li
{
font-size:      14px;
color: #fff;
font-weight:      600;
text-transform: uppercase;
opacity: .5;
padding:      0 30px;
box-sizing: border-box;
position: relative
}

.cartStep ul li:before
{
content: '';
width:      5px;
height: 5px;
background:      #fff;
border-radius: 100%;
position:      absolute;
left: 0;
top: 50%;
margin-top: -2.5px
}

.cartStep ul li:first-child:before
{
display: none
}
#live-search-box a:hover
{
color:      #232f3e;
font-weight: 600
}

.usOne .currency
{
position:      absolute;
left: 50%;
width:      80px;
top: 100%!important;
padding-top:      9px;
margin-left: -40px;
border:      none;
background: 0 0
}

.usOne .currency:after
{
width:      0;
height: 0;
border-left:      10px solid transparent;
border-right: 10px solid transparent;
border-bottom:      10px solid #eee;
top: 0;
right: 36%;
z-index:      2;
content: '';
position: absolute
}

.usOne .currency>ul
{
border:      2px solid #eee;
background: #fff;
box-sizing:      border-box;
padding: 10px 0
}

.usOne .currency>ul li
{
line-height:      25px;
font-size: 12px;
color:      #666;
cursor: pointer
}

.usOne .currency>ul li:hover
{
color:      #232f3e;
font-weight: 700
}

.usOne .language
{
position:      absolute;
left: 50%;
width:      80px;
top: 100%!important;
padding-top:      9px;
margin-left: -40px;
border:      none;
background: 0 0
}

.usOne .language:after
{
width:      0;
height: 0;
border-left:      10px solid transparent;
border-right: 10px solid transparent;
border-bottom:      10px solid #eee;
top: 0;
right: 36%;
z-index:      2;
content: '';
position: absolute
}

.usOne .language>ul
{
border:      2px solid #eee;
background: #fff;
box-sizing:      border-box;
padding: 10px 0
}

.usOne .language>ul li
{
line-height:      25px;
font-size: 12px;
color:      #666;
cursor: pointer
}

.usOne .language>ul li:hover
{
color:      #232f3e;
font-weight: 700
}

.otherCats ul
{
border:      2px solid #eee;
border-radius: 5px;
background: #232f3e!important;
box-sizing:      border-box;
z-index: 999;
padding: 10px 0
}

.otherCats
{
position:      absolute;
left: 50%;
top: 100%;
padding-top:      10px;
width: 150px;
margin-left: -75px
}

.otherCats ul:after
{
width:      0;
height: 0;
border-left:      10px solid transparent;
border-right: 10px solid transparent;
border-bottom:      10px solid #232f3e;
top: 3px;
right: 43%;
z-index:      2;
content: '';
position: absolute
}
#mainMenu .menu>li:last-child:hover .otherCats
{
display: block
}
#mainMenu .otherCats ul li a
{
color: #fff!important;
text-align: center!important;
width: 100%;
height:      auto;
line-height: 30px
}

.otherCats ul li
{
width: 100%
}
#mainMenu .otherCats ul li a:hover
{
color: #f7ca0e!important
}

.hoverStyle ul li a.logout
{
color:      #aaa;
font-weight: 300
}

.hoverStyle ul li a.logout:hover
{
color:      #aaa;
font-weight: 300
}

.userLogin:hover .userHover
{
display: block
}

.notifications:hover .notificationsHover
{
display:      block;
width: 180px;
margin-left: -80px
}
/* Recep Y d zeltme renklere !important eklendi*/
.hoverStyle ul li a
{
font-size: 12px!important;
color:   #666!important;
line-height: 25px!important;
font-weight:    400;
}

.hoverStyle ul li a:hover
{
color:   #232f3e!important;
font-weight:    700;
}

.hoverStyle:after
{
width:      0;
height: 0;
border-left:      10px solid transparent;
border-right: 10px solid transparent;
border-bottom:      10px solid #eee;
top: 6px;
right: 43%;
z-index:      2;
content: '';
position: absolute
}

.ubWrapper ul li
{
text-align:      center;
font-size: 14px
}

.hoverStyle ul
{
border:      2px solid #eee;
background: #fff;
box-sizing:      border-box;
padding: 10px;
border-radius: 20px
}

.hoverStyle
{
position:      absolute;
left: 50%;
width:      150px;
top: 100%;
padding-top:      15px;
z-index: 99;
margin-left: -75px
}

.hoverStyle ul li
{
text-align: center
}
button.slick-arrow
{
width:      30px;
height: 30px;
font-size: .1px;
border:      none;
position: absolute;
top:      -8px;
cursor: pointer;
padding: 0
}
#iv .slick-dots
{
margin:      0;
position: absolute;
width: 100%;
bottom:      10px;
display: none!important
}
#iv .slick-dots li button
{
background:      #fff;
margin: 0 2px
}
#iv .slick-dots li.slick-active button
{
background: #232f3e
}
#iv button.slick-arrow
{
top: 50%;
z-index: 9
}
#iv button.slick-prev.slick-arrow
{
background: url(/Data/EditorFiles/Creawork/image/alslider.svg) no-repeat center;
left: 20px
}
#iv button.slick-next.slick-arrow
{
right:      30px;
background: url(/Data/EditorFiles/Creawork/image/arslider.svg) no-repeat center
}
button.slick-prev.slick-arrow
{
background: url(/Data/EditorFiles/Creawork/image/altopbar.svg) no-repeat center;
left: 0
}
button.slick-next.slick-arrow
{
right:      0;
background: url(/Data/EditorFiles/Creawork/image/artopbar.svg) no-repeat center
}

.ustBilgi
{
height:      50px;
background: #ddd;
display:      flex;
align-items: center
}

.ubWrapper
{
display:      flex;
justify-content: center;
align-items:      center;
padding: 0 30%;
box-sizing: border-box
}
#mainMenu .menu>li a>span
{
box-sizing: border-box
}
#mainMenu .menu>li:last-child a
{
padding-right: 0
}
nav#mainMenu .menu
{
display: flex
}
nav#mainMenu
{
background:      #252d2f;
border-top: 1px solid #3f4a4c
}
#headerMain>.fl>.inner>.fl.col-12.d-flex
{
padding: 25px 0
}

.usItem.favorilerim
{
margin-left: 20px
}

.usOne>.fl
{
margin-left: 10px
}

.sticky .usOne
{
padding-right: 13px
}

.usOne
{
position:      relative;
padding-right: 25px
}

.usOne:after
{
content: '';
width:      1px;
height: 16px;
background:      #3f4a4c;
position: absolute;
right:      0;
top: 50%;
margin-top: -8px
}

.usAppend
{
display:      flex;
align-items: center;
justify-content: flex-end
}
div#tsoft-eticaret-sistemleri
{
display: none!important
}
div#header-wrap
{
background: #fff
}
div#headerTop .inner
{
display:      flex;
justify-content: space-between
}
div#headerTop .inner div ul
{
display: flex
}
div#headerTop .inner div ul li
{
padding:      0 15px;
border-left: 1px solid #e1e1e1
}
div#headerTop .inner div ul li:first-child
{
border:      none;
padding-left: 0
}
div#headerTop .inner div ul li b
{
color:      #333;
font-weight: 900
}

.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: 10
}
#header-wrap.sticky
{
position:      fixed;
top: 0;
left:      0;
z-index: 999
}
#headerTop
{
height:      40px;
color: #888;
font-size:      12px;
border-bottom: 1px solid #eee;
display:      flex;
align-items: center
}

.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
}

.usItem
{
position:      relative;
margin-left: 20px;
cursor: pointer
}

.cart-soft-count,.notifications-soft-count,.favorite-soft-count
{
font-weight:      700;
background: #fff;
width:      20px;
height: 20px;
display:      flex;
align-items: center;
justify-content:      center;
border-radius: 100%;
position:      absolute;
right: -8px;
bottom:      -4px;
color: #252d2f;
font-size: 11px
}
span.notifications-soft-count
{
bottom: -4px
}
#headerPhone
{
color:      #545454;
font-size: 12px;
line-height: 30px
}
#basketList
{
display:      none;
position: absolute;
top: 100%;
left:      0;
background: #fff;
z-index: 3333
}
#logo a
{
float:      left;
width: 100%;
height: 40px
}

.sticky #logo a
{
height: 50px
}
#logo p,#logo img
{
-webkit-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-moz-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-ms-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-o-transition-timing-function: cubic-bezier(.2,.02,.2,1);
transition-timing-function: cubic-bezier(.2,.02,.2,1);
-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:      40px;
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
}
#live-search-box
{
top: 100%;
left:      -1px;
z-index: 999
}
#FormAra
{
height:      45px;
background: #354144;
box-sizing:      border-box;
z-index: 999;
border: 2px solid #354144
}
[dir=rtl] #FormAra
{
left:      0;
right: auto
}

.sticky #FormAra
{
top: calc(50% - 20px);
height: 40px
}

.forDesktop #FormAra:not(.focus)
{
border-color: transparent
}

.forDesktop #FormAra.focus
{
width: 100%
}

.forDesktop #FormAra.focus:before
{
content: ''
}

.forDesktop #FormAra:not(.focus):before
{
display:      block;
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
}

.forDesktop #FormAra:not(.focus):after
{
content: '\e811';
display:      block;
position: absolute;
top:      0;
right: 0;
width:      48px;
line-height: 48px;
color:      #e35252;
font-size: 13px;
font-family:      tsoft;
font-size: 20px;
text-align:      center;
text-transform: uppercase;
cursor: pointer
}
[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]::placeholder
{
color:      #bbb;
font-size: 14px;
font-weight:      300;
font-family: lato,sans-serif
}
#FormAra input[type=text]
{
height:      40px;
color: #eee;
font-size:      15px;
border: 0;
box-sizing:      border-box;
background: 0 0;
width: 100%;
padding: 0 15px
}

.sticky #FormAra input[type=text]
{
width: calc(100% - 38px);
height: 38px
}
#FormAra input[type=text]:focus
{
box-shadow: none
}
#FormAra button[type=submit]
{
position:      absolute;
width: 45px;
height:      45px;
font-size: 20px;
border:      0;
cursor: pointer;
background:      #fcb315;
right: 0;
top: 0
}

.sticky #FormAra button[type=submit]
{
width:      38px;
height: 38px
}
#FormAra.focus input[type=text],#mobileWrapper #FormAra input[type=text],#FormAra.focus button[type=submit],#mobileWrapper #FormAra.focus button[type=submit]
{
display: block
}
#live-search
{
height:      36px;
line-height: 14px
}
#live-search-box
{
position:      absolute;
top: 100%;
width: 100%;
background:      #fff;
border-bottom: 0;
z-index:      999;
padding-top: 0;
border: 1px solid #ddd
}
#live-search-box ul
{
float: left
}
#live-search-box li
{
padding: 0
}
#live-search-box a
{
float:      left;
width: 100%;
display:      flex;
align-items: center;
font-size:      13px;
line-height: 16px;
color:      #888;
padding: 0;
margin-bottom: 10px
}
#live-search-box:not([data-callback]) span,#live-search-box .search-image
{
}
#live-search-box[data-callback] span
{
box-sizing:      border-box;
font-size: 13px
}
#mainMenu .menu>li:first-child
{
border-left: 1px solid #3f4a4c
}

.fotografiumTv
{
margin-top: 20px
}

.stickyLogo a img
{
height: 26px
}

.stickyLogo
{
display: none!important
}
nav#mainMenu.sticky .stickyLogo
{
display: flex!important
}
#mainMenu .menu>li:nth-child(2)
{
border-left: 1px solid #3f4a4c
}
#mainMenu.sticky .menu>li:nth-child(2)
{
border-left: 0
}
#live-search-box img
{
margin: 0 auto
}
#mainMenu .menu>li.ozelMagazalar
{
background: #fcb315
}
#mainMenu .menu>li.ozelMagazalar a
{
color:      #252d2f;
font-weight: 600
}
#mainMenu .menu>li.ozelMagazalar:hover a
{
color: #fff
}
nav#mainMenu>.inner
{
display:      flex;
align-items: center;
justify-content:      space-between;
position: relative
}
#mainMenu.sticky .menu>li
{
height:      55px;
padding: 0 15px
}
#mainMenu .menu>li
{
height:      50px;
display: flex;
align-items:      center;
justify-content: center;
border-right:      1px solid #3f4a4c;
box-sizing: border-box;
padding: 0 25px
}
#mainMenu.sticky a
{
font-size: 12px
}

.sticky .usItem
{
margin-left: 13px
}
#mainMenu a
{
line-height:      18px;
font-size: 13px;
color:      #fff;
font-weight: 500;
text-align: center
}

.sticky #mainMenu a
{
height:      30px;
line-height: 30px
}
#mainMenu a:hover
{
color: #f7ca0e
}

.menu li.parentLink>a
{
background-color: transparent
}
#mainMenu .parentLink li a
{
height:      auto;
font-size: 14px;
color:      #252d2f;
border-right: 0;
padding-right:      0;
padding-left: 0;
text-align:      left;
font-weight: 600;
line-height:      10px;
text-align: center;
display:      flex;
flex-wrap: wrap;
justify-content:      center;
padding: 10px;
box-sizing: border-box
}
#mainMenu .menu>li.parentLink:hover>span>a
{
color: #fcb216
}

.menu li:hover>a
{
color: #e35252
}
#mainMenu .parentLink .sublink-wrap li a
{
color:      #252d2f;
font-size: 13px;
margin-bottom:      10px;
font-weight: 400;
text-align:      center;
margin-bottom: 0;
display:      flex;
flex-wrap: wrap;
justify-content: center
}

.subMenu
{
box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
background: #fff!important;
padding: 0!important;
opacity: 1!important;
visibility: visible!important;
display: none
}

.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 .parentLink .sublink-wrap li a:hover
{
color:      #fcb315;
font-weight: 600;
background: 0 0!important
}

.subMenu .dynamicMenu
{
background:      #fff;
box-sizing: border-box;
padding-top:      0;
padding-left: 0;
padding-right:      0;
padding-bottom: 0
}
#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: #f37121
}
#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
}
@media screen and (max-width: 1230px)
{
#header-info
{
border-left:0
}
#headerMain
{
padding-right:      0;
padding-left: 0
}
#mainMenu .menu>li
{
padding-right: 5px
}

.menu a
{
padding-right:      5px;
padding-left: 5px
}
}
@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
{
display: none
}
#mainMenu a
{
font-size: 12px
}
}
@media screen and (min-width: 769px)
{
.menu li.parentLink:hover>ul
{
display:block
}
}
@media screen and (max-width: 768px)
{
.sliderKapsa
{
flex-wrap:     wrap;
margin-top: 10px
}

.sagFirsat
{
display: none
}

.menuar
{
border: none!important;
padding-right: 0!important
}

.menuar+a
{
border: none!important;
font-weight: 600!important;
color: #222!important
}

.menuarTwo
{
border: none!important;
padding-right: 0!important
}

.menuarTwo+a
{
border: none!important;
font-weight: 600!important;
color: #222!important
}

.mmBack img
{
height: 10px
}
div#mobileMenuMain
{
padding: 0
}

.mobileHome
{
display:      flex;
align-items: center;
padding:      0 10px;
box-sizing: border-box;
border-bottom:      1px solid #ddd;
text-transform: uppercase
}
#mobileMenuMain li div i
{
font-style: normal
}

.menuShow div#mobileMenuMain ul li div.active+ul
{
left:      0;
display: block!important;
height: 100%;
-webkit-transition: all .5s ease-out;
overflow: auto
}

.menuShow div#mobileMenuMain ul li div.active+ul::-webkit-scrollbar
{
width:      5px;
background: #ddd;
border-radius: 5px
}

.menuShow div#mobileMenuMain ul li div.active+ul::-webkit-scrollbar-button
{
display: none
}

.menuShow div#mobileMenuMain ul li div.active+ul::-webkit-scrollbar-thumb
{
background:      #222;
border-radius: 0
}
#mobileMenu span.active
{
font-weight: 600
}
nav#mainMenu
{
display: none
}

.col.col-2.p-right #campaign-products
{
display: none
}
body .firsatUrunListe li>.box
{
padding: 0
}
body .firsatUrunListe #katalog
{
margin-left:      -5px;
margin-right: -5px;
clear:      both;
display: block
}
body .firsatUrunListe
{
margin: 0
}
#FormAra button[type=submit] img
{
height:      15px;
display: block;
width:      15px;
max-width: 15px;
min-width:      15px;
min-height: 15px;
position: relative
}
#live-search-box ul
{
padding: 10px
}

.lsbContainer:after
{
display: none
}

.lsbContainer>.row>ul.col-6
{
width: 50%
}

.lsbContainer>.row>ul.col-4
{
width: 25%
}

.lsbContainer>.row>ul.col-2
{
width: 25%
}

.story::-webkit-scrollbar
{
height: 3px
}

.story
{
overflow-y:      hidden;
overflow-x: scroll;
-webkit-overflow-scrolling:      touch;
padding: 10px 0
}

.story>ul
{
display:      flex;
justify-content: flex-start
}

.story>ul li
{
width: 20%!important;
display:      block;
flex: none;
padding: 0 5px
}

.story ul li span
{
font-size:      11px;
height: 24px;
display:      flex;
align-items: center;
justify-content:      center;
color: #666;
line-height: 12px
}

.ubWrapper
{
padding: 0
}

.ubWrapper ul li
{
font-size: 11px
}

.ustBilgi
{
height: 31px
}
button.slick-arrow
{
top: -10px
}

.notifications:hover .notificationsHover
{
left:      0;
margin: 0
}

.hoverStyle:after
{
left: 0
}

.userLogin:hover .userHover
{
left:      auto;
right: 0;
margin: 0
}

.hoverStyle.userHover:after
{
right:      0;
left: auto
}
div#header-wrap
{
background: 0 0
}
div#mobileSearch
{
padding:      10px;
box-sizing: border-box;
padding-bottom: 0
}
#live-search-box
{
padding-top:      0;
width: 100%;
left: 0
}
div#mobileSearch #search
{
display: block
}

.usItem img
{
height: 22px
}

.mobileNot .usItem.notifications img
{
height: 24px
}

.cart-soft-count,.notifications-soft-count,.favorite-soft-count
{
width:      16px;
height: 16px
}
#header-wrap .cart-soft-count,.accountMessageLink .message-count
{
width:      16px;
height: 16px;
right:      auto;
left: -6px
}
#headerMain>.fl>.inner>.fl.col-12.d-flex
{
padding:      5px 0;
display: flex;
justify-content:      center;
padding-right: 10px;
box-sizing: border-box
}
div#logo
{
padding: 0
}

.usItem.notifications
{
display: none
}

.mobileNot .usItem.notifications
{
display:      block;
margin-left: 0
}

.usItem.favorilerim
{
display: none
}

.kurumsal
{
display: none
}

.usOne
{
display: none
}

.usItem
{
margin:      0;
margin-left: 20px
}

.mblBottom
{
display:      flex;
align-items: center
}

.productImg
{
margin-left: 15px
}

.productInfoRow
{
width: 75%
}

.productRow .removeBtn
{
width: 4%;
position:      absolute;
left: -4px
}
ul#campaignList li
{
flex-wrap: wrap
}

.campaign-btn
{
float:      left;
margin-top: 10px;
margin-left: 28px
}

.scContainer ul
{
display: none
}

.sepetAlan .discountPrice
{
display: none
}

.sepetAlan
{
margin-bottom:      10px;
padding: 15px
}

.sepetSag
{
padding-top:      0;
padding-left: 0;
padding-right: 0
}

.sepetSol
{
padding-bottom:      0;
padding-left: 0;
padding-right:      0;
padding-top: 0
}
a#addCartBtn
{
position: relative
}

.siparisUst
{
padding:      10px;
box-sizing: border-box
}

.cartStep ul li
{
font-size:      13px;
padding: 0 15px
}

.siparisUst .logo img
{
height: 25px
}

.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:      0;
padding: 0
}
#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: .5s;
animation-duration: .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::-webkit-scrollbar
{
width:      5px;
background: #ddd;
border-radius: 5px
}
#mobileMenu::-webkit-scrollbar-button
{
display: none
}
#mobileMenu::-webkit-scrollbar-thumb
{
background:      #222;
border-radius: 0
}
#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;
overflow-x:      hidden;
padding: 0
}
[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
{
font-size:      17px;
line-height: 50px;
cursor: pointer
}
#mobileMenu span.active
{
color:      #e35252;
font-weight: 600
}
#mobileMenu li ul
{
left: -100%;
position:      fixed;
background: #fff;
top:      0;
padding: 0;
width: 85%;
box-sizing:      border-box;
height: 100%;
-webkit-transition: all .5s ease-out;
display: block!important
}

.mmBack
{
box-sizing:      border-box;
display: flex;
align-items:      center;
border-bottom: 1px solid #ddd
}
#mobileMenu li ul a
{
color:      #444;
font-size: 15px;
line-height:      35px;
font-weight: 400
}
#mobileMenu select,[dir=rtl] #mobileMenu select
{
background:      0 0;
border: 0
}
#headerMain
{
font-size:      16px;
background: #fff
}
#logo a
{
height: 35px
}
#logo p
{
height: 35px
}
#logo a img
{
width:      auto;
display: inline;
vertical-align: middle
}
#search
{
width: 100%;
display: none
}
#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
}
#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)
{
.brand-logo img
{
height:      20px;
}

.brand-slogan
{
font-size:      13px;
}

.brand-popup-close img
{
height:      25px;
}

.brand-popup-title
{
padding-bottom:      15px;
margin-bottom: 15px;
}

.brand-profile
{
padding:      20px;
}

.brand-popup-message
{
padding:      15px 0;
}

.brand-popup-message p
{
font-size:      14px;
}

.brand-popup-btn
{
font-size:      13px;
margin-bottom: 15px;
height:      38px;
}

.brand-popup-copyright
{
font-size:      9px;
}

.profile-photo img
{
height:      75px;
}

.brand-name
{
font-size:      15px;
}

.brand-position
{
font-size:      12px;
padding-top: 4px;
}

.brand-popup
{
width:88%;
left: 6%;
padding:      25px;
}

.blog-detail-title
{
font-size:      24px;
text-align: center
}

.son-eklenen-img
{
height: 150px
}

.blog-detail
{
padding: 20px 0
}

.blog-detail-date
{
text-align: center
}

.blog-detail-img
{
height: 300px
}

.son-eklenen
{
padding: 0
}

.son-eklenen-content ul
{
grid-template-columns: repeat(2,1fr);
grid-column-gap:      10px;
grid-row-gap: 10px
}

.son-eklenen-name
{
font-size: 14px
}

.son-eklenen-content ul li
{
margin-bottom:      10px;
padding-bottom: 15px
}

.blog-list-top span
{
padding:      15px;
font-size: 24px
}

.blog-list-content ul
{
grid-template-columns: repeat(1,1fr);
grid-row-gap: 30px
}

.blog-list-item-title
{
font-size: 16px
}

.blog-list-top
{
margin-bottom: 20px
}

.blog-home-slider ul li a>span
{
width: 100%;
padding: 50px 20px
}

.blog-slider-title
{
font-size:      24px;
text-align: center;
line-height: 150%
}

.blog-slider-btn i
{
font-size: 13px
}

.blog-slider-date
{
text-align: center
}

.blog-slider-btn
{
justify-content:      center;
padding-top: 15px
}

.blog-header-content
{
flex-wrap:      wrap;
justify-content: center;
padding: 20px 0
}

.blog-logo
{
width: 100%;
text-align: center
}

.blog-social
{
width: 100%
}

.blog-social ul
{
justify-content: center
}

.blog-social ul li a img
{
height: 25px
}

.blog-logo a img
{
height: 40px
}

.blog-menu
{
padding: 0
}

.blog-menu ul
{
display:      flex;
justify-content: center;
flex-wrap:      wrap;
padding-top: 5px;
padding-bottom: 10px
}

.blog-menu ul li a
{
font-size:      14px;
height: 25px;
line-height: 25px
}

.blog-content-uclu
{
grid-template-columns: repeat(1,1fr);
grid-row-gap: 20px
}

.blog-content-title
{
font-size: 15px
}

.blog-home-slider
{
margin-bottom: 20px
}

.populer-yazilar
{
padding:      20px 10px;
margin-bottom: 40px
}

.populer-yazilar-title
{
font-size:      18px;
margin-bottom: 15px;
text-align: center
}

.populer-yazilar-content
{
grid-template-columns: repeat(2,1fr);
grid-column-gap:      10px;
grid-row-gap: 10px
}

.populer-yazilar-content>.fl>a>span
{
width: 100%;
padding: 0
}

.populer-yazilar-content>.fl>a
{
flex-wrap:      wrap;
justify-content: center
}

.populer-yazilar-content>.fl
{
padding: 15px
}

.populer-yazilar-content>.fl>a .blog-content-title
{
text-align:      center;
font-size: 13px
}

.populer-yazilar-content>.fl>a .blog-content-date
{
text-align: center
}

.populer-yazilar-content>.fl>a>img
{
margin-bottom: 10px
}

.bcc-title>div
{
font-size: 24px
}

.bcc-title>div a
{
font-size: 12px
}

.bcc-title>span
{
font-size: 13px
}

.bcc-content
{
grid-template-columns: repeat(2,1fr);
grid-column-gap:      20px;
grid-row-gap: 20px;
margin-bottom: 40px
}

.blog-content-categories
{
margin-bottom: 40px
}

.bankaHesaplarimiz ul
{
flex-wrap: wrap
}

.bankaHesaplarimiz ul li
{
width: 100%;
line-height:      20px;
margin-bottom: 5px;
font-size: 13px
}

.banner1 .col-3
{
padding: 5px
}

.banner1>.row
{
margin-left:      -5px;
margin-right: -5px;
clear:      both;
display: block
}

.bpeRight ul li:after
{
width:      20px;
height: 20px
}

.bpCatsOne>.row
{
align-items:      flex-start;
margin-left: -5px;
margin-right:      -5px;
clear: both;
display: block
}

.bpeRight ul
{
width: 100%;
margin-top:      0;
justify-content: center
}

.bpeRight ul li
{
padding-left: 25px!important;
margin: 0 5px
}

.bpeRight ul li a
{
font-size: 12px
}

.bpbContent
{
padding:      10px;
padding-bottom: 20px
}

.hbTitle
{
font-size: 13px
}

.hbDesc
{
font-size:      11px;
padding: 5px 0
}
ul#blogSlider li i
{
font-size: 12px
}

.bpCatsOne .col-3
{
width: 50%;
padding: 5px
}

.bpCatsTwo ul li
{
width: 50%;
padding: 5px
}
ul#brandTv li a img
{
width: 100%
}
ul#brandBlog li a img
{
width: 100%
}

.bpCatsTwo ul li a img
{
height:      30px;
margin-right: 10px
}

.bpCatsTwo ul li a
{
font-size:      11px;
height: 40px;
font-weight: 400
}

.bpCatsTwo .row
{
align-items:      flex-start;
margin-left: -5px;
margin-right:      -5px;
clear: both;
display: block
}
ul#brandPageSlide
{
margin-bottom: 10px
}

.bpCatsOne
{
margin-bottom: 5px
}

.bpCatsTwo
{
margin-bottom: 10px
}

.bpTv
{
margin-bottom: 15px
}
ul#brandTv li
{
padding-bottom: 0
}

.bpsTitle
{
font-size: 14px
}

.bpsTitle
{
font-size: 14px
}

.bpsContent
{
font-size:      12px;
line-height: 24px;
max-height:      150px;
overflow: auto;
padding-right:      10px;
box-sizing: border-box
}

.bpContent
{
margin: 0
}

.bpBackground
{
display: none
}

.bpTitle h1
{
color:      #262d2e;
font-size: 26px;
display:      block;
text-align: center;
width: 100%
}

.bpLogo
{
display:      none;
margin-top: -15px;
margin-bottom: 15px
}

.bpTitle
{
margin-bottom:      20px;
width: 100%
}

.bpeLeft
{
width: 100%;
padding:      20px 0;
display: flex;
height: auto
}

.bpeRight
{
width: 100%;
padding:      20px 5px;
box-sizing: border-box;
font-size: .1px;
justify-content:      center;
flex-wrap: wrap
}

.bpExpert
{
flex-wrap:      wrap;
height: auto;
margin-bottom:      20px;
width: 100%
}

.bpeLeft i
{
text-align:      center;
font-size: 10px
}

.bpeLeft span
{
text-align:      center;
font-size: 12px
}

.bpBg
{
padding:      10px;
margin-bottom: 20px;
padding-bottom: 0
}

.fotografiumTv ul li img
{
width: 100%
}

.homeBlog ul li img
{
width: 100%
}

.ivBanner
{
padding: 0 10px!important;
box-sizing: border-box
}

.sptTitles
{
font-size: 13px
}
#iv button.slick-arrow
{
top: 40%
}
#iv button.slick-next.slick-arrow
{
right: 0
}
#iv button.slick-prev.slick-arrow
{
left: 0
}


.ivBanner>.col
{
padding:      0;
margin-bottom: 10px!important
}

.ivBanner
{
padding-right: 0
}

.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: 0
}
#headerMain
{
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;
display: none
}
#closeMobileMenu
{
font-size:      14px;
position: fixed;
right:      0;
width: 50px;
height:      50px;
display: none;
justify-content:      center;
align-items: center
}

.menuShow #closeMobileMenu
{
display: flex
}
#FormAra
{
height:      45px;
border: 1px solid #ebebeb;
z-index:      9;
background: #252d2f
}
#FormAra input[type=text]
{
height:      43px;
font-size: 12px;
padding: 0 10px
}
#FormAra input[type=text]::-webkit-input-placeholder
{
font-size: 12px
}
#FormAra input[type=text]::-moz-placeholder
{
font-size: 12px
}
#FormAra input[type=text]:-ms-input-placeholder
{
font-size: 12px
}
#FormAra input[type=text]:-moz-placeholder
{
font-size: 12px
}
#FormAra button[type=submit]
{
height:      38px;
height: 43px;
line-height:      45px;
display: flex;
align-items:      center;
justify-content: center;
background: #252d2f
}
#mobileMenu .text-title
{
font-size: 18px
}
#mobileMenuMain span,#mobileMenuMain label,#mobileMenuMain select
{
line-height:      40px;
font-size: 12px;
text-transform: uppercase
}
#mobileMenuMain a,#mobileMenuMain li div
{
line-height:      38px;
font-size: 12px;
font-weight:      600;
border-radius: 0;
overflow: hidden
}
#mobileMenuMain li div
{
display:      flex;
align-items: center;
padding:      0 10px;
box-sizing: border-box;
border-bottom:      1px solid #ddd;
background: url(/Data/EditorFiles/Creawork/image/artopbar.svg) no-repeat right;
background-position-x: 96%
}
#mobileMenu li ul a,#mobileMenu li ul span
{
line-height:      35px;
font-size: 13px;
border-bottom:      1px solid #ddd;
padding: 3px 10px;
box-sizing: border-box
}
#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
}
}

.f-site-whide-banner
{
background-image: url(/Data/EditorFiles/Creawork/image/fotografium-wide-banner-container.webp);
display:      flex;
height: 60px;
width: 100%;
background-size:      cover;
background-position: top;
justify-content:      center;
align-items: center
}

.f-site-whide-banner div
{
display: flex
}

.f-site-whide-banner div .f-site-whide-banner-products
{
display:      flex;
justify-content: center;
align-items: center
}

.f-site-whide-banner div .f-site-whide-banner-products p
{
color:      #fff;
font-size: 20px;
text-align:      center;
padding: 20px
}
@media screen and (max-width: 700px)
{
.f-site-whide-banner div .f-site-whide-banner-products img
{
display:none
}

.f-site-whide-banner div .f-site-whide-banner-products p
{
color:      #fff;
font-size: 15px;
text-align:      center;
padding: 12px
}
}

.f-site-whide-banner-2
{
background:  #074a8e;
width: 100%;
margin-top:  5px;
}

.f-site-whide-banner-2 div
{
flex-grow:  7;
}

.f-site-whide-banner-2 div p
{
color:  #fff;
font-size: 20px;
text-align:  center;
padding: 5px;
}
@media screen and (max-width: 700px)
{
.f-site-whide-banner-2 div p
{
color:  #fff;
font-size: 12px;
text-align:  center;
padding: 5px;
}
}
/* Recep Y d zeltmeler */
/* Sticky  st sekme kullan c  i lemleri ve bildirimler text rengi d zeltmesi */