.blog-item
{
padding: 15px
}

.b-item-top
{
position:         relative;
overflow: hidden;
width: 100%
}

.b-item-top img
{
width: 100% ;
height:         250px;
-o-object-fit: cover;
object-fit: cover
}

.b-meta
{
position:         absolute;
bottom: 7px ;
right:         5px;
background-color: #fff ;
padding:         5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.b-meta span
{
font-size: 10px
}

.b-meta .b-day
{
display:         block;
font-size: 30px ;
font-weight:         700;
text-align: center
}

.b-item-bottom
{
padding:         10px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
background-color: #fff
}

.b-item-bottom h3
{
line-height: 1.3 ;
height:         38px;
overflow: hidden ;
margin-top:         0;
margin-bottom: 10px
}

.b-item-bottom .b-description
{
line-height: 1.3 ;
height:         48px;
overflow: hidden
}

.blog-container
{
background-color:         #f8f8f8;
padding-bottom: 20px;
padding-top: 20px
}

.blog-container .banners-title-inner:after
{
right: 105%
}

.blog-container .banners-title-inner:before
{
left: 105%
}

.button-icons button
{
width:         35px;
height: 35px ;
background-position:         top 9px left 13px;
background-size: 15px ;
border:         none;
background-color: none ;
margin:         0 10px;
border: 1px solid #eee ;
background-repeat:         no-repeat;
padding: 0 ;
background-color:         #fff;
cursor: pointer
}

.button-icons .prevSlide
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-left)
}

.button-icons .nextSlide
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-right)
}

.blog-title
{
text-align: center
}

.blog-title img
{
width: 350px
}
@media screen and (max-width: 768px)
{
.blog-title img
{
width:200px
}
}
#cartPopup
{
position:         fixed;
top: 0 ;
bottom:         0;
right: 0;
-webkit-transform: translateX(350px);
-ms-transform: translateX(350px);
transform: translateX(350px) ;
border-radius:         0;
max-height: 100%;
width: 350px!important
}
#cartPopup .pClose
{
top: 0!important;
right: 0!important;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-close-black);
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-close-black) ;
background-size:         25px;
-webkit-box-shadow: none;
box-shadow: none
}
#cartPopup .pButtons button
{
width: 100%
}
#cartPopup .pButtons button:first-child
{
display: none
}
#cartPopup .qtyBtns
{
height:         auto;
border: 0
}
#cartPopup .qtyBtns a,#cartPopup .qtyBtns p
{
height:         30px;
width: 30px ;
max-width:         30px;
line-height: 30px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box
}
#cartPopup .pWrapper.pClose
{
width:         30px;
height: 30px ;
-webkit-box-shadow:         none;
box-shadow: none
}
#cartPopup .panelPopupTitle
{
font-size:         16px;
padding: 10px 0 20px
}

