@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@400;500;700&display=swap');

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Saira Semi Condensed', sans-serif;
}
html {
	height: 100%;
}
* {
	text-decoration: none !important;
	outline: none !important;
}

/*----- OTALYA MOBILE MENU START -----*/
.mobil-nav ul{
	margin: 0;
}
.mobil-nav ul li{
	width: calc((100% / 4) - -2px);
	display: inline-block;
	text-align: center;
	height: 50px;
	vertical-align: middle;
	padding: 7px 0;
	margin-right: -6px;
}
.mobil-nav ul li.harita{
	background: #555;
}
.mobil-nav ul li.harita a{
	color: #fff;
}
.mobil-nav ul li.telefon{
	background: #f78e19;
}
.mobil-nav ul li.telefon a{
	color: #fff;
}
.mobil-nav ul li.whatsapp{
	background: #00e676;
}
.mobil-nav ul li.whatsapp a{
	color: #fff;
}
.mobil-nav ul li.dil{
	background: #00a5ce;
}
.mobil-nav ul li.dil{
	color: #fff;
}
.mobil-nav ul li small{
	display: block;
	font-size: 12px;
	line-height: 12px;
}
.mobil-nav {
	position: fixed;
	bottom: 0;
	top: auto;
	left: 0;
	right: 0;
	box-shadow: 0px -1px 4px rgba(0,0,0,0.4);
	background: #fff;
	z-index: 9999;
}
.mobil-nav svg , .mobil-nav i {
	font-size: 20px;
}
.mobil-nav ul li.instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.mobil-nav ul li.instagram a {
	color: #fff;
}
/*----- OTALYA MOBILE MENU END -----*/

#main-nav {
	background: #185AA3;
	padding: 0;
	z-index: 99;
}

#main-nav.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

.nav-logo {
	display: none;
}

.nav-logo img {
	width: 100px;
}

.navbar-toggler {
	padding: 0;
	color: #fff;
}

.navbar-toggler[aria-expanded="true"] i:before {
	content: "\f00d";
}

.nav-item.dropdown {
	position: unset;
}

.menucol-all {
	display: flex;
}

.menucol {
	margin-right: 40px;
}

#main-nav .nav-item .nav-link {
	padding: 0;
	font-size: 14px;
	color: #fff !important;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	padding: 10px 12px;
	padding-left: 44px;
	font-weight: 500;
	border-left: 1px solid rgba(255,255,255,0.4);
}

#main-nav .nav-item:last-child .nav-link {
	border-right: 1px solid rgba(255,255,255,0.4);
}

#main-nav .nav-item .nav-link i {
	width: 28px;
	text-align: center;
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translate(0, -50%);
}

#main-nav .nav-item .nav-link:hover, #main-nav .nav-item .dropdown-toggle[aria-expanded="true"] {
	color: #AB339A !important;
	background: #fff;
}

#main-nav .nav-item .nav-link.active {
	color: #fff !important;
	background: #F763E2;
}

.navbar-in {
	width: 100%;
	display: flex;
	position: relative;
}

#main-nav .nav-item .dropdown-menu {
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: solid 1px #eee;
	min-width: unset;
	max-width: unset;
	width: 100%;
	padding: 10px;
	border-top: none;
}

#main-nav .nav-item .dropdown-menu a {
	display: block;
	white-space: nowrap;
	font-size: 14px;
	padding: 4px 8px;
	color: #888 !important;
	background: #fff;
}

#main-nav .nav-item .dropdown-menu a:hover {
	color: #222 !important;
	background: #eee;
}

#main-nav .nav-item .dropdown-toggle {
	padding-right: 12px;
}

#main-nav .nav-item .dropdown-toggle:after {
	content: none;
	position: absolute;
	right: 0;
	top: calc(50% - 2px);
	transform: translate(0, -50%);
	border-top: solid 4px #888;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
}

#main-nav .nav-item .dropdown-menu a.all-link {
	color: #222 !important;
}

.menu-img {
	display: block;
	height: 230px;
	width: 100%;
	padding: 0 !important;
	position: relative;
	overflow: hidden;
}

.menu-img span {
	position: absolute;
	top: 30px;
	left: -36px;
	background: #52AC34;
	color: #fff;
	font-size: 16px;
	padding: 4px 36px;
	transform: rotate(-45deg);
}

.menu-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-top {
	padding: 20px 0;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}

.ht-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

.ht-srch {
	position: relative;
	margin-right: 40px;
}

.ht-srch button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: eee;
	height: 100%;
	border-radius: 0 4px 4px 0;
	width: 40px;
	background: #52AC34;
}

.ht-srch button:hover {
	background: #265E13;
}

.ht-srch button i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 14px;
}

.ht-srch input {
	border: solid 2px #eee;
	padding: 10px 12px;
	font-size: 14px;
	border-radius: 4px;
	color: #222;
	transition: 0.2s ease-in-out;
	width: 350px;
}

.ht-srch input:focus {
	border-color: #ddd;
}

.ht-srch input::placeholder {
	color: #aaa;
}

.ht-bar .ht-logo img {
	width: 220px;
}

.ht-basket {
	position: relative;
}

.ht-account {
	margin-right: 20px;
}

.ht-basket {
	margin-right: 20px;
}

.ht-cargo {
	margin-right: 20px;
}

.ht-account .main-btn, .ht-basket .main-btn {
	display: flex;
	align-items: center;
	padding: 6px 12px;
	height: 44px;
}

.ht-account .main-btn {
	background: transparent !important;
	color: #52AC34 !important;
}

.ht-account .main-btn:hover {
	color: #265E13 !important;
}

.ht-account .main-btn i, .ht-basket .main-btn i {
	display: block;
	margin-right: 10px;
	font-size: 20px;
}

.ht-account .main-btn span, .ht-basket .main-btn span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
}

.ht-basket .main-btn .piece {
	position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    color: #52AC34 !important;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    border: solid 2px #52AC34;
    top: 2px;
    left: 24px;
    font-size: 12px;
    font-weight: 700;
}

.ht-basket .main-btn:hover .piece {
	border-color: #265E13;
}

.ht-account .main-btn span small, .ht-basket .main-btn span small {
	display: block;
	font-size: 10px;
	line-height: 12px;
}

.ht-cargo a {
	display: block;
	text-align: center;
	color: #AB339A !important;
}

.ht-cargo a:hover {
	color: #5E0952 !important;
}

.ht-cargo a i {
	display: block;
	font-size: 20px;
	line-height: 22px;
}

.ht-cargo a span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #444 !important;
}

.topbar {
	background: #f5f5f5;
}

.topbar-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tb-lang {
	display: flex;
	align-items: center;
}

.tb-lang a {
	display: block;
	font-size: 18px;
	padding: 0;
	margin-right: 10px;
}

.tb-lang a:last-child {
	margin-right: 0;
}

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

.tb-items a {
	display: block;
	margin-right: 20px;
	font-size: 12px;
	color: #888;
}

.m-lang {
	padding: 10px 0;
}

.m-lang a {
	font-size: 18px;
	display: inline-block;
	margin-right: 8px;
}

.m-lang a:last-child {
	margin-right: 0;
}

.tb-items a:hover {
	color: #222;
}

.tb-items a:last-child {
	margin-right: 0;
}

.ship-location .form-group .select2-container {
	width: 250px !important;
}

.ship-location .form-group .select2-container .select2-selection--single {
	border: none;
}

.ship-location .form-group.f-icon > i {
	top: 0;
	left: 0;
	height: 100%;
}

.ship-location .form-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 10px 12px;
}

.main-btn {
	display: inline-block;
	padding: 8px 12px;
	background: #52AC34;
	border: solid 2px #52AC34;
	color: #fff !important;
	font-weight: 700;
	font-size: 14px;
	border-radius: 4px;
}

.main-btn.light {
	background: none;
	color: #52AC34 !important;
	border-color: #52AC34;
}

.main-btn.light:hover {
	border-color: #265E13;
	background: #fff;
	color: #265E13 !important; 
}

.main-btn.full {
	display: block;
	width: 100%;
	text-align: center;
}

.main-btn i {
	font-size: 13px;
}

.main-btn:hover {
	background: #265E13;
	border-color: #265E13;
}

.so-icon {
	background-color: #7d7d7d;
}

.so-facebook {
	background-color: #3B5998;
}

.so-twitter {
	background-color: #55acee;
}

.so-instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.so-pinterest {
	background-color: #CB2027;
}

.so-linkedin {
	background-color: #0077b5;
}

.so-facebook-messenger {
	background-color: #448AFF;
}

.so-youtube {
	background-color: #cc181e;
}

.so-reddit {
	background-color: #ff4500;
}

.so-tumblr {
	background-color: #32506d;
}

.so-digg {
	background-color: #262626;
}

.so-google-plus {
	background-color: #DE5446;
}

.so-whatsapp {
	background-color: #25d366;
}

.so-vk {
	background-color: #4c6c91;
}

.so-weibo {
	background-color: #ff9933;
}

.so-odnoklassniki {
	background-color: #d7772d;
}

.so-xing {
	background-color: #1a7576;
}

.so-blogger {
	background-color: #ff8000;
}

.so-flipboard {
	background-color: #ff8000;
}

.so-delicious {
	background-color: #205cc0;
}

.so-weixin {
	background-color: #4EC034;
}

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

/*---FORM GROUP START---*/

.form-group {
	position: relative;
	margin-bottom: 20px;
}

.form-group.f-icon > i {
	position: absolute;
	top: 1px;
	left: 1px;
	height: calc(100% - 2px);
	font-size: 12px;
	width: 30px;
	background: transparent;
	color: #52AC34;
	border-right: solid 1px #eaeaea;
	border-left: solid 2px transparent;
	border-radius: 4px 0 0 4px;
	pointer-events: none;
}

.form-group.f-icon > i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-group .select2-container {
	width: 100% !important;
}

