@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
.angularTemplate
{
visibility:    hidden;
}

.whiteBg
{
background-color:    #fff;
}

.lightBg
{
background-color:    #ececec;
}

.darkBg
{
background-color:    #6c6c6c;
color:#fff;
}

.navIcon
{
width:    23px;
height:23px;
background:#e0e0e0 url('navIcon.png') no-repeat center center;
border-right:    1px solid #ececec;
display:none;
}
[dir="rtl"] .navIcon
{
border-right:    0;
border-left:1px solid #ececec;
}
#navigasyon a
{
float:    left;
height:23px;
line-height:    23px;
color:#aaa;
font-size:    16px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform:   uppercase;
font-weight: 500!important;
}
[dir="rtl"] #navigasyon a
{
padding-right:    10px;
padding-left:20px;
background-image:url('navLinkRtl.png');
background-position:    0 center;
}
#navigasyon a.navHome
{
color:    #6c6c6c;
font-weight:600;
font-style:    normal;
}
[dir="rtl"] #navigasyon a.navHome
{
padding-right:    10px;
padding-left:30px;
background-image:url('navHomeRtl.png');
background-position:    0 center;
}
[dir="rtl"] .Yol,
[dir="rtl"] .breadcrumb,
[dir="rtl"] .breadcrumb li
{
float:    right;
}
#catImg
{
position:    relative;
}

.filter-box
{
margin-bottom:    -1px;
border-right:1px solid #ECECEC;
border-bottom:    1px solid #ECECEC;
line-height:30px;
font-size:    12px;
color:#6c6c6c;
}
[dir="rtl"] .filter-box
{
border-right:    0;
border-left:1px solid #ECECEC;
}

.filter-box select
{
float:    left;
height:30px;
margin:    0;
padding-right:15px;
border:    0;
font-size:12px;
color:    #6c6c6c;
appearance:none;
-moz-appearance:    none;
-webkit-appearance:none;
background:url('selectArrow.png') no-repeat right center;
}
[dir="rtl"] .filter-box select
{
float:    right;
padding-right:0;
padding-left:    15px;
background:url('selectArrow.png') no-repeat 10px center;
}

.filter-box .input-wrap
{
height:    30px;
}

.filter-box.col-text
{
line-height:    30px;
font-size:12px;
color:    #6C6C6C;
}

.select-wrapper
{
position:    relative;
width:53px;
height:    30px;
}

.select
{
width:    33px;
padding:30px 5px 0;
position:    absolute;
left:5px;
z-index:    333;
}

.select:hover
{
background:    #F3F3F3;
}

.select span
{
width:    33px;
height:20px;
cursor:    pointer;
display:none;
padding:    5px 0;
border-top:1px solid #B7B7B7;
}

.select span.selected
{
position:    absolute;
top:0;
left:    5px;
cursor:default;
display:    block;
border-top:0;
}

.select:hover span
{
display:    block;
}
#slider-range
{
width:calc(100% - 17px);
height:    17px;
margin-top:6px;
margin-right:    17px;
background:url('sliderRange.png') repeat-x 0 center;
position:    relative;
}

.ui-slider-range
{
position:    absolute;
top:4px;
height:    9px;
background:url('sliderRangeFiller.png') repeat-x 0 center;
}

.ui-slider-handle
{
position:    absolute;
top:0;
width:    17px;
height:17px;
background:url('sliderHandle.png') no-repeat 0 center;
cursor:    pointer;
}

.catalogBtn
{
background:url('catalogIcon.png') no-repeat center 5px;
}

.horizontalBtn
{
background:url('horizontalIcon.png') no-repeat center 5px;
}

.listBtn
{
background:url('listIcon.png') no-repeat center 5px;
}
#filtre .btn.btn-default
{
font-size:    12px;
}
#leftColumn #filtre .btn.btn-default
{
font-size:    20px;
}

.productType, .qtyBtns input
{
font-size:    16px;
text-transform:uppercase;
}

.productType
{
line-height:    30px;
}
[dir="rtl"] .middleItem .productType
{
padding-right:    0;
padding-left:10px;
}
#commentTabContent .stars
{
margin-bottom:    5px;
margin-left:10px;
}

.qtyBtns a
{
float:    left;
min-width:30px;
height:    30px;
border:1px solid #ececec;
padding-right:    10px;
padding-left:10px;
margin-right:    0;
margin-bottom:0;
box-sizing:    border-box;
-webkit-user-select:none;
-moz-user-select:    none;
-ms-user-select:none;
-o-user-select:    none;
user-select:none;
}

.package-line .qtyBtns a
{
display:    none;
}

.qtyBtns a p
{
width:100%;
height:    28px;
line-height:28px;
text-align:    center;
font-size:12px;
color:    #000;
cursor:pointer;
margin: 0;
}

.qtyBtns input
{
float:    left;
height:28px;
line-height:    28px;
text-align:center;
padding-right:    5px;
padding-left:5px;
border:    0;
box-sizing:border-box;
}