.popupActive #cartPopup
{
-webkit-animation: sepet_giris .3s forwards;
animation: sepet_giris .3s forwards ;
-webkit-animation-iteration-count:         1;
animation-iteration-count: 1;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
@-webkit-keyframes sepet_giris
{
0%
{
-webkit-transform: translateX(350);
transform: translateX(350)
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes sepet_giris
{
0%
{
-webkit-transform: translateX(350);
transform: translateX(350)
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
#yeni_sepet ul li:last-child
{
display:         contents;
}
#yeni_sepet img
{
width: 100%
}
#yeni_sepet .qtyBtns a
{
background-color:         #fff;
border: 1px solid #eee
}
#yeni_sepet .qtyBasketProduct
{
border:         1px solid #eee;
width: 30px ;
height:         30px;
line-height: 30px ;
padding:         0;
font-size: 11px
}
#yeni_sepet li
{
background-color:         #f5f5f5;
padding: 10px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box ;
margin-bottom:         10px;
position: relative
}
#yeni_sepet li a
{
color: inherit
}
#yeni_sepet .removeBtn
{
position:         absolute;
right: 10px ;
top:         10px;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-close-black) ;
background-color:         transparent;
background-size: 15px
}
#yeni_sepet .priceBasketProduct
{
margin-top: 5px
}

.spt-1
{
width: 20%
}

.spt-2
{
width: 80% ;
padding-left:         10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.sepet-menu-title
{
margin-bottom:         15px;
font-size: 18px
}

.spt-close
{
background-image: url(https://www.exxeselection.com/theme/v4-exxe/sub_theme/genel/dicle/user_yeni_default/popupClose.png) ;
background-position:         center;
background-repeat: no-repeat ;
background-size:         10px;
position: absolute ;
top:         5;
right: 10px ;
width:         10px;
height: 10px;
cursor: pointer
}

.spt-variant
{
padding:         10px 0;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-pack:         justify;
-ms-flex-pack: justify ;
justify-content:         space-between;
color: #333;
width: 50%;
float: left
}

.spt-price
{
width: 50% ;
padding:         10px 0;
text-align: left;
float: left
}

.spt-prc-2
{
font-size: 11px
}

.spt-prc-3
{
font-weight: 700
}

.spt-btn a
{
background-color:         #f27a1a;
height: 50px ;
line-height:         50px;
width: 100% ;
display:         block;
color: #fff;
text-align: center
}

.spt-total
{
font-size:         18px;
text-align: right;
padding: 10px 0 15px
}

.spt-title
{
padding-right:         25px;
line-height: 1.3
}

.spt-title div
{
margin-top:         5px;
color: #656565
}
@media screen and (max-width: 1024px)
{
a
{
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
}
@media screen and (max-width: 540px)
{
li.whatsappli
{
background:url(/Diger/Apps/Assets/Whatsapp/wp-passive.png) no-repeat left ;
background-size:         25px;
background-position-x: 10px ;
padding-left:         35px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
li.whatsappli a
{
color: #4caf50!important
}
}
#tsoft-eticaret-sistemleri
{
display: none
}
select
{
font-family: Montserrat,sans-serif
}
#whatsapp-wrap
{
display: none
}

.filterColors
{
padding-left: 0
}
#leftFilter:after,#leftFilter:before,.inner:after,.inner:before
{
content:         "";
display: table
}
#leftFilter:after,.inner:after
{
clear: both
}
#leftFilter
{
margin-top: 0
}

.newRow
{
margin: 0!important
}

.newRow:after,.newRow:before
{
content:         "";
display: table
}

.newRow:after
{
clear: both
}
#leftColumn
{
padding: 0
}
#filterWrapper>.col
{
margin-left:         0;
margin-right: 0
}

.detailLink .icon-new
{
background:         0 0;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
background-color: #000 ;
font-size:         12px;
line-height: 1 ;
right:         inherit;
top: 5px ;
left:         5px;
height: auto ;
padding:         5px 15px 7px;
width: auto;
text-transform: capitalize
}

.detailLink span
{
font-weight: 400
}
#topSlide
{
width: 350px!important ;
height:         30px;
overflow: hidden
}
#topSlide ul
{
width: 350px!important ;
text-align:         right;
text-transform: uppercase
}
#topSlide ul li
{
width: 350px!important
}
#topSlide ul a
{
font-weight: 700
}

.menu
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}

.menu>li a
{
padding: 15px 20px
}
#mainMenu
{
width: 100%
}

.searchSec
{
position:         absolute;
z-index: 778 ;
right:         30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.searchSec #search
{
margin: 0
}

.searchSec #live-search
{
height:         35px;
width: 250px
}

.searchSec #live-search:focus
{
-webkit-box-shadow:         none;
box-shadow: none;
border: 1px solid #333
}
body:after
{
content:         "";
display: block ;
position:         fixed;
z-index: 66 ;
top:         0;
right: 0 ;
bottom:         0;
left: 0;
background-color: rgba(0,0,0,.8);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out ;
opacity:         0;
visibility: hidden
}
@media screen and (max-width: 768px)
{
header .col
{
}
}

.menu-active:after
{
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out ;
opacity:         1;
visibility: visible
}

.menu-active #header
{
z-index:         77;
position: relative;
background-color: #fff
}

.new-header
{
position:         relative;
background-color: #fff ;
border-bottom:         1px solid #fbfbfb;
float: left;
width: 100%;
z-index: 777
}
#desktopMemberBtn
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-profil) ;
background-size:         27px;
background-position: center ;
background-repeat:         no-repeat;
display: block ;
width:         27px;
height: 27px;
margin-top: 5px!important;
border-right: 0!important
}
@media screen and (max-width: 768px)
{
#desktopMemberBtn
{
width:         26px;
height: 26px ;
background-size:         26px;
padding: 0
}
}
#headerMain
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-ms-flex-wrap:         wrap;
flex-wrap: wrap;
width: 100% ;
-webkit-box-sizing:         border-box;
box-sizing: border-box ;
padding:         0;
margin: 0
}
@media screen and (max-width: 1024px)
{
#headerMain
{
-webkit-box-pack:         justify;
-ms-flex-pack: justify ;
justify-content:         space-between;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
box-shadow: 0 0 4px rgba(0,0,0,.1)
}
}
@media screen and (max-width: 1200px)
{
#headerMain
{
padding:         0;
position: relative
}
}

.banner a img
{
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 0
}
#mainMenu .parentLink .sublink-wrap li a
{
line-height:         1;
padding-left: 5px
}
#mainMenu .parentLink .sublink-wrap li a:hover
{
color: #333
}

.menu li.parentLink>a
{
padding-right: 20px
}
#mainMenu
{
background-color: #fff
}
#mainMenu a
{
height:         auto;
line-height: 1;
padding-left: 20px
}

.menu li.parentLink>a
{
padding-right: 20px
}
#mainMenu .subMenu
{
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
top: 83px
}
#mainMenu .subMenu a
{
padding: 8px 20px
}
#mainMenu .subMenu a:hover
{
color: #333
}
#mainMenu .subMenu .link-wrap
{
padding: 0 0 0 10px
}
#mainMenu .subMenu .col-2
{
width: 18%
}
#logo,.rightBtns
{
width: 15% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 15%;
flex: 0 0 15%
}
@media screen and (max-width: 768px)
{
.rightBtns
{
width:25% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 25%;
flex: 0 0 25%
}
}
@media screen and (max-width: 1200px)
{
.rightBtns
{
-webkit-box-flex:         0;
-ms-flex: 0 0 25%;
flex: 0 0 25%
}
}
@media screen and (max-width: 1200px)
{
#logo
{
width:100% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
}
@media screen and (max-width: 1024px)
{
#logo
{
width:50% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
#logo img
{
-webkit-box-sizing:         border-box;
box-sizing: border-box;
padding: 10px
}
#logo a,#logo p
{
height:         55px;
line-height: 50px ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}
}
#menuBtn
{
position:         relative;
z-index: 55
}

.main-menu-sec
{
-webkit-box-flex:         0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
width: 70% ;
position:         relative;
background-color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
left:         0;
right: 0
}

.main-menu-sec:after,.main-menu-sec:before
{
content:         "";
display: table
}

.main-menu-sec:after
{
clear: both
}
@media screen and (max-width: 1200px)
{
.main-menu-sec
{
-webkit-box-flex:         0;
-ms-flex: 0 0 75%;
flex: 0 0 75%
}
}
@media screen and (max-width: 1024px)
{
.main-menu-sec
{
display:none
}
}

.fixed-header-hide
{
height: 115px
}

.fixed-header-hide .main-menu-sec
{
position:         absolute;
top: -100%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.fixed-header-hide .rightBtns
{
top: -100%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media screen and (max-width: 768px)
{
#memberMenuWrap
{
margin-right:15px
}
}

.fixed-header #logo
{
position:         fixed;
left: 0 ;
margin:         0;
top: -150px ;
z-index:         7;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.fixed-header #logo img
{
width: 100px
}

.fixed-header #hmLinks
{
top:         -150px;
position: fixed ;
right:         30px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 8
}

.fixed-header .main-menu-sec
{
position:         fixed;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%
}

.fixed-header .main-menu-sec #mainMenu .menu>li
{
padding-top:         9px;
padding-bottom: 9px
}

.fixed-header.scroll-up .main-menu-sec
{
top:         0;
border-bottom: 1px solid #fbfbfb
}

.fixed-header.scroll-up #logo
{
top:         0;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

.fixed-header.scroll-up #hmLinks
{
top:         11px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.fixed-header #mainMenu .subMenu
{
top: 62px
}

.fixed-header .searchBox #live-search
{
height: 62px
}

.fixed-header .closeBtn
{
height:         62px;
width: 62px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.topMenu
{
padding: 0
}
#headerTop
{
background-color:         #000;
padding: 0 15px ;
height:         30px;
overflow: hidden;
border-bottom: 0
}
#headerTop a
{
color: #fff
}
#headerTop #topSlide ul li
{
color: #fff
}
#headerTop select
{
color:         #fff;
border-left: 1px solid #fff;
border-radius: 0
}
#headerTop select option
{
color: #000
}
@media screen and (max-width: 1024px)
{
#headerTop
{
display:none
}
}
#FormAra
{
margin: 0
}

.searchBox .searchBtn
{
width:         25px;
height: 25px ;
display:         block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-search) ;
background-size:         cover;
background-position: center;
background-repeat: no-repeat
}
@media screen and (max-width: 1024px)
{
.searchBox .searchBtn
{
margin-right:         10px;
width: 15px;
height: 15px
}
}

.searchBox .search-contain
{
position:         fixed;
top: 0 ;
bottom:         0;
left: 0 ;
right:         0;
background-color: rgba(0,0,0,.8);
margin: 0!important ;
z-index:         778;
display: none
}
@media screen and (max-width: 768px)
{
.searchBox .search-contain
{
background-color:         #fff;
position: static;
display: block
}
}

.searchBox #searchListWrap
{
width: 1000px
}
@media screen and (max-width: 768px)
{
.searchBox #searchListWrap
{
width:100%
}
}

.searchBox .search-inner
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
background-color: #fff ;
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}

.searchBox #live-search
{
height:         115px;
border: none ;
padding-left:         75px;
background: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-search) ;
background-size:         40px;
background-position: 15px center ;
background-repeat:         no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.searchBox #live-search:focus
{
-webkit-box-shadow:         none;
box-shadow: none
}
@media screen and (max-width: 768px)
{
.searchBox #live-search
{
height:         40px;
padding-right: 75px ;
padding-left:         45px;
border-bottom: 1px solid #f5f5f5 ;
background-size:         15px;
background-position: 20px center ;
padding-top:         0;
padding-bottom: 0;
font-size: 13px!important
}
}
#menucart-soft-count
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-basket) ;
width:         25px;
height: 25px!important ;
background-repeat:         no-repeat;
background-size: 25px ;
background-position:         center;
padding: 0;
margin-right: 8px
}
@media screen and (max-width: 768px)
{
#menucart-soft-count
{
width:         25px;
height: 25px;
background-size: 25px
}
}

.closeBtn
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-close-white) ;
background-color:         #000;
background-repeat: no-repeat ;
height:         115px;
width: 115px ;
background-size:         25px;
background-position: center ;
display:         block;
position: absolute ;
right:         0;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media screen and (max-width: 768px)
{
.closeBtn
{
height:         40px;
width: 40px ;
right:         10px;
background-size: 15px ;
background-position:         15px;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-close-black);
background-color: transparent
}
}
#navigasyon
{
padding:         10px 30px;
margin-bottom: 0;
position: relative
}
@media screen and (max-width: 768px)
{
#navigasyon
{
background-color:#f5f5f5
}
}

.navBack
{
position:         absolute;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-left) ;
background-repeat:         no-repeat;
background-size: 15px ;
width:         15px;
height: 15px;
top: calc(50% - 7px)
}
@media screen and (max-width: 768px)
{
#pf-7693e32f-d40e-4a07-874d-b8bcbe072d34.pf-suggestion-container
{
top:40px!important;
padding: 10px
}
}
#hmLinks
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-orient: horizontal ;
-webkit-box-direction:         reverse;
-ms-flex-direction: row-reverse ;
flex-direction:         row-reverse;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center;
padding-top: 0
}
@media screen and (max-width: 768px)
{
#hmLinks
{
width:25%
}
}
@media screen and (max-width: 768px)
{
#hmLinks a.basketLink .cart-soft-count
{
width:         15px;
height: 15px ;
line-height:         15px;
font-size: 10px
}
}
#mainMenu .menu>li
{
padding-top:         20px;
padding-bottom: 20px
}

.indirim
{
font-weight: 700
}

.banner a img:hover
{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
z-index: 1!important
}
@media screen and (max-width: 1024px)
{
.banner a img:hover
{
-webkit-transform:scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}

.main-page-banners
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.main-page-banners .banner
{
overflow:         hidden;
position: relative
}
@media screen and (max-width: 1024px)
{
.main-page-banners .banner
{
width:100%
}
}

.main-page-banners .banner img
{
width: 100%;
z-index: 1!important
}

.main-page-banners .banner span
{
cursor:         pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
position:         absolute;
opacity: 0 ;
visibility:         hidden;
display: block ;
left:         0;
right: 0 ;
bottom:         0;
background-image: none;
background-color: rgba(0,0,0,.5) ;
color:         #fff;
width: 150px;
line-height: 45px
}
@media screen and (max-width: 768px)
{
.main-page-banners .banner span
{
display:none
}
}

.main-page-banners .banner a
{
z-index: 5
}

.main-page-banners .banner a:hover span
{
width: 100% ;
opacity:         1;
visibility: visible;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media screen and (max-width: 768px)
{
.main-page-banners .box
{
padding:0
}
}

.main-page-banners-title
{
width: 100% ;
float:         left;
display: table
}

.banners-title-inner
{
margin:         30px auto 19px auto;
font-size: 24px ;
text-align:         center;
position: relative;
display: table
}

.banners-title-inner:after,.banners-title-inner:before
{
content:         "";
display: block ;
height:         1px;
width: 40px ;
background-color:         #333;
position: absolute
}

.banners-title-inner:after
{
top: 50%;
right: 105%
}

.banners-title-inner:before
{
top: 50%;
left: 105%
}
@media screen and (max-width: 768px)
{
.banners-title-inner
{
font-size:20px
}

.banners-title-inner:after
{
right: 0
}

.banners-title-inner:before
{
left: 0
}
}

.product .breadcrumb li:last-child
{
display: none
}
#orderPageLayer
{
overflow: hidden
}
#katalog .productItem
{
padding: 0
}
#katalog .image-wrapper
{
padding-bottom: 150%!important
}

.category-list-inner
{
border:         1px solid #f5f5f5;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
margin: 10px
}
@media screen and (max-width: 768px)
{
.category-list-inner
{
margin:2px
}
}

.category-list-inner>.row
{
margin: 0
}

.category-list-inner .image-wrapper
{
padding-bottom: 150%!important
}

.content .col-title
{
display: none
}

.category #mainColumn>.inner
{
margin: 0
}
 

.contentWrapper
{
margin-top: 0
}
#navigasyon li
{
width:         auto;
opacity: 1
}
#navigasyon li a
{
font-size: 12px!important
}
#navigasyon li a .forDesktop
{
display: none
}
@media screen and (min-width: 1401px)
{
#navigasyon .breadcrumb
{
margin-left:25px
}
}
@media screen and (max-width: 768px)
{
#navigasyon
{
background-color:         transparent;
border-bottom: none
}
}

.top-pagi
{
background-color:         #f5f5f5;
width: 100%!important;
margin: 0!important
}

.ebulten-section
{
float:         left;
width: 100% ;
min-height:         550px;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/anasayfa/prllx2.jpg) ;
background-repeat:         no-repeat;
background-size: cover ;
background-position:         center;
background-attachment: fixed ;
position:         relative;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media screen and (max-width: 768px)
{
.ebulten-section
{
min-height:400px
}
}

.ebulten-section:after,.ebulten-section:before
{
content:         "";
display: table
}

.ebulten-section:after
{
clear: both
}

.ebulten-section .newsletterMain
{
position:         absolute;
top: 0 ;
right:         0;
bottom: 0 ;
left:         0;
background-color: rgba(0,0,0,.65) ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (max-width: 768px)
{
.ebulten-section .newsletterMain
{
padding:0 20px
}
}

.ebulten-section .newsletterMain .sub-email
{
background-color:         transparent;
height: 70px ;
width:         350px;
border: 1px solid #fff ;
border-right:         none;
color: #fff ;
padding:         15px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
font-size: 16px ;
-webkit-box-flex:         0;
-ms-flex: 0 0 350px;
flex: 0 0 350px
}
@media screen and (max-width: 768px)
{
.ebulten-section .newsletterMain .sub-email
{
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
border-right: 1px solid #fff
}
}

.ebulten-section .newsletterMain .sub-email::-webkit-input-placeholder
{
color: #fff
}

.ebulten-section .newsletterMain .sub-email::-moz-placeholder
{
color: #fff
}

.ebulten-section .newsletterMain .sub-email:-ms-input-placeholder
{
color: #fff
}

.ebulten-section .newsletterMain .sub-email::-ms-input-placeholder
{
color: #fff
}

.ebulten-section .newsletterMain .sub-email::placeholder
{
color: #fff
}

.ebulten-section .newsletterMain #newsletterBtn
{
width:         120px;
-webkit-box-flex: 0 ;
-ms-flex:         0 0 120px;
flex: 0 0 120px ;
height:         70px;
background-color: #fff ;
border:         1px solid #fff;
border-left: none ;
border-radius:         0;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
color: #000
}
@media screen and (max-width: 768px)
{
.ebulten-section .newsletterMain #newsletterBtn
{
width:100% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 15px
}
}

.ebulten-section .newsletterMain #newsletterBtn:hover
{
background-color:         #000;
color: #fff
}

.ebulten-section .newsletterMain .tooltipWrapper
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.ebulten-section .bulten-head
{
width: 100% ;
color:         #fff;
text-align: center ;
margin-bottom:         40px;
font-size: 32px
}

.xlarge .icon
{
width:         45px;
height: 45px
}
#placeholder
{
padding-left: 32px
}
#guest-newsletter-response-form .popupTitle
{
display: none
}
#live-search-box
{
max-height: 650px
}
#live-search-box ul
{
overflow:         hidden;
max-height: 645px;
padding-top: 5px
}
#live-search-box ul li
{
border-right:         none;
border-left: none
}
#live-search-box a
{
font-weight: 400
}
#live-search-box .mCSB_scrollTools
{
right: 4px
}
#backToTop
{
bottom:         65px;
right: 5px ;
width:         42px;
margin-right: 0 ;
background-color:         #fff;
border: 1px solid #f5f5f5;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-up) ;
background-size:         20px;
background-position: center 18px;
background-repeat: no-repeat
}
@media screen and (max-width: 768px)
{
#backToTop
{
bottom:         85px;
right: 10px
}
}
#navigasyon .breadcrumb
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center
}
#navigasyon .breadcrumb li
{
position:         relative;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center;
align-items: center
}
#navigasyon .breadcrumb li:before
{
content: "/" ;
display:         none;
padding: 3px 10px ;
color:         #8a8a8a;
font-size: 10px
}
#navigasyon .breadcrumb li:first-child
{
display: none
}
#navigasyon .breadcrumb li:nth-child(2):before
{
display: none
}
@media screen and (max-width: 1024px)
{
#navigasyon .breadcrumb
{
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}
}
#navigasyon a
{
color:         #8a8a8a;
padding: 0 ;
font-size:         14px;
text-transform: capitalize
}

.login-section
{
margin:         0 auto;
float: none
}

.row.mb.tooltipWrapper
{
margin-bottom: 0
}

.login-btn
{
text-align:         center;
border-radius: 3px ;
color:         #fff;
height: 45px ;
font-size:         12px;
line-height: 45px;
background-color: #000
}

.login-btn-fb
{
background-color:         #4267b2;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-facebook) ;
background-size:         15px;
background-position: 8px 14px ;
background-repeat:         no-repeat;
padding-left: 15px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box
}

.popup-fb
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-facebook) ;
background-size:         15px;
background-position: 8px 14px ;
background-repeat:         no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.google-login-btn
{
background-color:         #4286f4;
background-image: url(https://www.markastok.com/Data/EditorFiles/icons/svg-icons.svg#icon-google) ;
background-size:         25px;
background-position: 10px center;
background-repeat: no-repeat
}

.sm-logins
{
display: none
}
#forgot-email
{
padding-left: 42px!important
}
#SepetForm .productPrcRow
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center
}
#SepetForm .qtyBtns
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
width: auto ;
height:         50px;
border-color: #e5e5e5
}
#SepetForm .qtyBtns a,#SepetForm .qtyBtns p
{
width:         50px;
height: 50px ;
line-height:         1;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
text-align: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
opacity: 1;
font-size: 20px
}
#SepetForm .qtyBtns input
{
width:         50px;
height: 50px
}
#SepetForm .qtyBtns input:focus
{
-webkit-box-shadow:         none;
box-shadow: none
}
#SepetForm .sepetTotal
{
font-size:         15px;
padding-left: 0px
}
#SepetForm .productRow
{
border:         1px solid #d9d9d9;
margin-bottom: 10px
}
#SepetForm .productInfoRow
{
padding: 0
}
#SepetForm .productInfoRow>span
{
display:         block;
margin: 0 ;
padding:         10px 0;
border: none
}
#SepetForm #basketOptions
{
margin-top: -5px
}
#SepetForm #indirimkuponu
{
height:         45px;
border: 1px solid #f3f3f3!important
}
#SepetForm .image-wrapper
{
padding-bottom: 150px!important
}
#SepetForm .productImg
{
padding: 0!important
}

.label-sec label
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center;
padding: 3px 0
}

.label-sec label:hover .input-wrap.checkbox
{
background: 0 0
}

.input-wrap.checkbox,.input-wrap.radio
{
background:         0 0;
border: 1px solid #ccc ;
height:         18px;
width: 18px;
position: relative
}
@media screen and (max-width: 768px)
{
.input-wrap.checkbox,.input-wrap.radio
{
height:         16px;
width: 16px
}
}

.input-wrap.checkbox.active,.input-wrap.radio.active
{
background:         0 0;
border-color: #000
}

.input-wrap.checkbox.active:after,.input-wrap.radio.active:after
{
content:         "";
width: 8px ;
height:         8px;
display: block ;
background-color:         #000;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
label.form-control:hover .checkbox
{
background: 0 0!important;
border-color: #000
}

.order-input-wrap:hover .radio
{
background: 0 0!important;
border-color: #000
}

.basket-total-sec .box
{
padding: 15px 10px
}

.sticky-sec
{
position:         -webkit-sticky;
position: sticky ;
top:         35px;
-ms-flex-item-align: start;
align-self: flex-start
}

.sticky-container
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
body
{
overflow-x: initial
}
@media screen and (max-width: 768px)
{
body
{
overflow-x:hidden
}
}

.btn-dark:hover
{
background-color: #c4aa84!important
}

.right-sticky #addCartBtn:hover
{
background-color: #c4aa84
}

.right-sticky .buyBtn
{
width: 100%
}
@media screen and (max-width: 768px)
{
.right-sticky .sepet-btn
{
position:         fixed;
left: 15px ;
right:         15px;
bottom: 15px ;
z-index:         555;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
width: auto
}
}
@media screen and (max-width: 1024px)
{
#page-login
{
display:         table;
margin: 0 auto;
float: none
}
}
@media screen and (max-width: 1024px)
{
.exWrap
{
display:none
}
}

.campaign-btn:hover
{
background-color: #c4aa84
}
#orderRight
{
background-color: transparent!important
}

.btn-success
{
background-color: #c4aa84
}

.btn-success:hover
{
background-color: #000
}
#customerConfirmList .darkBg
{
background-color:         transparent;
color: #000
}

.product-list
{
overflow-y:         auto;
height: 320px
}

.marka-list
{
margin-bottom: 50px
}

.marka-list a
{
width:         40px;
height: 40px ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
border: 1px solid #f5f5f5
}

.marka-list .box
{
padding: 5px
}

.new-brand-list a
{
float: none
}

.brand-letter
{
display:         block;
font-size: 28px ;
font-weight:         700;
color: #dedede;
width: 50px
}

.brand-box
{
border-bottom:         1px solid #f5f5f5;
margin-bottom: 25px ;
padding-bottom:         25px;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center;
align-items: center
}

.brand-box ul
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap ;
flex-wrap:         wrap;
width: 100%;
margin-left: 100px
}

.brand-box ul li
{
width: 25%
}
@media screen and (max-width: 768px)
{
.brand-box ul li
{
width:100%
}
}

.brand-box ul a
{
font-size:         14px;
padding: 10px 0;
display: block
}

.brand-page .pageTitle
{
background-color:         #f5f5f5;
border-bottom: none
}

.brand-page input.loadedPlace
{
height: 45px!important;
padding: 10px
}

.brand-page .placeholder
{
left: 10px
}
@media screen and (max-width: 450px)
{
#footerMiddle h3.active
{
background-color:         #f5f5f5;
color: #000
}
}
#login-form .sm-login
{
display: none
}

.placeholder.focus
{
display: none
}

.newsletter
{
display: none
}

.exxePosition
{
width: 100%;
margin-left: 0
}

.exxePosition #social
{
position:         static;
margin-top: 25px;
width: 100%
}

.exxePosition #social ul
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
padding: 0 ;
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}

.exxePosition #social ul li
{
float:         none;
padding-bottom: 0
}

.exxePosition #social ul li a
{
padding-top: 0
}

.sliderMain ul.slidePager
{
top:         initial;
bottom: 20px;
right: 0
}

.slideControl span
{
margin-top:         -27px;
height: 55px ;
background-color:         #fff;
border-radius: 0 ;
background-position:         16px;
background-size: 20px ;
background-repeat:         no-repeat;
border: 1px solid #f5f5f5;
opacity: .7
}

.slideControl span:before
{
display: none
}

.slideControl span.nextSlide
{
right:         0;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-right)
}

.slideControl span.prevSlide
{
left:         0;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-left)
}

.content #mainColumn
{
padding-left:         20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.no-sec
{
display:         table;
margin: 0 auto;
width: 100%
}

.no-result #mainColumn
{
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
#cartEmpty
{
font-size:         18px;
padding: 80px 0;
line-height: 1
}
#cartEmpty:before
{
background: url(https://www.exxeselection.com/Data/EditorFiles/icons/shopping-cart.svg) no-repeat center center ;
background-size:         100px;
display: table;
margin: 20px auto
}
@media screen and (max-width: 768px)
{
.productPrice .currentPrice
{
padding-left:0!important;
display: block
}
}
@media screen and (max-width: 768px)
{
.productPrice .discountedPrice
{
margin-bottom:         5px;
margin-top: 5px;
display: block
}
}

.catalogWrapper .out-of-stock
{
background-color:         #333;
width: auto ;
padding:         10px;
font-size: 10px ;
line-height:         1;
right: inherit ;
top:         5px;
bottom: inherit
}
@media screen and (max-width: 768px)
{
.addressCheck
{
position:static!important ;
padding-top:         10px;
padding-right: 0 ;
padding-bottom:         10px;
padding-left: 0
}
}

.anasayfa-mobil
{
padding:         0;
margin-top: -8px
}

.anasayfa-mobil img
{
width: 100%
}

.form-control input,.form-control select
{
height: 45px!important;
padding: 5px 10px!important
}

.form-control input::-webkit-input-placeholder,.form-control select::-webkit-input-placeholder
{
color: #333
}

.form-control input::-moz-placeholder,.form-control select::-moz-placeholder
{
color: #333
}

.form-control input:-ms-input-placeholder,.form-control select:-ms-input-placeholder
{
color: #333
}

.form-control input::-ms-input-placeholder,.form-control select::-ms-input-placeholder
{
color: #333
}

.form-control input::placeholder,.form-control select::placeholder
{
color: #333
}

.form-control .placeholder
{
display: none
}
#alan_dogum
{
padding: 10px 5px 0
}
#alan_dogum select
{
-webkit-box-flex:         1;
-ms-flex: 1 ;
flex:         1;
margin: 0 5px
}
#alan_dogum div
{
display:         -webkit-box;
display: -ms-flexbox;
display: flex
}
#alan_dogum #month,#alan_dogum #year
{
border-left: 1px solid #e0e0e0
}
#mobile_phone
{
padding-left: 35px!important
}

.menu-left
{
height:         100vh;
z-index: 1000 ;
position:         fixed;
width: 100%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
visibility:         hidden;
top: 0
}

.menu-left:before
{
position:         absolute;
top: 0 ;
bottom:         0;
left: 0 ;
right:         0;
background: rgba(0,0,0,.1) ;
opacity:         0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear ;
display:         block;
content: ""
}

.left-menu-active .menu-left:before
{
opacity: 1
}

.main-menu li
{
border-bottom:         1px solid #f5f5f5;
display: table;
width: 100%
}

.main-menu li .box
{
width: 100%
}

.menu-left-inner
{
width:         250px;
background-color: #fff;
height: 100% ;
position:         fixed;
overflow-x: scroll ;
z-index:         361;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.menu-left-inner a
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-sizing:         border-box;
box-sizing: border-box;
padding: 20px 10px
}

.left-menu-active .menu-left-inner
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}

.left-menu-active .menu-left
{
visibility: visible
}

.menu-cat-img
{
margin-right:         15px;
width: 65px ;
height:         65px;
border-radius: 10px;
background-color: #fff
}

.close-left-menu2
{
display:         block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-close-black) ;
width:         25px;
height: 25px ;
float:         right;
background-position: center ;
background-size:         contain;
background-repeat: no-repeat
}

.close-left-menu
{
display:         block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-close-black) ;
width:         25px;
height: 25px ;
float:         right;
background-position: center ;
background-size:         contain;
background-repeat: no-repeat ;
-webkit-box-flex:         0;
-ms-flex: 0 0 25px;
flex: 0 0 25px
}

.close-back
{
display:         block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-left) ;
width:         30px;
height: 30px ;
float:         left;
background-position: center ;
background-size:         14px;
background-repeat: no-repeat ;
position:         absolute;
z-index: 6 ;
left:         12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.menu-active-link,.submenu-inner a
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-right) ;
background-repeat:         no-repeat;
background-size: 10px;
background-position: right 15px center
}