.form-group .select2-container .select2-selection--single {
	background: #fff;
	border-radius: 0;
	border: solid 1px #ddd;
	/*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
	height: unset;
	border-radius: 4px;
}

.form-group .select2-container .select2-selection--single[aria-expanded='true'] {
	border-color: #ccc;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: unset;
	padding: 10px 12px;
	padding-right: 42px;
	font-size: 14px;
	color: #222;
}

.form-group.f-icon .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 42px;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 1px;
	right: 21px;
	background: #fff !important;
	border-radius: 0;
	border: solid 1px #f5f5f5;
	color: #fff !important;
	z-index: 10;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear:before {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #888;
	font-size: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear:hover:before {
	color: #222;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	display: block;
	color: #888;
	font-size: 14px;
}

.form-group .select2-container .select2-selection--single .select2-selection__arrow {
	height: calc(100% - 2px);
	background: #ddd;
	top: 1px;
	right: 1px;
	border-radius: 0 4px 4px 0;
}

.form-group .select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
}

.form-group .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #fff transparent;
}

.select2-container .select2-dropdown--below {
	border-radius: 0;
	border: solid 1px #e5e5e5;
	border-top: none;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}

.select2-container .select2-dropdown--above {
	border-radius: 0;
	border: solid 1px #e5e5e5;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.select2-container .select2-results__option {
	display: block;
	padding: 10px 12px;
	font-size: 14px;
	color: #444;
}

.select2-container .select2-results__option--highlighted {
	background: #AB339A !important;
	color: #fff !important;
}

.form-group > input, .form-group > textarea {
	display: block;
	width: 100%;
	border: solid 1px #ddd;
	/*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
	font-size: 14px;
	padding: 10px 12px;
	resize: none;
	border-radius: 4px;
}

.form-group > input:focus, .form-group > textarea:focus {
	border-color: #ccc;
}

.form-group > input:disabled, .form-group > textarea:disabled {
	background: #f5f5f5;
	border-color: #eaeaea;
	box-shadow: none;
	opacity: 0.5;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #f5f5f5;
}

.form-group > input:disabled ~ i, .form-group > textarea:disabled ~ i {
	opacity: 0.5;
}

.form-group > input::placeholder, .form-group textarea::placeholder {
	color: #888;
}

.form-group.f-icon input, .form-group.f-icon textarea {
	padding-left: 42px;
}

.form-group > input[type="checkbox"], .form-group > input[type="radio"] {
	visibility: hidden;
	position: absolute;
}

.form-group .check-label {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	cursor: pointer;
	user-select: none;
	text-transform: none;
	padding: 4px 0;
	margin-bottom: 5px;
}

.form-group .custom-check {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: solid 1px #e5e5e5;
	position: relative;
	top: 5px;
	margin-right: 8px;
	background: #fff;
}

.form-group input[type="radio"] ~ .check-label .custom-check {
	border-radius: 50%;
}

.form-group input[type="radio"] ~ .check-label .custom-check:before {
	border-radius: 50%;
}

.form-group .custom-check:before {
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	background: #52AC34;
	opacity: 0;
}

.form-group > input:checked ~ .check-label .custom-check:before {
	opacity: 1;
}

/*---FORM GROUP END---*/

/*---MODAL START---*/

.modal-content {
	border-radius: 0;
	background: #fff;
	border: none;
}

.modal-header {
	padding: 10px 12px;
	align-items: center;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.modal-header h1 {
	color: #222;
	font-size: 18px;
	display: block;
	margin: 0;
}

.modal-header .modal-close {
	font-size: 18px;
	color: #666 !important;
}

.modal-header .modal-close:hover {
	color: #222 !important;
}

.modal-body {
	padding: 20px 12px;
}

.modal-footer {
	padding: 10px 12px;
	border-top: 1px solid #ddd;
	border-radius: 0;
}

/*---MODAL END---*/

.smt {
	margin-top: 20px;
}

#main-slider {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #e5e5e5;
}

#main-slider .item {
	position: relative;
	height: 380px;
	width: 100%;
	display: block;
}

#main-slider .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-slider .item:before {
	content: "";
	position: absolute;
	background: rgba(0,0,0,0.0);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.2s ease-in-out;
}

#main-slider:hover .item:before {
	background: rgba(0,0,0,0.2);
}

#main-slider .owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	height: 0;
	width: 100%;
}

#main-slider .owl-nav button {
	position: relative;
	top: -25px;
	width: 50px;
	height: 50px;
	float: left;
	background: #fff;
	margin-left: 20px;
	transition: 0.2s ease-in-out;
	opacity: 0;
	border-radius: 50%;
}

#main-slider .owl-nav button:before {
	content: "\f104";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #222;
	font-size: 20px;
	transition: 0.2s ease-in-out;
}

#main-slider .owl-nav button:hover {
	background: #52AC34;
}

#main-slider .owl-nav button:hover:before {
	color: #fff;
}

#main-slider:hover .owl-nav button {
	opacity: 1;
}

#main-slider .owl-nav button.owl-next {
	float: right;
	right: 20px;
}

#main-slider .owl-nav button.owl-next:before {
	content: "\f105";
}

#main-slider .owl-dots {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 20px;
}

#main-slider .owl-dots .owl-dot {
	display: block;
	background: #fff;
	width: 18px;
	height: 8px;
	border-radius: 4px;
	margin-right: 10px;
}

#main-slider .owl-dots .owl-dot:last-child {
	margin-right: 0;
}

#main-slider .owl-dots .owl-dot.active {
	background: #52AC34;
}

.ctg-item {
	display: block;
	width: 100%;
	height: 180px;
	border-radius: 8px;
	padding: 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
	transition: 0.2s ease-in-out;
}

.ctg-item:hover:before {
	opacity: 1;
}

.ctg-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: 0.2s ease-in-out;
}

.ctg-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ctg-item.color-1 {
	background: rgba(240,225,48, 0.2);
}

.ctg-item.color-3 {
	background: rgba(65,105,225, 0.2);
}

.ctg-item.color-2 {
	background: rgba(178,34,34, 0.2);
}

.ctg-item.color-4 {
	background: rgba(255,165,0, 0.2);
}

.ctg-item .ctg-title {
	display: block;
	font-size: 24px;
	font-weight: 400;
	color: #222;
	margin-bottom: 10px;
}

.ctg-item .ctg-btn {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #52AC34;
	padding: 4px 12px;
	border-radius: 4px;
}

.ctg-item i {
	position: absolute;
	right: -10px;
	bottom: -10px;
	font-size: 120px;
	color: #222;
	opacity: 0.14;
	transition: 0.1s ease-in-out;
}

.ctg-item:hover i {
	font-size: 140px;
	opacity: 0.2;
}

.badge {
	padding: 20px 22px;
	width: 100%;
	min-height: 70px;
	position: relative;
	margin-bottom: 20px;
}

.badge span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	font-weight: 400;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 20px;
	background: #f5f5f5;
	padding: 18px 0px;
	border-radius: 20px;
	padding-left: 50px;
	width: calc(100% - 20px);
}

.badge i {
	display: block;
	position: absolute;
	margin-bottom: 0;
	font-size: 30px;
	width: 70px;
	height: 70px;
	background: #52AC34;
	line-height: 70px;
	color: #fff;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 2;
}

.section-title {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e5e5e5;
}

.prd-item {
	display: block;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #e5e5e5;
	margin-bottom: 30px;
}

.prd-item:hover .prd-img:before {
	opacity: 1;
}

.prd-img {
	width: 100%;
	height: 280px;
	position: relative;
}

.prd-item:hover .prd-img .add-cart-icon {
	width: calc(100% - 20px);
	text-align: center;
}

.prd-img .add-cart-icon i {
	margin-right: 10px;
}

.prd-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: 0.2s ease-in-out;
}

.prd-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prd-txt {
	background: #fff;
	padding: 10px 12px;
	text-align: left;
}

.prd-txt .title {
	display: block;
	font-size: 14px;
	color: #222;
	margin-bottom: 2px;
	font-weight: 500;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.prd-txt .price {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	margin-bottom: 2px;
}

.prd-txt .price small {
	font-size: 14px;
	color: #aaa;
	position: relative;
	text-decoration: line-through !important;
	margin-right: 8px;
}

.prd-txt .price b {
	font-size: 12px;
	line-height: 14px;
	padding: 4px 8px;
	background: #52AC34;
	color: #fff;
	border-radius: 4px;
	margin-right: 4px;
}

.prd-txt .info {
	font-size: 12px;
	display: block;
	color: #888;
	font-weight: 500;
}

.prd-txt .seller {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #e5e5e5;
}

.prd-txt .seller .seller-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 50%;
}

.prd-txt .seller > .seller-info span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.prd-txt .seller > .seller-info span.score {
	background: #88F763;
	color: #222;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	border-radius: 4px;
	font-weight: 500;
}

.prd-txt .seller > .seller-info span.score > b {
	margin-left: 4px;
	font-weight: 500;
}

.prd-txt .seller > .seller-info span > i {
	display: block;
	margin-right: 4px;
	color: #ddd;
	font-size: 12px;
	line-height: 14px;
}

.prd-txt .seller > .seller-info span > i.fill {
	color: #52AC34;
}

.prd-txt .seller > .seller-info span > i:last-child {
	margin-right: 0;
}

.prd-txt .seller > .seller-info small {
	font-size: 12px;
	line-height: 14px;
	color: #52AC34;
	font-weight: 700;
	margin-left: 8px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	justify-content: space-between;
}

.prd-txt .seller > .comments {
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.prd-txt .comment {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	border-top: solid 1px #e5e5e5;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
}

.detail-link {
	color: #888 !important;
	font-size: 14px;
}

.detail-link:hover {
	color: #444 !important;
}

.main-about-txt {
	font-size: 14px;
	color: #444;
}

footer {
	background: #f5f5f5;
	margin-top: 40px;
	padding: 40px 0;
	text-align: center;
}

.ftr-logo {
	margin-bottom: 20px;
}

.ftr-logo img {
	width: 120px;
}

.ftr-social {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.ftr-social a {
	display: block;
	width: 30px;
	height: 30px;
	color: #fff !important;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.ftr-social a i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
}

.ftr-social a:last-child {
	margin-right: 0;
}

.ftr-links  {
	margin: 0 auto;
	margin-bottom: 30px;
}

.ftr-links .links-title {
	font-size: 16px;
	color: #AB339A;
	font-weight: 500;
}

.ftr-text {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	margin-bottom: 20px;
}

.ftr-text h1 {
	font-size: 14px;
	line-height: 16px;
}

.ftr-text p {
	display: block;
	margin-bottom: 10px;
}

.ftr-data {
	margin-bottom: 30px;
}

.ftr-data span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #222;
}

.ftr-links a {
	display: block;
	font-size: 14px;
	color: #444 !important;
	margin-right: 10px;
}

.ftr-links span:last-child {
	margin-bottom: 0;
}

.ftr-links a:hover {
	color: #222 !important;
}

.ftr-links span {
	display: block;
	margin-bottom: 10px;
	padding: 0 12px;
}

.ftr-links a:last-child {
	margin-right: 0;
}

.ftr-links a:last-child:after {
	content: none;
}

.ftr-copy {
	margin-bottom: 20px;
}

.ftr-copy span {
	display: block;
	font-size: 12px;
	color: #444;
}

.otalya-logo img {
	width: 70px;
}

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

.navbar-toggler[aria-expanded="true"] {
	position: fixed;
	color: #fff !important;
	top: 10px;
	right: 10px;
	z-index: 99999;
}

.collapsing {
	transition: none !important;
}

.ship-location {
	display: flex;
	align-items: baseline;
	position: relative;
	color: #fff;
	padding: 10px 12px;
	background: #185AA3;
	padding-top: 12px;
	padding-bottom: 8px;
	cursor: pointer;
}

.ship-location i {
	display: block;
	font-size: 14px;
	line-height: 16px;
}

.ship-location.i-left i {
	margin-right: 8px;
}

.ship-location.i-right i {
	margin-left: 8px;
}

.ship-location span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-transform: capitalize;
}

.ship-location small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	margin: 0;
	margin-right: 8px;
}

.prd-banner {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #e5e5e5;
}

.prd-banner img {
	width: 100%;
}

.city-area-txt {
	background: #f5f5f5;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 40px;
}

.city-area-txt span {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	font-weight: 500;
}

.city-item {
	display: block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	padding: 6px 12px;
	background: #f5f5f5;
	margin-bottom: 40px;
}

.city-item:hover {
	background: #e5e5e5;
}

.city-item i {
	background: #52AC34;
	color: #fff !important;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 30px;
	font-size: 14px;
}

