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

body {
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	font-family: 'Montserrat', 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: 9998;
}
.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 -----*/

.header-top {
	padding: 20px 0;
	background: #fff;
}

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

.ht-in #ht-srch-box {
/*	border: solid 2px #e5e5e5;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 500;
	color: #222;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 380px;
	border-radius: 20px;
	cursor: pointer;*/
}

#ht-mobile-srch {
	text-transform: uppercase;
	font-weight: 500;
	color: #222;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
    padding: 14px 18px !important;
    border-radius: 0 !important;
    background: #f5f5f5;
    width: 100% !important;
    border: solid 1px #ddd !important;
}

.ht-in .ht-logo img {
	width: 170px;
}

.ht-links {
	width: 380px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 9999;
}

.ht-links a {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #222 !important;
	padding: 5px 10px;
	margin-left: 10px;
	white-space: nowrap;
}

.ht-links a:first-child {
	margin-left: 0;
}

.ht-links a i {
	font-size: 18px;
	line-height: 20px;
/*	margin-right: 10px;*/
	position: relative;
	top: 1px;
}

.ht-links .basket span {
	margin-left: 5px;
	font-weight: 700;
}

.navbar-nav {
	width: 100%;
	justify-content: center;
	z-index: 99;
}

.navbar-nav .nav-item {
	margin-right: 70px;
}

.navbar-nav .nav-item:last-child {
	margin-right: 0;
}

.navbar-nav .nav-item .nav-link {
	color: #222 !important;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	padding: 20px 12px;
}

.navbar-nav .nav-item .nav-link.icon i {
	font-size: 24px;
	position: absolute;
	left: 0;
	top: 13px;
}

.navbar-nav .nav-item .nav-link.about img {
	position: absolute;
	width: 24px;
	left: 0;
	top: 3px;
}

.navbar-nav .nav-item .nav-link.icon, .navbar-nav .nav-item .nav-link.about {
	padding-left: 30px;
	color: #69AC38 !important;
}

.navbar-nav .nav-item .nav-link:hover {
	color: #8F896E !important;
}

.not-bar {
	width: 100%;
	text-align: center;
	padding: 18px 12px;
	background: #69AC38;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}

.top-bar {
	width: 100%;
	text-align: center;
	padding: 18px 12px;
	background: #fff;
	color: #69AC38;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	font-weight: 700;
}

.smt {
	margin-top: 40px;
}

.sbt {
	margin-bottom: 40px;
}

.s-title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.s-title h1, .s-title h2 {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 5px;
	position: relative;
}

.s-title h1:before, .s-title h2:before {
	content: "";
	position: absolute;
	width: 80%;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	height: 2px;
	background: #222;
}

.prds-item {
	text-align: center;
	position: relative;
}

.prds-item img {
	width: 100%;
	height: 320px;
	object-fit: contain;
	margin-bottom: 10px;
}

.prds-item .name {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #222 !important;
	margin-bottom: 4px;
}

.prds-item .price {
	display: flex;
	justify-content: center;
	align-items: center;
}

.prds-item .price span {
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #8F896E !important;
}

.prds-item .price small {
	display: block;
	font-size: 15px;
	line-height: 16px;
	font-weight: 700;
	margin-right: 10px;
	color: #bbb !important;
	text-decoration: line-through !important;
}

.prd-slider .owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.prd-slider .owl-dots .owl-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: transparent;
	border: solid 2px #222;
	margin-right: 10px;
	position: relative;
}

.prd-slider .owl-dots .owl-dot.active {
	background: #222;
}

.main-btn {
	display: inline-block;
	border: solid 2px #8F896E;
	background: #8F896E;
	color: #fff !important;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	padding: 10px 12px;
	transition: 0.2s ease-in-out;
	font-weight: 500;
}

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

.main-btn:hover {
	background: #69AC38;
	border-color: #69AC38;
}

.main-btn.light {
	background: transparent;
	color: #8F896E !important;
}

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

.main-btn.big {
	padding: 18px 20px;
}

.main-btn.bold {
	font-weight: 600;
}

.prd-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.prd-item .main-btn {
	opacity: 0;
	margin-top: 10px;
}

.prd-item:hover .main-btn {
	opacity: 1;
}

.prds-item .info {
	display: inline-block;
	text-align: center;
	padding: 4px 8px;
	background: #7C7C8F;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #fff;
	position: absolute;
    top: 0;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 4;
}

.ctg-box {
	display: block;
	position: relative;
	height: 300px;
	width: 100%;
	height: auto !important;
}

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

.ctg-box:after {
	content: "";
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	top: 5px;
	left: 5px;
	border: solid 1px #fff;
	transition: 0.2s ease-in-out;
}

.ctg-box:hover:after {
	border-width: 4px;
}

.ctg-box .txt {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(0, -50%);
	margin-top: 40px;
}

.ctg-box .txt img {
	width: 50px;
	height: 60px;
	object-fit: contain;
	display: block;
	margin-bottom: 4px;
}

.ctg-box .txt span {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #fff !important;
}

.banner-link {
	display: block;
}

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

.big-title {
	display: block;
	text-align: center;
}

.big-title h1 {
	display: inline-block;
	font-size: 40px;
	line-height: 42px;
	font-weight: 900;
	color: #121212;
	margin-bottom: 20px;
}

.main-blog-item {
	width: 100%;
	height: 500px;
	position: relative;
}

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

.main-blog-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

.main-blog-item .txt {
	position: absolute;
	bottom: 50px;
	left: 0;
	padding: 20px 22px;
	margin-top: 40px;
}

.main-blog-item .txt small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700;
}

.main-blog-item .txt span {
	display: block;
	font-size: 30px;
	line-height: 32px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}

.main-blog-item .txt a {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: #fff !important;
	font-weight: 700;
	position: relative;
}

.main-blog-item .txt a:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	margin-right: 4px;
}

.badge-item {
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.badge-item img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 20px;
}