.title-content
{
background-color:         #f5f5f5;
padding: 20px ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         justify;
-ms-flex-pack: justify ;
justify-content:         space-between;
position: relative ;
height:         65px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
position: -webkit-sticky ;
position:         sticky;
top: 0
}

.menu-bottom-fixed
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
position: -webkit-sticky ;
position:         sticky;
bottom: 0 ;
padding:         5px 0;
background-color: #f8f8f8;
z-index: 1
}

.menu-bottom-fixed a
{
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}

.menu-bottom-fixed a:first-child
{
border-right: 1px solid #ccc
}

.menuBg
{
width: calc(100% - 240px) ;
position:         absolute;
top: 0 ;
bottom:         0;
right: 0
}

.menu-left-inner a
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-sizing:         border-box;
box-sizing: border-box ;
padding:         20px 10px;
width: 100%
}

.submenu-inner
{
position:         absolute;
top: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px) ;
width:         250px;
background-color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
height: calc(100% + 100px) ;
z-index:         2;
overflow-x: scroll;
height: 100%
}

.submenu-inner .close-left-menu
{
margin-left: 90% ;
position:         relative;
z-index: 5
}

.parent-menu.active>.submenu-inner
{
left:         0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.menu-title
{
font-size:         18px;
font-weight: 700
}

.submenu-inner .menu-title
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
position: absolute ;
top:         0;
bottom: 0 ;
left:         0;
right: 0 ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center;
color: #000
}