.city-item i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.city-item h2 {
	font-size: 12px;
	line-height: 14px;
	padding: 6px 12px;
	padding-left: 30px;
	color: #222 !important;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}

.order-icon {
	text-align: center;
	position: relative;
	display: block;
}

.order-icon:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #AB339A;
	font-size: 20px;
	position: absolute;
	width: 30px;
	text-align: center;
	right: -15px;
	top: 50%;
	transform: translate(0, -50%);
}

[class*="col-"]:last-child .order-icon:after {
	content: none;
}

.oi-img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.oi-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.oi-txt {
	text-transform: uppercase;
	font-weight: 500;
	color: #888;
	font-size: 16px;
}

.order-txt {
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}

.order-txt span {
	font-size: 14px;
	line-height: 16px;
	color: #444;
}

.page-banner {
	background: #f5f5f5;
}

.bcrumb-banner h1 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 4px;
}

.bcrumb-banner .bb-links {
	display: flex;
	align-items: center;
}

.bcrumb-banner .bb-links a {
	display: block;
	margin-right: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	position: relative;
}

.bcrumb-banner .bb-links a:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	color: #444;
	margin-left: 10px;
	font-size: 13px;
	line-height: 15px;
}

.bcrumb-banner .bb-links a:last-child:after {
	content: none;
}

.bcrumb-banner .bb-links a[href] {
	color: #52AC34;
}

.bcrumb-banner .bb-links a[href]:hover {
	color: #265E13 !important;
}

.bcrumb-banner {
	position: relative;
	padding: 20px 0;
}

.bcrumb-banner img {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
}

.filter-box {
	border: solid 1px #e5e5e5;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.filter-title {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 16px;
	background: #f5f5f5;
	font-weight: 500;
}

.filter-title span {
	display: block;
}

.filter-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.filter-item label {
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding: 10px 12px;
	margin: 0;
	display: block;
	width: 100%;
	cursor: pointer;
	color: #888;
}

.filter-item label {
	border-bottom: solid 1px #e5e5e5;
}

.filter-item label:hover {
	color: #265E13;
}

.filter-item input[type="checkbox"] {
	position: absolute;
	width: 100%;
	right: 12px;
	width: 14px;
	height: 14px;
	pointer-events: none;
}

.filter-in-title {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	padding: 10px 12px;
	border-bottom: solid 1px #e5e5e5;
	position: relative;
	display: block;
	font-weight: 500;
}

#remove-filter {
	display: flex;
	align-items: center;
}

#remove-filter {
	font-size: 14px;
	color: #888;
	cursor: pointer;
}

#remove-filter i {
	margin-right: 4px;
}

#remove-filter:hover {
	color: #222;
}

.ordering {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.ordering span {
	font-size: 14px;
	line-height: 16px;
	color: #444;
}

.ordering .order-btn {
	margin-left: 10px;
	font-size: 14px;
	padding-left: 4px 8px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	background: #fff;
	color: #888;
	font-weight: 500;
}

.ordering .order-btn:hover {
	color: #265E13;
}

.ordering .order-btn.active {
	background: #52AC34;
	color: #fff;
	border-color: #52AC34;
}

.ordering-txt {
	font-size: 14px;
	line-height: 16px;
	color: #444;
	margin-bottom: 20px;
}

.shop-item {
	border: solid 1px #e5e5e5;
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
}

.shop-title-bar {
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
	background: #f5f5f5;
}

.shop-title-bar .score {
	display: block;
	padding: 4px 8px;
	background: #88F763;
	color: #222;
	border-radius: 4px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	margin-right: 10px;
}

.shop-title-bar .title {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	display: block;
	font-weight: 500;
	margin-right: 10px;
}

.stb-1, .stb-2 {
	display: flex;
	align-items: center;
}

.shop-title-bar .title:hover {
	color: #52AC34;
}

.shop-title-bar .address {
	font-size: 12px;
	line-height: 14px;
	color: #444;
}

.shop-title-bar .min-price, .shop-title-bar .min-price small {
	font-size: 12px;
	line-height: 14px;
	color: #444;
}

.shop-title-bar .min-price b {
	font-weight: 700;
	color: #222;
}

.shop-prd-item {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 10px 12px;
}

.shop-prd-item:hover {
	background: #f5f5f5;
}

.shop-prd-item:last-child {
	margin-bottom: 0;
}

.spi-1, .spi-2 {
	display: flex;
	align-items: center;
}

.spi-1 .spi-img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
}

.spi-1 .txt {
	display: block;
	margin-right: 100px;
}

.spi-1 .txt .desc {
	display: block;
	color: #888;
	font-size: 12px;
	line-height: 14px;
}

.spi-1 .txt .title {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	color: #52AC34;
}

.spi-1 .txt .title:hover {
	color: #222;
}

.spi-2 .price {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	line-height: 18px;
	display: block;
	white-space: nowrap;
}

.spi-prev {
	position: absolute;
	left: 100%;
	top: 0;
	width: 250px;
	opacity: 0;
	pointer-events: none;
	padding: 10px;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: 4px;
	margin-left: 10px;
	z-index: 10;
}

.spi-prev:before {
	content: "";
	border-right: solid 10px #e5e5e5;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	position: absolute;
	top: 8px;
	left: -11px;
}

.spi-prev:after {
	content: "";
	border-right: solid 10px #fff;
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	position: absolute;
	top: 10px;
	left: -10px;
}

.spi-prev img {
	width: 100%;
	border: solid 1px #e5e5e5;
}

.spi-img-box {
	position: relative;
	margin-right: 10px;
	cursor: pointer;
}

.spi-img-box:hover .spi-prev {
	opacity: 1;
	transition: 0.2s ease-in-out;
}

.prd-detail-img {
	margin-bottom: 10px;
	display: block;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #e5e5e5;
}

.prd-detail-img img {
	width: 100%;
}

.prd-thumbs {
	display: flex;
}

.prd-thumbs img {
	width: 70px;
	height: 80px;
	margin-right: 10px;
	border-radius: 4px;
	cursor: pointer;
	border: solid 2px transparent;
}

.prd-thumbs img.active {
	border-color: #52AC34;
}

.prd-thumbs img:last-child {
	margin-right: 0;
}

.prd-info-box {
	padding: 20px 22px;
	background: #fbfbfb;
	border-radius: 8px;
	margin-bottom: 10px;
	border: solid 1px #e5e5e5;
}

.prd-info-box h2 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
	color: #222;
	margin-bottom: 10px;
}

.prd-price small {
	font-size: 12px;
	color: #444;
	line-height: 14px;
	display: block;
}

.prd-price .price {
	font-size: 16px;
	color: #222;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}

.prd-price .kdv-price {
	font-size: 30px;
	line-height: 34px;
	color: #222;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.prd-price .discount {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	height: 30px;
	background: #52AC34;
	color: #fff;
	border-radius: 4px;
	padding: 8px;
	text-align: center;
	margin-right: 10px;
}

.prd-price .stroke {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	position: relative;
	margin-right: 10px;
	color: #888;
}

.prd-price .stroke:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	border-bottom: 1px solid #888;
}

.prd-date-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.prd-date-item, .prd-datepicker {
	display: block;
	padding: 20px 0;
	background: #f5f5f5;
	border-radius: 4px;
	margin-right: 10px;
	text-align: center;
	min-width: 120px;
	cursor: pointer;
}

.prd-date-item:hover {
	background: #e5e5e5;
}

/*.prd-date-item:last-child {
	margin-right: 0;
}*/

.prd-date-item span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #222;
}

.prd-date-item small {
	display: block;
	font-size: 12px;
	color: #444;
}

.prd-date-item.active {
	background: #52AC34 !important;
}

.prd-date-item.active span {
	color: #fff;
}

.prd-date-item.active small {
	color: #fff;
}

.prd-datepicker > input.prd-date-item {
	min-width: unset;
	width: 100%;
    min-width: unset;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    padding-top: 42px;
    padding-bottom: 22px;
    border: none;
}

.prd-datepicker > input.prd-date-item::placeholder {
	color: #444;
}

.prd-datepicker > input.prd-date-item {
	color: #222;
	font-weight: 500;
}

.prd-datepicker {
	padding: 0;
	position: relative;
	margin-right: 0;
}

.prd-datepicker input.active {
	color: #fff;
}

.prd-datepicker > i {
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	transform: translate(-50%, -50%);
	color: #222;
	font-size: 14px;
	pointer-events: none;
}

.prd-datepicker input.active ~ i {
	color: #fff;
}

.prd-fgroup .form-group {
	margin-bottom: 10px;
}

.btn-group {
	display: block;
}