.badge-item h2 {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.badge-item p {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	margin: 0;
}

.sub-section {
	padding: 30px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.sub-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub-box i {
	display: block;
	font-size: 40px;
	color: #fff;
	margin-right: 40px;
}

.sub-box h2 {
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	margin-right: 40px;
}

.sub-box button {
	background: transparent;
	border: solid 1px #fff;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}

footer {
	background: #424240;
}

.flex-ftr {
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ftr-box {
	display: flex;
	flex-direction: column;
}

.ftr-box a {
	display: inline-block;
	color: #fff !important;
	font-size: 12px;
	line-height: 14px;
	padding: 4px;
	margin-bottom: 4px;
}

.ftr-box a:hover {
	color: #8F896E !important;
}

.ftr-box span {
	display: block;
}

.ftr-box span a, .ftr-box span a:hover {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
}

.offer-box {
	margin-left: 40px;
	width: 300px;
	height: 280px;
	border: solid 2px #fff;
	position: relative;
}

.offer-in {
	padding: 20px 0;
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translate(0, -50%);
	background: #424240;
	width: 100%;
}

.offer-in small {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 20px;
}

.offer-in span {
	display: block;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.offer-in .main-btn:hover {
	background: #8F896E;
	border-color: #8F896E;
}

.bottom-bar {
	background: #222;
	padding: 20px 0;
}

.bottom-bar-links {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom-bar-links a {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #fff !important;
	margin-right: 80px;
}

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

.bottom-bar-links a i {
	font-size: 16px;
	line-height: 18px;
	margin-right: 10px;
}

.cc-box, .customer-tel, .social {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cc-box span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	margin-right: 10px;
}

.cc-box img {
	width: 40px;
	margin-right: 10px;
}

.cc-box img:last-child {
	margin-right: 0;
}

.customer-tel span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	margin-right: 10px;
}

.customer-tel a {
	display: block;
	color: #222;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
}

.social span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	margin-right: 10px;
}

.social a {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #8F8F8F;
	color: #fff !important;
	position: relative;
	margin: 4px;
}

.social a:hover {
	background: #7C7C8F;
}

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

.footer-bottom {
	padding: 20px;
}

.fbottom-in {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fbottom-item {
	margin-right: 60px;
}

.fbottom-item:last-child {
	margin-right: 0;
}

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

.copy-bar > span {
	color: #888;
	font-size: 12px;
	line-height: 14px;
}

.copy-bar .company-logo {

	display: flex;
	align-items: center;
}

.copy-bar .company-logo span {
	font-size: 12px;
	color: #888;
	line-height: 14px;
	margin-right: 10px;
}

.copy-bar .company-logo a img {
	width: 70px; 
}

.nav-item .dropdown-menu {
	opacity: 0;
	visibility: hidden;
	border: none;
	left: 0;
	width: 100%;
	border-radius: 0;
	padding: 30px;
	background: #69AC38;
	transition: .2s ease 0s;
	margin-top: -5px;
	z-index: 8;
}

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

.nav-item .nav-link {
	z-index: 10;
}

#main-nav {
	padding: 0;
	background: #fff;
}

#main-nav .container {
	position: relative;
}

.coffe-menu {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.coffe-menu a {
	display: block;
	text-align: center;
	margin-right: 50px;
	color: #fff !important;
}

.coffe-menu a img {
	margin: 0 auto;
	width: 50px;
	height: 50px;
	object-fit: contain;
	margin-bottom: 10px;
}

.coffe-menu a:last-child {
	margin-right: 0;
}

.coffe-menu a span {
	display: block;
	/*width: 90px;*/
	width: auto;
	font-size: 14px;
	line-height: 16px;
	height: 32px;
}

.coffe-menu a:hover {
	color: #CBBC38  !important;
}

.choco-menu {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.choco-col {
	display: flex;
	flex-direction: column;
	margin-right: 40px;
}

.choco-line {
	margin-right: 40px;
}

.choco-line .choco-col:last-child {
	margin-right: 0;
}

.choco-line {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.choco-line .top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.choco-line .bottom {
	display: flex;
	justify-content: flex-end;
}

.choco-line .bottom a {
	display: flex;
	align-items: center;
	color: #fff !important;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	border-top: solid 1px #888;
	padding-top: 10px;
    padding-right: 80px;
}

.choco-line .bottom a i:first-child {
	font-size: 10px;
	margin-right: 10px;
}

.choco-line .bottom a i:last-child {
	font-size: 10px;
	margin-left: 10px;
}

.choco-col img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	margin-bottom: 20px;
}

.choco-col span a {
	display: block;
	color: #fff !important;
	text-transform: uppercase;
	height: 30px;
}

.choco-col span {
	display: block;
}

.choco-col a {
	color: #bbb !important;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
}

.choco-col a:hover {
	color: #fff !important;
}

.nav-banner {
	width: 300px;
}

.nav-banner a img {
	width: 100%;
}

.nav-mobile-top {
	display: none;
}

.collapsing {
  transition: none !important;
}

.nav-mobile-item {
	display: none;
}

#search-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	display: block;
	opacity: 0;
	visibility: hidden;
}

#search-area.open {
	opacity: 1;
	visibility: visible;
}

.srch-bar {
	display: flex;
	align-items: center;
	padding: 20px 40px;
	background: #fff;
	position: relative;
	top: -100%;
	transition: 0.4s ease 0s;
}

#search-area.open .srch-bar {
	top: 0;
}

.srch-bar > i {
	font-size: 30px;
	color: #888;
	margin-right: 40px;
	position: relative;
	left: -100px;
	opacity: 0;
	transition: 0.8s ease 0s;
}

#search-area.open .srch-bar > i {
	left: 0;
	opacity: 1;
}

.srch-bar input {
 

	width: 100%;
	margin-right: 40px;
	padding: 10px;
	font-size: 20px;
	font-weight: 700;
	border: none;
}


}

.srch-bar input::placeholder {
	color: #bbb;
}

#close-srch > i {
	font-size: 40px;
	color: #888;
	position: relative;
	right: -100px;
	transition: 0.8s ease 0s;
	opacity: 0;
}

#search-area.open #close-srch > i {
	right: 0;
	opacity: 1;
}

#close-srch {
	cursor: pointer;
}

.bcrumb {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.bcrumb.back-none {
	background: none;
}

.bcrumb.back-none:before {
	content: none;
}

.bcrumb-in h1 {
	position: relative;
	z-index: 2;
	color: #fff;
	display: block;
	margin: 0;
	text-align: center;
	font-size: 24px;
	line-height: 26px;
}

.bcrumb:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}

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

.bcrumb-in .line {
	position: absolute;
	top: 10px;
	left: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 4;
}

.bcrumb.back-none .bcrumb-in {
	padding: 0;
	padding-top: 10px;
}

.bcrumb.back-none .bcrumb-in .line {
	position: relative;
	top: 0;
}

.bcrumb.back-none .bcrumb-in .line a {
	color: #444 !important;
}

.bcrumb.back-none .bcrumb-in .line a:after {
	color: #888;
}

.bcrumb.back-none .bcrumb-in .line a:last-child {
	font-weight: 700;
}

.bcrumb-in .line a {
	color: #bbb !important;
	margin-right: 20px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}

.bcrumb-in .line a:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translate(0, -50%);
	pointer-events: none;
	font-size: 10px;
	color: #eee;
}

.bcrumb-in .line a:last-child:after {
	content: none;
}

.ctg-bar {
	background: #fff;
	box-shadow: 0 4px 8px 0 #eee
}

.ctg-bar-in {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ctg-bar-in .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-right: 20px;
}

.ctg-bar-in .left a {
	display: block;
	padding: 4px 18px;
	border: solid 1px #888;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 30px;
	color: #444 !important;
	background: #fff;
}

.ctg-bar-in .left a:hover {
	background: #e5e5e5;
}

.ctg-bar-in .left a.active {
	background: #8F896E;
	color: #fff !important;
}

.ctg-bar-in .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-width: 180px;
}

.ctg-bar-in .right .filter-area {
	width: 100%;
	position: relative;
}

.ctg-bar-in .right .filter-area #filter_prd {
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px 18px;
	border: solid 1px #888;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 30px;
	color: #fff !important;
	background: #7C7C8F;
	width: 100%;
	cursor: pointer;
}

.ctg-bar-in .right .filter-area .filter-box {
	padding: 10px 14px;
	background: #eee;
	border-radius: 15px;
	position: absolute;
	right: 0;
	top: 40px;
	width: 100%;
	z-index: 10;
	display: none;
}

.ctg-bar-in .right .filter-area .filter-box a {
	display: block;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #444 !important;
	position: relative;
	padding: 5px 0;
	margin: 5px 0;
	padding-left: 28px;
}

.ctg-bar-in .right .filter-area .filter-box a:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 20px;
	height: 20px;
	border: solid 2px #ccc;
	border-radius: 50%;
}

.ctg-bar-in .right .filter-area .filter-box a:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 4px;
	width: 12px;
	height: 12px;
	background: #ccc;
	border-radius: 50%;
	opacity: 0;
}

.ctg-bar-in .right .filter-area .filter-box a.active:after {
	opacity: 1;
}