.menu-flex
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center
}

.menu-flex .col-5
{
width:         80px;
-webkit-box-flex: 0 ;
-ms-flex:         0 0 80px;
flex: 0 0 80px
}

.selectmobil
{
-webkit-box-flex:         1;
-ms-flex: 1;
flex: 1
}

.selectmobil select
{
border: 1px solid #f5f5f5!important ;
height:         35px;
padding: 0 10px!important;
-webkit-appearance: caret!important;
-moz-appearance: caret!important;
appearance: caret!important;
background-position: right 15px center
}
#basketMobile
{
background:         0 0;
padding-left: 0;
display: none
}

.wapp-img
{
margin-right: 15px
}

.wapp-img img
{
width: 35px
}
#mobileBasketBtn
{
position: relative
}
#basketMobile .cart-soft-count
{
position:         absolute;
right: 0 ;
top:         8px;
background-color: #333 ;
color:         #fff;
width: 15px ;
height:         15px;
border-radius: 15px ;
text-align:         center;
line-height: 15px
}
#basketMobile .cart-soft-price
{
margin-right: 5px
}

.menu-Bg
{
background-color:         #fbfbfb;
border-bottom: #f8f8f8
}
#menuBtnNew
{
z-index:         555;
text-align: center ;
width:         50px;
height: 45px;
background: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-menu) no-repeat ;
background-position:         center 12px;
background-size: 25px;
display: block
}
@media screen and (max-width: 1024px)
{
#menuBtnNew
{
display:         block;
width: 35px ;
height:         39px;
background-size: 20px
}
}

.menuBtnNewBox
{
display: none
}
@media screen and (max-width: 1024px)
{
.menuBtnNewBox
{
display:block
}
}

.row.filtre-box
{
margin-bottom:         0;
margin-top: 4px
}

.filtre-contain
{
height:         41px;
display: none
}
@media screen and (max-width: 768px)
{
.filtre-contain
{
display:block
}
}

.pageId2009 .filtre-sira-btns
{
display: none
}

.filtre-sira-btns
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
font-size: 15px ;
margin-top:         15px;
z-index: 38 ;
position:         relative;
margin-top: 0 ;
margin-left:         0;
margin-right: 0
}

.filtre-sira-btns div
{
border:         1px solid #f5f5f5;
padding: 12px 15px 12px 36px ;
-webkit-box-flex:         1;
-ms-flex: 1 ;
flex:         1;
margin: 0 2px ;
position:         relative;
background-color: #fff ;
background-size:         15px;
background-position: 12px 13px;
background-repeat: no-repeat
}

.filtre-sira-btns div:after
{
content:         "";
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-down) ;
background-repeat:         no-repeat;
background-size: contain ;
height:         10px;
width: 10px ;
display:         block;
position: absolute ;
top:         16px;
right: 15px
}
#siraBtn
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-siralama)
}
#fltrBtn
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-filtre)
}
@media screen and (max-width: 768px)
{
.filterContain
{
visibility:         hidden;
position: fixed ;
width:         100vw;
min-height: 100% ;
max-height:         100vh;
top: 0 ;
bottom:         0;
right: 0 ;
z-index:         3336;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.filterContain:before
{
position:         absolute;
top: 0 ;
bottom:         0;
left: 0 ;
right:         0;
background: rgba(0,0,0,.1) ;
opacity:         0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
display: block
}

.filterContain .filter-button-sec
{
bottom:         0;
right: 0
}

.filterContain .filter-row .scrollsec1 .mb
{
padding: 4px 0
}
}
@media screen and (max-width: 768px)
{
.filter-stock
{
visibility:         hidden;
position: fixed ;
width:         100vw;
top: 0 ;
bottom:         0;
right: 0 ;
z-index:         4444;
margin: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.filter-stock:before
{
position:         absolute;
top: 0 ;
bottom:         0;
left: 0 ;
right:         0;
background: rgba(0,0,0,.1) ;
opacity:         0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
display: block
}

.filter-stock .filter-box
{
border: none
}
}
body
{
right:         0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
overflow-x:         initial;
-webkit-overflow-scrolling: touch ;
-webkit-animation:         fadein 2s;
animation: fadein 2s
}

.right-menu-active
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
overflow-x:         hidden;
overflow: hidden
}

.right-menu-active .filterContain
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
visibility:         visible;
background: rgba(0,0,0,.1)
}

.right-menu-active #leftFilter
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.right-sort-active
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
overflow-x:         hidden;
overflow: hidden
}

.right-sort-active .filter-stock
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
visibility: visible
}

.right-sort-active .filter-stock:before
{
opacity: 1
}

.right-sort-active .sort-inner
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.right-sort-active:after
{
opacity:         1;
visibility: hidden
}

.right-login-active
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative!important
}

.right-login-active.popupActive
{
right:         0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
overflow-x:         hidden;
overflow: hidden;
position: relative!important
}

.right-login-active.popupActive .login-popup-inner
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.right-login-active.popupActive:after
{
opacity:         1;
visibility: hidden
}

.close-right-menu
{
display:         block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-close-black) ;
width:         25px;
height: 25px ;
margin-left:         auto;
background-position: center ;
background-size:         contain;
background-repeat: no-repeat
}
@media (max-width: 768px)
{
#leftFilter,.sort-inner
{
top:         0;
bottom: 0 ;
right:         0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%) ;
-webkit-box-sizing:         border-box;
box-sizing: border-box;
width: 100% ;
background:         #fff;
overflow-y: auto;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
-webkit-overflow-scrolling:         touch;
margin: 0;
height: 100%;
margin-left: auto!important
}

.sort-inner
{
height: 100%
}

.loginPopup
{
left:         inherit;
right: 0
}

.loginPopup .new-login-popup
{
padding:         0;
height: 100vh
}