.btn-group button {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.btn-group button i {
	font-size: 20px;
	margin-left: 10px;
}

.com-stars i {
	color: #ddd;
}

.com-stars i.fill {
	color: #ffc107;
}

.com-info {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.com-stars {
	margin-right: 10px;
}

.com-desc {
	font-size: 14px;
	line-height: 16px;
}

.cc-icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.cc-icons img {
	width: 80px;
	border: solid 1px #e5e5e5;
	border-radius: 4px;
}

.cc-info {
	display: flex;
	align-items: center;
}

.cc-info i {
	margin-right: 10px;
	font-size: 18px;
	color: #52AC34;
}

.cc-info span {
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.sbt {
	border-top: solid 1px #e5e5e5;
}

.detail-title {
	font-size: 20px;
	margin-bottom: 20px;
	color: #222;
}

.prd-spec {
	padding: 20px 0;
}

.prd-spec {
	color: #444;
	font-size: 14px;
	line-height: 16px;
}

.prd-spec p {
	margin-bottom: 10px;
}

.com-area {
	padding: 20px 0;
}

.other-prd-area {
	padding: 20px 0;
}

.com-item {
	padding: 0;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    border: solid 1px #e5e5e5;
}

.com-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e8e8e8;
    padding: 6px 12px;
    background: #f5f5f5;
}

.com-name {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #52AC34;
	position: relative;
}

.com-name:before {
	content: "\f007";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;
    font-size: 12px;
    position: relative;
    top: -1px;
}

.com-txt {
    font-size: 14px;
    line-height: 16px;
    color: #444;
    border-bottom: solid 1px #e8e8e8;
    padding: 10px 12px;
}

.com-bottom {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
}

.com-bottom .city {
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.com-bottom .date {
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: #888;
}

.spad {
	padding: 20px 0;
}

.prd-shop-info .score {
	display: block;
	padding: 4px 8px;
	background: #88F763;
	color: #222;
	border-radius: 4px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	margin-right: 10px;
}

.prd-shop-info .title {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	display: block;
	font-weight: 500;
	margin-right: 10px;
}

.prd-shop-info .title:hover {
	color: #52AC34;
}

.prd-shop-info .address {
	font-size: 12px;
	line-height: 14px;
	color: #444;
}


.prd-shop-info {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.prd-shop-info > .score > b {
	margin-right: 4px;
	font-weight: 500;
}

.prd-shop-info > .score {
	padding: 8px 12px;
	font-weight: 700;
}

.fast-ship {
	margin-top: 4px;
	font-size: 12px;
	line-height: 14px;
	display: flex;
	align-items: center;
	color: #265E13;
}

.fast-ship i {
	margin-right: 4px;
}

.shop-list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.shop-list-item:last-child {
	padding-bottom: 0;
	border: none;
}

.sli-1 {
	display: flex;
	align-items: flex-start;
}

.sli-2 {
	display: block;
}

.sli-1 img {
	width: 200px;
	margin-right: 10px;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
}

.sli-1-txt {
	display: flex;
	align-items: center;
}

.sli-1 .score {
	background: #88F763;
	display: block;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 12px;
	border-radius: 4px;
	margin-right: 10px;
	color: #222;
	font-weight: 500;
}

.sli-1 .title span {
	display: block;
	font-size: 12px;
	color: #444;
	line-height: 14px;
}

.sli-1 .title a {
	display: block;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 4px;
	font-weight: 700;
	color: #444;
}

.sli-1 .title a:hover {
	color: #52AC34;
}

.sli-2 {
	text-align: center;
}

.sli-2 .price {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	margin-bottom: 10px;
}

.sli-2 .price b {
	display: block;
	font-size: 20px;
	color: #222;
	font-weight: 500;
	margin-top: 10px;
}

.shop-prd-bar {
	display: block;
	margin-top: 10px;
}

.shop-prd-bar img {
	height: 60px;
	width: 50px;
	object-fit: cover;
	margin-right: 0px;
	border-radius: 4px;
}

.shop-prd-bar a {
	margin-right: 10px;
	display: block;
}

.shop-prd-img-box {
	display: flex;
	align-items: center;
}

.shop-prd-bar .title {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #444;
	margin-bottom: 4px;
}

.shop-filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e5e5e5;
}

.shop-filter-bar a {
	display: block;
	margin-right: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #AB339A !important;
	font-weight: 500;
}

.shop-filter-bar a:hover, .shop-filter-bar a.active {
	color: #52AC34 !important;
}

.shop-filter-bar a:last-child {
	margin-right: 0;
}

.filter-part {
	background: #f5f5f5;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 10px;
}

.filter-part:last-child {
	margin-bottom: 0;
}

.filter-part .title {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #444;
	margin-bottom: 4px;
}

.filter-part .del-filter {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: #888 !important;
	margin-bottom: 10px;
	cursor: pointer;
}

.filter-part .del-filter:hover {
	color: #444 !important;
}

.score-filter-bar input {
	display: none;
}

.score-filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.score-filter-bar label {
	display: block;
	width: 40px;
	height: 40px;
	background: #52AC34;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.score-filter-bar label:hover, .score-filter-bar input:checked ~ label {
	background: #265E13;
}

.filter-part .desc {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	margin-top: 4px;
}

.fp-price-filter .filter-item label {
	padding: 10px 0;
}

.fp-price-filter .filter-item:last-child label {
	border-bottom: 0;
}

.fp-price-filter .filter-item input[type="checkbox"] {
	right: 0;
}

.shop-list-title {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 4px;
	justify-content: space-between;
}

.slt-1, .slt-2 {
	display: flex;
	align-items: center;
}

.shop-list-title .score {
	display: block;
	padding: 8px 12px;
	background: #88F763;
	color: #222;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	border-radius: 4px;
	margin-right: 10px;
}

.shop-list-title .title {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #52AC34 !important;
	font-weight: 500;
	margin-right: 10px;
}

.shop-list-title .title:hover {
	color: #265E13 !important;
}

.shop-list-title .location {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	font-weight: 500;
}

.slt-2 small {
	display: block;
	color: #444;
	font-size: 12px;
	line-height: 14px;
	margin-right: 4px;
}

.slt-2 span {
	display: block;
	color: #222;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
}

.filter-full-bar {
	padding: 20px;
	background: #f5f5f5;
	border-radius: 8px;
	margin-bottom: 20px;
}

.filter-full-bar .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 4px;
}

.filter-full-bar .title span {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #222;
}

.filter-full-bar .title small {
	color: #888;
	font-size: 12px;
	line-height: 14px;
}

.filter-full-bar .ffb-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter-full-bar .form-group {
	margin-right: 10px;
	width: 100%;
	margin-bottom: 0;
}

.filter-full-bar .form-group:last-child {
	margin-right: 0;
}

.btn-group a {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.btn-group a i {
	font-size: 20px;
	margin-left: 10px;
}

.step-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
}

.step-bar > a {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	color: #888 !important;
	font-size: 14px;
	font-weight: 500;
}

.step-bar > a:hover {
	color: #222 !important;
}

.step-bar > a > i {
	margin-right: 8px;
	font-size: 13px;
}

.order-marks {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.order-mark {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 180px;
	position: relative;
}

.order-mark:last-child {
	margin-right: 0;
}

.order-mark .circle {
	display: block;
	width: 100%;
	height: 40px;
	background: none;
	margin-bottom: 10px;
	position: relative;
}

.order-mark .circle span {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	display: none;
}

.order-mark.active .circle span {
	display: block;
}

.order-mark .circle:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background: #f5f5f5;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.order-mark.active .circle:after {
	background: #52AC34;
}

.order-mark.active .circle:before {
	background: #52AC34;
}

.order-mark .circle:before {
	content: "";
	position: absolute;
	width: 180px;
	height: 4px;
	background: #f5f5f5;
	top: 50%;
	left: -90px;
	transform: translate(0, -50%);
}

.order-mark:first-child .circle:before {
	content: none;
}

.order-mark span {
	color: #444;
	font-size: 14px;
	line-height: 16px;
}

.prd-order-table {
	width: 100%;
	margin-bottom: 20px;
}

.prd-order-table thead tr th:first-child {
	width: 20%;
}

.prd-order-table thead tr th {
	font-size: 14px;
	font-weight: 700;
	color: #222;
	padding: 10px 12px;
	text-transform: uppercase;
	width: 20%;
}

.prd-order-table thead {
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
}

.prd-order-table tbody tr td {
	font-size: 14px;
	font-weight: 500;
	color: #444;
	padding: 10px 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 1px;
	position: relative;
}

.prd-order-table tbody tr {
	border-bottom: solid 1px #e5e5e5;
}

.prd-order-table tbody {
	background: #fff;
	border: solid 1px #e5e5e5;
}

.prd-order-table tbody tr td a {
	color: #52AC34 !important;
}

.prd-order-table tbody tr td a:hover {
	color: #265E13 !important;
}

.prd-order-table tbody tr td .discount {
	font-size: 12px;
	color: #888;
	margin-right: 4px;
	text-decoration: line-through !important;
}

.prd-order-table tbody tr td.price {
	color: #52AC34 !important;
}

.prd-order-table tbody tr td .clock {
	display: block;
}

.prd-order-table tfoot {
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
}

.prd-order-table tfoot tr td {
	width: 80%;
}

.prd-order-table tfoot tr .total {
	padding: 10px 12px;
	width: 20%;
	color: #52AC34;
	font-size: 14px;
	font-weight: 700;
}

.prd-order-table tfoot tr .total b {
	margin-right: 10px;
}

.order-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e5e5e5;
}

.order-title h1 {
	font-size: 18px;
	line-height: 20px;
	color: #222;
	margin: 0;
	padding: 2px 0;
}

.address-add {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 8px;
	background: #fff;
	border: solid 1px #e5e5e5;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-left: 20px;
	color: #222 !important;
	cursor: pointer;
}

.address-add:hover {
	background: #52AC34;
	border-color: #52AC34;
	color: #fff !important;
}

.address-add:hover > i {
	color: #fff !important;
}

.address-add > i {
	margin-right: 4px;
	color: #52AC34 !important;
}

.order-address {
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
	border-radius: 0px;
	overflow: hidden;
}

.order-address:last-child {
	margin-bottom: 20px;
}

.order-address-in.active {
	background: rgba(136, 247, 99, 0.4);
	background: none;
}

.order-address-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	background: #f5f5f5;
	border-radius: 0;
	border-bottom: solid 1px #e5e5e5;
}

.order-address-header .address-name {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
}

.order-address-header .edit-address > i {
	font-size: 14px;
	color: #52AC34;
}