.prd-details h1 {
	color: #222;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}

.prd-details .price {
	display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #8F896E !important;
}

.prd-details h2 {
	color: #222;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.options {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.opt-item {
	width: 140px;
	padding: 8px 14px;
	border: solid 2px #bbb;
	cursor: pointer;
	margin-right: 10px;
	position: relative;
	margin-bottom: 20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.opt-item:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	background: #bbb;
	color: #fff;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	top: -5px;
	right: -5px;
	opacity: 0;
}

.opt-item.active:before {
	opacity: 1;
}

.opt-item small {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #aaa;
	margin-bottom: 2px;
}

.opt-item span {
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #222;
}

.input-spinner {
	position: relative;
	min-width: 140px;
	max-width: 140px;
}

.input-spinner .input-group {
	position: relative;
}

.input-spinner label {
	position: absolute;
    bottom: 10px;
    left: 20px;
    font-weight: 700;
    color: #aaa;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    z-index: 4;
}

.input-spinner .input-group input {
	box-shadow: none;
	margin-right: 30px;
	border-radius: 0;
	border: solid 2px #aaa;
	border-right: none;
	padding: 20px 20px;
	text-align: left !important;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	padding-bottom: 40px;
	background: none;
}

.input-spinner .input-group-prepend {
	position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
	height: 50%;
	width: 30px;
	z-index: 4;
}

.input-spinner .input-group-append {
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	height: 50%;
	width: 30px;
	z-index: 4;
}

.input-spinner .input-group-prepend button, .input-spinner .input-group-append button {
	width: 100%;
	min-width: unset !important;
	height: 100%;
	border-radius: 0;
	border: solid 2px #aaa;
	padding: 0;
	border-color: #aaa !important;
	position: relative;
	background: none !important;
	color: #888 !important;
}

.input-spinner .input-group-prepend button {
	border-top-width: 1px;
}

.input-spinner .input-group-append button {
	border-bottom-width: 1px;
}

.input-spinner .input-group-prepend button strong, .input-spinner .input-group-append button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.buy-line {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 20px;
}

.buy-line .main-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.buy-line .input-spinner {
	margin-right: 10px;
}

.ship-badge {
	width: 160px;
}

.ship-badge i {
	font-size: 34px;
	line-height: 38px;
	color: #222;
	display: block;
	margin-bottom: 5px;
}

.ship-badge span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #444;
}

#prd_slider {
	position: relative;
}

#prd_slider-ow {
	position: relative;
}

#prd_slider-ow .tns-controls {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

#prd_slider-ow .tns-controls button {
    width: 40px;
    height: 40px;
    position: relative;
    background: transparent;
    border-radius: 50%;
    border: solid 2px rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}

#prd_slider-ow .tns-controls button i {
	color: rgba(0,0,0,0.4);
    font-size: 14px;
}

#prd_slider .item a {
	display: block;
	width: 100%;
	height: 400px;
}

#prd_slider .item a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.prd-gallery .prd-slogan {
	display: inline-block;
	text-align: center;
	padding: 4px 8px;
	background: #7C7C8F;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.prd-gallery {
	position: relative;
	width: 100%;
}

#prd_thumbs {
	margin-top: 10px;/*
	display: flex;
	justify-content: center;
	align-items: flex-start;*/
}

#prd_thumbs .item a {
	display: block;
	width: 100%;
	border: solid 2px transparent;
}

#prd_thumbs .item:last-child a {
	margin-right: 0;
}

#prd_thumbs .item a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#prd_thumbs .tns-nav-active a {
	border-color: #bbb;
}

.bg-white {
	background: #fff;
}

.prd-specs {
	padding: 40px 0;
}

.prd-side-btn {
	border: solid 2px #eee;
	background: #eee;
	padding: 15px 20px;
	cursor: pointer;
	margin-bottom: -2px;
}

.prd-side-btn h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #222;
	margin: 0;
}

.prd-side-btn:hover, .prd-side-btn.active {
	background: #69ac38;
}

.about-desc {
	font-size: 14px;
	line-height: 18px;
	color: #222;
	text-align: justify;
	margin-bottom: -10px;
}

.eft-info {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #444;
	margin-top: 20px;
}

.eft-info h1, .eft-info h2, .eft-info h3, .eft-info h4, .eft-info h5, .eft-info h6 {
	color: #bbb;
}

.about-desc h1 {
	display: block;
	font-size: 1.60em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

.about-desc h2 {
	display: block;
	font-size: 1.40em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

.about-desc h3 {
	display: block;
	font-size: 1.30em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

.about-desc h4 {
	display: block;
	font-size: 1.20em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

.about-desc h5 {
	display: block;
	font-size: 1.10em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

.about-desc h6 {
	display: block;
	font-size: 1em;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
}

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

.prd-code {
	margin-bottom: 20px;
}

.prd-code .line {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 5px;
}

.prd-code .line span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #222;
	margin: 0;
	position: relative;
}

.prd-code .line span:first-child {
	font-weight: 600;
	min-width: 140px;
	max-width: 140px;
	margin-right: 10px;
}

.prd-code .line span:first-child:before {
	content: ":";
	position: absolute;
	right: 0;
	bottom: 1px;
}

.prd-info {
	display: none;
}

.comments {
	margin-top: 40px;
}

.comment-item {
	padding: 20px 0;
	border-top: solid 2px #eee;
}

.comment-item:last-child {
	border-bottom: solid 2px #eee;
}

.comment-item .rating {
	margin-bottom: 10px;
}

.comment-item .rating i {
	color: #f5c71a;
	font-size: 14px;
	margin-right: 4px;
	line-height: 18px;
}

.comment-item .title span {
	color: #222;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

.comment-item .title small {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	font-style: italic;
	font-weight: 500;
}

.comment-item .title small:before {
	content: " - ";
}

.comment-item .title p {
	font-size: 12px;
	line-height: 14px;
	color: #222;
	font-weight: 500;
	margin: 0;
	margin-top: 10px;
}

.making {
	counter-reset: making;
	margin-bottom: -30px;
}

.make-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
}

.make-item img {
	min-width: 140px;
	max-width: 140px;
	height: 140px;
	object-fit: contain;
	margin-right: 10px;
}

.make-item p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	color: #222;
}

.make-item p:before {
	counter-increment: making;
	content: counter(making) "- ";
	font-weight: 600;
}

.prd-slider-area .tns-outer {
	position: relative;
}

.prd-slider-area .tns-outer .tns-controls {
	position: absolute;
	top: calc(50% - 70px);
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

.prd-slider-area .tns-outer .tns-controls button {
    width: 40px;
    height: 40px;
    position: relative;
    background: transparent;
    border-radius: 50%;
    border: solid 2px rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    margin-left: -50px;
}

.prd-slider-area .tns-outer .tns-controls button:last-child {
	margin-right: -50px;
}

.prd-slider-area .tns-outer .tns-controls button i {
	color: rgba(0,0,0,0.4);
    font-size: 14px;
}

.prd-slider-area .tns-outer .tns-nav {
	position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.prd-slider-area .tns-outer .tns-nav button {
	display: block;
	width: 14px;
	height: 14px;
	border: solid 2px #222;
	border-radius: 50%;
	margin: 0 5px;
	padding: 0;
	background: #fff;
}

.prd-slider-area .tns-outer .tns-nav button.tns-nav-active {
	background: #222;
}

.prd-slider-area .tns-outer .tns-nav button:last-child {
	margin: 0;
}

.detail-title {
	display: block;
	text-align: center;
	font-weight: 600;
	color: #222;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 30px;
}

.supp-slider {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 40px;
}

.supp-slider .item {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: auto !important;
}

.supp-slider .item .main-btn {
	opacity: 0;
}

.supp-slider .item:hover .main-btn {
	opacity: 1;
}

.supp-slider .item .main-btn {
	margin-top: 10px;
}

#main_slider .item a {
	display: block;
	width: 100%;
}

#main_slider .item a img {
	width: 100%;
}

.tns-outer > button {
	display: none;
}

#main_slider-ow {
	position: relative;
}

#main_slider-ow .tns-controls {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
	padding: 0 20px;
}

#main_slider-ow .tns-controls button {
    width: 40px;
    height: 40px;
    position: relative;
    background: transparent;
    border-radius: 50%;
    border: solid 2px rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}