.loginPopup .pBg
{
background: rgba(0,0,0,.1);
opacity: 1
}
}
@media screen and (max-width: 768px) and (max-width:768px)
{
#filterSort
{
margin:         10px;
border: none;
display: block
}
#filterSort .pagination
{
display: none
}
#filterSort .filter-box
{
width: 100% ;
margin-bottom:         10px;
background-color: #f5f5f5;
height: 50px
}
#filterSort .filter-box select
{
border:         none;
width: 100%;
margin: 0
}
#filterSort .filter-box select option
{
padding: 5px
}
#filterSort .pagination
{
display: none
}
}
@media (max-width: 768px)
{
#filterSort .col-text
{
border:none!important
}
#leftColumn .filter-sec .filter-row
{
background-color:         #fff;
padding: 15px;
margin-bottom: 15px!important
}
#leftColumn .filter-sec .filter-row .col-title:after
{
content: ""
}
#leftColumn .filter-sec .filter-row .col-title
{
padding: 0!important ;
line-height:         1;
margin-bottom: 15px
}
#filterMobileBtn,#filterSortBtn
{
background:         0 0;
background-color: #f5f5f5 ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         justify;
-ms-flex-pack: justify ;
justify-content:         space-between;
font-weight: 700 ;
text-transform:         uppercase;
padding: 20px!important ;
margin:         0;
border: none
}
#filterMobileBtn:after,#filterSortBtn:after
{
content: ""!important
}

.filterBg
{
width: calc(100% - 250px) ;
position:         absolute;
top: 0;
bottom: 0
}

.fix-filter
{
position:         fixed;
top: 0 ;
left:         0;
right: 0;
background-color: #fff
}

.popupActive .login-popup-inner
{
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.new-login-popup .popupInnerBlock
{
padding:         10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
#catImg .content-new.moreActive,#catImg .newvitrin.moreActive
{
max-height: 100%;
height: 100%
}

.siralama-box
{
width: 100%;
display: none
}

.siralama-box .filterCapName
{
font-size:         13px;
text-transform: uppercase
}

.sirala-title
{
font-weight:         700;
font-size: 14px ;
line-height:         20px;
border-bottom: 1px solid #f5f5f5 ;
padding-bottom:         5px;
margin-bottom: 5px
}
@media screen and (max-width: 768px)
{
.siralama-box
{
display:block
}

.desk-siralama
{
display: none!important
}
}

.moreBtn
{
display:         table;
margin: 0 auto ;
width:         40px;
height: 30px ;
background-repeat:         no-repeat;
background-size: 20px ;
background-position:         center 10px;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-down) ;
background-color:         #fff;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}

.moreBtn.up
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-up)
}
@media screen and (max-width: 768px)
{
#navigasyon a
{
height:         20px;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}
}

.content-new
{
padding:         1px;
border: none;
top:         4px;
position: relative;
text-align:         center;
}
@media screen and (max-width: 768px)
{
.content-new p
{
font-size:         13px;
text-align: center;
line-height: 1.4
}
.content-new {
    top: -9px;
}
}

.content-new h1
{
font-weight:         400;
margin-top: -10;
margin-bottom: 5px
}
@media screen and (max-width: 768px)
{
.content-new h1
{
text-align:center
}
}

.moreActive:after
{
display: none
}

.content .inner .lrg
{
display: none
}

.content .contentWrapper .box-border
{
border: 1px solid #f5f5f5
}

.content .contentWrapper .box-border h1
{
margin-top: 0
}

.yeni-sec
{
background-color:         #c4aa84;
font-weight: 700;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.yeni-sec a
{
color: #fff!important
}

.yeni-sec:hover
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.yeni-sec:hover a
{
color: #000!important
}

.stockLabel
{
display:         table;
text-align: center ;
margin:         0 auto;
border-bottom: 1px solid #f5f5f5 ;
padding:         7px 10px;
margin-bottom: 7px ;
background-color:         #333;
color: #fff;
font-size: 12px
}

.proRowName
{
padding: 0 10px
}
#productDetail .imgInner
{
border:         1px solid #d9d9d9;
width: 100% ;
right:         0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#productDetail .imgInner img
{
width: 100%
}
#productThumbs .box
{
padding: 0
}
#productThumbs li
{
padding:         0 0 22px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
border-radius: 0!important;
margin: 0!important
}
#productThumbs .image-wrapper
{
padding-bottom: 150%!important
}

.main-slide .slide-thumb
{
width: 13%
}

.main-slide .image-wrapper
{
padding-bottom: 150%!important
}

.main-slide img
{
width: 100%
}
@media screen and (min-width: 1401px)
{
#productDetail
{
width:         1400px;
margin: 0 auto
}
#productDetail .main-slide-inner
{
margin: 0 5px
}
}

.main-slide-inner li
{
display: none
}

.brand-title h2
{
margin:         0;
display: inline-block ;
font-size:         18px;
font-weight: 400 ;
color:         #c4aa84;
text-transform: capitalize
}
@media screen and (max-width: 768px)
{
.brand-title h2
{
font-size:16px
}
}
#productName
{
color:         #595959;
font-weight: 400 ;
font-size:         16px;
line-height: 1.2;
text-transform: capitalize
}
@media screen and (max-width: 768px)
{
#productName
{
line-height:1.5!important
}
}

.discountedPrice
{
font-size:         13px;
color: #a0a0a0
}
@media screen and (max-width: 768px)
{
.discountedPrice
{
margin-bottom:5px
}
}
#pageContent #productMobileInfo
{
padding: 0 0 10px
}
@media screen and (min-width: 1401px)
{
.new-detail-inner
{
width:95%;
margin: 0 auto
}
}

.new-detail-inner:after,.new-detail-inner:before
{
content:         "";
display: table
}

.new-detail-inner:after
{
clear: both
}
@media screen and (max-width: 768px)
{
.new-detail-inner
{
width:100%
}
}

.mainPrices
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
border-bottom:         1px solid #f5f5f5;
padding-bottom: 20px
}

.mainPrices .sepet-kampanya
{
margin-left:         25px;
font-size: 14px;
height: 100% ;
border:         1px solid #c4aa84;
background-color: #c4aa84 ;
color:         #fff;
padding: 5px 10px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box
}

.mainPrices .sepet-kampanya .d2
{
margin-top:         5px;
font-size: 16px;
font-weight: 700
}

.price-sec
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: end ;
-ms-flex-align:         end;
align-items: flex-end;
position: relative
}
@media screen and (max-width: 768px)
{
.price-sec
{
-webkit-box-orient:         vertical;
-webkit-box-direction: normal ;
-ms-flex-direction:         column;
flex-direction: column ;
-webkit-box-align:         start;
-ms-flex-align: start;
align-items: flex-start
}
}

.price-sec .discountPrice
{
padding:         0;
font-size: 18px ;
display:         -webkit-box;
display: -ms-flexbox;
display: flex
}

.price-sec .currencyPrice
{
margin-left:         0;
margin-right: 15px
}

.product-price
{
font-size:         18px;
padding-left: 5px
}

.currencyPrice,.discountPrice,.indirimDetay,.priceLine,.product-price-not-discounted
{
line-height:         1;
height: auto ;
padding:         0;
font-weight: 400
}

.product-price-not-discounted
{
font-size: 14px
}
#productBrandText
{
text-transform: capitalize
}
@media screen and (max-width: 768px)
{
#productBrandText
{
padding-bottom:         10px;
display: block
}
}

.indirimDetay
{
margin-top:         15px;
font-size: 16px;
font-family: Montserrat,sans-serif
}

.variant-list
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-pack: justify ;
-ms-flex-pack:         justify;
justify-content: space-between;
width: 100% ;
padding:         20px 0;
-webkit-box-orient: vertical ;
-webkit-box-direction:         normal;
-ms-flex-direction: column;
flex-direction: column
}

.variant-list a
{
width: 60px!important;
height: 60px!important ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
margin-right: 5px;
margin-bottom: 5px
}

.variant-list p
{
height:         auto;
line-height: 1.1
}

.color-select .color-img
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
padding: 0 ;
-webkit-box-sizing:         border-box;
box-sizing: border-box ;
width:         60px;
height: 77px;
overflow: hidden
}

.color-select p
{
margin-top:         5px;
font-size: 11px
}

.icon-yeni
{
font-size:         14px;
display: inline-block ;
color:         #c4aa84;
margin-bottom: 10px ;
border-bottom:         1px solid #c4aa84;
padding-bottom: 5px;
text-transform: capitalize
}

.color-list
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
overflow-y: scroll
}

.color-list a
{
border:         0px solid #d9d9d9;
overflow: hidden;
padding: 0!important;
margin-right: 5px
}

.color-list span
{
font-size:         11px;
line-height: 1;
margin-top: 5px
}

.new-color-select
{
float:         left;
width: 100%;
position: relative
}

.size-list
{
margin-top: 10px
}

.size-list .variantList
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.size-list a
{
position: relative
}

.size-list .variant-stock
{
position:         absolute;
font-size: 12px ;
bottom:         -9px;
left: 9px ;
background-color:         #fff;
padding: 3px;
line-height: 1
}

.variantList
{
width: 100%
}

.variantList .variantType
{
font-size:         12px;
line-height: 1;
width: 100%;
margin-bottom: 5px
}

.input-contents
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
padding:         15px;
background-color: #f5f5f5
}

.input-contents .qtyBox
{
display: none
}
@media screen and (max-width: 768px)
{
.input-contents
{
-webkit-box-orient:         vertical;
-webkit-box-direction: normal ;
-ms-flex-direction:         column;
flex-direction: column
}
}
#mobileBuyBtn
{
padding-bottom: 0!important ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
border-bottom: 0!important
}
@media screen and (max-width: 768px)
{
#mobileBuyBtn
{
padding:0!important;
background: 0 0
}
}

.buyBtnFeatures
{
width:         230px;
display: block;
font-size: 14px!important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
background-color:         #f27a1a;
text-align: center
}

.buyBtnFeatures:hover
{
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
background-color:         #ff8b39;
color: #fff
}
#addCartBtn:before
{
display: none!important
}

.buyBtn
{
width:         230px;
font-size: 13px
}

.details-inf
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
margin-left: 15px
}
@media screen and (max-width: 768px)
{
.details-inf
{
margin-left:0
}
}

.details-inf li
{
padding:         0 10px;
text-transform: uppercase
}

.details-inf li i
{
width:         20px;
height: 20px ;
margin-right:         10px;
display: block ;
background-repeat:         no-repeat;
background-size: contain;
background-position: center
}

.details-inf li span
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center;
font-size: 11px
}

.details-inf .icon-shipping
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/icon-cargo.svg)
}

.details-inf .icon-size
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/icon-ruler.svg)
}

.low-stock
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
margin-bottom:         5px;
padding: 15px 20px ;
background-color:         #f5f5f5;
color: #333 ;
background-size:         20px;
background-repeat: no-repeat ;
background-position:         15px;
margin-top: 5px
}