.order-address-header .edit-address {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.order-address-in {
	border-top: none;
	padding: 10px 12px;
	position: relative;
	border-radius: 0;
}

.order-address-in > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.order-adress-in:hover {
	background: #222;
}

.order-address-in .top {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.order-address-in .top label {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: #222;
	line-height: 16px;
	margin-left: 10px;
}

.order-address-in .bottom {
	display: flex;
	justify-content: space-between;
}

.order-address-in .bottom .left, .order-address-in .bottom .right {
	width: 400px;
}

.order-address-in .bottom .right {
	text-align: right;
}

.order-address-in .bottom .address-txt, .order-address-in .bottom .tel {
	font-size: 12px;
	line-height: 14px;
	color: #444;
	display: block;
	margin-bottom: 8px;
}

.order-address-in .bottom .address-detail, .order-address-in .bottom .email {
	font-size: 12px;
	line-height: 14px;
	color: #444;
	display: block;
}

.step-bar h1 {
	font-size: 30px;
	font-weight: 500;
	color: #222;
}

.see-pass {
	cursor: pointer;
}

.see-pass > i {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translate(0, -50%);
	width: 20px;
	color: #222;
	font-size: 14px;
	padding: 5px 0;
}

.pass input {
	padding-right: 42px;
}

.log-box {
	padding: 20px;
	background: #fafafa;
	border: solid 1px #eaeaea;
	border-radius: 8px;
	margin-bottom: 20px;
}

.log-box .form-group:last-child {
	margin-bottom: 0;
}

.log-box .form-group input {
	padding: 14px 18px;
	padding-left: 52px;
}

.log-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.log-bottom > a {
	font-size: 12px;
	line-height: 14px;
	color: #888 !important;
}

.log-bottom > a:hover {
	color: #222 !important;
}

.log-box .form-group.f-icon > i {
	width: 40px;
}

.log-pass .main-btn i {
	margin-left: 10px;
}

.modal-close {
	cursor: pointer;
}

.modal-header, .modal-footer {
	padding: 10px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-header span {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
}

.modal-body {
	padding: 20px 22px;
    max-height: calc(100vh - 170px);
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-content {
	border-radius: 8px !important;
}

.modal-form-line {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
	min-height: 40px;
}

.modal-form-line > span {
	width: 30%;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	padding: 10px 0;
}

.modal-form-line .form-group {
	margin-bottom: 0;
	width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-form-line > .form-group > input, .modal-form-line > .form-group > textarea {
	padding: 6px 12px;
}

.modal-form-line > .form-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 6px 12px;
}

.modal-check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 0;
}

.modal-check > label {
	margin: 0;
	padding-left: 4px;
	font-size: 14px;
	line-height: 16px;
}

.modal-body hr {
	margin: 20px 0;
}

.modal-footer span {
	font-size: 12px;
	line-height: 14px;
	color: #222;
}

.edit-address-dropdown .dropdown-menu {
	position: absolute !important;
	transform: none !important;
	will-change: unset !important;
	top: unset !important;
	left: unset !important;
	right: 0 !important;
	padding: 0 !important;
	border-radius: 0px;
    background: #fff;
    border: solid 1px #e5e5e5;
    margin: 0;
    width: auto;
    min-width: unset;
}

.edit-address-dropdown .dropdown-menu > a {
	display: block;
    padding: 6px 12px;
    font-size: 14px;
    color: #222 !important;
}

.edit-address-dropdown .dropdown-menu > a:hover {
	background: #f5f5f5;
}

.check-group {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.check-group .form-group .check-label {
	padding: 0;
	margin: 0;
}

.fatura-check {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.fatura-check label {
	display: block;
	margin-bottom: 0;
	padding-left: 4px;
	font-size: 14px;
	line-height: 16px;
}

.form-group.cc > label, .form-label {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 4px;
	font-weight: 500;
}

.form-group.cc {
	margin-bottom: 4px;
}

.select-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.select-line > span {
	margin-right: 10px;
}

.select-line > span:last-child {
	margin-right: 0;
}

.input-line {
	display: flex;
}

.input-line .form-group {
	margin-right: 10px;
}

.input-line .form-group:last-child {
	margin-right: 0;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
	border-radius: 8px;
}

.jp-card.jp-card-identified {
	box-shadow: none !important;
}

.total-price-box {
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
	border-radius: 8px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}

.total-price-box small {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
	display: block;
	margin-bottom: 10px;
}

.total-price-box span {
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #52AC34;
	display: block;
}

.agreement {
	margin-bottom: 10px;
}

.anlasma-yazisi {
	font-size: 14px;
	line-height: 16px;
	color: #444
}

.anlasma-yazisi p {
	margin-bottom: 10px;
}

.anlasma-yazisi p b {
	color: #222;
}

.anlasma-yazisi span {
	display: block;
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
}

.msgcard-wrapper {
	width: 600px;
	height: 600px;
	background: radial-gradient(#fff 50%,#e5e5e5);
	margin: 0 auto;
	border: solid 1px #e5e5e5;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.msgcard-wrapper .msg-flower {
	position: absolute;
	width: 400px;
	height: 300px;
	object-fit: contain;
}

.msgcard-wrapper .msg-flower.top-right {
	top: -70px;
	right: -70px;
	transform: rotateY(180deg);
}

.msgcard-wrapper .msg-flower.bottom-left {
	bottom: -70px;
	left: -70px;
	transform: rotateX(180deg);
}

.msgcard-wrapper {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.msgcard-in {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	z-index: 2;
	position: relative;
}

.msgcard-in > img {
	width: 200px;
	margin-bottom: 20px;
}

.msgcard-in .txt {
	width: 380px;
}

.msgcard-in .txt textarea, .msgcard-in .txt input {
	background: none;
	resize: none;
	overflow: hidden;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	font-weight: 500;
	width: 100%;
	position: relative;
	z-index: 4;
	min-height: 1px;
	box-sizing: border-box;
	border: none;
}

.msgcard-in .txt input {
	font-weight: 700;
}

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

.canvas-buttons .main-btn {
	margin-right: 10px;
}

.canvas-buttons .main-btn:last-child {
	margin-right: 0;
}

.footable-toggle {
	position: absolute;
	width: 30px;
	height: 100%;
	color: #fff;
	left: 0;
	opacity: 1 !important;
	margin: 0 !important;
	background: #52AC34;
}

.footable-toggle:before {
	content: none;
}

.footable-toggle:after {
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.prd-order-table tbody tr[data-expanded="true"] .footable-toggle:after {
	content: "\f068";
}

.msgcard-all {
	width: 100%;
	overflow-y: auto;
}

.prd-table-all {
	widows: 100%;
	overflow-x: auto;
}

.order-table-all {
	margin-bottom: 20px;
}

#order-table tr > th {
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

#order-table tr > td {
	background: #fff;
	border: solid 1px #e5e5e5;
	padding: 10px 12px;
	border-bottom: none;
}

#order-table tr > td > small {
	display: block;
	font-size: 12px;
	line-height: 14px;
}

#order-table tr > td.order-img {
	width: 1px;
}

#order-table tr > td.order-img > img {
    width: 70px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
}

#order-table tr > td > span, .shrinked-row > div > div > span {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}

#order-table tr > td > small.discount, .shrinked-row > div > div > small.discount {
	display: inline-block;
	text-decoration: line-through !important;
	color: #888;
	margin-right: 10px;
}

.shrinked-row > div > div > small {
	display: inline-block;
	margin-right: 10px;
}

#order-table tr > td > a, .shrinked-row > div > div > a {
	font-size: 14px;
	line-height: 16px;
	color: #52AC34 !important;
	font-weight: 500;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

#order-table tr > td > a:hover, .shrinked-row > div > div > a:hover {
	color: #265E13 !important;
}

.shrink-toggle {
	position: relative;
	padding: 0 !important;
	background: #52AC34 !important;
	opacity: 1 !important;
	width: 40px;
}

.shrink-toggle i {
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.shrinked-row > div > div {
    width: 50% !important;
    padding: 10px 12px !important;
    border: solid 1px #e5e5e5;
    border-top: none;
    font-size: 12px;
}

.total-bar {
	padding: 10px 12px;
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.total-bar small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.total-bar span {
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #52AC34;
}

.table-img {
	padding: 5px !important;
	text-align: center;
}
.table-img img {
	width: 80px;
	height: 100px;
	object-fit: contain;
}

.basket-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fafafa;
	border-radius: 8px;
	position: relative;
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
}

.basket-item:last-child {
	margin-bottom: 0;
}

.basket-item .dismiss {
	position: absolute;
	top: -5px;
	right: -5px;
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	border: solid 1px #e5e5e5;
	cursor: pointer;
}

.basket-item .dismiss i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #888 !important;
	font-size: 20px;
}

.basket-item .dismiss:hover i {
	color: #222 !important;
}

.basket-item .bi-prd {
	width: 50%;
	padding: 20px 22px;
	border-right: solid 1px #e5e5e5;
}

.basket-item .bi-txt {
	width: 50%;
	padding: 20px 22px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #888;
}

.basket-item .bi-txt a {
	color: #52AC34 !important;
}

.basket-item .bi-txt a:hover {
	color: #265E13 !important;
}

.basket-item .title, .basket-item .title h2 {
	display: inline-block;
	font-size: 20px;
	line-height: 22px;
	color: #52AC34 !important;
	margin: 0;
	margin-bottom: 10px;
}

.basket-item .title:hover, .basket-item .title:hover h2 {
	color: #265E13 !important;
}

.basket-item .bi-prd-in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.basket-item .bi-prd-in img {
	width: 150px;
	height: 175px;
	object-fit: cover;
	margin-right: 20px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
}

.basket-item .bi-prd-in .bi-prd-desc small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #888;
}

.basket-item .bi-prd-in .bi-prd-desc span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
	margin-bottom: 10px;
}

.basket-item .bi-prd-in .bi-prd-desc span.price {
	font-weight: 700;
}

.basket-item .bi-prd-in .bi-prd-desc span.price b {
	text-decoration: line-through !important;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	margin-right: 5px;
	color: #444;
}

.basket-summary {
	padding: 0;
	border-radius: 8px;
	margin-bottom: 20px;
}

.basket-summary .title {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
	margin: 0;
	margin-bottom: 20px;
}

.basket-summary .bs-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f5f5f5;
	border-radius: 4px;
	padding: 10px 12px;
	margin-bottom: 10px;
}

.basket-summary .bs-item:last-child {
	margin-bottom: 0;
}

.basket-summary .bs-item > small {
	width: 70%;
}

.basket-summary .bs-item > span {
	width: 30%;
}

.basket-summary .bs-item small {
	font-size: 12px;
	line-height: 14px;
	color: #444;
	font-weight: 500;
}

.basket-summary .bs-item span {
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.basket-summary .bs-item.total {
	background: #fff;
	padding: 0;
	border: none;
	margin-top: 20px;
}

.basket-summary .bs-item.total span {
	color: #52AC34;
}

.basket-summary .bs-item.total small {
	color: #52AC34;
}

.basket-summary .bs-item.total span {
	font-size: 18px;
	line-height: 20px;
}

.basket-prev {
	display: inline-block;
	color: #888 !important;
	font-size: 14px;
	font-weight: 500;
}

.basket-prev:hover {
	color: #222 !important;
}

.basket-prev > i {
	margin-right: 8px;
	font-size: 13px;
}

.basket-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.basket-info span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #222;
	font-weight: 500;
}

.basket-info a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #52AC34 !important;
	font-weight: 500;
}

.basket-info a:hover {
	color: #265E13 !important;
}

.basket-none-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.basket-none-info i {
	display: block;
	font-size: 30px;
	color: #52AC34;
	margin-bottom: 20px;
}

.basket-none-info span {
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 22px;
	color: #222;
}

.log-bottom small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #444;
}

.log-top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: solid 1px #52AC34;
	position: relative;
	top: 1px;
}

.log-top ~ .log-box {
	border-radius: 0px 0px 8px 8px;
}

.log-top span {
	display: block;
	padding: 10px 12px;
	border: solid 1px #e5e5e5;
	border-bottom-color: #52AC34;
	border-radius: 4px 4px 0 0;
	margin-bottom: -1px;
	background: #fff;
	font-size: 14px;
	line-height: 16px;
	color: #888;
	font-weight: 500;
	cursor: pointer;
}

.log-top span:not(.active):hover {
	background: #f5f5f5;
}

.log-top span.active {
	border-color: #52AC34;
	border-bottom-color: transparent;
	color: #52AC34;
	cursor: default;
	background: #fafafa;
}

.kurumsal-area {
	margin-bottom: 20px;
}

.log-box .form-group.f-icon textarea {
	padding-left: 52px;
}

.log-txt {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.log-img {
	width: 100%;
	height: 540px;
	position: relative;
	overflow: hidden;
}

.log-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.log-img-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	padding: 20px 22px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	text-align: left;
}

.log-img-txt .title {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

.log-img-txt span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.log-img-txt span i {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	position: relative;
	margin-right: 10px;
}

.log-img-txt span i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #52AC34;
}

.modal-body .info-txt {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.new-user-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 40px 0;
}

.new-user-box i {
	display: block;
	margin-bottom: 20px;
	font-size: 40px;
	color: #52AC34;
}

.new-user-box h2 {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	text-transform: uppercase;
	color: #222;
	margin-bottom: 10px;
}

.new-user-box small {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #222;
	margin-bottom: 20px;
}

.new-user-box p {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	margin-bottom: 10px;
}

.new-user-box .main-btn {
	margin-top: 20px;
}

.ht-account {
	position: relative;
}

.ht-account .dropdown-toggle::after {
	content: none;
}

.ht-account .dropdown-toggle {
	position: relative;
	padding-right: 26px;
}

.ht-account .dropdown-toggle::before {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translate(0, -50%);
}

.ht-account .dropdown-menu {
	margin: 0;
    border-radius: 4px;
    border: none;
    padding: 0;
    left: unset !important;
    right: 0;
    max-width: unset;
    min-width: 100%;
    border-radius: 0 0 4px 4px;
    border-top: none;
    border: solid 1px #e5e5e5;
    border-top: none;
}

.ht-account .dropdown-menu a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #888;
	padding: 10px 12px;
	text-align: center;
}

.ht-account .dropdown-menu a:hover {
	color: #222;
	background: #f5f5f5;
}

.ht-account .dropdown-toggle[aria-expanded="true"] {
	color: #265E13 !important;
	border-color: #265E13;
	border-radius: 4px 4px 0 0;
}