#main_slider-ow .tns-controls button i {
	color: rgba(0,0,0,0.4);
    font-size: 14px;
}

#main_slider-ow .tns-nav {
	position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

#main_slider-ow .tns-nav button {
	display: block;
	width: 14px;
	height: 14px;
	border: solid 2px #888;
	border-radius: 50%;
	margin-right: 10px;
	padding: 0;
	background: transparent;
}

#main_slider-ow .tns-nav button.tns-nav-active {
	background: #222;
}

.log-box {
	padding: 40px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.log-box-in {
	padding: 10px 15px;
	background: #fff;
}

.log-box-in small {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.form-group {
	display: block;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}

.form-group input, .form-group textarea {
	display: block;
	width: 100%;
	padding: 27px 14px;
	padding-bottom: 10px;
	border: solid 2px #ccc;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #424242;
	background: transparent;
}
.form-group input.error, .form-group textarea.error{
	border: 1px solid #ca0e0e;
}
.form-group textarea {
	padding: 10px 14px;
	resize: none;
}

.form-group textarea::placeholder {
	color: #888;
	font-weight: 500;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.btn-primary{
	background-color: #8f896e;
	border-color: #8f896e;
	padding:6px 10px;
}
.btn-primary:hover{
	background-color: #606161;
	border-color: #606161;
}
.form-group input[disabled] {
	background: #f5f5f5;
	border-color: #ddd;
}

.form-group input[disabled] ~ .input-label {
	color: #bbb;
}

.form-group input ~ .input-label, .form-group textarea ~ .input-label, .form-group .bootstrap-select ~ .input-label {
	position: absolute;
	top: 26px;
	left: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #cdcbcb;
	font-weight: 500;
	transition: 0.4s ease 0s;
	pointer-events: none;
}

.form-group input:valid ~ .input-label, .form-group input:focus ~ .input-label, .form-group .bootstrap-select ~ .input-label, .form-group .date-input ~ .input-label {
	top: 10px;
}

.form-group input ~ .error, .form-group textarea ~ .error {
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
	color: #444;
	display: block;
	margin: 5px 0;
}

.recpass {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.recpass:hover {
	text-decoration: underline !important;
}

.regtxt {
	display: block;
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #222;
}

.regtxt a:hover {
	text-decoration: underline !important;
}

.log-social {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 10px;
}

.login-facebook {
	background: #39579a;
	padding: 20px 14px;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff !important;
	cursor: pointer;
	border: solid 2px #39579a;
	margin-right: 20px;
}

.login-google {
	background: #fff;
	padding: 20px 22px;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #444 !important;
	cursor: pointer;
	border: solid 2px #444;
}

.login-facebook:hover {
	background: #4867ac;
	border-color: #4867ac;
}

.login-google i {
	background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
 	-webkit-background-clip: text;
  	background-clip: text;
  	color: transparent;
  	-webkit-text-fill-color: transparent;
}

.login-facebook i, .login-google i {
	font-size: 20px;
}

.login-facebook span, .login-google span {
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	margin-left: 10px;
}

.see-pass {
	position: absolute;
	top: 26px;
	right: 14px;
	font-size: 16px;
	line-height: 20px;
	z-index: 2;
	cursor: pointer;
	width: 20px;
	text-align: center;
	color: #888;
}

.pass {
	padding-right: 44px !important;
}

.check-box {
	display: block;
	position: relative;
}

.check-box > label > input {
	visibility: hidden;
	position: absolute;
}

.check-box > label {
	cursor: pointer;
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
}

.check-box {
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.check-box > label > span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	margin-left: 8px;
	position: relative;
	top: 4px;
}

.check-box > label > .custom-check {
	min-width: 22px;
	min-height: 22px;
	border: solid 2px #ccc;
	position: relative;
}

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

.check-box > label > input:checked ~ .custom-check {
	border-color: #8F896E;
}

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

.check-box > label > .custom-check:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	font-size: 12px;
	top: calc(50% + 1px);
	left: 50%;
	transform: translate(-50%, -50%);
	color: #8F896E;
	opacity: 0;
}

.check-box > label > input[type="radio"] ~ .custom-check:before {
	content: "";
	width: 12px;
	height: 12px;
	top: 50%;
	border-radius: 50%;
	background: #8F896E;
}

.agreement {
	display: block;
	font-size: 13px;
	line-height: 33px;
	margin-bottom: 15px;
	font-weight: 500;
	color: #444;
}

.animate__animated {
  --animate-duration: 0.4s;
}

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

.modal-content .close {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff !important;
    opacity: 1 !important;
    cursor: pointer;
}

.modal {
	z-index: 99999;
}

.modal-backdrop, .fancybox-bg {
	background: #8F896E;
}

.modal-backdrop.show {
	opacity: 0.9;
}

.modal-title {
	color: #222;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	display: block;
}

.modal-desc {
	display: block;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #222;
}

.modal-icon {
	font-size: 70px;
	margin: 0 auto;
    margin-bottom: 20px;
    color: #ccc;
}

.modal-info {
	font-size: 12px;
	line-height: 16px;
	color: #222;
	display: block;
	margin-bottom: 10px;
}

.modal-body {
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	padding: 40px 42px;
}

.modal-body.max-none {
	max-height: unset;
	overflow: visible;
}

.modal-body > h2 {
	color: #222;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
}

.my-account {
	position: relative;
	z-index: 20;
	display: inherit;
}

.account-menu {
	position: absolute;
	background: #fff;
	top: 40px;
	right: 0;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
	opacity: 0;
	visibility: hidden;
	transition: 0.2s ease 0s;
}

.my-account:hover .account-menu {
	visibility: visible;
	opacity: 1;
}

.account-menu a {
	display: block;
	text-transform: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #222 !important;
	padding: 10px 20px;
	position: relative;
	margin: 0;
}

.account-menu a:hover {
	color: #888 !important;
}

.account-menu a:first-child {
	padding-top: 20px;
}

.account-menu a:first-child:before {
	content: "";
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 10px #fff;
	position: absolute;
	top: -10px;
	right: 20px;
}

.account-menu a:last-child {
	padding-bottom: 20px;
}

.acc-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}

.acc-title h1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #bbb;
	margin: 0;
	white-space: nowrap;
}

.acc-title span {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-right: 10px;
	color: #222;
}

.acc-title span:after {
	content: "/";
	margin-left: 10px;
	color: #bbb;
}

.acc-side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.acc-side a {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #444 !important;
	margin: 0;
	padding: 10px 0;
	border-top: solid 1px #ddd;
	width: 100%;
	position: relative;
}

.acc-side a:before {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	transition: 0.2s ease 0s;
}

.acc-side a:hover:before {
	right: 0;
	opacity: 1;
}

.acc-side a:last-child {
	border-bottom: solid 1px #ddd;
}

.address-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.address-head span {
	display: block;
	margin-right: 20px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: solid 2px transparent;
	padding-bottom: 10px;
	cursor: pointer;
}

.address-head span.active {
	color: #8F896E;
	border-color: #8F896E;
}

.address-item {
	padding: 15px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	line-height: 1.6;
	color: #222;
	margin-bottom: 10px;
}

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

.address-item .title {
	font-weight: 600;
	min-width: 150px;
	max-width: 120px;
	margin-right: 10px;
}
.address-item a {
	font-weight: 500;
    width: 83px;
	max-width: 60px;
	text-align: right;
	float: right;
}

.address-item .desc {
	font-weight: 400;
	margin-right: 10px;
}

.address-item .edit {
	color: #8F896E !important;
	margin-right: 10px;
}

.address-item .delete {
	color: #cc3333 !important;
}

.address-item a i {
	margin-right: 4px;
}

.address-item .edit i {
	font-size: 12px;
}

.address-item .delete i {
	font-size: 14px;
}

.address-content {
	position: relative;
	display: none;
}

.new-address {
	background: #8F896E;
    color: #fff !important;
    padding: 6px 12px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -40px;
    transition: 0.2s ease 0s;
}

.new-address:hover {
	background: #69AC38;
}

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

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

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

.modal-quest {
	font-size: 20px;
    line-height: 24px;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #222;
    font-weight: 500;
}

.modal-alert .main-btn {
	width: 100px;
	text-align: center;
}

.modal-alert.big .main-btn {
	width: 200px;
}

.fatura-tipi {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.fatura-tipi .check-box {
	margin-bottom: 0;
	margin-right: 20px;
}

.fatura-tipi > span {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-right: 20px;
}

.input-info {
	display: block;
    font-size: 12px;
    line-height: 16px;
    color: #222;
    font-weight: 500;
    margin: 0;
}

.input-info:last-child {
    margin-bottom: 10px;
}

.bootstrap-select {
	width: 100% !important;
	display: flex !important;
	flex-direction: column-reverse;
	position: relative !important;
}

.bootstrap-select label.error {
	font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #444;
    margin: 5px 0;
    display: block;
}

.bootstrap-select > .dropdown-toggle {
	border: solid 2px #ccc !important;
    border-radius: 0 !important;
    width: 100% !important;
    background: none !important;
    box-shadow: none !important;
    display: block;
    padding: 34px 14px;
    padding-bottom: 14px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
	color: #888 !important;
}

.bootstrap-select > .dropdown-menu {
	padding: 0;
    margin-top: -2px;
    border: solid 2px #ccc;
    border-top: none;
    background: #fff;
    top: 70px !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    max-height: 200px !important;
}

.bootstrap-select > .dropdown-menu .inner {
	max-height: 200px !important;
}

.bootstrap-select > .dropdown-menu li a {
	background: #f5f5f5;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #222 !important;
	text-transform: uppercase;
}

.bootstrap-select > .dropdown-menu li a:hover {
	background: #e5e5e5;
}

.bootstrap-select .dropdown-toggle::after {
	content: none !important;
}

.modal-dialog {
	margin: 50px auto !important;
}

.address-item .info {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	display: block;
	margin: 0;
	color: #888;
}

.acc-area {
	padding: 40px 42px;
	background: #fff;
}

.gender-line {
	margin: 20px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.gender-line .check-box {
	margin: 0;
	margin-right: 20px;
}

hr {
	display: block;
    width: 100%;
    margin: 20px 0;
    border: 0;
    border-top: solid 1px #ddd;
}

.acc-in-title {
	display: block;
	color: #222;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

.acc-in-info {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #444;
	margin-bottom: 10px;
	display: block;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
	color: #bbb;
}


.basket-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

.basket-item > .left,
.basket-item > .right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.basket-item .bi-img {
    display: block;
    min-width: 100px;
    width: 100px;
    position: relative;
    overflow: hidden;
    padding-top: calc(100px);
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-right: 20px;
    transition: 0.2s ease 0s;
    outline: solid 0px #ddd !important;
}

.basket-item .bi-img:hover {
    outline: solid 4px #ddd !important;
}

.basket-item .bi-img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.basket-item .bi-content {
    display: block;
    width: 100%;
}

.basket-item .bi-content > .title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 5px;
}

.basket-item .bi-content > .title > a {
    color: #222 !important;
}

.basket-item .bi-content > .title > a:hover {
    text-decoration: underline !important;
}

.basket-item .bi-content > .piece-text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.basket-item .price-text {
    display: block;
    text-align: right;
    min-width: 100px;
}

.basket-item .price-text > .price {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #222;
}

.basket-side {
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #ddd;
}


.page-title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #222;
	display: block;
	margin-bottom: 20px;
}

.total-side .title {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #222;
	text-transform: uppercase;
	font-weight: 700;
}

.total-side .title small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}

.total-side .price {
	display: block;
	font-size: 28px;
	line-height: 32px;
	color: #222;
	font-weight: 700;
	margin-bottom: 10px;
}

.total-side .main-btn {
	margin-bottom: 20px;
}

.total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 2px #ddd;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.total small {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
}