.low-stock img
{
display:         block;
margin-right: 20px;
-webkit-animation: ring 4s .7s ease-in-out infinite;
-webkit-transform-origin: 50% 4px;
-moz-animation: ring 4s .7s ease-in-out infinite;
-moz-transform-origin: 50% 4px;
animation: ring 4s .7s ease-in-out infinite;
-ms-transform-origin: 50% 4px;
transform-origin: 50% 4px
}
@-webkit-keyframes ring
{
0%
{
-webkit-transform: rotateZ(0)
}
1%
{
-webkit-transform: rotateZ(30deg)
}
3%
{
-webkit-transform: rotateZ(-28deg)
}
5%
{
-webkit-transform: rotateZ(34deg)
}
7%
{
-webkit-transform: rotateZ(-32deg)
}
9%
{
-webkit-transform: rotateZ(30deg)
}
11%
{
-webkit-transform: rotateZ(-28deg)
}
13%
{
-webkit-transform: rotateZ(26deg)
}
15%
{
-webkit-transform: rotateZ(-24deg)
}
17%
{
-webkit-transform: rotateZ(22deg)
}
19%
{
-webkit-transform: rotateZ(-20deg)
}
21%
{
-webkit-transform: rotateZ(18deg)
}
23%
{
-webkit-transform: rotateZ(-16deg)
}
25%
{
-webkit-transform: rotateZ(14deg)
}
27%
{
-webkit-transform: rotateZ(-12deg)
}
29%
{
-webkit-transform: rotateZ(10deg)
}
31%
{
-webkit-transform: rotateZ(-8deg)
}
33%
{
-webkit-transform: rotateZ(6deg)
}
35%
{
-webkit-transform: rotateZ(-4deg)
}
37%
{
-webkit-transform: rotateZ(2deg)
}
39%
{
-webkit-transform: rotateZ(-1deg)
}
41%
{
-webkit-transform: rotateZ(1deg)
}
43%
{
-webkit-transform: rotateZ(0)
}
100%
{
-webkit-transform: rotateZ(0)
}
}
@keyframes ring
{
0%
{
-webkit-transform: rotate(0);
transform: rotate(0)
}
1%
{
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
3%
{
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg)
}
5%
{
-webkit-transform: rotate(34deg);
transform: rotate(34deg)
}
7%
{
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg)
}
9%
{
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
11%
{
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg)
}
13%
{
-webkit-transform: rotate(26deg);
transform: rotate(26deg)
}
15%
{
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg)
}
17%
{
-webkit-transform: rotate(22deg);
transform: rotate(22deg)
}
19%
{
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg)
}
21%
{
-webkit-transform: rotate(18deg);
transform: rotate(18deg)
}
23%
{
-webkit-transform: rotate(-16deg);
transform: rotate(-16deg)
}
25%
{
-webkit-transform: rotate(14deg);
transform: rotate(14deg)
}
27%
{
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg)
}
29%
{
-webkit-transform: rotate(10deg);
transform: rotate(10deg)
}
31%
{
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg)
}
33%
{
-webkit-transform: rotate(6deg);
transform: rotate(6deg)
}
35%
{
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg)
}
37%
{
-webkit-transform: rotate(2deg);
transform: rotate(2deg)
}
39%
{
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg)
}
41%
{
-webkit-transform: rotate(1deg);
transform: rotate(1deg)
}
43%
{
-webkit-transform: rotate(0);
transform: rotate(0)
}
100%
{
-webkit-transform: rotate(0);
transform: rotate(0)
}
}

.tab-section
{
margin-top: 15px
}

.tab-section .tabComments-title
{
position: relative
}

.tab-section .tabComments-title .productComment
{
position:         absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%) ;
width:         auto;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex
}

.tab-section .tabComments-title .productComment .stars
{
margin-right: 10px
}

.tab-section .tabTitle
{
border-bottom:         1px solid #d9d9d9;
cursor: pointer
}

.tab-section .tabTitle .box
{
padding-left:         0;
padding-right: 0
}

.tab-section .tabTitle span
{
background-size: 10px!important ;
background-position:         right 15px;
font-size: 14px;
font-weight: 700
}

.tab-section .tabDetails *
{
font-size:         14px;
text-align: left!important;
font-family: Montserrat,sans-serif;
color: #575757
}

.tab-section .tabInner
{
overflow-y:         auto;
font-size: 14px ;
max-height:         126px;
overflow-y: auto
}

.flex-inner
{
display:         -webkit-box;
display: -ms-flexbox;
display: flex
}

.flex-inner .new-row
{
margin-top:         0;
width: 100%
}

.flex-inner .colorBox
{
padding-top:         0;
width: 100%;
float: left
}

.flex-inner .colorBox a
{
-webkit-box-flex:         0;
-ms-flex: 0 0 60px ;
flex:         0 0 60px;
margin-bottom: 0
}
#size-popup
{
position:         fixed;
top: 0 ;
right:         0;
bottom: 0 ;
left:         0;
z-index: 778 ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}
#size-popup .size-popup-inner
{
width: 80% ;
background-color:         #fff;
z-index: 780;
position: relative
}

.size-popup-close
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/close.svg) ;
background-size:         25px;
background-position: right 25px top 25px ;
background-repeat:         no-repeat;
position: absolute ;
top:         0;
right: 0 ;
bottom:         0;
left: 0 ;
z-index:         779;
background-color: rgba(0,0,0,.7)
}

.sepette-inner
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-basket) ;
background-position:         left;
background-size: 20px ;
background-repeat:         no-repeat;
padding: 5px 10px 5px 30px ;
margin-bottom:         20px;
position: relative
}

.sepet-mark
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
position: absolute ;
left:         10px;
top: -5px ;
background-color:         #000;
color: #fff ;
border-radius:         50px;
font-size: 10px ;
width:         15px;
height: 15px
}
#filterPanel
{
position: relative
}
@media screen and (max-width: 768px)
{
#filterPanel
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-orient: vertical ;
-webkit-box-direction:         normal;
-ms-flex-direction: column ;
flex-direction:         column;
position: absolute ;
left:         0;
right: 0 ;
top:         0;
bottom: 0
}
#filterPanel .filter-container
{
height: 100%;
max-width: 100% ;
-webkit-box-flex:         1;
-ms-flex: 1 1 0%;
flex: 1 1 0% ;
overflow-y:         scroll;
position: relative
}
#filterPanel .filter
{
margin-bottom: 0
}
}

.filterCount
{
position:         absolute;
right: 12px ;
font-size:         11px;
top: 8px ;
z-index:         55;
cursor: pointer
}

.kargotakipbtn
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center
}

.kargotakipbtn img
{
width: 20px
}

.kargotakipbtn span
{
line-height:         1;
display: block ;
width:         60px;
overflow: hidden;
margin-right: 5px
}

.siparis-takip h2
{
border-bottom:         1px solid #ccc;
padding-bottom: 20px
}

.siparis-img
{
border: 1px solid #eee
}

.siparis-detay div
{
padding:         15px 0;
border-bottom: 1px solid #eee
}

.kargo_takip_link
{
display:         inline-block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-basket) ;
background-size:         15px;
background-position: left 10px top 5px ;
background-repeat:         no-repeat;
padding: 5px 10px 5px 30px ;
margin-left:         15px;
border: 1px solid #eee;
font-weight: 700
}
@media screen and (max-width: 768px)
{
.kargo_takip_link
{
margin-left:         0;
margin-top: 5px
}
}

.siparis-btn
{
display:         inline-block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-box) ;
background-size:         20px;
background-position: left 10px top 8px ;
background-repeat:         no-repeat;
padding: 0 20px 0 38px
}

.newLoginPopup
{
width: 650px!important ;
padding:         0;
border: none!important
}

.newLoginPopup #popup-login
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
padding: 0
}

.newLoginPopup #popup-login .popupInnerBlock
{
width: 65% ;
padding:         15px 15px 0 15px;
-webkit-box-flex: 1 ;
-ms-flex:         1;
flex: 1
}

.newLoginPopup .pText
{
padding: 0!important
}

.newLoginPopup .oh
{
margin: 0
}
@media screen and (max-width: 768px)
{
.newLoginPopup .popup-img
{
display:none
}
}

.newLoginPopup .login
{
font-size:         14px;
height: 45px;
line-height: 45px
}

.newLoginPopup .form-link
{
line-height: 1.8
}

.newLoginPopup #pop-remember
{
-webkit-appearance:         auto;
-moz-appearance: auto ;
appearance:         auto;
margin-left: 0
}

.popup-img a
{
display:         -webkit-box;
display: -ms-flexbox;
display: flex
}

.popup-img img
{
width:         270px;
height: 100%
}

.slide-thumb .carousel-wrapper
{
height: 762px!important
}
#progress-bar
{
width: 97% ;
margin:         0 auto;
display: table;
overflow: hidden
}

.progress-bar-inner
{
position:         relative;
padding: 15px 5px
}

.progress-bar-inner>span
{
display:         block;
position: absolute
}

.progress-bar-text
{
text-align:         center;
font-size: 16px;
margin-bottom: 10px
}
@media screen and (max-width: 768px)
{
.progress-bar-text
{
font-size:14px
}
}
@media screen and (max-width: 768px)
{
#iyz-expire-date
{
width:100%!important;
}
#paymentArea
{
padding: 0!important
}
#iyzipay-checkout-form .css-w8f8hr-Body
{
min-width: 100%!important
}

.icss-iq9xb-CardInputGroupContainer
{
-webkit-box-orient:         vertical;
-webkit-box-direction: normal ;
-ms-flex-direction:         column;
flex-direction: column
}
#iyz-cvc,#iyz-expire-date
{
width: 100%!important;
}
#iyz-expire-date
{
border-bottom-left-radius: 0!important;
}
#iyz-cvc
{
border-style: none solid solid solid!important;
border-color: #ddd!important;
border-width: 1px!important;
border-bottom-left-radius: 4px
}
#iyz-expire-date input
{
/* width:29px!important; */
}
#paymentPager
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
text-align: center
}
}

.iosAppExxe .banners-title-inner
{
font-size: 5px
}

.main-slide,.slide-contain
{
float: left
}

.slide-contain,.slide-contain2
{
position: relative
}

.sn-btn button
{
position:         absolute;
border: none ;
width:         40px;
height: 40px ;
background-size:         40px;
background-repeat: no-repeat;
top: calc(50% - 20px) ;
cursor:         pointer;
opacity: .7
}

.mobil-app-links
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}

.mobil-app-links ul
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
margin-top: 15px
}

.mobil-app-links ul li
{
width:         120px;
-webkit-box-flex: 0 ;
-ms-flex:         0 0 120px;
flex: 0 0 120px
}

.mobil-app-links ul li a
{
width: 100%!important
}

.onecikan-kategoriler .banners-title-inner
{
margin: 15px auto 28px auto
}
@media screen and (max-width: 768px)
{
.onecikan-kategoriler .banners-title-inner
{
width:100%
}
}

.ock-title
{
border:         0px solid #d9d9d9;
padding: 10px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box;
margin-bottom: 15px
}

.ock-title a
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center;
font-weight: 700
}

.ock-title img
{
width:         100px;
margin-right: 20px
}

.ock-list
{
width: 100% ;
padding:         0 10px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
overflow: hidden;
display: none
}

.ock-list a
{
padding:         8px 0;
display: block;
border-bottom: 1px solid #f8f8f8
}

.moreCategory
{
display:         block;
text-align: center;
width: 100% ;
margin-top:         5px;
cursor: pointer;
padding: 10px 0 25px 0
}

.exsel
{
background-position: center
}

.productBrand
{
font-weight:         400;
color: #c4aa84;
font-size: 13px!important
}

.newseason-sec
{
height:         20px;
position: absolute ;
bottom:         0;
-webkit-box-sizing: border-box;
width: 100%
}

.new-season
{
font-size:         12px;
display: block ;
color:         #545454;
text-transform: capitalize ;
padding:         5px;
text-align: center;
background-color: rgba(255,255,255,.7)
}

.productDescription
{
font-size:         13px;
height: 55px
}
@media screen and (max-width: 768px)
{
.productDescription
{
height:75px
}
}