.user-side-nav {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.user-side-nav a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 22px;
	background: #fff;
	border: solid 1px #e5e5e5;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #444 !important;
	position: relative;
	padding-right: 30px;
}

.user-side-nav a > i:first-child {
	font-size: 20px;
	line-height: 22px;
	margin-right: 10px;
	width: 30px;
	text-align: center;
}

.user-side-nav a > i:last-child {
	font-size: 14px;
	line-height: 16px;
	margin-left: 10px;
	width: 20px;
	position: absolute;
	right: 0;
}

.user-side-nav a:hover {
	background: #f5f5f5;
}

.user-side-nav a.active {
	background: #52AC34;
	color: #fff !important;
	border-color: transparent;
}

.user-detail-box {
	border-left: solid 1px #e5e5e5;
	padding-left: 30px;
	min-height: 100%;
}

.user-detail-box .title {
	font-size: 20px;
	line-height: 22px;
	color: #222;
	font-weight: 400;
    margin-bottom: 15px;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 5px;
}

.user-detail-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-detail-bottom span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	margin-right: 10px;
}

.user-detail-box input, .user-detail-box textarea {
	padding: 14px 18px;
}

.user-detail-box .form-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 14px 18px;
}

.user-detail-box .form-group.f-icon input, .user-detail-box .form-group.f-icon textarea {
	padding-left: 52px !important;
}

.user-detail-box .form-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 52px !important;
}

.user-detail-box .form-group.f-icon > i {
	width: 40px;
}

.ol-item {
	background: #fff;
	border-radius: 8px;
	position: relative;
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
}

.ol-item .ol-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	cursor: pointer;
	padding: 14px 18px;
	padding-right: 40px;
}

.ol-item .ol-header .ol-info {
	max-width: calc(100% - 150px);
}

.ol-item .ol-header .ol-info > i {
	position: absolute;
	top: 50%;
	right: 0;
	width: 50px;
	text-align: center;
	transform: translate(0, -50%);
	font-size: 30px;
	color: #52AC34;
}

.ol-item .ol-header[aria-expanded="true"] .ol-info > i:before {
	content: "\f107";
}

.ol-item .ol-header[aria-expanded="true"] {
	border-bottom: solid 1px #e5e5e5;
}

.ol-item .ol-header > img {
	width: 120px;
	height: 140px;
	object-fit: cover;
	margin-right: 10px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
}

.ol-info .line, .ol-body .line {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 14px;
}

.ol-info {
	margin-bottom: -8px;
}

.ol-info .line > small, .ol-body .line > small {
	width: 120px;
	color: #444;
	display: block;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
}

.ol-body .line > small {
	width: 160px;
}

.ol-info .line > span.title, .ol-body .line > span.title {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 700;
	margin-bottom: 0;
}

.ol-info .line > span:not(.title), .ol-body .line > span:not(.title) {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
	width: 500px;
	margin-left: 10px;
}

.ol-info .line > span > small, .ol-body .line > span > small {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	text-decoration: line-through !important;
	margin-right: 5px;
}

.ol-info .line > span > .copy-no {
	font-size: 16px;
	line-height: 18px;
	position: relative;
	color: #52AC34;
	z-index: 10;
	margin-left: 8px;
}

.ol-info .line > span > .copy-no:hover {
	color: #265E13;
}

.ol-info .line a, .ol-body .line a {
	color: #52AC34 !important;
}

.ol-info .line a:hover, .ol-body .line a:hover {
	color: #265E13 !important;
}

.ol-body {
	padding: 14px 18px;
}

.card-message {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: solid 1px #e5e5e5;
	padding-top: 8px;
}

.card-message span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
	margin-bottom: 5px;
}

.card-message p {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #888;
	margin-bottom: 5px;
}

.card-message b {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #888;
}

.cm-txt {
	margin-right: 20px;
}

.ol-item .dismiss {
	position: absolute;
	top: 14px;
	right: 14px;
	display: block;
	width: auto;
	padding: 8px 12px;
	background: #fff;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	cursor: pointer;
	z-index: 10;
	color: #888 !important;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

.ol-item .ol-btn {
	position: absolute;
	top: 14px;
	right: 14px;
	display: block;
	width: auto;
	padding: 8px 12px;
	background: #52AC34;
	border-radius: 4px;
	border: solid 1px #52AC34;
	cursor: pointer;
	z-index: 10;
	color: #fff !important;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

.ol-item .dismiss:hover {
	color: #222 !important;
}

.ol-item .ol-btn:hover {
	background: #265E13;
	border-color: #265E13;
}

.ol-item .ol-btn.bottom {
	top: unset;
	bottom: 14px;
}

.ol-item .dismiss.bottom {
	top: unset;
	bottom: 14px;
}

.address-item {
	display: block;
	margin-bottom: 20px;
}

.ai-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	background: #f5f5f5;
	border-radius: 0;
	border: solid 1px #e5e5e5;
	border-bottom: none;
}

.ai-header > span {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ai-header > span > i {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	margin-right: 10px;
}

.ai-header > small {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.ai-header > .edit-address-dropdown > span {
	font-size: 14px;
	line-height: 16px;
	color: #52AC34;
	cursor: pointer;
}

.ai-body {
	padding: 10px 12px;
	border: solid 1px #e5e5e5;
	border-radius: 0;
}

.ai-body > span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #444;
	font-weight: 700;
}

.ai-body-in {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ai-body-in > .left, .ai-body-in > .right {
	width: 350px;
}

.ai-body-in > .left {
	text-align: left;
}

.ai-body-in > .right {
	text-align: right;
}

.ai-body-in > .left > span, .ai-body-in > .right > span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #444;
	margin-bottom: 10px;
}

.address-add.inline {
	margin-left: 0;
	margin-bottom: 20px;
	display: inline-block;
}

.user-not-txt {
	display: block;
	color: #222;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 20px;
}

.kurum-nav a {
	padding: 10px 12px;
	font-size: 12px;
	line-height: 14px;
}

.kurum-desc {
	color: #444;
	font-size: 14px;
	line-height: 20px;
}

.kurum-desc p {
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.kurum-desc b {
	font-weight: 500;
	color: #222;
}

.kurum-desc ul {
	display: block;
	margin-bottom: 10px;
}

.kurum-desc h1 {
	font-weight: 500;
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #222;
}

.kurum-desc h2 {
	font-weight: 500;
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #222;
}

.kurum-desc h3 {
	font-weight: 500;
	font-size: 1.3em;
	margin-bottom: 10px;
	color: #222;
}

.kurum-desc h4 {
	font-weight: 500;
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #222;
}

.kurum-desc h5 {
	font-weight: 500;
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #222;
}

.kurum-desc h6 {
	font-weight: 500;
	font-size: 1.0em;
	margin-bottom: 10px;
	color: #222;
}

.sirket-desc {
	display: block;
}

.sirket-desc span {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	color: #222;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}

.sirket-desc span > a {
	color: #52AC34 !important;
	font-weight: 700;
}

.sirket-desc span > a:hover {
	color: #265E13 !important;
}

.sirket-desc > span > b {
	display: inline-block;
	color: #222;
	margin-right: 10px;
	width: 150px;
	min-width: 150px;
	position: relative;
}

.sirket-desc > span > b:after {
	content: ":";
	position: absolute;
	top: 0;
	right: 0;
}

.sirket-desc > span.name {
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
}

.soru-item {
	margin-bottom: 20px;
	background: #fff;
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.2);*/
	border-radius: 0;
	border-bottom: solid 1px #e5e5e5;
}

.soru-header {
	display: block;
	color: #888 !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	border-bottom: solid 1px transparent;
	padding: 10px 0;
	position: relative;
	padding-right: 32px;
}

.soru-header:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	top: 10px;
	right: 12px;
}

.soru-header[aria-expanded="true"]:after {
	content: "\f107";
}

.soru-header[aria-expanded="true"] {
	border-bottom-color: #ddd;
	color: #52AC34 !important;
}

.soru-body {
	display: block;
	color: #444;
	font-size: 14px;
	line-height: 20px;
}

.soru-body p {
	margin: 0;
	padding: 10px 0;
	display: block;
	text-align: justify;
	position: relative;
	padding-left: 12px;
	padding-right: 0;
}

.soru-body p:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	height: calc(100% - 20px);
	width: 4px;
	background: #e5e5e5;
}

.mbi-right > i {
	margin-left: 10px;
}

.mbi-left > i {
	margin-right: 10px;
}

.main-btn.disabled {
	opacity: 0.6;
	background: #52AC34 !important;
	border-color: #52AC34 !important;
}

.contact-desc > span > b {
	min-width: 100px;
	width: 100px;
}

.shop-summary {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.shop-summary > i {
	color: #52AC34;
	font-size: 40px;
	margin-bottom: 20px;
}

.shop-summary .title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}

.shop-summary h2 {
	font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #222;
}

.shop-summary > span:not(.title) {
	font-size: 14px;
	line-height: 16px;
	color: #444;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 300px;
	margin-bottom: 10px;
	font-weight: 500;
}

.shop-summary > span:not(.title) > b {
	display: block;
	color: #222;
	margin-right: 10px;
}

.shop-summary > small {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #222;
}

.shop-summary-bottom {
	margin-top: 20px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current  {
	background: #52AC34;
	box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
	background: #AB339A !important;
}

.xdsoft_datetimepicker * {
	font-family: 'Saira Semi Condensed', sans-serif;
}

.rating-box {
	display: block;
	margin-bottom: 10px;
}

.rating-box > span {
	display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.rating-in {
	direction: rtl;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.rating-in > .star:before {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

.rating-in > .star {
	display: block;
	color: #ddd;
	font-size: 20px;
	line-height: 22px;
	padding-right: 10px;
	cursor: pointer;
}

.rating-in > .star:hover,
.rating-in > .star.active,
.rating-in > .star:hover ~ .star,
.rating-in > .star.active ~ .star {
	color: #52AC34;
}

.rating-box > .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e5e5e5;
}

.rating-box > .title > a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #52AC34 !important;
}

.rating-box > .title > a:hover {
	color: #265E13 !important;
}

.rating-box > .title > .com-info {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	min-width: 150px;
    justify-content: flex-end;
}

.rating-box > .title > .com-info .com-desc {
	font-size: 12px;
	line-height: 14px;
}

.cancel-desc {
    font-size: 12px;
    line-height: 14px;
    color: #888;
    margin-top: 10px;
}

.order-list-filter {
	display: block;
	margin-bottom: 4px;
}

.order-list-filter > a {
	display: inline-block;
	padding: 6px 12px;
	background: #fff;
	border: solid 1px #e5e5e5;
	font-size: 14px;
	line-height: 16px;
	color: #888 !important;
	font-weight: 500;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.order-list-filter > a:hover {
	background: #f5f5f5;
}

.order-list-filter > a.active {
	background: #52AC34;
	border-color: #52AC34;
	color: #fff !important;
}

.order-list-filter > a:last-child {
	margin-right: 0;
}

.com-prd-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #f5f5f5;
	padding: 10px 12px;
	border-radius: 8px;
	margin-right: 20px;
	min-width: 300px;
}

.com-prd-item > img {
	width: 100px;
	height: 120px;
	object-fit: cover;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	margin-right: 10px;
}

.com-prd-box {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.com-prd-in {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.com-prd-item > .desc > span {
	color: #52AC34 !important;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}

.com-prd-item:hover > .desc > span {
	color: #265E13 !important;
}

.com-prd-item > .desc > .com-info {
	display: block;
	margin-top: 5px;
}

.com-prd-item > .desc > .com-info > .com-desc {
	color: #444 !important;
	font-size: 12px;
	line-height: 14px;
}

.com-prd-rate {
	padding: 10px 20px;
	border: solid 1px #e5e5e5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 8px 0 0 8px;
}

.com-prd-rate > span {
	font-size: 30px;
	line-height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	color: #222;
	margin-bottom: 10px;
}

.com-prd-rate > span > i {
	display: block;
	margin-left: 10px;
	color: #52AC34;
}

.com-prd-rate > small {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #444;
}

.com-prd-progress {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 10px 12px;
	border: solid 1px #e5e5e5;
	border-left: none;
	border-radius: 0 8px 8px 0;
	margin-right: 20px;
}

.com-prd-progress > .line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5px;
}

.com-prd-progress > .line:last-child {
	margin-bottom: 0;
}

.com-prd-progress > .line > span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	line-height: 14px;
	margin-right: 20px;
	font-weight: 500;
	color: #222;
	min-width: 110px;
}

.com-prd-progress > .line > span > i {
	color: #ddd;
	margin-right: 4px;
	font-size: 14px;
	line-height: 16px;
}

.com-prd-progress > .line > span > i.fill {
	color: #52AC34;
}

.com-prd-progress > .line > .bar {
	display: block;
	position: relative;
	width: 300px;
	height: 15px;
	background: #f5f5f5;
	margin-right: 10px;
	border-radius: 8px;
	overflow: hidden;
}

.com-prd-progress > .line > .bar > .fill {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: #52AC34;
	border-radius: 8px;
}

.com-prd-progress > .line > small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #222;
	font-weight: 500;
}

.com-prd-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.com-prd-btn > a {
	display: block;
	margin-bottom: 5px;
}

.com-prd-btn > a:last-child {
	margin-bottom: 0;
}

.pager {
	display: block;
}

.pager > ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pager > ul > li {
	display: block;
	text-align: center;
	min-width: 30px;
	height: 30px;
	margin-right: 5px;
	border-radius: 4px;
	overflow: hidden;
}

.pager > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px;
	font-size: 12px;
	line-height: 14px;
	background: #f5f5f5;
	font-weight: 500;
	color: #222 !important;
}

.pager > ul > li > a:hover {
	background: #e5e5e5;
}

.pager > ul > li.active > a {
	background: #52AC34;
	color: #fff !important;
}

.pager > ul > li:last-child {
	margin-right: 0;
}

.com-filter {
	margin-bottom: 0;
	margin-top: 20px;
}

.msg-card-prd {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}

.msg-card-prd > .msg-card-prd-in {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: 320px;
	border-right: 1px solid #e5e5e5;
	margin-right: 20px;
}

.msg-card-prd > .msg-card-prd-in > img {
	width: 100px;
	height: 120px;
	object-fit: cover;
	border: solid 1px #e5e5e5;
	border-radius: 4px;
	margin-right: 10px;
}

.msg-card-prd > .msg-card-prd-in > span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.msg-card-prd > .msg-card-prd-in > span > small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	margin-top: 5px;
}

.msg-card-prd > .msg-input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin-right: 20px;
}