.fg-button {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.fg-button .main-btn {
	margin: 0;
}

.fg-button input ~ .main-btn {
	pointer-events: none;
	background: #ccc;
	border-color: #ccc;
}

.fg-button input:valid ~ .main-btn {
	background: #8F896E;
	border-color: #8F896E;
	pointer-events: all;
}

.fg-button input:valid ~ .main-btn:hover {
	background: #69AC38;
	border-color: #69AC38;
}

.total-side .title-small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.slide-section {
	padding: 40px 0;
	background: #fff;
}

.basket-item .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.basket-item .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

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

.step-header-in div {
	width: 33.333333%;
}

.step-header-in .st-logo {
	display: block;
	width: 200px;
	margin: 0 auto;
}

.step-header-in .st-paysec {
	width: 150px;
}

.step-header-in .st-logo img {
	width: 100%;
}

.step-header {
	background: #fff;
}

.step-header .back {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
}

.steps-in {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}

.steps-in small {
	display: none;
	font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.steps-in > span {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #bbb;
	margin-right: 40px;
	border-bottom: solid 2px transparent;
	padding-bottom: 10px;
}

.steps-in span.active {
	border-bottom-color: #ccc;
}

.step-address {
	padding: 40px 42px;
	background: #fff;
	margin-bottom: 20px;
}

.step-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.step-title > i {
	color: #bbb;
}

.step-title h2 {
	display: block;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #bbb;
	font-weight: 700;
}

.step-title a {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #bbb !important;
	font-weight: 700;
}

.note-picker {
	display: block;
	position: relative;
}

.nt-btn {
	display: block;
	border: solid 2px #ccc;
	cursor: pointer;
	padding: 20px 22px;
	padding-bottom: 38px;
	position: relative;
	padding-right: 42px;
}

.nt-btn:before {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translate(0, -50%);
	color: #888;
	font-size: 14px;
	width: 20px;
	text-align: center;
}

.note-picker > a {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #bbb;
	position: absolute;
	bottom: 20px;
	left: 22px;
	z-index: 10;
}

.note-picker > a:hover {
	color: #888;
}

.as-box {
	color: #222;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.as-box .name {
	display: block;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}

.as-box .address {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.as-box .detail {
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nt-menu {
	display: none;
	border: solid 2px #ccc;
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: -2px;
	z-index: 80;
}

.nt-menu .item {
	background: #f5f5f5;
	padding: 20px 22px;
	cursor: pointer;
}

.nt-menu .item > input {
	visibility: hidden;
	opacity: 0;
	position: absolute;
}

.nt-menu .item:hover {
	background: #e5e5e5;
}

.sc-head {
	padding: 30px 42px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.sc-head span {
	display: block;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #bbb;
    font-weight: 700;
}

.sc-head i {
	color: #bbb;
	font-size: 16px;
	margin-left: 10px;
}

.sc-head[aria-expanded='true'] i:before {
	content: "\f106";
}

.sc-body {
	padding: 30px 42px;
	padding-top: 0;
	background: #fff;
}

.step-collapse {
	margin-bottom: 20px;
}

.alert-box {
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding: 35px 40px;
	background: #fff;
	width: 400px;
	box-shadow: 0 1px 30px 0 rgba(0,0,0,0.1);
	z-index: 85;
	max-width: 100%;
}

.alert-box .alert-close {
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #eee;
	width: 30px;
	height: 30px;
	color: #888 !important;
}

.alert-box .alert-close:hover {
	background: #e5e5e5;
}

.alert-box .alert-close i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
}

.alert-box h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.alert-box p {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #888;
}
.alert-notify{
	border: solid 2px #ccc;
	background: #f9f9f9;
}
.alert-notify a{
	color: #424242;
}
.alert-notify a:hover{
	color: #0c6e78;
	text-decoration: underline;
}
.gift-line {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.gift-line .gift-item {
	width: 12.5%;
	padding: 10px;
	position: relative;
	cursor: pointer;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.gift-line .gift-item > img {
	width: 100%;
	margin-bottom: 10px;
}

.gift-line .gift-item span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: #222;
	text-align: center;
	margin-bottom: 5px;
}

.gift-line .gift-item input {
	visibility: hidden;
	opacity: 0;
	position: absolute;
}

.gift-line .gift-item .check-icon {
	width: 24px;
	height: 24px;
	display: block;
	border: solid 2px #bbb;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}

.gift-line .gift-item .check-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #bbb;
	width: 14px;
	height: 14px;
	background: #bbb;
	border-radius: 50%;
	opacity: 0;
	transition: 0.2s ease 0s;
}

.gift-line .gift-item .gift-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 2px #bbb;
	opacity: 0;
	transition: 0.2s ease 0s;
}

.gift-line .gift-item input:checked ~ .check-icon:before, .gift-line .gift-item input:checked ~ .gift-border {
	opacity: 1;
}

.gift-line .gift-item .preview {
	position: absolute;
	height: 250px;
	width: auto;
	left: 50%;
	transform: translate(-50%, 0);
	top: -200px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease 0s;
}

.gift-line .gift-item:hover .preview {
	top: -220px;
	visibility: visible;
	opacity: 1;
}

.gift-line .gift-item .preview img {
	height: 100%;
    width: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 20px -1px rgba(0,0,0,0.4);
}

.inpage-title h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 5px;
}

.inpage-title span {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #444;
	margin-bottom: 5px;
}

.inpage-title {
	margin-bottom: 15px;
}

.ship-select {
	padding: 40px 42px;
	background: #fff;
}

.ship-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	cursor: pointer;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 2px #ddd;
}

.ship-item input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.ship-item:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.ship-item .check-icon {
	min-width: 24px;
	min-height: 24px;
	display: block;
	border: solid 2px #bbb;
	border-radius: 50%;
	position: relative;
	margin-right: 20px;
}

.ship-item .check-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #bbb;
	width: 14px;
	height: 14px;
	background: #bbb;
	border-radius: 50%;
	opacity: 0;
}

.ship-item input:checked ~ .check-icon:before {
	opacity: 1;
}

.ship-item i {
	font-size: 30px;
	margin-right: 20px;
}

.ship-item .ship-info {
	width: 100%;
	margin-left: 10px;
}

.ship-item .ship-info h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.ship-item .ship-info .date-info {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
	margin-bottom: 10px;
}

.ship-item .ship-info .desc {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
	margin: 0;
}

.ship-item .price {
	min-width: 100px;
	text-align: right;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #222;
	white-space: nowrap;
}

.basket-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 20px 0;
	z-index: 90;
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
}

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