.product-item
{
background-color:         #f8f8f8;
padding-bottom: 15px ;
padding-top:         10px;
margin-bottom: 25px
}

.pi-item
{
padding:         30px 20px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width: 768px)
{
.pi-item
{
padding:0 5px 0
}
}

.pi-item .productPrice
{
display: block
}

.pi-inner
{
text-align:         center;
border: 1px solid #f5f5f5 ;
padding:         0 15px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
background-color: #fff
}

.pi-inner .currentPrice
{
font-weight: 400
}

.pi-inner .price-inner
{
text-align: center
}

.pi-inner .productDiscount
{
text-align:         center;
width: 100%
}

.pi-inner .proRowAct
{
margin-top: 10px
}

.pi-inner .productDescription
{
height: 45px
}

.pi-img
{
display: block
}

.pi-img img
{
width: 75%
}

.pi-contain
{
position: relative
}

.pi-contain .banners-title-inner
{
margin: 15px auto 0 auto
}
@media screen and (max-width: 768px)
{
.pi-contain .banners-title-inner
{
display:         block;
margin-top: 10px;
margin-bottom: 10px
}
}

.pi-contain .pi-btn
{
margin-top: 15px
}

.pi-contain button
{
width:         35px;
height: 35px ;
background-position:         top 9px left 13px;
background-size: 15px ;
border:         none;
background-color: none ;
margin:         0 10px;
border: 1px solid #eee ;
background-repeat:         no-repeat;
padding: 0;
cursor: pointer
}

.pi-contain button.pi-prev
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-left)
}

.pi-contain button.pi-next
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-right)
}
@media screen and (max-width: 768px)
{
.pi-contain button
{
position:         absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.pi-contain button.pi-prev
{
left: 0
}

.pi-contain button.pi-next
{
right: 0
}
}

.pi-btn
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}

.pi-main-img
{
position: relative
}

.pi-caption
{
position:         absolute;
top: 0 ;
bottom:         0;
width: 100%;
background-color: rgba(84,84,84,.4) ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
text-align: center
}

.pi-1
{
margin-bottom:         75px;
font-size: 38px ;
font-weight:         700;
color: #fff;
text-shadow: 1px 2px 0 #333
}

.pi-2
{
background-color:         #fff;
padding: 15px 20px ;
font-weight:         700;
width: 200px ;
margin:         0 auto;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
-webkit-box-shadow: 1px 1px 2px -1px #333;
box-shadow: 1px 1px 2px -1px #333
}
video
{
width: 100%;
position: relative
}

.video-content
{
overflow:         hidden;
position: relative
}

.video-caption
{
text-align:         right;
position: absolute ;
left:         0;
top: 0 ;
bottom:         0;
width: 35% ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
padding:         25px 50px 25px 0;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
color: #fff;
background: -o-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.8)),to(rgba(0,0,0,0)));
background: linear-gradient(to right,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000', GradientType=1) ;
-webkit-box-pack:         end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width: 768px)
{
.video-caption
{
width:50%;
padding: 0 5px
}
}

.video-caption a
{
display:         inline-block;
margin: 25px auto ;
background-color:         #fff;
color: #333 ;
font-size:         15px;
padding: 15px 20px
}
@media screen and (max-width: 768px)
{
.video-caption a
{
padding:         5px;
font-size: 12px;
margin: 0 auto
}
}

.vc-title
{
display:         block;
font-size: 42px;
margin-bottom: 25px
}
@media screen and (max-width: 768px)
{
.vc-title
{
font-size:         14px;
margin: 0
}
}
@media screen and (max-width: 768px)
{
#sepet-indirim
{
right:10px!important;
bottom: 10px!important;
font-size: 10px!important
}
#sepet-indirim b
{
display: block
}
}
#cartPopup .pButtons button:first-child
{
background-color: #5cb85c
}
#cartPopup .pButtons button:last-child
{
background-color: #f27a1a
}

.mobil-app-links
{
margin-top: 15px
}

.mobil-app-links ul
{
max-width:         250px;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex
}

.mobil-app-links ul li
{
width: 50% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 50%;
flex: 0 0 50% ;
-webkit-box-sizing:         border-box;
box-sizing: border-box;
padding: 0 5px
}
@-webkit-keyframes fadein
{
from
{
opacity: 0
}
to
{
opacity: 1
}
}
@keyframes fadein
{
from
{
opacity: 0
}
to
{
opacity: 1
}
}
@media screen and (max-width: 768px)
{
.mobil_banner_app
{
display:none
}
}
#mobileAppNotify
{
background-color: #fff!important ;
position:         static;
z-index: 2;
padding: 0 15px
}
#mobileAppNotify #appBtn
{
background-color:         #fa7921;
color: #fff ;
padding:         10px 15px;
border-radius: 5px;
line-height: 25px
}
#appNotify
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
z-index: 2 ;
-webkit-box-pack:         justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#appNotifyClose
{
font-size:         20px;
position: absolute ;
right:         -30px;
top: -10px
}
#appLogo
{
width: 80px
}
#appLogo img
{
border:         1px solid #eee;
border-radius: 10px
}

.app-content
{
margin: 0 15px
}

.app-content span
{
display: block
}

.app-content-head
{
font-size:         14px;
font-weight: 700;
margin-bottom: 5px
}

.app-content-headsub
{
font-size:         12px;
color: #676666
}

.content-new::-webkit-scrollbar,.product-list::-webkit-scrollbar,.scrollFilter::-webkit-scrollbar,.tab-section .tabInner::-webkit-scrollbar
{
width:         6px;
height: 0
}

.color-list::-webkit-scrollbar,.kategori-alt-link::-webkit-scrollbar
{
width: 0
}

.kategori-alt-link::-webkit-scrollbar
{
height: 0
}

.color-list::-webkit-scrollbar,.kb-list::-webkit-scrollbar
{
height:         0;
width: 0
}

.color-list::-webkit-scrollbar-track,.content-new::-webkit-scrollbar,.kategori-alt-link::-webkit-scrollbar-track,.kb-list::-webkit-scrollbar,.product-list::-webkit-scrollbar-track,.scrollFilter::-webkit-scrollbar-track,.tab-section .tabInner::-webkit-scrollbar-track
{
background: #f5f5f5
}

.color-list::-webkit-scrollbar-thumb,.content-new::-webkit-scrollbar,.kategori-alt-link::-webkit-scrollbar-thumb,.kb-list::-webkit-scrollbar,.product-list::-webkit-scrollbar-thumb,.scrollFilter::-webkit-scrollbar-thumb,.tab-section .tabInner::-webkit-scrollbar-thumb
{
background:         #888;
border-radius: 6px
}

.color-list::-webkit-scrollbar-thumb:hover,.content-new::-webkit-scrollbar:hover,.kategori-alt-link::-webkit-scrollbar-thumb:hover,.product-list::-webkit-scrollbar-thumb:hover,.scrollFilter::-webkit-scrollbar-thumb:hover,.tab-section .tabInner::-webkit-scrollbar-thumb:hover
{
background: #555
}

.new-color-select .cc-buttons
{
display: none
}

.new-color-select .cc-buttons span
{
width:         15px;
height: 25px ;
background-size:         15px;
background-position: center ;
position:         absolute;
top: calc(50% - 5px) ;
z-index:         55;
cursor: pointer;
background-repeat: no-repeat
}
@media screen and (max-width: 768px)
{
.new-color-select .cc-buttons span
{
display:none
}
}

.new-color-select .cc-buttons .cc-left
{
left: -16px
}

.new-color-select .cc-buttons .cc-right
{
right: -20px
}

.cc-left
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-left)
}

.cc-right
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-slide-right)
}

.uygulama-page
{
width:         1200px;
margin: 0 auto
}
@media screen and (max-width: 1200px)
{
.uygulama-page
{
width:100%
}
}

.uygulama-page>div
{
margin-top: -5px
}

.uygulama-page img
{
width: 100%
}

.login-remember-sec
{
padding-top:         10px;
border-top: 1px solid #eee;
line-height: 1.5
}

.login-remember-sec input
{
-webkit-appearance:         auto;
-moz-appearance: auto;
appearance: auto
}

.siparis-takip-detay
{
display:         block;
margin-bottom: 5px;
color: #000
}

.kb-container
{
padding:         10px 0;
position: relative
}

.kb-container .cc-left,.kb-container .cc-right
{
width:         30px;
height: 30px ;
background-size:         20px;
background-repeat: no-repeat ;
background-position:         10px 5px;
opacity: 1 ;
display:         block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}

.kb-container .cc-left
{
left: -25px
}

.kb-container .cc-right
{
right: -25px
}
@media screen and (max-width: 768px)
{
.kb-container .cc-buttons
{
display:none
}
}

.kategori-balon
{
display:         table;
width: 70% ;
margin:         0 auto;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
position: relative
}
@media screen and (max-width: 768px)
{
.kategori-balon
{
margin-top:         0;
width: 100%
}
}

.kb-list
{
overflow-x:         scroll;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex
}

.kb-list li
{
-webkit-box-flex:         0;
-ms-flex: 0 0 120px ;
flex:         0 0 120px;
text-align: center ;
padding:         5px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
overflow: hidden
}

.kb-list li span
{
display:         block;
margin-top: 5px ;
font-size:         11px;
display: none
}

.kb-list li img
{
border-radius: 100%;
border: 1px solid #eee
}
@media screen and (max-width: 768px)
{
.kb-list li
{
-webkit-box-flex:         0;
-ms-flex: 0 0 75px;
flex: 0 0 75px
}
}
#popup-new
{
position:         fixed;
top: 0 ;
right:         0;
bottom: 0 ;
left:         0;
z-index: 999 ;
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center;
justify-content: center
}
#popup-new .popup-new-inner
{
max-width:         400px;
background-color: #fff ;
z-index:         780;
position: relative ;
display:         block;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center
}
@media screen and (max-width: 768px)
{
#popup-new .popup-new-inner
{
max-width:65%
}
}

.popup-new-close
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-close-white) ;
background-size:         25px;
background-position: right 25px top 25px ;
background-repeat:         no-repeat;
position: absolute ;
top:         0;
right: 0 ;
bottom:         0;
left: 0 ;
z-index:         779;
background-color: rgba(0,0,0,.7)
}

.infoWrap
{
border:         1px solid #eee;
height: 80px;
overflow: hidden
}

.infoWrap.infoActive
{
height: 100%
}
#trendTitle
{
cursor:         pointer;
position: relative
}
#trendTitle h1
{
font-size:         28px;
margin-top: 0
}
@media screen and (max-width: 768px)
{
#trendTitle h1
{
font-size:20px
}
}
#trendTitle .titleArrow
{
position:         absolute;
right: 20px ;
top:         8px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-slide-left) ;
width:         25px;
height: 25px ;
background-position:         center;
background-size: 15px ;
background-repeat:         no-repeat;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.infoActive #trendTitle .titleArrow
{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}

