html {  scroll-behavior: smooth;}
body {
	font-family: 'Manrope', 'Open Sans','Segoe UI', Segoe, 'Tahoma','Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color: #231f20;
	line-height: 1.35;

}

body.mce-content-body { font-size: 1rem; }

body.mce-content-readonly {
	 background-color: #e9edf5;
}

.tmc p {
    margin-top: 16px;
    margin-bottom: 13px;
}

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

.alert {
	display: flex;
	flex-direction: row;
	align-items: strech;
	justify-content: flex-start;
	padding: 0px;
	font-weight: 500;
	border-radius: 10px;
	overflow: hidden;
 }

.alert div { display: flex; align-items: center; }
.alert .icon {
	padding: 20px;
}
.alert .content {
	padding: 15px 15px 15px 0px;
}
.alert .content p {
	margin: 0px
}

.alert.text-danger .content a { color: #dc3545; text-decoration: underline; }


/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////MAIN - STYLES///////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.head-font {
	font-family: 'Manrope', sans-serif;
}

.border-content {
    padding: 1.5rem;
	border: 1px solid #ddd;
    border-radius: 10px;
}

.minicart-offer-quantity {
	position: absolute;
	padding: 2px 0px 0px 0px;
	border-radius: 30px;
	left: 50%; top: -10px;
	color: #fff;
	width: 20px; height: 20px;
	margin-left: -4px;
	text-align: center;
	font-weight: 500;
	background-color: #96ae10;
	font-size: .8rem
}

.ajax-result-loader {
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	background-color: rgba(255, 255, 255, .9);
	z-index: 4;
	display: none;
}

.cart-selected-method {
	margin-top: 3px;
	padding: 1px 10px 3px;
	border-left: 2px solid #000;
}


.sidebar-categories-tree {
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
}

.sidebar-categories-tree ul {
	padding: 0px 0px 0px 20px;
}

.sidebar-categories-tree li {
	list-style-type: none;
	cursor: pointer;
	position: relative;
}

.sidebar-categories-tree a {
	display: inline-block;
	padding: .25rem .75rem .22rem 1.4rem;
	color: #231f20;
	font-weight: 500;
	border: 2px solid transparent;
	margin-bottom: 5px;
	width: 100%;
}

.sidebar-categories-tree a:hover, .sidebar-categories-tree a.active {
	border: 2px solid #96ae10;
	color: #fff;
	background-color: #96ae10;
	border-radius: 5px;
}

.sidebar-categories-tree li > ul {
    max-height: 0px;
    transition: max-height 0.1s ease;
    overflow: hidden;
}

.sidebar-categories-tree li.active > ul {
    max-height: 100%;
    transition: max-height 1s ease;
}

.sidebar-categories-tree li span {
	position: absolute;
	top: 11px;
	left: 0px;
	width: 20px;
	height: 20px;
	z-index: 0;
	cursor: pointer;
	text-align: right;
	font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	font-size: 15px;

}

.sidebar-categories-tree li > a {
	padding: .25rem .75rem .22rem;
}

.sidebar-categories-tree li.has-children > a {
	padding: .25rem .75rem .22rem 1.4rem;
}

.sidebar-categories-tree li.has-children > a > span:before {
	content: "\e844";
}

.sidebar-categories-tree li.has-children.active > a > span:before {
	content: "\e842";
}

.sidebar-location-item {
	padding: 10px 15px;
	color: #231f20;
	border: 3px solid #231f20;
	border-radius: 10px;
}

.sidebar-location-item:hover, .sidebar-location-item.active {
	color: #fbc707;
	border: 3px solid #fbc707;
}


.offerspecificprice-reduction-diff-value {
	background-color: #000;
	color:#fff;
	font-weight: 500;
	border-radius: 5px;
	padding: 0px 2px;
	font-size: .7rem;	
}

.table.cart-products td, .table.cart-products th {
	padding: 1rem .75rem 1rem 0rem;
    vertical-align: top;
    border-top: 1px solid #231f20;
	vertical-align: middle;
}

.table.cart-products td:last-child, .table.cart-products th:last-child {
	padding-right: 0rem;
}




.offer-cart-colors-item-active {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	cursor: pointer;
}

.offer-cart-colors-item-active-border {
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    border: none;
}

.offer-cart-colors-item-active span {
	position: absolute;
	color: #fff;
	font-weight: bold;
	
}

.icon-svg {
	background-size: 100%;
}

.icon-svg-white {
	filter: invert(100%) sepia(0%) saturate(1995%) hue-rotate(97deg) brightness(115%) contrast(107%);
}

.a-black-to-color:hover .icon-svg,.a-black-to-color:active .icon-svg, .icon-svg:hover  { background-position: right; }


.filter-offers-icon {
	width: 24px;
	height: 24px;
	margin-top: 5px;
	background-size: 200%;
	filter: invert(20%) sepia(97%) saturate(2740%) hue-rotate(345deg) brightness(91%) contrast(105%);
}

.filter-offers-icon.active {
	filter: none;
}

.simple-table { width: 100% }
.simple-table td { padding: 10px 15px; }
.simple-table tr:nth-child(odd) { background-color: #f5f5f5; }

.zeynep-filters-container {
	display: none;
}

.menu-search-container {
	opacity: 0; 
	top: -48px;
	transition: all 0.2s ease-out;
}

.menu-search-container.active {
	opacity: 1; 
	top: -10px;
	transition: all 0.2s ease-out;
}

.main-border { border: 2px solid #000; }

.icon-svg-color {
    filter: invert(15%) sepia(100%) saturate(1848%) hue-rotate(232deg) brightness(92%) contrast(95%);
}

.btn-main:hover .icon-svg-white {
    filter: invert(83%) sepia(49%) saturate(3791%) hue-rotate(358deg) brightness(110%) contrast(97%);
}

.tmc { line-height: 1.75rem}

.offerlocation-cartitems-container .cartitem-row {
	border-bottom: 3px solid #2e3092;
}

.offerlocation-cartitems-container .cartitem-row:last-child{
	border: none;
}

.bsp-collection-container {
	background-size: 130%;
	transition: background-size 0.4s ease-in-out;
}

.bsp-collection-container:hover {
	background-size: 140%;
}

.bsp-collection-container > div{

}

.bsp-collection-container:hover > div {
	display: block;
}

.marquee {
	height: 25px;

	overflow: hidden;
	position: relative;
}
  
.marquee div {
	display: block;
	width: 200%;
	height: 30px;

	position: absolute;
	overflow: hidden;

	animation: marquee 10s linear infinite;
}
  
.marquee span {
	float: left;
	margin-right: 200px;
}
  
@keyframes marquee {
	0% { left: 0; }
	100% { left: -100%; }
}