.basket-fixed-in .left, .basket-fixed-in .right {
	width: 50%;
}

.basket-fixed-in .left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.basket-fixed-in .right {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}

.bf-list-btn {
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bf-list-btn i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
}

.bf-list-btn span {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	text-transform: uppercase;
	display: block;
}

.bf-list-btn small {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	color: #222;
}

.bf-total-box {
	text-align: right;
	margin-right: 20px;
	min-width: 200px;
}

.bf-total-box small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	color: #222;
}

.bf-total-box .bf-total {
	font-size: 26px;
	line-height: 30px;
	color: #222;
	font-weight: 700;
}

.step-section {
	margin-bottom: 120px;
	padding-bottom: 100px;
}

.step-alert {
	bottom: 110px;
}

.basket-prd-list {
	position: absolute;
	bottom: 96px;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 30px 0;
	padding-bottom: 0;
	display: none;
}

.bpl-item {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border-bottom: solid 2px #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

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

.bpl-item .left, .bpl-item .right {
	width: 50%;
}

.bpl-item .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bpl-item .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.bpli-img {
	max-width: 50px;
	min-width: 50px;
	margin-right: 20px;
}

.bpli-img img {
	width: 100%;
}

.bpli-desc {
	width: 100%;
}

.bpli-desc .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.bpli-desc .number {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #222;
}

.bpli-price {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-align: right;
}

.bf-list-btn.active i:before {
	content: "\f107";
}

.ship-area {
	margin-top: 40px;
}

.ship-area .not-bar {
	display: block !important;
}

.bpl-in {
	max-height: 300px;
	overflow-y: auto;
}

.basket-fixed-in .main-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

.ps-item {
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	position: relative;
	cursor: pointer;
	height: 50px;
	margin-bottom: 10px;
}

.ps-item .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ps-item .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.ps-item .check-icon {
	width: 20px;
	height: 20px;
	border: solid 2px #888;
	border-radius: 50%;
	margin-right: 20px;
	position: relative;
}

.ps-item .check-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #888;
	opacity: 0;
}

.ps-item input:checked ~ .check-icon:before {
	opacity: 1;
}

.ps-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.ps-item .title span {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
}

.ps-item .title small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.ps-item img {
	max-width: 40px;
	max-height: 20px;
	margin-right: 10px;
}

.ps-item img:last-child {
	margin-right: 0;
}

.payment-select {
	overflow: hidden;
	position: relative;
}

.ps-item:nth-child(1) {
	animation-duration: 0.4s;
}

.ps-item:nth-child(2) {
	animation-duration: 0.6s;
}

.ps-item:nth-child(3) {
	animation-duration: 0.8s;
}

.ps-item:nth-child(4) {
	animation-duration: 1.0s;
}


.ps-item .bank-logo img {
	max-width: 100px;
}

.other-selects {
	background: #8F896E;
	margin-bottom: 10px;
	padding: 10px 22px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	cursor: pointer;
	visibility: hidden;
	animation-duration: 0.4s;
	transition: 0.2s ease 0s;
}

.payment-top-bar {
	background: #bbb;
    margin-bottom: 10px;
    padding: 10px 22px;
    display: block;
    color: #fff;
    position: absolute;
    width: 100%;
}

.payment-top-bar h1 {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.other-selects.active {
	visibility: visible;
}

.other-selects:hover {
	background: #69AC38;
}

.moving {
	position: relative;
	top: 0;
	transition: 0.4s ease 0s;
}

.other-selects span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.other-selects i {
	display: block;
	font-size: 14px;
	line-height: 14px;
	margin-right: 10px;
}

.payment-title {
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.payment-title.bold {
	font-weight: 700;
}

.payment-box {
	padding: 20px 22px;
	background: #fff;
	margin-top: -8px;
	border-top: solid 2px #ddd;
	z-index: 10;
}

.cc-inputs {
	margin-bottom: 20px;
}

.hb-item, .hb-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 2px #eee;
}

.hb-head {
	padding-left: 40px;
	font-weight: 700;
	cursor: default;
}

.hb-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.hb-item input:checked ~ .check-icon:before {
	opacity: 1;
}

.hb-item .check-icon {
	min-width: 20px;
	min-height: 20px;
	border: solid 2px #bbb;
	border-radius: 50%;
	display: block;
	margin-right: 20px;
	position: relative;
}

.hb-item .check-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #bbb;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: 0;
}

.hb-item .name, .hb-head .name {
	width: 100%;
	font-weight: 700;
}

.hb-item .hire, .hb-item .hiretotal, .hb-head .hire, .hb-head .hiretotal {
	min-width: 200px;
	text-align: right;
	white-space: nowrap;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
	white-space: nowrap;
	overflow: hidden;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
	background: #69AC38 !important;
	pointer-events: none;
}

.hb-item:last-child {
	margin: 0;
	border: none;
}

.payment-box {
	display: none;
	position: relative;
}

.payment-info {
	font-size: 12px;
	line-height: 16px;
	color: #222;
	display: block;
	margin-bottom: 20px;
}