.bulten-popup
{
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%) ;
display:         none;
min-height: auto ;
float:         left;
position: fixed ;
bottom:         -250px;
left: 0 ;
right:         0;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center ;
z-index:         999;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-top: 1px solid #f2f2f2
}

.bulten-popup.ebulten-section
{
background-image: none
}

.bulten-popup .newsletterMain
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center ;
-webkit-box-pack:         center;
-ms-flex-pack: center ;
justify-content:         center;
-ms-flex-wrap: wrap ;
flex-wrap:         wrap;
position: relative;
width: 100% ;
background-color:         #fff;
padding: 15px 0
}

.bulten-popup .newsletterMain .tooltipWrapper
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap ;
flex-wrap:         wrap;
padding-left: 20px
}
@media screen and (max-width: 768px)
{
.bulten-popup .newsletterMain .tooltipWrapper
{
background-color:         transparent;
-webkit-box-pack: center ;
-ms-flex-pack:         center;
justify-content: center;
padding-left: 0
}
}

.bulten-popup .newsletterMain .sub-email
{
background-color:         transparent;
height: 70px ;
width:         350px;
border: 1px solid #000 ;
border-right:         none;
padding: 15px ;
-webkit-box-sizing:         border-box;
box-sizing: border-box ;
font-size:         16px;
-webkit-box-flex: 0 ;
-ms-flex:         0 0 350px;
flex: 0 0 350px;
color: #000
}

.bulten-popup .newsletterMain .sub-email::-webkit-input-placeholder
{
color: #c2c2c2
}

.bulten-popup .newsletterMain .sub-email::-moz-placeholder
{
color: #c2c2c2
}

.bulten-popup .newsletterMain .sub-email:-ms-input-placeholder
{
color: #c2c2c2
}

.bulten-popup .newsletterMain .sub-email::-ms-input-placeholder
{
color: #c2c2c2
}

.bulten-popup .newsletterMain .sub-email::placeholder
{
color: #c2c2c2
}
@media screen and (max-width: 768px)
{
.bulten-popup .newsletterMain .sub-email
{
width:100% ;
height:         50px;
font-size: 14px ;
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100% ;
border:         1px solid #000;
margin-bottom: 5px
}
}

.bulten-popup .newsletterMain #newsletterBtn
{
width:         120px;
-webkit-box-flex: 0 ;
-ms-flex:         0 0 120px;
flex: 0 0 120px ;
height:         70px;
background-color: #000 ;
color:         #000;
border: 1px solid #000 ;
border-left:         none;
border-radius: 0 ;
cursor:         pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out ;
border-left:         1px solid #fff;
color: #fff
}
@media screen and (max-width: 768px)
{
.bulten-popup .newsletterMain #newsletterBtn
{
width:100% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 100%;
flex: 0 0 100% ;
height:         50px;
margin-top: 0
}
}

.bulten-popup .bulten-head
{
-webkit-box-flex:         1;
-ms-flex: 1 ;
flex:         1;
color: #000 ;
text-align:         center;
font-size: 22px ;
position:         relative;
z-index: 1;
margin-bottom: 0
}
@media screen and (max-width: 768px)
{
.bulten-popup .newsletterMain
{
min-height:150px
}

.bulten-popup .bulten-head
{
font-size:         16px;
margin-bottom: 15px
}
}

.bulten-popup .popup-bg
{
position:         absolute;
top: 0 ;
bottom:         0;
left: 0;
right: 0
}

.bulten-popup .bulten-popup-inner
{
-webkit-box-orient:         horizontal;
-webkit-box-direction: normal ;
-ms-flex-direction:         row;
flex-direction: row ;
-ms-flex-wrap:         unset;
flex-wrap: unset
}
@media screen and (max-width: 768px)
{
.bulten-popup .bulten-popup-inner
{
-webkit-box-orient:         vertical;
-webkit-box-direction: normal ;
-ms-flex-direction:         column;
flex-direction: column
}
}

.popup-close
{
display:         block;
width: 30px ;
height:         30px;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg#icon-close-black) ;
background-size:         25px;
background-position: center ;
background-repeat:         no-repeat;
position: absolute ;
top:         -30px;
right: 48px ;
cursor:         pointer;
display: none;
background-color: #fff
}
@media screen and (max-width: 768px)
{
.popup-close
{
right:20px
}
}

.bulten-popup .popup-close
{
display: block
}

.bulten-popup-inner
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
-ms-flex-wrap: wrap ;
flex-wrap:         wrap;
-webkit-box-orient: vertical ;
-webkit-box-direction:         normal;
-ms-flex-direction: column ;
flex-direction:         column;
-webkit-box-align: center ;
-ms-flex-align:         center;
align-items: center;
z-index: 1
}

.cart-discount
{
background-color:         #c4aa84;
color: #fff ;
padding:         5px;
-webkit-box-sizing: border-box ;
box-sizing:         border-box;
display: -webkit-box ;
display:         -ms-flexbox;
display: flex ;
-webkit-box-align:         center;
-ms-flex-align: center ;
align-items:         center;
font-weight: 700 ;
font-size:         15px;
margin-bottom: 10px
}

.cart-discount div
{
font-weight:         400;
font-size: 12px;
width: 60%;
text-align: center
}
@media screen and (max-width: 768px)
{
.cart-discount
{
display:         block;
text-align: center
}

.cart-discount div
{
width: 100%;
margin-bottom: 5px
}
}

.fav-mobil
{
display:         block;
position: absolute ;
z-index:         5;
top: 10px;
right: 15px
}
@media screen and (max-width: 768px)
{
.fav-mobil
{
display:block
}
}

.fav-desktop a
{
border: 1px solid #e2e2e2
}
@media screen and (max-width: 768px)
{
.fav-desktop
{
display:none
}
}

.fav-desktop .favA
{
position: relative
}

.favBtn .favBtnInner a.favA
{
width:         50px;
height: 50px ;
padding:         0;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-fav) ;
background-size:         30px;
background-position: 10px 11px ;
background-repeat:         no-repeat;
display: block
}

.favBtn .favBtnInner a.remove-fav:after
{
content:         "";
display: block;
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=3#icon-fav-orange) ;
width:         50px;
height: 50px ;
background-size:         30px;
background-position: 10px 11px;
background-repeat: no-repeat
}

.fav-tooltip
{
position:         fixed;
z-index: 777 ;
top:         30px;
right: 25px ;
background-color:         #f5f5f5;
border: 1px solid #d9d9d9 ;
padding:         30px 25px;
text-transform: capitalize;
text-align: center
}
@media screen and (max-width: 768px)
{
.fav-tooltip
{
left:         5px;
right: 5px ;
top:         5px;
z-index: 1001
}
}
@media screen and (max-width: 768px)
{
.colControl
{
display:none
}
}

.colControl span
{
background-size: 30px
}

.sss-acc
{
cursor:         pointer;
padding: 15px ;
background-color:         #f8f8f8;
margin-top: 10px;
position: relative
}

.sss-acc:after
{
content: "+" ;
display:         block;
position: absolute ;
right:         15px;
top: 15px
}

.sss-acc.active:after
{
content: "-"
}

.panel
{
padding:         15px;
display: none ;
background-color:         #fff;
overflow: hidden ;
margin-bottom:         5px;
border-left: 1px solid #f8f8f8 ;
border-right:         1px solid #f8f8f8;
border-bottom: 1px solid #f8f8f8
}

.sss-panel
{
padding:         10px;
border: 1px solid #f5f5f5;
margin: 20px 0
}

.sss-panel h3
{
margin-top: 0
}

.kategori-alt-link
{
display:         -webkit-box;
display: -ms-flexbox ;
display:         flex;
padding: 15px 0;
overflow-x: auto
}

.kategori-alt-link li
{
position:         relative;
width: 19% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 19%;
flex: 0 0 19%;
padding-right: 10px
}
@media screen and (max-width: 768px)
{
.kategori-alt-link li
{
width:44% ;
-webkit-box-flex:         0;
-ms-flex: 0 0 44%;
flex: 0 0 44%
}
}
@media screen and (max-width: 768px)
{
.kategori-alt-link .kategori-alt-sec
{
overflow:hidden
}
}

.kategori-alt-link a
{
color:         #666;
border-bottom: 0px solid #ccc;
padding-bottom: 5px
}
@media screen and (max-width: 768px)
{
.kategori-alt-link a
{
display:block
}
}

.kategori-alt-sec .cc-buttons span
{
position:         absolute;
top: 73% ;
background-size:         12px;
background-repeat: no-repeat ;
background-position:         7px 3px;
width: 20px ;
height:         20px;
cursor: pointer ;
display:         block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

.kategori-alt-sec .cc-buttons .cc-left
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=5#icon-slide-left);
left: -22px
}

.kategori-alt-sec .cc-buttons .cc-right
{
background-image: url(https://www.exxeselection.com/Data/EditorFiles/icons/svg-icons.svg?v=5#icon-slide-right);
right: -22px
}
@media screen and (max-width: 768px)
{
.kategori-alt-sec .cc-buttons
{
display:none
}
}
@media screen and (max-width: 768px)
{
.imgGallery:hover img.active
{
opacity:1
}
}
#myPopupWin.withBtn
{
overflow: hidden
}
#myPopupWin.withBtn .pText
{
padding-bottom: 85px
}
#myPopupWin.withBtn .pButtons
{
padding:         10px;
bottom: 0
}
#myPopupWin.withBtn .icon-address,#myPopupWin.withBtn .icon-firstname,#myPopupWin.withBtn .icon-map
{
display: none
}
#myPopupWin.withBtn select,#myPopupWin.withBtn textarea
{
padding-left:         10px;
padding-top: 5px;
text-indent: 0
}
#myPopupWin.withBtn input,#myPopupWin.withBtn select,#myPopupWin.withBtn textarea
{
font-family: Montserrat,sans-serif
}
#liste-sepet
{
position:         fixed;
bottom: 125px ;
right:         5px;
background-color: #fff ;
border:         1px solid #f5f5f5;
width: 44px ;
height:         50px;
z-index: 12 ;
-webkit-box-sizing:         border-box;
box-sizing: border-box;
padding: 10px
}
#liste-sepet img
{
width: 25px
}
#liste-sepet span
{
position:         absolute;
bottom: 3px ;
right:         2px;
width: 17px ;
height:         17px;
line-height: 17px ;
font-size:         12px;
color: #fff ;
background-color:         #000;
border-radius: 100%;
text-align: center
}
#liste-sepet a
{
display:         block;
width: 25px
}
@media screen and (max-width: 768px)
{
#liste-sepet
{
right:         10px;
bottom: 10px
}
}