.msg-card-prd > .msg-input > .line {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.msg-card-prd > .msg-input > .line .form-group {
	width: 100%;
	margin-right: 10px;
}

.msg-card-prd > .msg-input > .line .form-group:last-child {
	margin-right: 0;
}

.msg-card-prd > .msg-input > .left {
	width: 100%;
	margin-right: 20px;
}

.msg-card-prd > .msg-input > .right {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.msg-card-prd > .msg-input .form-group {
	width: 100%;
	margin-bottom: 10px;
}

.msg-card-prd > .msg-input > .left > .form-group {
	margin-bottom: 0;
	height: 100%;
}

.msg-card-prd > .msg-input textarea {
	height: 100%;
}

.msg-prd-btn {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.msg-prd-btn > a {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #52AC34;
}

input:focus + .slider {
  box-shadow: 0 0 1px #52AC34;
  box-shadow: none;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.msg-card-check {
	min-width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.msg-card-check > label {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;*/
}

.main-btn.pointer-none {
	pointer-events: none !important;
	background: #bbb !important;
	border-color: #bbb !important;
}

.pt-none {
	pointer-events: none !important;
}

.msgcard-all.full {
	width: auto;
	overflow: visible;
}

.canvas-modal-body {
	padding: 0;
	overflow: auto !important;
}

.canvas-modal-body .msgcard-wrapper {
	margin: 0 auto;
}

.border-none {
	border: none !important;
}

.location-select {
	position: relative;
}

.location-box .location-select {
	display: none;
}

.location-select-in {
	padding: 20px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 8px;
	overflow: hidden;
	border-radius: 0 0 8px 8px;
	border: none;
	border-top: none;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

.location-select-in:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 2;
}

.location-select-in > .lc-text {
	width: 50%;
	position: relative;
	z-index: 4;
}

.location-select-in > .lc-text > span {
	display: block;
	font-size: 20px;
	line-height: 22px;
	color: #222;
	font-weight: 500;
	margin-bottom: 5px;
}

.location-select-in > .lc-text > small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 500;
}

.location-select-in > .lc-select {
	width: 50%;
	position: relative;
	z-index: 4;
}

.location-select-in > .lc-select > .form-group {
	margin: 0;
}

.location-select-in > .lc-select > .form-group .select2-container .select2-selection--single {
	border: solid 2px #f5f5f5;
}

.location-select-in > .lc-select > .form-group .select2-container .select2-selection--single .select2-selection__arrow {
	background: #fff;
}

.location-select-in > .lc-select > .form-group.f-icon > i {
	border-right-color: #fff;
	border: none;
	top: -1px;
	width: 40px;
	font-size: 15px;
}

.location-select-in > .lc-select > .form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear {
	top: 2px;
	right: 21px;
	display: none;
}

.location-select-in > .lc-select > .form-group .select2-container .select2-selection--single .select2-selection__arrow {
	background: none;
	width: 30px;
}

.location-select-in > .lc-select > .form-group .select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: #52AC34 transparent transparent transparent
}

.location-select-in > .lc-select > .form-group .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #52AC34 transparent
}

.location-select-in > .lc-select > .form-group.f-icon .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 40px;
}

.location-select-in > a {
	position: relative;
	z-index: 4;
	white-space: nowrap;
	margin-left: 20px;
}

.location-box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.location-box > .form-group {
	margin: 0;
}

.location-box > .form-group .select2-container .select2-selection--single {
	border: none;
	border-radius: 0;
}

.location-box > .form-group .select2-container .select2-selection--single .select2-selection__arrow {
	border-radius: 0;
	top: 0;
	right: 0;
	height: 100%;
	background: #52AC34;
}

.location-box > .form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__clear {
	display: none;
}

.location-box > .form-group.f-icon > i {
	background: #52AC34;
	color: #fff !important;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 0;
}

.seller-score-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.seller-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 300px;
}

.comment-info {
	font-size: 14px;
	line-height: 16px;
	color: #52AC34 !important;
	font-weight: 500;
}

.comment-info:hover {
	color: #265E13 !important;
}

.seller-box > img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 10px;
}

.seller-box > .desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.seller-box > .desc > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	color: #52AC34 !important;
	font-weight: 700;
}

.seller-box > .desc > a > small {
	font-size: 12px;
	line-height: 14px;
	color: #222;
	background: #88F763;
	border-radius: 4px;
	padding: 4px 8px;
	font-weight: 500;
	margin-right: 5px;
}

.seller-box > .desc > a:hover {
	color: #265E13 !important;
}

.seller-box > .desc > small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	margin-top: 5px;
}

.location-box .location-select {
	position: absolute;
	left: 0;
	width: 100%;
	top: 41px;
}

.hide {
	display: none;
}

hr {
	border-color: #e5e5e5;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
}

.order-address-in .check-label {
	padding: 0 !important;
	margin: 0 !important;
}

.card-icons {
	display: flex;
	justify-content: center;
	align-items: left;
	margin-top: 20px;
}

.card-icons > img {
	height: 34px;
	margin-right: 10px;
}

.card-icons > img:last-child {
	margin-right: 0;
}

.shop-top-bar {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding-bottom: 10px;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 10px;
	position: relative;
}

.shop-top-bar > .left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.shop-top-bar > .right {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.shop-top-bar .shop-img-box {
	display: block;
	width: 140px;
	height: 140px;
	padding: 4px;
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
}

.shop-top-bar .shop-img-box > img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	background: #fff;
}

.shop-top-bar .shop-title-box {
	padding: 10px;
}

.shop-top-bar .shop-title-box > h2 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #52AC34;
	margin-bottom: 10px;
}

.shop-top-bar .shop-title-box > .score > small {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	font-weight: 500;
	margin-bottom: 5px;
}

.shop-top-bar .shop-title-box > .score > span {
	display: inline-block;
	padding: 4px 8px;
	background: #52AC34;
	color: #fff;
	border-radius: 4px;
	font-weight: 500;
}

.shop-top-bar .shop-title-box > .score > span > small {
	font-size: 14px;
	line-height: 16px;
	margin-left: 4px;
}

.shop-top-bar .shop-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin-right: 20px;
    padding: 10px;
    background: #fafafa;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    width: 150px;
}

.shop-top-bar .shop-info:last-child {
	margin-right: 0;
}

.shop-top-bar .shop-info > i {
	color: #52AC34;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
}

.shop-top-bar .shop-info > small {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	font-weight: 500;
	margin-bottom: 5px;
}

.shop-top-bar .shop-info > span {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	font-weight: 700;
}

.nav-tabs {
	border-bottom: 1px solid #52AC34;
}

.nav-tabs .nav-item {
	margin-right: 10px;
}

.nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.nav-tabs .nav-item .nav-link {
    border: solid 1px transparent;
    border-bottom: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #888 !important;
}

.nav-tabs .nav-item .nav-link:hover {
	border-color: #e5e5e5;
}

.nav-tabs .nav-item .nav-link.active {
	color: #222 !important;
	border-radius: 4px 4px 0 0;
	border-color: #52AC34;
}

.tab-content .tab-pane {
	padding: 20px 0;
}

.tab-title {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	border-bottom: solid 1px #e5e5e5;
	background: #f5f5f5;
	padding: 10px 12px;
	margin: 0;
}

.work-time {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.wt-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 10px;
	background: #fff;
	border-right: solid 1px #e5e5e5;
	width: 100%;
}

.wt-box:last-child {
	border-right: 0;
}

.wt-box > small {
	font-size: 12px;
	line-height: 14px;
	color: #444;
	margin-bottom: 5px;
}

.wt-box > span {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #52AC34;
}

.info-desc {
	font-size: 14px;
	line-height: 20px;
	color: #444;
	padding: 10px 12px;
}