.bank-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #eee;
	cursor: pointer;
}

.bank-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.bank-item img {
	max-width: 80px;
	margin-right: 20px;
}

.bank-item .check-icon {
	min-width: 20px;
	min-height: 20px;
	border: solid 2px #bbb;
	border-radius: 50%;
	display: block;
	margin-right: 20px;
	position: relative;
}

.bank-item .check-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #bbb;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: 0;
}

.bank-item input:checked ~ .check-icon:before {
	opacity: 1;
}

.bank-item .bank-iban {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-bottom: 5px;
}

.bank-item .bank-info {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
}

.pb-logo {
	width: 100%;
}

.pb-logo img {
	width: 100%;
}

.order-summary h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.os-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 2px #ddd;
}

.os-item img {
	max-width: 40px;
	margin-right: 10px;
}

.os-item .os-desc {
	width: 100%;
}

.os-item .os-desc h3 {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}

.os-item .os-desc span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.os-item .price {
	min-width: 90px;
	max-width: 90px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	text-align: right;
}

.os-price {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 2px #ddd;
}

.os-price span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
}

.os-price small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-transform: none;
}

.os-price .os-total {
	font-size: 20px;
	line-height: 24px;
}

.os-price:last-child {
	border: none;
}

.order-agreement {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 450px;
	margin: 0;
}


.order-agreement .check-icon {
	min-width: 30px;
	min-height: 30px;
	border: solid 2px #ddd;
	margin: 0;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
}

.order-agreement .check-icon:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #8F896E;
	opacity: 0;
}

.order-agreement input:checked ~ .check-icon {
	border-color: #8F896E;
}

.order-agreement input:checked ~ .check-icon:before {
	opacity: 1;
}

.order-agreement span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
    padding-left: 9px;
}
.order-agreement span a {
	font-weight: 700;
	color: #222 !important;
}
.order-complete {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #46763e;
	margin-bottom: 20px;
}

.order-complete .title h1 {
	display: block;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	margin-bottom: 5px;
}

.order-complete .title span {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
}

.order-complete i {
	font-size: 70px;
	margin-right: 10px;
}

.order-details {
	padding: 40px 42px;
	background: #fff;
	margin-bottom: 20px;
}

.od-item h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #bbb;
	margin-bottom: 5px;
}

.od-item span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #222;
	display: block;
	margin-bottom: 2px;
}

.od-item {
	margin-bottom: 20px;
}

.od-icon {
	padding-left: 50px;
	position: relative;
}

.od-icon i {
	font-size: 34px;
	width: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.order-info {
	padding: 40px 42px;
	background: #fff;
	margin-bottom: 20px;
}

.order-list {
	padding: 40px 42px;
	background: #fff;
}

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

.ol-title h2 {
	color: #bbb;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	display: block;
	margin: 0;
}

.ol-title span {
	display: block;
	color: #222;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	margin-left: 5px;
}

.order-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 42px;
	margin-bottom: 10px;
}

.order-head span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px;
}

.order-item {
	padding: 40px 42px;
	background: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
	color: #222 !important;
}

.order-item span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.order-item span a {
	color: #222 !important;
}

.oi-order {
	min-width: 150px;
	font-weight: 700 !important;
}

.oi-date {
	min-width: 150px;
}

.oi-stat {
	min-width: 150px;
}

.oi-total {
	min-width: 100px;
	font-weight: 700 !important;
}

.oi-detail {
	width: 100%;
	font-weight: 700 !important;
}

.acc-back {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222 !important;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 42px;
}

.order-detail-head {
	padding: 40px 42px;
	background: #eee;
	color: #222;
	margin-bottom: 10px;
}

.odh-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: solid 1px #bbb;
	margin-bottom: 10px;
}

.odh-top .date {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.odh-top .date span {
	display: block;
	margin-right: 5px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
}

.odh-top .date small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.odh-top a {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
	text-decoration: underline !important;
}

.odh-bottom {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.odh-bottom i {
	font-size: 20px;
	margin-right: 5px;
}

.odh-bottom span {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
}

.order-detail-body {
	padding: 40px 42px;
	background: #fff;
}

.order-detail-body h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #bbb;
	border-bottom: solid 2px #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.order-detail-body .order-details {
	padding: 0;
	background: none;
	margin-top: 20px;
}

.order-detail-body .order-details .od-item h2 {
	border: none;
	padding: 0;
	color: #222;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
}

.oi-promoname {
	min-width: 200px;
	font-weight: 700 !important;
}

.oi-promocode {
	min-width: 150px;
}

.oi-promodate {
	min-width: 200px;
}

.oi-promostat {
	width: 100%;
	font-weight: 700 !important;
}

.messages-area {
	position: relative;
}

.message-detail {
	padding: 40px 42px;
	background: #fff;
}

.md-part {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 2px #ddd;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.side-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.side-title:last-child {
	margin-bottom: 0;
}

.side-title span {
	text-transform: uppercase;
	font-weight: 700;
	min-width: 80px;
	max-width: 80px;
	position: relative;
	margin-right: 10px;
}

.side-title span:after {
	content: ":";
	position: absolute;
	right: 0;
	top: 0px;
	font-weight: 500;
}

.side-title small {
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
}

.md-user {
	font-size: 12px;
	line-height: 16px;
	color: #222;
	margin-right: 20px;
	min-width: 200px;
}

.md-user span {
	display: block;
	font-weight: 700;
}

.md-user small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.md-desc {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #888;
}

.md-desc span {
	display: block;
}

.md-answer {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.md-answer > span {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 700;
	min-width: 200px;
	margin-right: 20px;
}

.md-answer form {
	width: 100%;
}

.sss_title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #222;
	margin-bottom: 20px;
}

.sss-collapse {
	margin-bottom: 10px;
}

.sss-collapse .sc-head {
	padding: 20px 22px;
	background: #ddd;
}

.sss-collapse .sc-head span {
	color: #222;
	text-transform: none;
}

.sss-collapse .sc-head i {
	color: #222;
}

.sss-collapse .sc-body {
	padding: 20px 22px;
	background: none;
}

.contact-item {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ddd;
}

.contact-item:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.contact-item h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.contact-item span {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #222;
}

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

.contact-item span a {
	color: #888 !important;
}

.contact-item span a:hover {
	text-decoration: underline !important;
}

.map-area {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.map-area .map-side {
	min-width: 400px;
	max-width: 400px;
	background: #fff;
	padding: 40px 42px;
}

.map-area .map-side .shop-list {
	height: 360px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 20px;
}

.sl-item h2 {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.sl-item span {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #222;
}

.sl-item {
	padding: 20px 22px;
	border-bottom: solid 2px #ddd;
	cursor: pointer;
}

.sl-item:hover {
	background: #f5f5f5;
}

.sl-item:first-child {
	border-top: solid 2px #ddd;
}

.map-area .map-box {
	min-width: calc(100% - 400px);
	height: 620px;
}

#map {
	width: 100%;
	height: 100%;
}

.map-balloon {
	width: 140px;
}

.map-balloon span {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
}

.map-balloon span b {
	display: block;
}

.map-balloon .title {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #222;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: solid 2px #ddd;
}

.pagination {
	display: block;
	margin-top: 20px;
}

.pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    width: 100%;
}

.pagination ul li {
	display: block;
	margin-right: 10px;
}

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

.pagination ul li a {
	display: block;
    width: 34px;
    height: 34px;
    border: solid 2px #ddd;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    font-weight: 700;
    color: #bbb !important;
}

.pagination ul li a:hover {
	border-color: #bbb;
	color: #888 !important;
}

.pagination ul li a.active {
	border-color: #888;
	color: #666 !important;
}

.prd-price {
	margin-bottom: 20px;
}

.prd-price .price small {
	display: block;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #bbb;
	margin-bottom: 5px;
	text-decoration: line-through !important;
}

.prd-price {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.prd-price .discount {
	margin-left: 20px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #69AC38;
	padding: 8px 12px;
	color: #fff;
	position: relative;
}

.prd-price .discount:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translate(0, -50%);
	border-right: solid 8px #69AC38;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
}

.prd-price .discount span {
	font-size: 24px;
	line-height: 28px;
	margin: 0 4px;
}

.ocheck-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #bbb;
	margin-bottom: 20px;
}