.package-line .qtyBtns input
{
width:    40px;
height:28px !important;
line-height:28px !important;
margin-right:10px !important;
margin-left:10px !important;
}
#myPersonalizationForm
{
display:    block;
margin-right:-10px;
margin-left:    -10px;
clear:both;
}

.package-line
{
line-height:    30px;
font-size:12px;
}

.package-line:nth-child(odd)
{
background-color:    #f5f5f5;
}

.package-line:nth-child(even)
{
padding-top:    0;
padding-bottom:0;
}

.package-line .d-flex
{
display:    flex;
align-items:center;
}

.middleItem
{
overflow-x:    auto;
}

.middleItem td
{
padding-top:    10px;
padding-left:10px;
padding-bottom:    10px;
padding-right:10px;
vertical-align:    middle;
}

.middleItem .lightBg td.line-right
{
border-right:    1px solid #dadada;
}

.middleItem td > span
{
display:    block;
line-height:2;
clear:    both;
}

.middleItem td > span.basketProName
{
font-size:    14px;
}

.middleItem td > span.basketSubPro
{
display:    inline-block;
padding-left:5px;
padding-right:    5px;
margin-top:5px;
margin-bottom:    5px;
}

.incBasketProduct, .decBasketProduct
{
}

.incBasketProduct
{
}

.decBasketProduct
{
}

.qtyBasketProduct
{
width:    28px;
}

.removeBasketProduct
{
float:    left;
width:30px;
height:    30px;
background:#000;
}

.mDetay
{
cursor:    pointer;
}
#cartEmpty
{
font-size:     25px;
line-height:250px;
}
#leftColumn #cartEmpty, #rightColumn #cartEmpty
{
font-size:     14px;
line-height: 25px;
}
#cartEmpty:before
{
content:'';
display:     inline-block;
background: url('cartEmpty.png') no-repeat center center;
width:     128px;
height: 128px;
vertical-align:    middle;
margin-right:20px;
}
#rightColumn #cartEmpty:before, #leftColumn #cartEmpty:before
{
margin-right:    0;
}

.campaign-line
{
position:    relative;
}

.btn.campaign-btn
{
position:    absolute;
top:10px;
right:    10px;
}
[dir="rtl"] .btn.campaign-btn
{
right:    auto;
left:10px;
}
[dir="rtl"] #basketOptions
{
margin-left:    0;
}
[dir="rtl"] #basketOptions .col.col-8.p-left
{
padding-right:    0;
padding-left:10px;
}

.table-responsive
{
min-height: .01%;
overflow-x:     auto;
}

.table-responsive > table
{
width: 100%;
max-width: 100%;
}
#membershipTabs .btn.active
{
position:     relative;
}
#membershipTabs .btn:before
{
content: '';
background-color:     #000;
width: 0;
height:     1px;
position: absolute;
top: 100%;
left:     0;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#membershipTabs .btn:not(:last-child):after
{
content: '';
width:     0;
border-right: 1px solid #ececec;
display:     block;
position: absolute;
top:     10px;
bottom: 10px;
left: 100%;
margin-left: -.5px;
}
#membershipTabs .btn.active:before
{
width: 100%;
}
#navigasyon
{
border: none!important;
margin-bottom:  40px;
margin-top:10px;
}
#navigasyon a:after
{
content:'>';
position:  relative;
margin: 0 6px;
font-size:   12px;
font-weight: bolder;
}
#navigasyon li:last-child a:after
{
display:  none;
}
@media screen and (min-width: 1001px)
{
.qtyBtns input
{
min-width:    28px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
.navIcon
{
width:    30px;
height:30px;
}
#navigasyon a
{
height:    30px;
line-height:30px;
font-size:    13px;
}
}
@media screen and (min-width: 769px)
{
.middleItem .qtyBtns input
{
width:    28px;
}
}
@media screen and (max-width: 768px)
{
.contentWrapper{
    margin-top:195px;
}
.navIcon
{
width:    38px;
height:38px;
}
#navigasyon
{
border: none!important;
position:   relative;
background:url('navArrow.png') no-repeat 0 center;
margin-top:    -10px;
border-bottom:1px solid #f0f0f0;
}
#navigasyon li
{
position:    absolute;
width:100%;
height:100%;
opacity:    0;
visibility: hidden;
}
#navigasyon a.navHome
{
background-image:     none;
}
#navigasyon[data-last-step="true"] li:last-child,
#navigasyon[data-last-step="false"] li:nth-last-child(2)
{
position:    static;
opacity:1;
z-index:    0;
visibility: visible;
}
#navigasyon a
{
width:100%;
padding-right:  0!important;
padding-left:  0;
line-height:  30px;
height:  30px;
color:  #535353;
font-size:  12px;
text-transform:  uppercase;
text-align:  center;
font-style:  normal;
}
[dir="rtl"] #navigasyon a
{
text-align:    center;
}
#navigasyon a.navHome
{
padding-right:    0;
}
/*.filter-box:nth-child(2n)
{
border-right:    0;
}
*/
#cartEmpty
{
line-height:    40px;
}
#cartEmpty:before
{
width:100%;
}
}