.info-desc p {
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.info-desc b {
	font-weight: 500;
	color: #222;
}

.info-desc ul {
	display: block;
	margin-bottom: 10px;
	padding-left: 20px;
}

.info-desc h1 {
	font-weight: 500;
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #222;
}

.info-desc h2 {
	font-weight: 500;
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #222;
}

.info-desc h3 {
	font-weight: 500;
	font-size: 1.3em;
	margin-bottom: 10px;
	color: #222;
}

.info-desc h4 {
	font-weight: 500;
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #222;
}

.info-desc h5 {
	font-weight: 500;
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #222;
}

.info-desc h6 {
	font-weight: 500;
	font-size: 1.0em;
	margin-bottom: 10px;
	color: #222;
}

.shop-desc {
	padding: 10px 12px;
}

.shop-desc > ul {
	display: block;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.shop-desc > ul > li {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	color: #222;
}

.shop-desc > ul > li > a {
	color: #52AC34 !important;
	font-weight: 500;
}

.shop-desc > ul > li > a:hover {
	color: #265E13 !important;
}

.shop-desc > ul > li > b {
	min-width: 120px !important;
	position: relative;
	margin-right: 20px;
}

.shop-desc > ul > li > b:after {
	content: ":";
	position: absolute;
	right: 0;
}

.shop-desc-box {
	border: solid 1px #e5e5e5;
	margin-bottom: 20px;
}

.ship-box {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	border-bottom: solid 1px #e5e5e5;
}

.ship-box:last-child {
	border-bottom: 0;
}

.ship-box > .price {
	min-width: 120px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 14px 12px;
}

.ship-box > .price > span {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
}

.ship-box > .locations {
	padding: 10px;
	border-left: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 0;
}

.ship-box > .locations > a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #52AC34 !important;
	margin-right: 20px;
	margin-bottom: 10px;
}

.ship-box > .locations > a:hover {
	color: #265E13 !important;
}

.prd-address-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	background: #f5f5f5;
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
}

.prd-address-title > span {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #52AC34;
}

.prd-address-title > span > b {
	color: #222;
	font-weight: 500;
}

.prd-address-title > small {
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.prd-address-title > small > b {
	font-weight: 500;
	color: #222;
}

.prd-address-title ~ .prd-address-in {
	margin-bottom: 20px;
	border-top: none;
}

.havale-desc {
    font-size: 12px !important;
    line-height: 14px !important;
    color: #888 !important;
}

.havale-desc p {
	margin-bottom: 10px;
}

#havale_col {
	display: none;
}

.bank-info {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}

.bank-info span {
	display: block;
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.bank-info span > small {
	width: 80px;
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #444;
	font-weight: 500;
}

.bank-info span > small:after {
	content: ":";
	position: absolute;
	right: 0;
	bottom: 0;
}

.bank-info span > b {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-left: 10px;
	color: #222;
}

.uo-prd-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.uo-prd-box > img {
	width: 120px;
	height: 140px;
	object-fit: cover;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	margin-right: 20px;
}

.uo-prd-box > .uo-prd-info > .uo-title {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #52AC34 !important;
	font-weight: 700;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.uo-prd-box > .uo-prd-info > .uo-title:hover {
	color: #265E13 !important;
}

.uo-prd-box > .uo-prd-info > span {
	display: block;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
}

.uo-prd-box > .uo-prd-info > span:last-child {
	margin-bottom: 0;
}

.uo-prd-box > .uo-prd-info > span > small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #888;
	margin-right: 10px;
	width: 120px;
	position: relative;
}

.uo-prd-box > .uo-prd-info > span > small:after {
	content: ":";
	position: absolute;
	top: 0;
	right: 0;
}

.uo-prd-box > .uo-prd-info > span > b {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #222;
}

.uo-prd-box > .uo-prd-info > span > b > a {
	color: #52AC34 !important;
}

.uo-prd-box > .uo-prd-info > span > b > a:hover {
	color: #265E13 !important;
}

.uo-prd-box {
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.uo-box {
	margin-bottom: 20px;
}

.uo-box > span {
	display: block;
	padding: 6px 12px;
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #222;
}

.uo-box-in {
	padding: 20px;
	border: solid 1px #e5e5e5;
	border-top: none;
}

.uo-box-in .prd-date-item, .uo-box-in .prd-datepicker {
	width: 100%;
}

.uo-date {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 14px;
	color: #444;
	font-weight: 500;
}

.uo-date > span {
	font-size: 14px;
	line-height: 16px;
	color: #222;
	margin-left: 8px;
}

.payment-box input, .payment-box textarea {
	padding: 10px 12px;
}

#shop-nav {
	background: #185AA3;
}

#shop-nav .navbar-brand {
	padding: 10px 0;
	padding-bottom: 15px;
}

#shop-nav .navbar-brand img {
	width: 150px;
	filter: contrast(0) brightness(2);
	display: block;
}

#shop-nav .navbar-brand small {
	display: block;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
    color: #eee !important;
    font-weight: 500;
}

#shop-nav .navbar-nav .nav-item .nav-link {
	color: #fff !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
}

#shop-nav .navbar-nav .nav-item .nav-link:hover {
	text-decoration: underline !important;
}

#shop-nav .navbar-nav .nav-item .nav-link i {
	margin-right: 4px;
	font-size: 12px;
	line-height: 14px;
}

.nav-title {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	margin: 0;
	padding-left: 20px;
	margin-left: 20px;
	border-left: solid 1px #e5e5e5;
	text-transform: uppercase;
}

.shop-body {
	background: #f5f5f5;
	min-height: 100vh;
}

.shop-register {
	background: #fff;
	border: solid 1px #e5e5e5;
	padding: 20px 22px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.shop-register-text {
	text-align: center;
	display: block;
	margin-top: 20px;
	margin-bottom: 40px;
}

.shop-register-text h1 {
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #222;
}

.shop-register-text p {
	font-size: 14px;
	line-height: 16px;
	color: #888;
}

.shop-register .line {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.shop-register .line .form-group {
	width: 14.2857%;
	margin-right: 10px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.shop-register .line .form-group.fit-2 {
	width: calc(28.5714% + 10px);
}

.shop-register .form-group label.error {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	display: block;
	margin-top: 4px;
	color: #dc3545;
	order: 3;
}

.shop-register .line .form-group:last-child {
	margin-right: 0;
}

.shop-register .form-group input, .shop-register .form-group textarea {
	padding: 6px 12px;
}

.shop-register .form-group input.error, .shop-register .form-group textarea.error, .shop-register .form-group select.error ~ .select2-container .select2-selection--single {
	border-color: #dc3545;
}

.shop-register .form-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 6px 12px;
	padding-right: 42px;
}

.shop-register .form-group label {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 16px;
	color: #888;
	font-weight: 500;
}

.line-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

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

.sr-desc b {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #444;
}

.sr-desc p {
	display: block;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.sr-desc i {
	margin-right: 8px;
	font-size: 20px;
	color: #52AC34;
}

.shop-footer {
	background: #fff;
	border-top: solid 1px #e5e5e5;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
}

.sfooter-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sfooter-in span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #888;
}

.sfooter-in a img {
	width: 70px;
}

.about-desc {
	font-size: 14px;
	line-height: 18px;
	color: #444;
	text-align: justify;
}

.about-desc h1 {
	display: block;
	font-size: 1.7em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc h2 {
	display: block;
	font-size: 1.6em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc h3 {
	display: block;
	font-size: 1.5em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc h4 {
	display: block;
	font-size: 1.4em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc h5 {
	display: block;
	font-size: 1.3em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc h6 {
	display: block;
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: 700;
}

.about-desc p {
	display: block;
	margin-bottom: 10px;
}

.about-desc ul {
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
}

.about-desc ul li {
	display: block;
	margin-bottom: 5px;
	position: relative;
	padding-left: 15px;
}

.about-desc ul li:before {
	content: "\f45c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6px;
	transform: rotate(45deg);
	color: #888;
}

.shop-license {
	max-height: 300px;
	padding: 5px;
	border: solid 1px #bbb;
	overflow-y: scroll;
	overflow-x: hidden;
}

.check-label.dark {
	color: #222 !important;
}

.sfooter-in .support {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 150px;
}

.sfooter-in .otalya {
	width: 150px;
	text-align: right;
}

.sfooter-in .support i {
	color: #52AC34;
	width: 30px;
	height: 30px;
	border: solid 2px #52AC34;
	border-radius: 50%;
	position: relative;
}

.sfooter-in .support i:before {
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sfooter-in .support .text {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	margin-left: 8px;
}

.sfooter-in .support span {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
}

.sfooter-in .support a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: #444;
}

.sfooter-in .support a:hover {
	text-decoration: underline !important;
}

/* SMALL DROPDOWN */

.navdd-min {
	position: relative !important;
}

.navdd-min .dropdown-menu {
	width: unset !important;
}

.navdd-min .menucol {
	margin: 0 !important;
}



/* PRODUCT BADGES */

.prd-img .firsat {
	position: absolute;
	bottom: 10px;
	left: 0px;
	background: #D10108;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
	z-index: 4;
	border-radius: 0 5px 5px 0;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.prd-img .indirimli {
	position: absolute;
	top: 20px;
	width: 200px;
	text-align: center;
	left: -60px;
	background: #DF9128;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
	z-index: 4;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	transform: rotate(-45deg);
}

.prd-img .yeni {
	position: absolute;
	top: 10px;
	right: 0px;
	background: #0186B8;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
	z-index: 4;
	border-radius: 5px 0 0 5px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}





.main-ctg {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: calc(8/10*100%);
	margin-bottom: 20px;
	border-radius: 5px;
	border: solid 1px #eee;
}

.main-ctg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s ease 0s;
}

.main-ctg:hover img {
	transform: scale(1.1);
}




#main-nav.nav-fixed {
	z-index: 99999;
}

.header-top {
	position: relative;
}

.ht-srch {
	z-index: 9999;
}

#prd_srch:focus ~ .ht-srch-box {
	opacity: 1;
	pointer-events: all;
}

.ht-srch-box {
	position: absolute;
	top: 100%;
	background: #fff;
	border: solid 1px #eee;
	padding: 10px 15px;
	margin-top: 10px;
	width: 100%;
	border-radius: 4px;
	width: 100%;
	pointer-events: none;
	opacity: 0;
}

.ht-srch-box:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 20px;
	width: 20px;
	height: 20px;
	border: solid 1px #eee;
	z-index: -1;
	transform: rotate(45deg);
}

.ht-srch-box > span {
	font-size: 12px;
	line-height: 18px;
	color: #222;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
}

.ht-srch-box > .line,
.ht-srch-box > .shops {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.ht-srch-box > .shops {
	margin-bottom: 0px;
}

.ht-srch-box > .line a {
	display: block;
	padding: 5px 10px;
	border: solid 1px #eee;
	border-radius: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #666 !important;
	margin-right: 10px;
	margin-bottom: 5px;
}

.ht-srch-box > .line a:hover {
	border-color: #52AC34;
	background: #fbfbfb;
	color: #265E13 !important;
}

.ht-srch-box > .shops > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(50% - 10px);
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	color: #52AC34 !important;
}

.ht-srch-box > .shops > a > small {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.ht-srch-box > .shops > a:hover {
	color: #265E13 !important;
}

.ht-srch-box > .shops > a > span {
	font-size: 12px;
	line-height: 18px;
	color: #222;
	background: #88F763;
	border-radius: 4px;
	padding: 2px 4px;
	font-weight: 500;
	margin-right: 5px;
}