.order-check {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.order-check .left, .order-check .right {
	width: 50%;
}

.order-check .left {
	margin-right: 40px;
}

.ocheck-bar {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.ocheck-bar .form-group {
	margin: 0;
	margin-right: 10px;
	width: 50%;
}

.ocheck-bar .main-btn {
	width: 50%;
	padding: 25px 20px;
}

.ocheck-acc-all small {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
	margin-right: 40px;
}

.ocheck-acc-all {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ocheck-acc span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #444;
	margin-bottom: 10px;
}

.fg-hide {
	display: none;
}

.about-video {
	display: block;
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.about-video:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: solid 2px #ddd;
	z-index: 4;
	border-radius: 10px;
}

.about-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.8);
}

.about-video .icon {
	content: "";
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
}

.about-video .icon:before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: solid 10px #888;
	box-sizing: content-box;
	transition: 0.4s ease 0s;
}

.about-video:hover .icon:before {
	border-width: 40px;
	top: -40px;
	left: -40px;
	opacity: 0.2;
}

.about-video .icon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-left: solid 20px #888;
	border-top: solid 14px transparent;
	border-bottom: solid 14px transparent;
	margin-left: 2px;
	z-index: 6;
}

.about-first {
	padding: 40px 0;
}

.about-img {
	width: 100%;
	height: 300px;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.about-img.free {
	height: auto;
}

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

.banner-box {
	padding: 200px 0;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.banner-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 2;
}

.banner-box h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	display: block;
	position: relative;
	z-index: 4;
}

.banner-box p {
	display: block;
	margin: 0;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	color: #fff;
	position: relative;
	z-index: 4;
}

.production {
	padding: 40px 0;
}

.rating-stars {
	display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
}

.rating-stars input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.rating-stars label {
	position: relative;
    cursor: pointer;
    color: #bbb;
    font-size: 18px;
    padding: 0;
    margin: 0;
    padding-right: 10px;
    margin-bottom: 5px;
}

.rating-stars label:hover:before, .rating-stars label:hover ~ label:before {
	color: #fd4;
}

.rating-stars input:checked ~ label:before {
	color: #fd4;
	font-weight: 900;
}

.rating-stars label:before {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}

.rating-error label.error {
	font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #444;
    display: block;
    margin-bottom: 10px;
}

.yemen-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 100px;
}

.yemen-menu a {
	font-size: 14px;
	line-height: 16px;
	color: #fff !important;
	margin: 15px 10px;
	position: relative;
}

.yemen-menu a:before {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	left: -12px;
	pointer-events: none;
	font-size: 4px;
	top: 1px;
	color: #fff !important;
}

.yemen-menu a:after {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	right: -12px;
	pointer-events: none;
	font-size: 4px;
	top: 1px;
	color: #fff !important;
}

.yemen-menu a:hover {
	color: #8F896E !important;
}

.ftr-message {
	color: #fff;
	width: 300px;
}

.ftr-message small {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}

.ftr-message span {
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	border-bottom: solid 2px #fff;
	padding-bottom: 10px;
}

.ftr-message .main-btn {
	width: 100%;
	text-align: center;
}

.ftr-message .main-btn:hover {
	border-color: #8F896E;
	background: #8F896E
}

.corp-banner {
	width: 100%;
	overflow: hidden;
	padding-top: calc(512 / 1280 * 100%);
	height: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	border: solid 1px #eee;
}

.gal-slider-container {
	margin-top: 30px;
	position: relative;
	padding-bottom: 30px;
}

#gal_slider .item {
	width: 100%;
	height: 150px;
}

#gal_slider .item .gal-item {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#gal_slider .item .gal-item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0.5);
	z-index: 2;
	border-radius: 50%;
	opacity: 0.5;
}

#gal_slider .item .gal-item:after {
	content: "\f00e";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff !important;
	z-index: 4;
	font-size: 18px;
	opacity: 0.5;
}

#gal_slider .item .gal-item.ytube:after {
	content: "";
	border-left: solid 14px #fff;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	left: calc(50% + 1px);
}

#gal_slider .item .gal-item:hover:before, #gal_slider .item .gal-item:hover:after {
	opacity: 1;
}

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

.gal-slider-container .tns-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	display: flex;
	justify-content: center;
}

.gal-slider-container .tns-nav button {
    display: block;
    width: 14px;
    height: 14px;
    border: solid 2px #222;
    border-radius: 50%;
    margin: 0 5px;
    padding: 0;
    background: #fff;
}

.gal-slider-container .tns-nav button:last-child {
	margin-right: 0;
}

.gal-slider-container .tns-nav button.tns-nav-active {
	background: #222;
}

.check-line {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 10px;
}

.check-line > .check-box {
	margin-right: 20px;
}

.check-line > .check-box:last-child {
	margin-right: 0;
}

.check-line span {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #222;
}

.file-upload {
	display: block;
	position: relative;
	height: 70px;
	border: dashed 2px #ccc;
	cursor: pointer !important;
}

.file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}

.file-upload span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	text-align: center;
}

.file-upload span small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #888;
    margin-top: 2px;
}

.file-upload span small:before {
	content: "\"";
}

.file-upload span small.empty:before {
	content: none;
}

.file-upload span small:after {
	content: "\"";
}

.file-upload span small.empty:after {
	content: none;
}

.cv-error {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #444;
    margin: 5px 0;
    display: block;
}

.log-box-txt {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	display: block;
	margin: 0;
	text-align: center;
}

.ftr-list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.menu-item {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}

.menu-item .rounded-img {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	margin-bottom: 10px;
	border: solid 2px #ccc;
}

.menu-item .rounded-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	padding: 4px;
}

.menu-item .rounded-img:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-radius: 50%;
	background: rgba(0,0,0,0.3);
	z-index: 10;
	opacity: 0;
	transition: 0.2s ease 0s;
}

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

.galbox-item {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
}

.galbox-item img {
	width: 100%;
}

.galbox-item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.2s ease 0s;
}

.galbox-item:after {
	content: "\f00e";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #fff !important;
	opacity: 0;
	transition: 0.2s ease 0s;
}

.galbox-item:hover:before, .galbox-item:hover:after {
	opacity: 1;
}
ul.BigResults{
	background-color: #FFF;
	width: 100%;
	list-style: none;
}
ul.BigResults li{
	font-size: 18px;
	padding-left: 25px;
}

ul.BigResults li a{
	font-weight: 600;
	line-height: 1.6;
	color: #797777;
}

ul.BigResults li a:hover{
	text-decoration: underline;
	color: #424242;
}
.shop-license {
	max-height: 300px;
	padding: 5px;
	border: solid 1px #bbb;
	overflow-y: scroll;
	overflow-x: hidden;
}
.Spot .yeni {
    position: absolute;
    top: 10px;
    right: 22%;
    background: #db3a42;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px 0 0 5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.piece-select {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    border: solid 1px #ddd;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.piece-select > .left {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 15px;
    min-width: 80px;
}

.piece-select > .left > .piece {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #222;
}

.piece-select > .left > .caption {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #444;
}

.piece-select > .right {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.piece-select > .right > span {
    min-height: calc(50% + 2px);
    border: solid 1px #ddd;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: -1px;
    margin-right: -1px;
}

.piece-select > .right > span:hover {
    background: #eee;
}