/* @import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css"); */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); */

@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";


* {
	list-style: none !important;
	text-decoration: none !important;
	margin: 0;
	padding: 0;
}

:focus-visible {
	outline: unset !important;
}

select {
	cursor: pointer !important;
}

html {
	scroll-behavior: smooth;
}

input,
label,
button,
p,
a,
h1,
h2,
h3,
h4,
h5,
button,
input,
optgroup,
select,
textarea,
h6 {
	/* font-family: 'Open Sans', sans-serif !important; */
}

button:focus {
	outline: unset !important;
}

input {
	font-size: 12px !important;
}


.disabled-div {
	pointer-events: none !important;
	opacity: 0.6 !important;
}

/* -----------------badged---------- */
.badge-primary {
	color: white !important;
	background-color: #ff9800 !important;
	width: 69%;
	/* position: absolute !important; */
	/* top: -23px !important; */
	justify-content: center;
	height: 21px;
	display: flex !important;
	align-items: center !important;
}

#badge2 {
	background: #464646 !important;
}

/* ----------modall------------ */
.index-modal .modal {
	display: none;
	position: fixed;
	z-index: 99;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);

}

.index-modal {
	background: rgba(0, 0, 0, 0.5);
}

.index-modal .modal-body p {
	font-size: 11px;
	text-align: center;

}

.modal-not-show-again label {
	cursor: pointer;
}

/* Modal Content */
.index-modal .modal-content {

	position: absolute;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 42% !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	top: 50%;
	transform: translateY(23%);
	left: 30%;

}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/* The Close Button */
.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

input:focus-visible {

	outline: 1px solid #fda818;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-not-show-again {
	margin-left: 15px;
}

.modal-header h2 {
	font-size: 11px !important;
	margin-top: 7px;
}

.modal-header {
	padding: 2px 16px;
	background-color: #fda818;
	color: white;
}

.modal-header span {
	color: white;
	opacity: unset;
}

.modal-body {
	/*! padding: 2px 16px; */
}

.modal-body h5 {
	text-align: center;
}

.modal-body span {
	font-weight: 600;
}

.index-modal .modal-body img {
	width: 100%;
	height: 138px;
	border-radius: 10px;
	object-fit: fill;
}


.modal-button {
	text-align: center;

}

.modal-button .btn {
	background: #fda818 !important;
	color: white;
	width: 100%;
}

.modal-button .btn:hover {
	background: white !important;
	color: black;
	border: 1px solid black;

}

/* -----------navbar--------- */
#header {
	background-color: #fda818;
	height: 50px;
}

#header span {
	font-weight: 600;

}

#header .logo {
	margin-top: 5px;
}

.logo img {
	width: 100%;

}

.logo {
	padding: 11px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;

}

.logo a {
	display: flex;
	justify-content: center;
}

.paket {

	display: flex;
}

.paket-item a {
	color: white;
	padding: 0 6px;
	display: block;
	font-size: 18px;
	transition: .2s ease-in-out .0s;
}

.paket-item button {
	background: transparent !important;
	border: unset;
	margin-top: 0px !important;
	display: block;
	font-size: 18px;
	height: 45px;
	transition: .2s ease-in-out .0s;
}

.btn.paket-modal-button {
	background: #fda818 !important;
	color: white;
	width: 100%;
}

.paket-item button:hover .d-block {
	display: none !important;
}

.paket-item button:hover .d-none {
	display: block !important;
}

.paket-item button:hover {
	background: white !important;
	color: #fda818;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	height: 45px !important;
	border-bottom-right-radius: unset !important;
	border-bottom-left-radius: unset !important;
}

.paket-item:first-child {
	margin-right: 35px;
}

.paket-item:first-child::after {
	content: "";
	border: 1px solid #d08e21;
	top: 20%;
	position: absolute;
	height: 30px;
	right: 55%;
}

.paket-modal-footer {
	display: unset !important;
	justify-content: unset !important;
	padding-bottom: unset !important;
}

.paket-modal-button {
	background: #fda818 !important;
	color: white;
}

.paket-modal-header img {
	position: absolute;
	top: 10px;
	left: 31%;
}

.paket-modal-explain {
	font-size: 13px;
	color: gray;
}

.paket-modal-explain a {
	border-bottom: 1px solid #fda818;
	color: #fda818;
}

.paket-modal-explain a:hover {
	color: #fda818 !important;
}

.modal-rebemberme {
	cursor: pointer;
}

.paket-yon-rebember {
	padding: unset !important;
	margin-bottom: unset !important;
	margin: 10px auto;
}

.custom-file-input {
	height: 30px !important;
	z-index: unset !important;
}

.paket-item a:hover {
	background: white;
	color: #fda818;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	height: 45px;
}

.paket-item img {
	position: absolute;
	left: 91%;
	width: 5%;
	top: 14%;
}

.paket-item {
	line-height: 45px;
	margin-top: 5px;
	width: 100%;
	text-align: center;
}

.paket-item button {
	transition: .2s ease-in-out .0s;
}

.sepetim {
	position: relative;
	margin-left: -20px;

}

.mobile-sepet {
	position: relative;
	margin-left: -20px;
}

.mobile-sepet .btn-sepet:hover .basket-number {
	border: 1px solid white !important;
}

.mobile-sepet .basket-number {
	position: absolute;
	border: 1px solid rgb(59, 59, 59);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fda818;
	right: 4px;
	top: 5px;
	transition: .5s ease-in-out .0s !important;
}

.mobile-sepet p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 9px;
	color: white;
	font-weight: bold;
}

.btn-sepet:hover .basket-number {
	border: 1px solid white !important;
}

.basket-number {
	position: absolute;
	border: 1px solid rgb(59, 59, 59);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fda818;
	right: 4px;
	top: 5px;
	transition: .2s ease-in-out .0s !important;
}

.basket-number p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 9px;
	color: white;
	font-weight: bold;
}

.btn {
	margin-top: 7px;
	background-color: white !important;
	color: #fda818;
	border-radius: 10px;
	font-size: 16px;

}

.nasil-kullanilir-btn .btn:hover i {
	transform: scale(1.3);
}

.nasil-kullanilir-btn .btn i {
	padding: 3px;
	transition: .3s ease-in-out .0s !important;
	font-size: 15px;
}

.header-buttons-box {
	display: flex;
	justify-content: space-evenly;
}

.modal-youtube-icon {
	position: relative;
	border: 1px solid #fda818;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fda818;
}

.modal-youtube-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.btn-sepet {
	background: rgb(59, 59, 59) !important;
	color: white;
	position: relative;
	transition: .2s ease-in-out .0s !important;
}

.btn-sepet:hover {
	background: white !important;
	color: #fda818;
}

.language .form-control {
	width: 100% !important;
	background: transparent !important;
	border: unset !important;
	color: white !important;
	height: 50px !important;
}

#dropdownMenu2 {
	font-size: 12px;
}

.dropdown-menu a {
	border-radius: 3px;
}

.mont {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;

}

.dropdown-menu {
	top: 49px !important;
	background: white !important;
	padding: 20px !important;
	text-align: center !important;
	left: -45% !important;
	margin: unset !important;
	min-width: 12rem !important;
}

/* HESABIM AYRINTI */
.alisveris-degerlendir .modal-title {
	color: white !important;
	font-size: 16px !important;
}
.alisveris-degerlendir span {
	font-size: 1.5rem;
}
.alisveris-degerlendir .star-box p {
	font-size: 1rem !important;
}
.alisveris-degerlendir .modal-body {
	padding: unset !important;
	margin-top: 10px;
}
.modal-footer {
	border-top: unset !important;
	padding-top: unset !important;
}
.modal-footer.yorum-yap {
	/* border-top: unset !important; */
	padding:unset !important;
	margin-bottom: 10px;
	margin-top: -10px !important;
}

.siparislerim-back,
.siparislerim-next {
	background: #fda818 !important;
	color: white;
	width: 100%;
	display: flex !important;
	height: 33px;
	align-items: center;
	margin-top: unset !important;
	justify-content: center;
}

button.btn.siparislerim-back,
.button.btn.siparislerim-next {
	display: flex;
	justify-content: center;
	align-items: center;
}

button.btn.siparislerim-back i {
	font-size: 14px;
	margin-top: 5px;
	margin-right: 5px;
}

button.btn.siparislerim-next i {
	font-size: 14px;
    margin-top: 3px;
    margin-left: 5px !important;
}

.sipari-ozet-header,
.alici-header,
.toplam-header {
	text-align: center;
}

/* ------------------- */


/* --------şifremi unuttum ------------  */

.lock-image {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}
.forgot-password-inf {
	color: #333 !important;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: unset !important;
	text-align: center;
	margin-top: 5px;
}
.forgot-password-exp {
	color: gray !important; font-size: 12px; text-align: center;
}
/* -------------------------- */

#header\ mobile-header .dropdown-hesabim:first-child {
	background: unset !important;
	color: black !important;
	margin-bottom: 3px;
}

.btn.focus,
.btn:focus {
	box-shadow: unset !important;
}

.dropdown-toggle {
	color: white !important;
	font-size: 10px;
}

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

.language-button {
	min-width: 4rem !important;
}

.register,
.language {

	margin-top: 0px;
	text-align: center;
}

.header-drop {
	display: flex;
	height: 50px;
	margin-left: -45px;
}

.dropdown-item {
	cursor: pointer;
}

.dropdown-item:first-child {
	background: #fda818 !important;
	color: white !important;
	margin-bottom: 3px;
}


.language-dropdown {
	left: -39px !important;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown>.dropdown-toggle:active {
	pointer-events: none;
}

.modal-footer.yorum-yap button {
	margin-left: unset;
}

#exampleFormControlTextarea1 {
	font-size: 12px;
}

.language-dropdown::before {
	left: 39% !important;
}

.dropdown-item:last-child {
	background: #282828 !important;
	color: white !important;
}

.drop-language {
	min-width: 0 !important;
	border: none !important;
	background: unset !important;
	font-size: 10px;
	top: -8px;
}

.drop-title {
	font-size: 10px;
	padding: 0 !important;
}

.dropdown-toggle::after {
	display: none !important;
}

.register-button {
	background: unset !important;
	border: unset !important;
}


/* -----------bodyicon---------------- */
.body-icon {
	text-align: center;
	margin-top: 25px;
}

.body-icon img {
	width: 15%;
}

.is-vishidden {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

.btn-outline-success {
	position: absolute;
	right: 20%;
	width: 156px;
	color: white !important;
	border: #fda818 !important;
	border: 1px solid #fda818 !important;
	background: #fda818 !important;
	transition: .5s ease-in-out .0s !important;
	top: 11px;
}

.search .btn-outline-success:hover {
	background: white !important;
	border: 1px solid #fda818 !important;
	color: black !important;

}

.search .btn-outline-success:focus {
	box-shadow: unset !important;
}

.mobile-search .btn-outline-success:hover {
	background: white !important;
	border: 1px solid #fda818 !important;
	color: black !important;

}

.mobile-search .btn-outline-success {
	width: 111px;
	right: 1%;
	top: -5px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile-search .btn-outline-success:focus {
	box-shadow: unset !important;
}

.mobile-search {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 30px auto;
	display: none;
}

.mobile-search .form-control {
	padding: .375rem 2.75rem !important;
	font-size: 14px !important;
}

.search-img::after {
	border: 1px solid #ece8e8;
	content: "";
	position: absolute;
	height: 49%;
	right: 77%;
	top: 28%;
}

.mobile-search .search-img img {
	width: 23px;
	position: absolute;
	left: 13px;
	top: 18%;
}

.mobile-search .form-control {
	height: 40px;
	padding: 13px;
	font-size: 15px;
	margin: 5px 0;
	width: 100% !important;
}

.search .form-control {
	padding: .375rem 2.75rem !important;
	font-size: 14px !important;
}

.search {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 30px auto;
}

.search-img img {
	width: 23px;
	position: absolute;
	left: 225px;
	top: 30%;
}

.search .form-control {
	height: 50px;
	padding: 13px;
	font-size: 15px;
	margin: 5px 0;
	width: 61% !important;
}

.form-control::-webkit-input-placeholder {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	overflow: visible;
	vertical-align: top;
	display: inline-block !important;
	padding-left: 5px;
	padding-top: 2px;

}

.send-mail .form-control::-moz-placeholder {
	/* font-family: FontAwesome; */
	font-weight: normal;
	overflow: visible;
	vertical-align: top;
	display: inline-block !important;
	padding-left: 5px;
	padding-top: 2px;

}

.form-control:-ms-input-placeholder {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	overflow: visible;
	vertical-align: top;
	display: inline-block !important;
	padding-left: 5px;
	padding-top: 2px;
}

.form-control:focus {
	box-shadow: none !important;
	background-color: unset !important;
	border-color: gray !important;
}

.form-control:focus {
	border-color: #fda818 !important;
}

.header-reklam-text p {
	width: 50%;
	text-align: center;
	position: relative;
	left: 25%;
}

.header-reklam-text {
	position: relative;
}

.header-reklam-text a {
	border-bottom: 1px solid;
}

#header\ mobile-header {
	background: rgb(59, 59, 59) !important;
	display: none;
}



/* ----------footer-------------- */
.iletisim p {
	color: white;
	font-size: .78rem;
}

.footer {
	background: #252525;

}

.footer a,
.footer h3 {
	color: white;
}

.footer h3 {
	font-size: 1rem;
}

.footer li a {
	transition: all .4s linear;
	font-size: .78rem;
}

.footer li a:hover {
	color: #fda818;

}


.appstore a img {
	margin: 10px auto;
}

.appstore img {
	width: 55%;

}

.footer-icon a {
	margin-right: 10px;
}

.footer ul li a:hover {
	padding-left: 10px;
}

.footer-icon img {
	width: 10%;
	transition: .5s ease-in-out .0s;
}

.footer-icon img:hover {
	transform: scale(1.2);
}

.down-footer {
	background: #fda818;
}

.down-footer p {
	margin: 20px auto;
	color: white;
	font-size: 12px;
}

.footer {
	padding: 50px;
	padding-bottom: 70px;
}

.footer i {
	color: white;
	font-size: 10px;
}

.footer-logo img {
	width: 50%;
	margin-bottom: 7px;
}

/* -------------slider----------------- */

.slider {
	margin-top: 30px;
}


.slider .owl-first-slider .owl-nav {
	display: flex;
	justify-content: space-between;
	position: relative;
	top: -135px;
	color: #9dabb5 !important;
	font-size: 70px;
	margin-left: -76px;
	margin-right: -76px;
}

.slider .owl-first-slider .owl-nav button {
	border: 1px solid #e4eaee !important;
	background: #e4eaee !important;
	position: relative;
	width: 50px;
	height: 50px;
}

.slider .owl-first-slider .owl-next span {
	position: absolute;
	transform: translate(50%, -37%);
	top: 0;
	left: 3px;
}

.slider .owl-first-slider .owl-prev span {
	position: absolute;
	transform: translate(50%, -37%);
	top: 0;
	left: 2px;
}



/* --------------------mağazaya git ----------------- */
#myInput {
	width: 100% !important;
	height: 31px;
}

.magaza {
	font-weight: bold;
}

.mobil-magaza {
	display: none;
}

.filtre .form-control {
	padding: .375rem 1.75rem !important;
	font-size: 13px !important;
}

.filtre img {
	width: 16px;
	position: absolute;
	top: 48px;
	left: 21px;
}

.link-list {
	border: unset !important;
	border-radius: unset !important;
	border-bottom: 1px solid rgb(201, 201, 201) !important;
}

.list-group-item.link-list i {
	color: gray;
}

.list-group-item.link-list {
	height: 50px;
}

.list-group-item.link-list:hover i {
	transform: scale(1.2);
}

#myList i {
	position: absolute;
	right: 0;
	top: 18px;
}

#myList img {
	width: 100%;
}

.magaza-section {
	position: relative;
}

.mobile-magaza {
	display: none;
}

.ortala {
	display: flex;
	justify-content: center;
}


/* ---------------coksatanlar------------------- */
.list-rigt-header p {
	font-weight: bold;
}

.cok-satan {
	display: flex;
}

.cok-satan-item {
	width: 17%;
	text-align: center;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding-right: 15px;
	padding-left: 15px;
}

.listing-page-img {
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #c8c8c8;
	cursor: pointer;
	position: relative;
	height: 250px;

}

.listing-page-img h6 {
	font-size: 12px;
	text-align: center;
	height: 61px;
	overflow: hidden;
}

.listing-page-right .price {
	color: #fda818;
	font-weight: 600;
	margin-bottom: 0 !important;
}

.listing-page-right span {
	opacity: .5;
	text-decoration: line-through !important;

}

.product-grid {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	border-radius: 15px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	transition: all 0.4s ease-out;
	height: 250px;
	margin-bottom: 20px;
}

.product-grid:hover {
	box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.1);
}

.product-grid .product-image {
	position: relative;
}

.product-grid .product-image a.image {
	display: block;
}

.product-grid .product-image img {
	width: 100%;
	height: 100px;
	object-fit: none;
	margin-top: 20px;
}

.product-grid .product-discount-label {
	color: #fff;
	background: #fda818;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 2px 8px;
	border-radius: 5px;
	position: absolute;
	top: 12px;
	left: 12px;
}

.product-grid .product-content {
	padding: 12px 12px 15px;
	position: relative;
}

.product-grid .rating {
	padding: 0;
	margin: 0 0 8px;
	list-style: none;
}

.product-grid .rating li {
	color: #fda818;
	font-size: 14px;
}

.product-grid .rating .far {
	color: #808080;
}

.product-grid .title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 15px;
}

.product-grid .title a {
	color: #54565a;
	transition: all 0.3s ease 0s;
}

.product-grid .title a:hover {
	color: #fda818;
}

.product-grid .price {
	color: #fda818;
	font-size: 17px;
	font-weight: 600;
	display: block;
	transition: all 0.4s ease-in-out;
}

.product-grid .price span {
	color: #999;
	font-weight: 500;
	text-decoration: line-through;
}

.product-grid:hover .price {
	opacity: 0;
}

.product-grid .add-to-cart {
	color: #fff;
	border: 1px solid #fda818;
	background-color: #fda818;
	font-size: 12px;
	font-weight: 500;
	line-height: 31px;
	width: 125px;
	height: 34px;
	border-radius: 80px;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	bottom: 50px;
	left: 50%;
	transition: all .4s ease-out;
}

.product-grid .add-to-cart:hover {
	background-color: white;
	color: black;
	border: 1px solid black;
}

.product-grid:hover .add-to-cart {
	opacity: 1;
	bottom: 0px;
;
}

.add-to-cart-two {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .5s ease-in-out .0s;
	opacity: 0;
	font-size: 13px;
}

.product-grid:hover .add-to-cart-two {
	top: 116%;
	transition: .4s ease-in-out;
	opacity: 1;
	color: gray !important;
}

@media screen and (max-width:1200px) {
	.product-grid {
		margin: 0 0 30px;
	}
}

.product-grid h3 {
	font-size: 11px !important;
	height: 26px;
}


/* -----------order-complete------------ */
.order-complete-title {
	margin-top: 50px;
	font-size: 36px;
	color: rgb(92, 91, 91);
}

.order-complete-img {
	background: #f5f8fa;
	text-align: center;
	height: 250px;
	margin: 20px auto;
}

.order-complete-down-title {
	opacity: .5;
}

.order-complete-img img {
	margin-top: 42px;
}

.order-complete .order-complete-explain {
	font-size: 13px;
	padding: 20px;
	opacity: .7;
}

/* ------------download-section----------- */

.download-section-banner img {
	width: 100%;
}

.download-section-banner {
	margin-top: 50px;
}

.download-left {
	position: absolute;
	top: 50%;
	left: 8%;
}

.download-lef-section-img a img {
	width: 31%;
}

.download-section {
	position: relative;
}


/* -------------abone olun------------- */

.abone-header {

	position: relative;

}

.abone-header::before {

	content: "";
	border: 1px solid #fda818;
	position: absolute;
	width: 87px;
	bottom: -6px;

}

.abone {
	margin: 50px auto;
}

.send-mail {
	display: flex;
	margin: 50px auto;
}

.send-btn {
	background: #fda818 !important;
	color: white !important;
	border-radius: unset !important;
	position: absolute;
	height: 38px !important;
	right: 1px;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	margin: 0 !important;
	width: 125px;
	height: 40px !important;
	transition: .5s ease-in-out .0s;
	border: 1px solid #fda818;
}

.send-btn:hover {

	background: white !important;
	color: black !important;
	border: 1px solid #fda818;
}

.abone-text {
	width: 64%;
}

.abone-header {

	font-size: 36px;
	color: rgb(92, 91, 91);
}

.send-mail {
	display: flex;
	margin: 50px auto;
	right: 0;
	position: relative;
	justify-content: end;
}

.send-mail .form-control {
	height: 40px !important;
	margin: 0 !important;
}

/* -------------------card slider------------------ */
.owl-credit-slider img {
	width: 100% !important;
}

.credit-card-img {
	background: rgb(245, 245, 245);
}

.credit-card-box .item {
	padding: 30px;
	display: flex;
	justify-content: center;
}

.owl-credit-slider .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	border: 1px solid #b9b9b963;
	margin-top: 50px;
	border-radius: 10px;
}

.owl-credit-slider .owl-nav {
	display: flex;
	justify-content: space-between;
	position: relative;
	top: -130px;
	color: #9dabb5 !important;
	font-size: 70px;
	margin-left: -30px;
	margin-right: -34px;
}

.owl-credit-slider button {
	border: 1px solid #e4eaee !important;
	background: #e4eaee !important;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
}

.owl-credit-slider .owl-prev span {
	position: absolute;
	transform: translate(50%, -36%);
	top: 0px;
	left: -1px;
}

.owl-credit-slider .owl-next span {
	position: absolute;
	transform: translate(50%, -37%);
	top: 0;
	left: 8%;
}


/* -----------------up button ----------------- */

button.back-to-top {
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	height: 0px;
	width: 0px;
	overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	color: transparent;
	clear: both;
	visibility: hidden;
	position: fixed;
	cursor: pointer;
	display: block;
	border: none;
	right: 50px;
	bottom: 75px;
	font-size: 0px;
	outline: 0 !important;
	z-index: 99;
	transition: all 0.3s ease-in-out;
}

button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus {
	outline: 0 !important;
}

button.back-to-top::before {
	content: "\f102";
	font-family: "FontAwesome";
	display: block;
	vertical-align: middle;
	font-size: 32px;
	margin: -5px 0 auto;
}

button.back-to-top.show {
	display: block;
	background: #fff;
	color: #fda818;
	font-size: 25px;
	right: 15px;
	bottom: 44px;
	height: 50px;
	width: 50px;
	visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}

button.back-to-top.show:active {
	box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}


/* -----------------Benim İçin Al Page -------------- */
.benim-icin-al {
	margin: 50px auto;
	position: relative;

}

.benim-icin-al-box,
.benim-icin-al-kolay-box {
	border: 1px solid #d6d6d680;
	padding: 50px;
	border-radius: 20px;
}

.benim-icin-al-header,
.benim-icin-al-kolay-header {
	font-size: 24px;
	position: relative;
	color: #54565a;
	font-weight: 600;
}

.benim-icin-al .benim-icin-al-header::before {
	content: "";
	border: 2px solid #fda818;
	width: 74px;
	position: absolute;
	bottom: -7px;
}

.benim-icin-al-btn {
	width: 100%;
	background: #fda818 !important;
	color: white !important;
}

.benim-icin-al-btn:hover {
	background: white !important;
	color: black !important;
	border: 1px solid black;

}


.benim-icin-al-kolay {
	margin: 50px auto;
	position: relative;

}


.benim-icin-al-kolay-explain span {
	font-weight: bold;
}

.benim-icin-al-kolay-header::before {
	content: "";
	border: 2px solid #fda818;
	width: 74px;
	position: absolute;
	bottom: -7px;
}

.benim-icin-al-kolay-header::after {
	content: "";
	border: 1px solid #464646;
	position: absolute;
	height: 39px;
	left: 36%;
	top: 0;
}

/* ---------------------------hesablogin------------------ */

.dropdown-menu.dropdown-hesabim a {
	background: unset !important;
	color: #54565a !important;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
	border-radius: unset !important;
	padding-left: unset !important;
}

.dropdown-menu.dropdown-hesabim p {
	margin-bottom: unset !important;
	color: #54565a !important;
}

.dropdown-menu.dropdown-hesabim a:first-child {
	padding-left: unset !important;
	font-weight: bold;
}

.dropdown-menu.dropdown-hesabim a:last-child {
	border-bottom: unset !important
}

.dropdown-hesabim .dropdown-item.mont i,
.dropdown-item.mont img {
	margin-right: 20px;
	font-size: 18px;
	width: 10px;
}

.dropdown-hesabim .dropdown-item.mont img {
	width: 14%;
}

.siparis-alindi {
	display: flex;
}

.paket-yon-modal-page .payment-teslimat-adres-header {
	height: unset;
}

.paket-yon-modal-page .paket-modal-header img {
	left: 29%;
}

.siparis-alindi .payment-teslimat-adres-header .checkbox svg {
	border: 1px solid #bebdbd;
	border-radius: 4px;
}

.siparis-alindi .paket-yon-rebember {

	margin: unset;
}

/* ------------hesabım page---------- */

.uyelik-box {
	box-shadow: rgba(134, 134, 134, 0.35) 0px 0px 10px;
	height: 180px;
	border-radius: 2px;
	position: relative;
	text-align: center;
	padding: 20px;
	margin-top: 25px;
}

.hesabim {
	margin-top: 50px;
}

.hesabim-box {
	border: 1px solid rgba(0, 0, 0, .05) !important;
}

.hesabim-item-box {
	padding: 20px;
}

.hesabim-header {
	background: #f6f6f6;
}

.hesabim-header p {
	padding: 10px;
	color: #464646 !important;
	font-weight: 600;
	height: 50px;
	display: flex;
	align-items: center;
}

.btn.odeme-yap-btn {
	background: #049900 !important;
	color: white;
	width: 126px;
	height: 33px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.odeme-yap-box {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-right: 89px;
}

.pay-img {
	margin-top: 8px;
}

.calc p {
	margin-bottom: unset;
}

.calc {
	margin-top: 4px;
}

.hemen-al {
	background: #fda818 !important;
	color: white !important;
	width: 80%;
}

.uyelik-box p {
	color: #464646 !important;
}

.uyelik-box p {
	font-size: 22px;
}

.uyelik {
	font-size: 20px;
	color: #464646;
	font-weight: 600;
}

.price-time span {
	font-weight: 650;
	font-size: 22px;
}

/* ------input arrows--- */
input[type=number] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ---------------------- */
.price-time .hemen-al:hover {

	background: white !important;
	color: black !important;
	border: 1px solid black;
}

.uyelik i {
	color: #fda818;
}

.hesabim .payment-teslimat-adres-header {
	height: unset !important;

}

.hesabim .payment-teslimat-adres-header p {
	font-size: 13px !important;
}

.hesabim-left-box .nav-pills .nav-link.active,
.hesabim-left-box .nav-pills .show>.nav-link {
	color: #464646 !important;
	background-color: unset !important;
}

#v-pills-tab a {
	color: #5f5f5f !important;
	border-radius: unset !important;
	position: relative;
}


.hesabim-left-box .nav-link.active.show::before {
	content: "" !important;
	border: 2px solid #fda818 !important;
	position: absolute;
	left: 3%;
	height: 66%;
}

.hesabim-left-box .nav-link.active::before {
	content: "" !important;
	border: 2px solid #fda818 !important;
	position: absolute;
	left: 3%;
	height: 66%;
}

#v-pills-messages {
	border: 1px solid #d4d2d2 !important;
	padding: 20px;
}


/* -------------------table------------------- */
.table {
	margin: 50px auto;
	position: relative;
	border-top: 2px solid #dad9d9;
;
}

.table.table-striped i {
	font-size: 19px;
	color: #fda818;
}

.table.table-striped span i {
	color: red !important;
}

.table td,
.table th {
	text-align: center !important;
	border: unset !important;
}

td {
	text-align: center;
}

td:first-child {
	position: absolute;
}

thead {
	background-color: rgba(0, 0, 0, .05) !important;
}

thead th {

	font-weight: 500 !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: unset !important;
}

.table-striped tbody tr:nth-of-type(2n) {
	background-color: rgba(0, 0, 0, .05) !important;
}


/* -----------------siparislarim-------------------- */

.siparis-ayrinti p {
	font-size: 11px !important;
	color: black;
}

.siparis-deneme {
	display: flex;
	justify-content: space-between;
}

.siparis-deneme p:last-child {
	width: 48%;
	width: 36%;
}

.siparis-ek-bilgi p {
	width: unset !important;
}

.siparis-ayrinti i {
	color: #fda818;
	font-size: 14px !important;
}

.siparis-detay-infomation-box .tab-content {
	padding: unset !important;

}

.siparis-detay-infomation-box~.tab-content {
	padding: unset !important;

}

.siparis-detay-infomation-box .tab-label {
	display: flex;
	justify-content: center !important;
	padding: unset;
	background: #fda818 !important;
	border-radius: 4px !important;
	color: white !important;
	font-size: 14px !important;
	padding-right: 27px !important;
	cursor: pointer;
	height: 35px;
	align-items: center;
}

.urun-renk-gir,
.urun-renk {
	width: 100%;
	background-color: #f2f2f2;
	height: 35px;
	margin-top: 5px;
	position: relative !important;
	opacity: unset !important;
	z-index: unset !important;
}

.urun-renk-gir {
	border: 1px solid #ff0000;
}

.urun-renk {
	border: 1px solid #00a500;
}

.urun-renk-gir::placeholder,
.urun-renk::placeholder {
	color: rgba(0, 0, 0, 0.87);
	font-size: 12px;

}

.urun-renk-gir:focus-visible,
.urun-renk:focus-visible {
	outline: unset !important;
}

.ek-bilgi-img {
	margin-bottom: 25px;
}

.guncelle-btn {
	background: #fda818 !important;
	color: white;
	height: 35px;
	width: 154.6px;
	right: 0;
	font-size: 14px !important;
	top: 0px;
	width: 100%;
}

.siparis-box {
	border: 1px solid rgba(0, 0, 0, .05) !important;
}

.siparis-detay-box {
	padding: 20px;
	padding-top: unset;
}

.siparis-box p {
	font-size: 13px;

}

.siparis-box i {
	font-size: 12px;
}

.siparis-detay {
	background: #fda818 !important;
	color: white !important;
	width: 100%;
	width: 87%;
	margin-left: 21px;
	font-size: 14px !important;
	margin-top: 4px;
}

.siparislerim-header {
	background-color: rgba(0, 0, 0, .05) !important;

}

.siparislerim-header p {
	color: #464646 !important;
	font-weight: 600;
	font-size: 16px !important;
	margin-top: -8px;
}

.siparislerim-header {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	height: 50px;
}

.select {
	position: relative;
	margin-top: -14px;
	height: 39px;
}

.select select:focus {
	box-shadow: unset !important;
	border-color: rgba(3, 3, 3, 0.05) !important;
}

.select svg {
	position: absolute;
	right: 12px;
	top: calc(50% - 3px);
	width: 10px;
	height: 6px;
	stroke-width: 2px;
	stroke: #9098a9;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.select select {
	-webkit-appearance: none;
	padding: 7px 40px 7px 12px;
	width: 100%;
	border: 1px solid #e8eaed;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 3px -2px #9098a9;
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	transition: all 150ms ease;
}

.select select:required:invalid {
	color: #464646;
}

.select select option {
	color: #223254;
}

.select select option[value=""][disabled] {
	display: none;
}

.select select:focus {
	outline: none;
	border-color: #07f;
	box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}

.select select:hover+svg {
	stroke: #FDA818;
}

.sprites {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}

/* .siparis-detay-item.siparis-borders:first-child {
	top: 10px;
} */

.siparis-detay-item.siparis-borders {
	border-bottom: 1px solid gray;
	position: relative;
	/* top: 20px; */
}

.siparis-detay-item.siparis-tab-border {
	border-top: 1px solid #f2f2f2;
}

.siparis-detay-item.siparis-borders:last-child {
	/* top: 20px; */
	border: unset;
}

.siparis-detay-item.siparis-tab-border {
	padding: 20px;
	padding-bottom: 20px;
	padding-bottom: unset;
}

.odeme-yap-explain p {
	margin-bottom: unset;
}

.siparis-detay-item {
	/* margin: 20px auto; */
	margin-top: 23px;
}


.siparis-detay-img {
	border: 1px solid rgba(0, 0, 0, .05);
	position: relative;
	display: flex;
	justify-content: center;
	height: 123px;
	width: 115px;
}

.siparis-detay-img img {
	width: 84%;
	object-fit: contain;

}

.siparis-alindi {
	color: #fda818;
	font-weight: bold;
}

.siparis-detay-explain {
	margin-top: 36px;
}

.siparis-alindi span i {
	color: red;
}

.dropdown-menu.dropdown-hesabim a:hover {
	background: #f2f2f2 !important;
}

.dropdown-menu.dropdown-hesabim a:first-child:hover {
	background: unset !important;
}

.urun-label-box input {
	position: unset !important;
	opacity: unset !important;
	z-index: unset !important;
}

.urun-label-box button {
	margin: unset;
}

.urun-label-box {
	width: 100%;
}

.urun-label-box {
	display: flex;
}



/* /* --------------------siparis ayrıntıları----------- */
.siparis-ayrinti-no {
	display: flex;
}

.siparis-ayrinti-no p {
	font-size: 13px;
}

.siparis-detay-urun-kategori p:last-child {
	width: 34%;
}

.siparis-detay-urun-kategori {
	display: flex;
	justify-content: space-between;
}


.siparis-detay-urun-item {
	position: relative;
}

.siparis-detay-box p {
	color: #54565a !important;
}

.siparis-ayrinti-header {
	font-size: 14px !important;
	font-weight: 600 !important;

}

.siparis-ayrinti-icon-box img {
	width: 64%;
}

.siparis-ayrinti-icon-box {
	display: flex;
	position: absolute;
	right: 0;
}

.siparis-ayrinti-icon-box .btn {
	background: transparent !important;
	height: 41px;

}

.siparis-ayrinti-icon-box .back-siparislerim img {
	width: 45%;
}


.siparis-ayrinti-icon-box p {
	font-size: 12px !important;
	margin-bottom: unset;
}

.btn.back-siparislerim {
	color: rgba(36, 36, 36, 0.62);
	height: 41px;
}

.siparis-ayrinti-icon-box button {
	margin-top: unset;
}

.back-siparislerim i:hover {
	transform: scale(1.2);
}

.btn.exel {
	color: rgba(36, 36, 36, 0.62);
}

.btn.pdf {
	color: red;
}

.btn.print {
	color: rgba(36, 36, 36, 0.62);
}

.btn.print img {
	width: 65%;
}

.btn.exel img {
	width: 100%;
}




/* -----------------------------Kullanıcı Bilgilerim-------------------- */
.general-adress-header {
	font-weight: 600;
}

.general-adress {
	padding: 20px;
}

.general-adress-box p {
	font-size: 12px;
	margin-bottom: unset;
}

.general-adress-box {
	background: #f2f2f2;
	padding: 10px;
	position: relative;
}

.general-adress-header {
	margin-bottom: unset;
}

.btn.genaral-adress-copy {
	background: #fff !important;
	color: black;
	position: absolute;
	right: 13px;
	top: 35%;
	font-size: 12px;
}

.user-information-header {
	background: rgba(0, 0, 0, .05);
	position: relative;
	height: 50px;
}

.user-information-header p {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 12%;
	top: 50%;
}

.user-inf-header {
	font-weight: 600;
}

.user-information-header p {
	font-size: 16px;
	font-weight: 600;
	color: #686868;
}

.user-information-item {
	display: flex;
	justify-content: space-between;
	margin-top: 21px;
	position: relative;

}

.onayla-link {
	position: absolute;
	right: 0;
	top: 0px;
	height: 29px;
}

.btn.onay {
	background: #5C954A !important;
	color: white;
	height: 29px;
	font-size: 12px;
	display: flex;
	align-items: center;
	border-radius: 0;
	margin-top: 0px;
}

.btn.onay-red {
	background: #EA5732 !important;
	color: white;
	height: 29px;
	font-size: 12px;
	display: flex;
	align-items: center;
	border-radius: 0;
	margin-top: 0px;
}

.password-save {
	margin-top: 20px;
	position: relative;
	width: 100%;
}

.user-information {
	border: 1px solid rgba(0, 0, 0, .05);
}

.user-information p {
	color: rgb(82, 82, 82);
}

/* --------------------------------uyari--------------------- */


.switch-field {
	display: flex;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: 1px;
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked+label {
	background-color: #fda818;
	box-shadow: none;
	color: white;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
	width: 88px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
	width: 88px;
}


.form {
	max-width: 600px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.625;
	margin: 8px auto;
	padding: 16px;
}


.uyari span {
	position: relative;
	right: 0;
	right: 0 auto;
	display: flex;
	justify-content: end;
	font-size: 12px;
	top: 0;
	margin-top: -13px;
}

.uyari span {
	display: flex;
	justify-content: end;
	font-size: 12px;
	margin-top: -13px;
}

.uyari {
	position: relative;
	width: 100%;
}

/* ----------------------------uyarı end---------------------------- */
.user-information-item input {
	width: 64%;
	height: 29px;
	background: rgba(0, 0, 0, .05);
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, .05);

}

.user-information-box::after {
	content: "";
	border: 1px solid rgba(0, 0, 0, .05);
	right: 0 !important;
	position: absolute;
	top: 0;
	height: 90%;

}

.user-information-box-rigt::after {
	border: unset !important;
}

.user-information-box ::placeholder {
	color: rgba(0, 0, 0, 0.692);
	font-size: 12px;
}

.user-information-box-two .user-information-item {
	margin: 17px auto;
}

.user-information-item .form-control {
	color: rgba(0, 0, 0, 0.418) !important;
}

.select-date {
	display: flex;
	width: 51%;
}

.select-date .form-control {
	margin: 2px !important;
	border-radius: unset !important;

}

.select-date .form-control.form-control-sm {
	font-size: 12px;
	background: rgba(0, 0, 0, .05);
	border: 1px solid rgba(0, 0, 0, .05);
	width: 42%;
}

.select-date .form-control.form-control-sm:last-child {
	width: 100% !important;
}

.select-date .form-control.form-control-sm:first-child,
.select-date .form-control.form-control-sm:nth-child(2) {
	margin-right: 9px !important;
}

.gender {
	background: #fda818 !important;
	color: white !important;
	margin: 0 !important;
	width: 88px;
	height: 31px;
	border-radius: unset !important;
	padding: 0 !important;
}

.user-information-boxes {
	padding: 20px;
	margin-bottom: 20px;
}

#hesap-inf {
	left: 9% !important;
}

.btn-save {
	background: white !important;
	border: 1px solid rgba(0, 0, 0, .05) !important;
	color: black;
	/* float: right; */
	width: 50%;
	clear: both;
	position: absolute;
	right: 0;
	transition: .3s ease-in-out 0.s;
}

.btn-save:hover {
	background: #fda818 !important;
	color: white !important;
}


/* -----------------------adress------------------------------- */

.adress-kategori .btn-primary {
	background: rgba(0, 0, 0, .05) !important;
	height: 289px;
	border: unset !important;
	width: 100%;
}

.payment-section-page .adress-kategori .btn-primary i {
	font-size: 30px !important;
}

.modal-content button:focus {
	outline: unset !important;
}

.adress-kategori .modal-content {
	width: 100% !important;
}

.adress-kategori-box {
	padding: 50px;
}

.adress-kategori .modal-header h5 {

	font-size: 16px !important;

}

.registered-address-information {
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 11px;
	font-size: 12px;
	height: 115px;
	margin-top: -9px;
	width: 100% !important;
}

.home-two {
	margin-top: 52px;
}

.home {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: -24px;
}

.home i {
	color: rgba(0, 0, 0, 0.356);
}

.adress-inf-text {
	height: 88px;
	overflow: hidden;
}

.registered-address-information p,
.home p {
	color: gray !important;
}

.modal-adress-information {
	margin-bottom: 15px;
}

.modal-adress-information .modal-body-information input,
.modal-adress-information .modal-body-information select {
	height: 30px !important;
}

.modal-body-information {
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
	position: relative;

}

.modal-body-information input,
.modal-body-information .form-control {
	font-size: 12px;
	color: gray;
}

.modal-body-information .form-control {
	padding: .25rem 0rem;
	width: 50% !important;
	margin: 0 !important;
	border-radius: unset !important;
	height: unset;
}

.modal-information-box {
	padding: 20px;
	padding-bottom: unset;
}

.modal-information-box input {
	width: 50%;
	border: 1px solid #ced4da;
}

.modal-information-box i {
	color: rgb(71, 71, 71);
}

.btn.btn-adres-kayit-et {
	background: #fda818 !important;
	color: white !important;
	width: 50%;
	left: 25%;
	position: relative;
	transition: all .5s;
}

.btn.btn-adres-kayit-et:hover {

	background: white !important;
	color: gray !important;
	border: 1px solid rgba(0, 0, 0, 0.267);

}

.modal-information-box img {
	width: 30%;
	margin-bottom: 10px;
	position: relative;
	left: 33%;

}

.modal-logo {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	margin-bottom: 20px;
}

.delete-adres-button,
.edit-adres-button,
.trash-adres-button {
	background: transparent !important;
}

.delete-adress {
	margin-top: -15px;
	position: absolute;
	right: 0;
}

.delete-adress button {
	width: 10px;
}

.usualy-check i {
	color: green !important;
}

.modal-body-information .adres-modal-img {
	width: 4%;
	position: absolute;
	left: 0;
}

.modal-body-text {
	margin-left: 21px;
}

.adres-modal-img.number-img {

	margin-top: 4px;
}



/* -------------cüzdanım--------------- */
.cuzdanim input::placeholder {
	opacity: .5;
}

.cuzdan {
	border: 1px solid rgba(0, 0, 0, .05) !important;
}

.islem-gecmisi {
	margin: 20px auto;
	padding: 20px;
}

.islem-header {
	font-size: 14px;
}

.islem-gecmisi-box {
	margin-top: -27px;
}

.last-use-cart input {
	width: 100%;
}

.last-use-cart .form-control {
	width: 100% !important;
}

.last-use-cart {
	width: 70%;
}

.last-use-header p {
	margin-bottom: unset;
	font-size: 13px;
}

.cvv {
	margin-top: -23px;
}

.cvv label {
	font-size: 13px !important;

}

.cvv input {
	height: calc(1.8125rem + 2px) !important;
	border-color: rgba(0, 0, 0, .05) !important;
	background-color: rgba(0, 0, 0, .05) !important;
	margin-top: 2px;


}

.cuzdanim p {
	font-size: 13px;
}

.cuzdanim ::placeholder {
	color: rgb(0, 0, 0);
	font-size: 12px;
	text-align: right;

}



.cuzdanim-item-box input,
.cuzdanim-item-box select {
	background: rgba(0, 0, 0, .05) !important;
	border: 1px solid rgba(0, 0, 0, .05) !important;
}

.cuzdanim-item-box p {

	margin-bottom: unset !important;
}

.cuzdanim {
	margin: 20px auto;
}

.cuzdanim input {
	width: 70%;
	height: 30px;
	margin-top: 13px;
}

.visa img,
.master img {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .05) !important;
	padding: 10px;
	height: 40px;
	object-fit: contain;
	margin: 10px auto;
}

.card-save {
	font-size: 11px;
	width: 70%;

}

.cuzdanbakiye-modal-page .payment-teslimat-adres-header .checkbox.path {
	height: 20px !important;
}

.cuzdanbakiye-modal-page .card-save {
	width: 100% !important;
}

.cuzdanbakiye-modal-page .payment-teslimat-adres-header {
	display: unset !important;
}

.cuzdanbakiye-modal-page .teslimat-adres-change {
	margin-top: unset !important;
}

#cuzdan-bakiye-two {
	margin-left: 28px;
	margin-bottom: .5rem;
	font-size: 15px;
}

*,
::after,
::before {

	box-sizing: border-box;

}

* {

	list-style: none !important;
	text-decoration: none !important;
	margin: 0;
	padding: 0;

}

.payment-teslimat-adres-header .checkbox.path input:checked+svg {

	--a: 16.1 86.12;
	--o: 102.22;

}

.payment-teslimat-adres-header .checkbox.path svg {

	stroke-dasharray: var(--a, 86.12);
	stroke-dashoffset: var(--o, 86.12);

}

.payment-teslimat-adres-header .checkbox svg {

	pointer-events: none;
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--stroke, var(--border-active));

}

.cuzdanbakiye-modal-page #c-bakiye {
	font-size: 15px !important;
}

#cuzdan-bakiye {
	font-size: 15px;
}

.cuzdanbakiye-modal-page .yatir {
	width: 100%;
}

.cuzdanbakiye-modal-page .payment-teslimat-adres-header .checkbox {
	--border-active: #fda818;
}

.cuzdanbakiye-modal-page .payment-teslimat-adres-header {
	height: 57px !important;
}

/* --------tooltip---------- */
.tooltip__item i {
	font-size: 33px;
	color: #fda818;
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.tool-tip-explain p:last-child {

	font-size: 12px;
}

.tool-tip-explain p:first-child {

	font-size: 13px;
}

.tooltip__item {
	display: flex;
	justify-content: space-between;
}

.cvv .tooltip {
	position: relative;
	opacity: unset !important;
}

.cvv .tooltip__item {
	position: absolute;
	min-width: 225px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
	background: white;
	transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
	color: #484848;
	border: 1px solid #cecece;
	border-radius: 3px;
	font-weight: 500;
	box-shadow: 0 2px 1px #bcbcbc;
	z-index: 4;
	font-size: 12px;
}

.cvv .tooltip__item:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.cvv .tooltip__initiator {
	cursor: pointer;
	z-index: 5;
}

.cvv .tooltip[data-direction=left] .tooltip__initiator:hover~.tooltip__item {
	transform: translate3d(83px, -123%, 0);
	visibility: visible;
	opacity: 1;
}

.cvv .tooltip[data-direction=left] .tooltip__item {
	top: 50%;
	right: calc(100% + 1em);
	transform: translate3d(15px, -50%, 0);
}

.cvv .tooltip[data-direction=left] .tooltip__item:after {
	bottom: -10px;
	right: 29px;
	transform: translate3d(0, -50%, 0);
	border-width: 0.5em 0 0.5em 0.5em;
	border-color: transparent transparent transparent white;
	-webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
	filter: drop-shadow(1px 2px 1px #bcbcbc);
	transform: rotate(84.8deg);
}

.cvv .tooltip[data-direction=bottom] .tooltip__initiator:hover~.cvv .tooltip__item {
	transform: translate3d(-50%, 0, 0);
	visibility: visible;
	opacity: 1;
}

.cvv .tooltip[data-direction=bottom] .tooltip__item {
	top: calc(100% + 1em);
	left: 50%;
	transform: translate3d(-50%, -15px, 0);
}

.cvv .tooltip[data-direction=bottom] .tooltip__item:after {
	top: -0.5em;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	border-width: 0 0.5em 0.5em 0.5em;
	border-color: transparent transparent white transparent;
	-webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
	filter: drop-shadow(1px -1px 1px #bcbcbc);
}

.cvv .fa.fa-info-circle {
	font-size: 38px;
	color: #21606b;
}


/* --------tool-tip-end------------- */



.tooltip__initiator i {
	color: #fda818;
}

.form-check {
	color: rgb(161, 161, 161);
	margin: 10px auto;
}

.yatir {
	background: #fda818 !important;
	color: white !important;
	width: 70%;
	border-radius: 1px !important;
}

.yatir:hover {
	background: white !important;
	color: black !important;
	border: 1px solid black;

}

.islem-gecmisi-box .table {
	margin: 20px auto;
	border-top: unset;
}

.islem-gecmisi-box thead {

	background-color: unset !important;
	font-size: 14px;
}

.islem-gecmisi-box .table td,
.islem-gecmisi-box .table th {
	text-align: unset !important;
}

.islem-gecmisi-box .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0, 0, 0, .05) !important;
}

.islem-gecmisi-box .table-striped tbody tr:nth-of-type(2n) {
	background-color: rgba(255, 255, 255, 0.05) !important;
}


/* ---------------------BLOG--------------- */
.iade-explain-box .iptalheader,
.iade-explain-box span {
	font-weight: bold;
}

.iade-explain-box .italic-explain {
	font-style: italic;
}

.blog {

	background: rgba(0, 0, 0, .05);
	height: 100px;
	position: relative;
}

.blog-left-page-box-header {
	color: #646464;
	font-weight: bold;
}

.blog-header,
.help-header {
	position: relative;
	height: 100px;
}

.blog-header h1,
.help-header h1 {
	position: absolute;
	left: 50%;
	/* display: flex; */
	/* height: 98px; */
	color: gray;
	/* align-items: center; */
	transform: translate(-50%, -50%);
	top: 50%;
	text-align: center;
	width: 100%;
}

.breadcrumb {
	background: white !important;
	padding: 0 !important;
	color: gray;
}

.btn-online {
	background: #fda818 !important;
	color: #fff !important;

}

/* .help-page .siparis-detay-box {
	padding:20px !important;
  } */

.help-page span {
	font-weight: bold !important;
}


.btn.btn-online {
	display: flex;
	width: 100%;
	position: relative;
	height: 39px;
	font-size: 13px;
}

.number {
	position: absolute;
	border: 1px solid white;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	top: 50%;
	transform: translate(-50%, -50%);
	right: 0px;
}

.number p {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 16px;
	margin-bottom: 0;
	transform: translate(-50%, -50%);
	font-size: 13px;
}

.kategori-information {
	margin-bottom: .5rem !important;
}

.kategori-header {
	background: rgba(0, 0, 0, .05);
	height: 35px;
	position: relative;
}

.kategori-header p {
	height: 35px;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.kategori-header p::before {
	content: "";
	border: 2px solid #fda818;
	height: 35px;
	position: absolute;
	left: 0;
}

.encok {
	position: relative;
}

.encok p:first-child::before {

	content: "";
	position: absolute;
	border: 2px solid #fda818;
	height: 13px;
	left: 0;
	top: 6px;
	border-radius: 2px;
}

.encok p:first-child {
	margin-left: 10px;
	color: #54565a;
}

.encok,
.bummbe-hakkinda,
.gelecek-tec {
	color: #54565a;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	margin-top: 10px;
}

.bulten span {
	color: rgba(0, 0, 0, 0.452);
}

.bulten .baslik {
	color: #54565a;

}

.bulten {
	margin-top: 20px;
}

.ticaret {
	margin-top: 10px;
}

.blog-img img {
	width: 100%;
	height: 135px;
	object-fit: cover;
}


.bummbe-nedir-date {
	display: flex;
	justify-content: space-between;
}

.bummbe-nedir-explain {
	font-size: 14px;
}

.bummbe-nedir-date {
	font-size: 12px;
}

.bummbe-nedir-date p:first-child {
	color: #54565b;
}

.bummbe-nedir-date p:last-child {
	color: #fda818;
}

.bummbe-nedir a {
	color: black;

}

.bummbe-nedir a:hover {
	color: #fda818;

}

.bummbe-nedir-item,
.bummbe-nedir-boxes,
.bummbe-nedir-boxess {
	padding: 20px;
}

.bummbe-nedir-boxess {
	border-top: 1px solid rgba(0, 0, 0, .05);
}


.blog-right-page-box-header {
	background: rgba(0, 0, 0, .05);
}

.blog-right-page-box-header p {
	padding: 10px;
}

.blog-page-right {
	border: 1px solid rgba(0, 0, 0, .05);
}

/* -------------------categori------------------ */
.time-wait .checkbox input,
.time-wait .checkbox svg {
	width: 15px !important;
	margin-top: 2px !important;
	height: 15px !important;

}

.select-box {
	display: flex !important;
}

.payment-teslimat-adres-header.paket-yon-rebember.time-wait .checkbox input {
	margin-right: 5px !important;
}

.time-wait {
	height: 20px !important;
	border: unset !important;
	padding: 0px !important;

	margin: unset !important;
}

.time-wait p {
	color: gray;
}

.time-wait .same-adres {
	position: relative;
	/* top: -8px; */
	width: 100%;
	margin-bottom: 4px;
}



.uyari-text {
	position: absolute;
	font-size: 12px;
	margin-bottom: unset;
	margin-left: 3px;
	color: #fda818;
	top: 80%;
	align-items: center;
	display: flex;
}

.first-select-form {
	border: 1px solid #fda818 !important;
}

.mobile-input {
	display: none;
}

.categori-box {
	border: 1px solid rgba(0, 0, 0, .05);
	margin: 50px auto;
}

.categori-bilgi-disable {
	opacity: 50% !important;
	pointer-events: none;
}

.categori-search {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
}

.categori-search-img::after {
	border: 1px solid #ece8e8;
	content: "";
	position: absolute;
	height: 49%;
	right: 96%;
	top: 28%;
}

.categori-header {
	background: rgba(0, 0, 0, .05);
}

.categori-header p {
	padding: 18px;
	color: rgb(83, 82, 82);
	font-size: 16px;
	font-weight: 650;
}

/* .categori-search-item img {
	position: absolute;
	width: 24px;
	top: 19px;
	left: 28px;
} */
.categori-search-item img {
	position: absolute;
	width: 24px;
	top: 50%;
	left: 2%;
	transform: translate(-50%, -50%);
}

.categori-search-item {
	position: relative;
	display: flex;
	height: 50px;
}

.categori-search-item-mobile {
	display: none;
}

.categori-search-item .form-control {
	padding: .375rem 2.75rem !important;
	/* padding: .375rem 2rem !important; */
	font-size: 14px !important;
}

.categori-form {
	width: 100% !important;

}

.categori-search-btn {

	position: absolute;
}

.categori-bilgi input,
.categori-bilgi select {
	margin: 10px auto;
}

.empty {
	background: white;
	position: absolute;
	top: 9px;
	right: -23px;
	color: black;
	font-size: 12px;
	width: 90px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	top: 50%;
	transform: translate(-50%, -50%);
}

.empty:hover {
	color: unset !important;
}

.categori-bilgi input,
.categori-bilgi select {
	background-color: #f2f2f2;
	border: unset;
	color: gray;
	font-family: 'Open Sans', sans-serif !important;

}

.categori-bilgi .form-control:focus {
	background-color: #f2f2f2 !important;
}


.btn.categori-search-btn {
	right: -6%;
	background: #fda818 !important;
	color: white;
	width: 149px;
	margin-top: unset;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.btn.categori-search-btn:hover,
.urunu-ekle:hover,
.btn-teslimat-incele:hover,
.btn-teslimat-duzenle:hover,
.btn-teslimat-sil:hover,
.alisveris-tamamla-active:hover {
	background: #fda818 !important;
	border: 1px solid #fda818 !important;
	color: white !important;
}

.btn.categori-temizle-btn {
	background: white;
	background-color: white;
	border: 1px solid red;
	color: red;
	/* margin-top: 10px; */
	width: 100%;
}


.btn.categori-temizle-btn:hover {

	background: red !important;
	color: white !important;


}

.custom-file-label {
	height: 30px !important;
}

.custom-file-label::after {

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c6" !important;
	height: 30px !important;
	background-color: white !important;
}

.upload {
	text-align: center;
	margin-top: -5px;
	position: relative;
}



.categori-bilgi {
	margin-top: 30px;
	position: relative;
}

.categori-select-form {
	width: 100% !important;
	height: 35px !important;
	font-size: 12px !important;
}

.screen-shot p:first-child {
	color: rgb(83, 82, 82) !important;
}

.screen-shot {
	font-size: 13px;
	color: red;
}

.odenecek-bilgi {
	display: flex;
	position: relative;
	justify-content: end;
	/* margin-top: 50px;
	position: relative; */
}

.paket-bilgi {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.paketyon-urun-ekle-button {
	position: relative;
	clear: both;
}

.paketyon-urun-ekle-button .paket-yon-btn {
	float: right;
}

.qty__selector-module-controls {

	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	height: 35px;
	margin-top: 11px;
}

.qty__selector-module-controls>* {
	height: 48px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	border: 0;
	background-color: #f2f2f2;
	outline: none;
	border-radius: 0;
	margin-top: -5px;
}

.qty__selector-module-controls button {
	width: 30px;
	height: 30px;
	font-size: 24px;
	border-radius: 50%;
	transition: all 0.1s ease-in-out;
}

.qty__selector-module-controls button:hover {

	color: #fda818;
	cursor: pointer;
}


.qty__selector-module-controls .qtySelector {
	height: 35px;
	width: 61%;
	padding: 6px;
	margin: 0 12px 0 12px;
	text-align: center;
	font-size: 18px;
	opacity: 0.7;
	transition: all 0.7s ease-in-out;
	user-select: none;
}

.qty__selector-module button:focus {
	outline: unset !important;
}

.qty__selector-module input:focus-visible {
	outline: unset !important;
}

.paket-page .categori-bilgi .form-control {
	background-color: #f2f2f2 !important;
	border: unset !important;

}

.teslimat-img-aciklama button,
.teslimat-img-aciklama a,
.teslimat-img-aciklama form {
	width: 32%;
	height: 30px;
	padding: unset !important;
	font-size: 16px;
}

.teslimat-img-aciklama form button {
	width: 100% !important;

}

.teslimat-img-aciklama a {
	display: flex;
	justify-content: center;
	align-items: center;

}

.teslimat-aciklama-button-box {
	display: flex;
	justify-content: space-between;
}

.teslimat-img-aciklama {
	width: 100%;
	position: relative;
}

.urunu-ekle {
	background: #fda818 !important;
	color: white;
	width: 200px;
	clear: both;
}

.odenecek-aciklama {
	position: absolute;
	right: 16%;
	top: 60%;
	font-size: 12px;
	transform: translate(-50%, -50%);
}

.teslimat-box {
	border: 1px solid rgba(0, 0, 0, .05);
	margin: 20px auto;
}

.teslimat-box p {
	font-size: 13px;
	clear: both;
	border: 1px solid rg;
}

.teslimat-magaza-fiyat {

	display: flex;
	justify-content: end;
}

.teslimat-magaza-fiyat:last-child {
	display: unset;
	justify-content: unset;
}

.teslimat-magaza-fiyat span p {
	color: green;
	font-weight: bold;
	text-align: end;
	font-size: 15px !important;
}

.teslimat-box-aciklama {
	text-align: center;
}

.teslimat-box-aciklama p:first-child {
	font-weight: 600;
}

.teslimat-header {
	/* display: flex; */
	background: rgba(0, 0, 0, .05);
	padding: 10px;
	height: 40px;
	position: relative;
}

.teslimat-box-head-header {
	text-align: right !important;
}

.teslimat-adet p {
	margin-bottom: unset;
}

.teslimat-box-header span {
	color: #fda818;
}

.teslimat-box-aciklama span {
	border-bottom: 1px solid rgb(161, 161, 161);

}

.teslimat-box-aciklama i {
	color: red;
}

.btn-teslimat-incele,
.btn-teslimat-duzenle,
.btn-teslimat-sil {
	background: white !important;
	color: rgb(90, 90, 90);
	border: 1px solid rgba(0, 0, 0, 0.322) !important;
}

.teslimat-adet input {
	width: 50% !important;
	height: 32px !important;
	font-size: 12px !important;
	padding: unset !important;
	text-align: center !important;
}

.teslimat-adet p {
	font-weight: 600;
}

.teslimat-adet .quantity input {
	width: 100%;
}


.teslimat .quantity {
	position: relative;
}

.teslimat .quantity input[type="number"]::-webkit-inner-spin-button,
.teslimat .quantity input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.teslimat .quantity input[type="number"] {
	-moz-appearance: textfield;
}

.quantity input {
	width: 48px !important;
	height: 33px !important;
	line-height: 1.65;
	float: left;
	display: block;
	padding: 0;
	color: gray;
	padding-left: 0px;
	margin: 0;
	padding-left: 10px;
	border: 1px solid #eee;
}

.quantity input:focus {
	outline: 0;
}

.quantity-nav {
	float: left;
	position: relative;
	height: 30px;
}

.quantity-button {
	position: relative;
	cursor: pointer;
	border-left: 1px solid #eee;
	width: 20px;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.1;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0;
	border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
	position: absolute;
	bottom: -1px;
	height: 50%;
}


.arttir-azalt input {
	width: 28% !important;

}

.teslimat-img {
	border: 1px solid rgba(0, 0, 0, .05);
	position: relative;
	height: 104px;
}

.teslimat-img img {
	width: 46%;
	position: absolute;
	height: 100px;
	object-fit: contain;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.teslimat-body {
	padding: 20px;
}

.teslimat-btn-box {
	display: flex;
	justify-content: end;
}

.teslimat-btn-box button {
	width: 180px;
}

.btn.yeni-urun-ekle {
	background: white !important;
	color: black;
	border: 1px solid black;
}

.alisveris-tamamla-disable {
	background: rgba(0, 0, 0, 0.233) !important;
	color: white !important;
}

.alisveris-tamamla-active {
	background: #fda818 !important;
	color: white !important;
}

.teslimat-btn-box button {
	margin-left: 10px;

}

.btn.yeni-urun-ekle:hover {
	background: #fda818 !important;
	color: white;
	border: 1px solid #fda818;
}

.categorithree-img {
	position: relative;
	border: 1px solid rgba(0, 0, 0, .05);
	height: 166px;
}

.categorithree-img img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100px;
	object-fit: contain;

}

.guncelle {
	float: right;
}

.categorithree-explain {
	margin-top: 61px;
}

.truck {
	text-align: end;
	margin-top: 20px;
}

.truck p i {
	color: red;
	font-size: 20px;
}

.head-upload .upload {
	margin-top: 13px !important;
}

.head-upload .custom-file {
	width: 100% !important;
	position: relative !important;

}

.sepetim-head-select select {
	height: 35px !important;
}

.upload .custom-file {
	width: 14%;
	position: absolute;
	right: 0;
}

.upload .custom-file i {
	background-color: #fda818;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 3;
	cursor: pointer;
	display: block;
	height: 28px;
	padding: .375rem .75rem;
	line-height: 1;
	color: #ffffff;
}

.custom-file-label::after {
	height: 28px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

/* .categori-two .teslimat-header {
	display: flex !important;
  } */
.language select {
	background: #fda818;
	border: unset;
	color: white;
	font-weight: 600;
	margin-top: 12px;
}

/* ----------language end -------------- */



/* ------------login register -------------- */

.sing-up-information {
	position: relative;
}
#togglePassword {
	position: absolute;
	right: 5px;
	font-size: 12px;
	top: 57%;
	color: gray;
	cursor: pointer;
}
.register-login .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: #fda818 !important;
	color: white !important;
}

.register-login .nav-item a {
	color: #fda818 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
}

.login-register-item {
	margin: 50px auto;
	width: 50%;
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	/* height: 80px;
	display: flex;
	justify-content: center;
	align-items: center; */

}

.login-register-item-border-box {
	border: 1px solid rgba(0, 0, 0, .05);

}

.login-register-item-border {

	padding: 30px;
}

.uyelik-sec {
	text-align: center;
}

.sing-up-information input,
.uye-ol select {
	height: 30px !important;
}

.uye-ol .radio label {
	width: 100%;
	text-align: center;
}

.login-register-item #pills-tab {
	display: flex;
	justify-content: center;
}

.sing-up-information input {
	width: 100%;
	border: 1px solid rgb(206, 212, 218);
}

.sing-up-information select {
	width: 100% !important;
	border-radius: unset !important;

	font-size: 12px !important;
	margin: unset;

}

.uye-ol p,
.uye-ol span {
	color: rgb(92, 92, 92);
}

.sing-up-information p {
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 1px !important;
}

/* .radio {
	margin: 20px auto;

} */
.radio span {
	font-size: 15px;
}

.radio input {
	width: 10%;
	margin-right: 10px;


}

.radio label {
	cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {

	accent-color: green !important;

}

.kullanim-sozlesme label {
	margin: 6px auto;
}

.kullanim-sozlesme {
	margin-top: 18px;
}

.kullanim-sozlesme label {
	cursor: pointer;
	width: 100%;
}

.uye-ol-button {
	background: #fda818 !important;
	color: white !important;
	margin-top: 20px !important;
	width: 100%;
}

.hatirla-sifremi-unuttum {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.login-register-item .nav-item {
	width: 50%;
}

.login-register-item #pills-home-tab {
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.sifremi-unuttum a {
	color: #fda818;
	transition: .5s;
	cursor: pointer;
}

.sifremi-unuttum a:hover {
	color: black;
}

.hatirla-sifremi-unuttum label {
	cursor: pointer !important;
}

/* -----------pagination------------- */
.pagination_rounded,
.pagination_square {
	display: flex;
	justify-content: center;

}

.pagination_rounded ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 20px auto;
}

.pagination_rounded li:first-child {
	margin-left: 0px
}

.pagination_rounded ul li {
	float: left;
	margin-left: 20px;
	position: relative;
	border: 1px solid #f2f2f2;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.pagination_rounded ul li a:hover {
	color: #fda818;
	border-color: #fda818;
}


.pagination_rounded .prev {
	margin-left: 0px;
	border-radius: 35px;
	width: 90px;
	height: 34px;
	line-height: 34px
}

.pagination_rounded ul li a {
	float: left;
	color: #54565b;
	/*! border-radius: 50%; */
	line-height: 30px;
	/*! height: 30px; */
	/*! width: 30px; */
	text-align: center;
	margin-bottom: 40px;
	transition: .3s;
	/*! border: 1px solid #e0e0e0 */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
}

.pagination_rounded .prev i {
	margin-right: 10px
}

.pagination_rounded .next {
	border-radius: 35px;
	width: 90px;
	height: 34px;
	line-height: 34px
}

.visible-xs {
	display: none !important
}

.blog-page-right .active a {
	color: #fda818 !important;
	border-color: #fda818 !important;
}

/* ----------------------- blog detay------------------- */
.blog-detay-box {
	padding: 50px;
}

.blog-detay-head-img img {
	width: 100%;
}

.share {
	display: flex;
}

.share p {
	border-bottom: 1px solid #54565a;
	color: #54565a;
}

.share-icons {
	margin-left: 50px;
	color: #fda818;

}

.share-icons i {
	color: #fda818;

}

.share-icons i {
	margin-right: 10px;
	transition: .2s ease-in-out .0s;
}

.share-icons i:hover {
	transform: scale(1.4);
}

.blog-back-home {
	margin-top: 10px;
}

.blog-back-home a {
	color: #fda818;
	transition: .2s;
}

.blog-back-home a:hover {
	color: black;
}

.blog-detay-header {
	color: #54565a;
	font-weight: bold;

}

.blog-detay-header:first-child {
	margin-top: 20px;
}

.blog-detay-header-explain {
	font-size: 13px;
}

/* .blog-left-page-home .breadcrumb-item a {
	color: #62778a;
} */
.breadcrumb-item a {
	color: #62778a;
	transition: .2s ease-in-out .0s;
}

.breadcrumb-item a:hover {
	color: #fda818;



}

/* -----------------aydinlatma- metni ------------------ */
.aydinlatma-modal-page .modal-dialog {
	overflow-y: initial !important;
}

.aydinlatma-modal-page .modal-body {
	overflow-y: auto !important;
	height: 80vh;
	scrollbar-color: #fda818 white;
}

.aydinlatma-modal-page .aydinlatma-header {
	font-size: 16px;
	font-weight: 600;
}

.aydinlatma-modal-page p {
	font-size: 13px;

}

.aydinlatma-modal-page span {
	font-size: 12px;
	font-weight: bold;
}

.aydinlatma-modal-page .close span {
	font-size: 24px !important;
}

/* -----------------uyelik-sozlesmesi------------------- */
.uyelik-sozlesmesi .modal-dialog {
	overflow-y: initial !important;
}

.uyelik-sozlesmesi .modal-body {
	overflow-y: auto !important;
	height: 80vh;
	scrollbar-color: #fda818 white;

}

.footer .iletisim ul li a:hover {
	padding-left: unset;
}

.uyelik-sozlesmesi .uyelik-header {
	font-size: 16px;
	font-weight: 600;
}

.uyelik-sozlesmesi p {
	font-size: 13px;

}

.uyelik-sozlesmesi span {
	font-size: 24px;
	font-weight: bold;
}

/* ----------------------comment---------------------- */
.siparis-page-modal .modal-header .close {

	color: white !important;
	opacity: unset;
	font-size: 20px;
}

.siparis-page-modal .modal-header p {
	font-size: 14px !important;
	color: white !important;
}

.comment-explain {
	width: 100%;
	display: flex;
	justify-content: space-between;
	/* padding: 1rem;
	padding-bottom: unset;
	padding-top: unset; */
	margin-bottom: 20px;
}

.comment-explain input {
	height: 37px;
	width: 47%;
	padding: .5rem;
	border: 1px solid #cacaca;
}

.rate {
	float: left;
	height: 46px;
	margin-top: -22px !important;
}

.rate:not(:checked)>input {
	position: absolute;
	top: -9999px;
}

.rate:not(:checked)>label {
	float: right;
	width: 1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 20px !important;
	color: #ccc;
}

.rate:not(:checked)>label:before {
	content: '★ ';
}

.rate>input:checked~label {
	color: #fda818;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
	color: #fda818;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
	color: #fda818;
}

.yorumcu {
	color: #fda818;
	font-weight: 600;
	margin-bottom: 1rem !important;
}


.satin-alinan {
	display: flex;
	justify-content: space-between;
}

.satin-alinan p {
	font-size: 12px;
}

.yorumlar-date p {
	font-size: 10px;
}

.yorumlar-explain p {
	font-size: 12px;
}

.rating {
	display: inline-block;
	width: 100%;

}

.like,
.dislike {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
}

.like:hover {
	color: #fda818;
	transition: all .2s ease-in-out;
	transform: scale(1.1);
}
.dislike:hover, grow:hover{
	color: #b20000;
	transition: all .2s ease-in-out;
	transform: scale(1.1);
}

.like-dlike .activedislike {
	color: #b20000;
}
.like-dlike .activelike {
	color: #fda818;
}
.dislike.grow {
	margin-top: 6px;
	position: absolute;
}

.rating i {
	font-size: 21px;
}



/* ------------ nasıl kullanılır page----------- */

#sync1 .item {
	background: transparent;
	padding: 80px 0px;
	margin: 5px;
	color: #FFF;
	border-radius: 3px;
	text-align: center;
}

#sync2 .item {
	background: #C9C9C9;
	/* padding: 10px 0px; */
	margin: 5px;
	color: #FFF;
	border-radius: 3px;
	text-align: center;
	height: 150px;
	cursor: pointer;
}

#sync2 .item img {
	height: 150px;
}

#sync2 .item h1 {
	font-size: 18px;
}

#sync2 .current .item {
	background: #0c83e7;
}

.owl-theme .owl-nav {
	/*default owl-theme theme reset .disabled:hover links */
}

.owl-theme .owl-nav [class*='owl-'] {
	transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}

#sync1.owl-theme {
	position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}

#sync1.owl-theme .owl-prev {
	left: 10px;
	width: 50px;
	background-color: #e4eaee;
	height: 50px;
	border-radius: 50%;
	position: absolute;
}

#sync1.owl-theme .owl-next {
	right: 10px;

	width: 50px;
	background-color: #e4eaee;
	height: 50px;
	border-radius: 50%;
	position: absolute;
}


.item iframe {
	width: 80%;
	height: 500px;
}


.owl-nav svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 13px !important;
	stroke: white !important;
}

/* .active {
	background-color: white;
	color: #fda818 !important;
	border-radius: 5px 5px 0px 0px;
  }
 .selected {
	 background-color: transparent !important;
 } */
#header\ navbar {
	background: red;
}

.video-header {
	color: black;
	display: flex;
	left: 10%;
	position: relative;
}

.video-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: white;
}

.video-icon {
	position: relative;
	border: 1px solid #fda818;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fda818;
	margin-top: 10px;
	margin-right: 10px;

}

.video-header span {
	font-weight: 600;
}

.video-header-explain {
	text-align: left;
}


#sync1 .owl-prev,
#sync1 .owl-next {
	display: none !important;
}

#sync2 .owl-prev {
	position: absolute;
	left: -69px;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	background-color: #e4eaee;

	top: 33%
}

#sync2 .owl-prev span {
	position: absolute;
	top: 39%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
}

#sync2 .owl-next {
	position: absolute;
	right: -69px;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	background-color: #e4eaee;
	top: 33%
}

#sync2 .owl-next span {
	position: absolute;
	top: 39%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
}

/* --------------pay-section----------------- */
.eft-card-box {
	display: flex;
	justify-content: center;
}

.eft-card-box .eft-card-section {
	margin: unset !important;
	font-size: 16px;
}

.eft-card-box .teslimat-icons-box .radio input[type="radio"]+.radio-label::before {
	margin-right: 10px;
}

.pay-section .pay-section-box-item {
	clip-path: polygon(100% 50%, 0 1600px, 0 -1600px);
	background: #fff;
	height: 125px;
	position: relative;
	width: 110%;
	z-index: 1;
}

.pay-section .pay-section-box {

	clip-path: polygon(100% 50%, 0 1600px, 0 -1600px);
	background: #f4f7f9;
	height: 125px;
	position: relative;

}

/*
.pay-section-cuzdan .payment-teslimat-adres-header {
	height: unset !important;
} */

.pay-section-cuzdan .cuzdanim-box {

	height: 247px;
}

.pay-section .pay-section-box-item::after {
	content: "";
	width: 100%;
	height: 5px;
	bottom: 0;
	position: absolute;
	z-index: 9;
	border: 4px solid #575757;
}

.pay-section .pay-section-box::after {

	content: "";
	width: 100%;
	height: 6px;
	bottom: 0;
	position: absolute;
	z-index: -1;
    border: 4px solid #fda818;
}

.payment-section-page .pay-section::after {
	content: "";
	width: 98%;
	height: 6px;
	bottom: 0;
	position: absolute;
	z-index: 0;
	background: linear-gradient(to right, #fda818 45%, #ff9800 0%);
}

.payment-box.pay-section::after {
	content: "";
	border: 1px solid #f2f2f2;
	position: absolute;
	left: 14px;
	height: 100%;
	width: 51%;
	background: transparent;
	border-right: unset;
	top: 1px;
	background-blend-mode: unset;
	z-index: 2;
}

.pay-section {
	border: unset !important;
	position: unset !important;
}




.pay-section-cuzdan {
	border: unset !important;
}

.pay-section-cuzdan .siparis-detay-urun-item {
	width: 100%;
	padding: 10px;
	margin-left: unset !important;
}

#c-bakiye {
	margin-left: 10px;
}

.pay-section-cuzdan .last-use-cart {
	width: 100%;
}

.pay-section-cuzdan .cuzdanim input {
	width: 100%;
	height: 30px;
}

.pay-section-cuzdan .cuzdanim ::placeholder {

	text-align: center;
}

/* .pay-section-cuzdan .visa img, .master img {
	height: 53px;

  } */
.pay-section-cuzdan .cuzdanim-box {
	border: 1px solid #f2f2f2;
	padding: 20px;
}

.pay-section-cuzdan .card-save {

	width: 100%;
}

.pay-section-cuzdan .yatir {

	width: 100%;

}

/* -------------payment system ------------ */
.payment-page {
	font-size: 13px;
	margin: 75px auto;

}

.payment-page p {
	margin-bottom: 3px !important;
	color: #54565b;

}


.payment-page i {
	color: #fda818 !important;
	font-size: 14px !important;
}

.adress-pad {
	padding: 14px;
}

.payment-box {
	border: 1px solid #f2f2f2;
	position: relative;
}

.payment-box::after {
	content: "";
	width: 100%;
	height: 6px;
	bottom: 0;
	position: absolute;
	z-index: -1;
	border: 4px solid #7d7e82;
}

.payment-box-item::after {
	content: "";
	width: 100%;
	height: 5px;
	bottom: 0;
	position: absolute;
	z-index: 9;
	border: 4px solid #fda818;
}

.payment-box-item {
	clip-path: polygon(100% 50%, 0 1600px, 0 -1600px);
	background: #f4f7f9;
	position: relative;

}

.adres-header,
.odeme-header {
	margin-left: 70px;
	font-size: 15px !important;
	color: #54565b;
	font-weight: 600;
}

.payment-adres-box,
.odeme-sec-box {
	width: 74%;
	margin-left: 70px;
}

.index-modal .payment-teslimat-adres-header {
	height: unset;
}

.payment-teslimat-adres-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	padding: 50px;
	position: relative;
	height: 79px;
	padding-top: unset;
	padding-bottom: unset;
	/* border: 1px solid #f2f2f2; */
	padding: 10px;

}

.payment-teslimat-adres-header .checkbox.path {
	display: flex;
}

.same-adres p {
	font-size: 12px;
}

.payment-teslimat-adres-header p:first-child {
	font-size: 16px;
	color: #54565b;
	font-weight: 600;
}

.payment-teslimat-adres-header .checkbox {
	--background: #fff;
	--border: #d1d6ee;
	--border-hover: #bbc1e1;
	--border-active: #1e2235;
	--tick: #fff;
	cursor: pointer;
	position: relative;
}

.payment-adress-box {
	padding: 50px;
	padding-top: unset;
	padding-bottom: unset;
}

.payment-adress-change .btn.btn-primary p {
	margin-top: 72px;
	color: #54565b;
	font-size: 14px;
}

.payment-siparis-detail {
	margin: 50px auto;
}

.pay-section .teslimat-icons-box {
	display: flex;
	justify-content: space-between;
	width: 201px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.teslimat-icons-box {
	display: flex;
	justify-content: space-between;
	/*! width: 201px; */

}

.ek-bilgi-icon {
	display: flex;

}

.ek-bilgi-icon img {
	width: 3%;
	margin-right: 8px;
}

.ek-bilgi .ek-bilgi-button {
	background: #fda818 !important;
	color: white;
	height: 35px;
	width: 126px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin: unset;
}

.new-basket span {
	font-size: 14px;
	color: #464646 !important;
	font-weight: 600;
}

.teslimat-adres-change i {
	color: #fda818 !important;
}

.teslimat-icons-box .form-check {
	margin: unset !important;

}

.varsayilan {
	justify-content: end !important;
	margin: unset !important;
	padding: unset !important;
	height: 22px;
}

.teslimat-icons-box .radio input[type=radio]:focus+.radio-label:before {

	border-color: #fda818 !important;
}


.teslimat-icons-box .radio input[type=radio] {
	position: absolute;
	opacity: 0;
}

.teslimat-icons-box .radio input[type=radio]+.radio-label:before {
	content: "";
	background: #fff;
	border-radius: 100%;
	border: 1px solid #fda818;
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	top: 0px;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}

.teslimat-icons-box .radio input[type=radio]:checked+.radio-label:before {
	background-color: #fda818;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}

.teslimat-icons-box .radio input[type=radio]:focus+.radio-label:before {
	outline: none;
	border-color: #3197EE;
}

.teslimat-icons-box .radio input[type=radio]:disabled+.radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}

.teslimat-icons-box .radio input[type=radio]+.radio-label:empty:before {
	margin-right: 0;
}

.teslimat-adres-change {
	position: relative;
	margin-top: -19px;
}

.teslimat-adress-information {
	margin-top: unset !important;
	height: 110px;
	width: 201px;
}

.teslimat-adress-information p {
	margin-bottom: unset !important;
}

.teslimat-adress-information p:first-child {
	color: #54565b !important;
	font-weight: 600;
}

.payment-adress-change .adress-kategori .btn-primary i {

	font-size: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.payment-adress-change .adress-kategori .btn-primary {

	height: 110px;
	position: relative;

	width: 100%;
}

.payment-teslimat-adres-header .checkbox input,
.payment-teslimat-adres-header .checkbox svg {
	width: 18px;
	margin-right: 9px !important;
	height: 18px;
	display: block;
}


.payment-teslimat-adres-header .checkbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	outline: none;
	background: var(--background);
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 4px;
	transition: box-shadow 0.3s;
	box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

.payment-teslimat-adres-header .checkbox input:hover {
	--s: 2px;
	--b: var(--border-hover);
}

.payment-teslimat-adres-header .checkbox input:checked {
	--b: var(--border-active);
}

.payment-teslimat-adres-header .checkbox svg {
	pointer-events: none;
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--stroke, var(--border-active));
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	transform: scale(var(--scale, 1)) translateZ(0);
}

.payment-teslimat-adres-header .checkbox.path input:checked {
	--s: 2px;
	transition-delay: 0.4s;
}

.payment-teslimat-adres-header .checkbox.path input:checked+svg {
	--a: 16.1 86.12;
	--o: 102.22;
}

.payment-teslimat-adres-header .checkbox.path svg {
	stroke-dasharray: var(--a, 86.12);
	stroke-dashoffset: var(--o, 86.12);
	transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

.payment-teslimat-adres-header .checkbox.bounce {
	--stroke: var(--tick);
}

.payment-teslimat-adres-header .checkbox.bounce input:checked {
	--s: 11px;
}

.payment-teslimat-adres-header .checkbox.bounce input:checked+svg {
	-webkit-animation: bounce 0.4s linear forwards 0.2s;
	animation: bounce 0.4s linear forwards 0.2s;
}

.payment-teslimat-adres-header .checkbox.bounce svg {
	--scale: 0;
}

@-webkit-keyframes bounce {
	50% {
		transform: scale(1.2);
	}

	75% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes bounce {
	50% {
		transform: scale(1.2);
	}

	75% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

.payment-ozet-box {
	margin-top: 16px;
}

.payment-button {
	margin-top: 42px;
}

.payment-siparis-detail {
	margin: 50px auto;
	font-size: 12px;
}

.payment-siparis-ozet {
	border: 1px solid #f2f2f2;
	padding: 22px;
	/*height: 125px;*/
	text-align: center;
}

.payment-ozet-box p {
	margin: unset;
}

.payment-siparis-ozet-header p {
	font-size: 16px;
	color: #54565b;
	font-weight: 600;
	padding: 10px;
	padding-top: unset;
	/* padding-bottom: unset; */
}

.payment-ozet-box p:last-child {
	margin-top: 15px !important;
}

.btn.payment-btn {
	background: #fda818 !important;
	color: white;
	width: 100%;
}

.on-bilgi {
	padding: unset !important;
	margin-top: -5px !important;
	margin-bottom: unset !important;
	border: 1px solid #f2f2f2 !important;
}

.on-bilgi .checkbox.path {
	align-items: center !important;
	margin-top: 10px !important;
	cursor: pointer !important;
}

.on-bilgi label {

	cursor: pointer !important;
}

.on-bilgi span {
	border-bottom: 1px solid #b4b4b4;
}

.on-bilgi-box {
	display: flex;
	font-size: 11px;
	padding: 7px;
	cursor: pointer !important;
	/* border: 1px solid #f2f2f2; */
	color: #54565b !important;
	height: 50px;
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	margin-top: 10px !important;
}

/* ------------hakkimizda------------ */
.hakkimizda-detay-box {
	height: 350px;
}

.nasil-kullanilir {
	height: unset !important;
}


.nasil-kullanilir .swiper-slide img {

	width: 100%;
}

.nasil-kullanilir .swiper-wrapper {
	height: unset !important;
}


/* -------------------404-------------------- */

.not-page-title {
	margin-top: 60px;
}

.not-page {
	font-size: 16rem;
	display: flex;
	justify-content: center;
}

.not-page img {
	width: 22%;
	height: 250px;
	margin-top: 58px;
}

.not-page-down-title {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

.not-page-title p {
	color: rgb(59, 59, 59) !important;
}




/* ---------------- HELP -------------- */
.help-benim-icin.siparis-detay-infomation-box p {
	margin-bottom: .3rem;
}

.help-detay-box {
	height: unset !important;
	margin-top: 20px;
}

.help-left-box .nav-link.active.show {
	/* background: #f6f6f6 !important; */
}

.help-benim-icin h1 {
	margin: 0;
	line-height: 2;
	text-align: center;
}

.help-benim-icin h2 {
	margin: 0 0 0.5em;
	font-weight: normal;
}

.help-benim-icin input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.help-benim-icin .row {
	display: flex;
}

.help-benim-icin .row .col {
	flex: 1;
}

.help-benim-icin .row .col:last-child {
	margin-left: 2px;
	margin-top: -7px;
	padding: 23px;
}

.help-benim-icin .tab {
	/* border-radius: 8px; */
	overflow: hidden;

}

.btn.btn-primary.paket-yon-bg.asd {
	background: white !important;
	color: #fda818;
	border-bottom-right-radius: unset !important;
	border-bottom-left-radius: unset !important;
}

.btn.btn-primary.paket-yon-bg.asd .d-none {
	display: block !important;
}

.help-benim-icin .tab {
	width: 100%;
	color: black;
	overflow: hidden;
}

.help-benim-icin .tab-label {
	display: flex;
	justify-content: space-between;
	padding: 1em;
	background: #f2f2f2;
	cursor: pointer;
	/* Icon */
}

.help-benim-icin .tab-content {
	max-height: 0;
	padding: 0 1em;
	color: #2c3e50;
	background: white;
	transition: all 0.35s;
}

.help-benim-icin .tab-close {
	display: flex;
	justify-content: flex-end;
	padding: 1em;
	font-size: 0.75em;
	background: #2c3e50;
	cursor: pointer;
}

.help-benim-icin .tab-close:hover {
	background: #1a252f;
}


/* .help-benim-icin input:checked+.tab-label::after {
	content: "-";
	width: 1em;
	height: 1em;
	text-align: center;
	color: #fda818;
	transition: all 0.35s;
} */

.help-benim-icin input:checked~.tab-content {
	max-height: 100vh;
	padding: 1em;
}

.help-benim-icin .tab-label {
	position: relative;
}

#v-pills-categories .table {
	border-top: unset;
	margin: 20px auto;
}

#v-pills-categories .table td,
#v-pills-categories .table th {
	text-align: center !important;
	border-right: 1px solid #e8e8e8 !important;
	font-weight: unset;
	font-size: 13px !important;
	vertical-align: middle;
}

#v-pills-categories .table td:last-child,
#v-pills-categories .table th:last-child {
	border-right: unset !important;
}

#v-pills-categories thead {
	background: #FDA818 !important;
	border-radius: 3px;
	color: white !important;
	font-weight: 600 !important;
}

#v-pills-categories .table td {
	color: #54565a;
}


.korgo-tl {
	position: relative;
	clear: both;
}

.kargo-hesaplama select {
	-webkit-appearance: button;
	padding: 2px;
	width: 100% !important;
	border: 1px solid #e8eaed;
	border-radius: 0px;
	background: #f2f2f2;
	box-shadow: unset;
	cursor: pointer;
	font-family: inherit;
	text-align: center;
	font-size: 13px;
	transition: all 150ms ease;
}

.kargo-hesaplama .select {

	float: right;
	margin-top: unset !important;
	height: unset !important;
}

.paket-input-box {
	position: relative;
}

.paket-input-box input {
	width: 100%;
	background: #f2f2f2;
	border: 1px solid #eceaea;
	font-size: 12px;
	height: 29px;
	margin-top: 5px;
}

.star-explain {
	font-size: 12px !important;
	margin-top: 8px;
}

.agirlik,
.desi {
	display: flex;
	justify-content: space-between;
	height: 19px;
	margin-top: 5px;
}

.desi-agirlik-box {
	margin-top: 14px;
}

.hesapla {
	width: 100%;
	margin-top: 8px;
}

.btn.hesapla {
	background: #fda818 !important;
	color: white;
}


.help-detay-box .frames {
	border-right: 1px solid #f2f2f2;
}

.help-detay-box .frames:last-child {
	border-right: unset !important;
}

.yasakli-urunler-header {
	text-align: center;
	font-size: 14px !important;
	font-weight: 600;
}

.input-header p {
	margin-bottom: unset !important;
}

.yasakli-urunler-header:before {
	content: "";
	border: 2px solid #fda818;
	position: absolute;
	width: 50px;
	bottom: -9px;
	left: 36%;
	border-radius: 5px;
}

.yasakli-urunler-box {
	position: relative;
}

.kargo-hesaplama {
	padding: 10px;
}

.kargo-max-kg,
.kargo-ucret {
	display: flex;
	justify-content: space-between;
}

.kargo-max-kg p:last-child {
	width: 47px;
}

.kargo-ucret p:last-child {
	width: 47px;
}

.first-kargo img {
	width: 63%;
	margin-top: -5px;
}

.kargo-box {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	padding: 30px;
	height: 225px;
	margin-top: 20px;
}

.kargo-box p {
	font-size: 11px;
}

.kargo-box-item {
	display: flex;
	margin: 20px auto;
}

.header-selected {
	background-color: white !important;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}


.header-selected a {
	color: #fda818 !important;
}

.second-kargo img {
	width: 100%;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #fda818 !important;
	border-radius: 50%;
	border: 1px solid #fda818 !important;
}


.contact-icon img {
	width: 10%;
	margin-bottom: 10px;
}

.left-form-contanct textarea {
	height: 200px !important;
	width: 90% !important;
}

.left-form-contanct input {
	width: 90%;
	height: 35px;
	margin-bottom: 10px;
	padding: .75rem;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}

.left-form-contanct .form-control {
	width: 90%;
;
	padding: .75rem !important;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}

.contact-phone-number img {
	width: 9%;
	margin-right: 7px;
}

.phone-img {
	width: 12% !important;
}

.mail-img {
	width: 12% !important;
}

.map {
	width: 100%;
}

.map iframe {
	height: 300px;
	position: inherit;
	width: 100%;
}

.left-form-contanct::before {
	content: "";
	position: absolute;
	border: 1px solid #f2f2f2;
	top: 10%;
	height: 80%;
	right: 12px;
}

.contact-icon:last-child {
	width: 87%;
}

.btn.robot-btn {
	background: #fda818 !important;
	color: white;
	padding: unset !important;
	border: unset;
}


/* ----------------natification------------------ */
.natification-modal .modal-header span {
	color: gray;
	opacity: unset;
}

.natification-modal .modal-header {
	border: unset;
}

.natification-modal .modal-header {
	background-color: unset;
	color: gray;
	padding-bottom: unset;
}

.natification-modal .modal-body {

	padding-top: unset;
}


.natification-img {
	text-align: center;
}

.natification-modal .natification-img img {
	width: 26%;
	height: unset;
	border-radius: unset;
	object-fit: unset;

}

.natification-modal .natification-header p {
	font-size: 20px;
	color: #54565b;
	font-weight: bold;
}

.natification-modal .natification-explain p {
	height: unset;
	font-size: 14px;
	text-align: center;
	color: #54565a !important;
}

.natification-modal .natification-explain {
	display: flex;
	justify-content: center;
}

.natification-modal .natification-explain p {
	width: 75%;
}

.natification-modal .payment-teslimat-adres-header {
	display: flex;
	justify-content: space-around;
	margin-bottom: 50px;
	padding: 50px;
	padding-top: unset;
	padding-bottom: unset;
}

.natification-modal .teslimat-icons-box {
	width: unset;
	height: 67px;
	align-items: center;
	justify-content: space-around;
}

.natification-modal .radio label {
	display: flex;
	margin-bottom: unset;
}

.natification-modal .radio p {
	font-size: 14px;
	color: #54565a !important;
}

.natification-modal .radio span {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #54565a;
}

.natification-modal .kampanya-box {
	border: 1px solid #eaeaea;
	border-radius: 7px;
}

.natification-modal .teslimat-icons-box .radio input[type="radio"]+.radio-label::before {
	margin-right: .2em;
}

.kampanya {
	border-bottom: 1px solid #eaeaea;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	height: 48px;
	align-content: center;
}

.natification-modal .kampanya p {
	margin-bottom: unset;
	color: #f5ac34 !important;
	font-weight: 600;
	height: unset;
	font-size: 14px;
	text-align: center;
}

.natification-modal .teslimat-icons-box p {
	margin-bottom: unset;
}

.natification-modal .modal-content {
	transform: translateY(46%);
}

.natification-modal .onay-save::before {
	content: "";
	border: unset;
	width: unset;
	position: unset;
}

.onay-save {
	display: flex;
	justify-content: center;
}

.onay-save .btn {
	background: #f5ac34 !important;
	color: white !important;
	width: 94%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin: 16px auto;
}

.onay-save:before {
	content: "";
	border: 1px solid #eaeaea;
	width: 100%;
	position: absolute;
}

/* -----------------------comment-modal------------------- */
.siparis-page-modal .modal-footer {
	border: unset;

}

.siparis-page-modal input {
	position: unset;
	z-index: unset;
	opacity: unset;
}

.siparis-page-modal .form-control::placeholder {

	font-size: 12px;
}

.siparis-page-modal .your-comment .form-group {
	padding: 1rem;
	padding-bottom: unset;
}

.siparis-page-modal .rate:not(:checked)>label {
	font-size: 23px !important;

}

.siparis-page-modal .yorumcu {
	font-size: 15px !important;
}

.siparis-page-modal .form-group {
	margin-bottom: unset;
}

.siparis-ayrinti button {
	font-size: 11px;
	margin-left: -13px;
}






/* --------------- pluss minus------------------ */
.circle-plus .circle-two {
	position: absolute;
	width: 30px !important;
	height: 30px !important;
	border-radius: 10%;
	background: transparent !important;
	top: 21%;
	right: 2% !important;
}

.circle-plus .circle-two .horizontal {
	position: absolute;
	background-color: #fda818 !important;
	width: 17px !important;
	height: 2px !important;
	left: 27% !important;
	top: 50% !important;
}

.circle-plus .circle-two .vertical {
	position: absolute;
	background-color: #fda818 !important;
	width: 2px !important;
	height: 17px !important;
	left: 55% !important;
	top: 24% !important;
}

/* .circle-two {
		top: 15% !important;
		right: 16% !important;
} */

.closed .vertical {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
}

.closed .horizontal {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
	opacity: 1;
}

.opened {
	opacity: 1;
}

.opened .vertical {
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
}

.opened .horizontal {
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
	opacity: 0;
}

.circle-plus i {
	margin-top: 9px;
	font-size: 15px;
	color: #fda818;
}

.circle-plus {
	font-size: 1em;
	position: relative;

}

.circle-plus .circle {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10%;
	background: #fda818;
	top: 21%;
	right: 8%;
}

.circle-plus .circle .horizontal {
	position: absolute;
	background-color: white;
	width: 12px;
	height: 2px;
	left: 20%;
	top: 45%;
}

.circle-plus .circle .vertical {
	position: absolute;
	background-color: white;
	width: 2px;
	height: 12px;
	left: 45%;
	top: 20%;
}

/* ----------sync click--------- */
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.sync-click svg {
	opacity: 1;
}

.syncing {
	animation-duration: 1.4s;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.sync-click {
	background: transparent !important;
	border: unset !important;
}


.sync-click i {
	color: #fda818;
	font-size: 20px !important;
	position: absolute;
	right: 13px;
	top: 25%;
}

.teslimat-body p {
	margin-bottom: unset;
}



.head-upload .custom-file-label::after {
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 17px !important;
	padding: unset !important;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: unset !important;
	transform: translate(-50%, -50%);
	border-radius: 0 .25rem .25rem 0;
}

.head-upload .custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	padding: unset !important;
	line-height: 1.5;
	cursor: pointer !important;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	width: 100%;
	height: 35px !important;
	margin-top: -3px;
}

.custom-two {

	width: 50% !important;

}


/* ----------------pagination hesabim--------- */
/* nav{
	margin:0 auto;
  }
  .pagination.pagination-circle .page-item.active .page-link {
	  border-radius: 50%;
  }
  .pagination .page-item .page-link:hover {
	  -webkit-transition: all .3s linear;
	  transition: all .3s linear;
	  border-radius: .125rem;
	  background-color: #eee;
  }
  .pagination.pg-blue .page-item.active .page-link:hover {
	  background-color: #BD5410;
  }
  .pagination .page-item.active .page-link {
	  -webkit-transition: all .2s linear;
	  transition: all .2s linear;
	  border-radius: .125rem;
	  background-color: #FDA818;
	  color: #fff;
  }
  .pagination .page-item .page-link {
	  -webkit-transition: all .3s linear;
	  transition: all .3s linear;
	  outline: 0;
	  border: 0;
	  background-color: transparent;
	  font-size: .9rem;
	  color: #999;
	  font-weight:bold;
  }
  .pagination.pagination-circle .page-item .page-link:hover {
	  border-radius: 50%;
  }
  .pagination.pagination-circle .page-item .page-link {
	  margin-left: 2px;
	  margin-right: 2px;
	  border-radius: 50%;
  }
  .pagination .page-item.active .page-link{
	  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  }
  .page-link{
	border:none!important;
  }
   */



/*--------- Pager4 ---------*/
/* .Pager4 .pagination .page-item .page-link{
	color: #FDA818;
	border:2px solid #FDA818 !important;
  }
  .Pager4 .pagination.pagination-circle .page-item.active .page-link {
	  color:white;
  }
  .Pager4 .pagination.pagination-circle .page-item.active .page-link:hover{
	background-color:#BD5410;
  }
  .Pager4 .pagination .page-item .page-link.prev, .Pager4 .pagination .page-item .page-link.next{
	border:0!important;
  }
  .Pager4 .pagination .page-item .page-link.prev:hover, .Pager4 .pagination .page-item .page-link.next:hover{
	background-color:initial;
  }
  .Pager4 .pagination .page-item .page-link:hover {
	  -webkit-transition: all .3s linear;
	  transition: all .3s linear;
	  border-radius: .125rem;
	  color: white;
	  background-color: #FDA818;
  }
  .Pager4 .pagination.pagination-circle .page-item .page-link:hover {
	  border-radius: 50%;
  }
  .page-next-item .page-link:hover {

	  color: #FDA818 !important;
  } */


/*--------- Pager5 ---------*/
.page-change {
	display: flex;
	justify-content: center !important;
}

.page-link {
	color: #FDA818 !important;
	border: 1px solid #FDA818 !important;
}

#page-next,
#page-prev {
	border: unset !important;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	padding: 10px;
	box-shadow: unset !important;
}

#page-next:hover {
	background: unset !important;
	color: #FDA818 !important;
}

.page-item span,
.page-item a {
	border-radius: 50% !important;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	padding: 10px;
	align-items: center;
}

.page-item.active span,
.page-item.active a {
	-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}

.page-link:focus {

	box-shadow: unset !important;
}

.page-item a:hover {
	background: #FDA818;
	color: white !important;

}

.page-item.active .page-link {
	z-index: 1;
	color: #fff !important;
	background-color: #FDA818 !important;
	border-color: #FDA818 !important;
}

.page-item {
	padding: 7px;

}








/* whatsapp */

.cbh-phone {
	position: fixed;
	right: 10px;
	bottom: 10px;
	visibility: hidden;
	background-color: transparent;
	width: 200px;
	height: 200px;
	cursor: pointer;
	z-index: 99;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
}



.cbh-phone {
	position: fixed;
	right: 10px;
	bottom: 10px;
	visibility: hidden;
	background-color: transparent;
	width: 200px;
	height: 200px;
	cursor: pointer;
	z-index: 99;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
}

#kmacb {
	position: fixed;
	display: none;
	background-color: transparent;
	width: 160px;
	height: 160px;
	z-index: 200000 !important;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
	right: 15px;
	bottom: 15px;
}

.cbh-phone {
	position: fixed;
	left: -50px;
	bottom: -35px;
	visibility: hidden;
	background-color: transparent;
	width: 200px;
	height: 200px;
	cursor: pointer;
	z-index: 99;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s
}

.cbh-phone.cbh-show {
	visibility: visible
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

.cbh-phone.cbh-static1 {
	opacity: .6
}

.cbh-phone.cbh-hover1 {
	opacity: 1
}

.cbh-ph-circle {
	width: 110px;
	height: 110px;
	top: 40px;
	left: 40px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, .4);
	opacity: .1;
	-webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
	-moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
	-ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
	-o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
	animation: cbh-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.cbh-phone.cbh-active .cbh-ph-circle1 {
	-webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
	animation: cbh-circle-anim 1.1s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-circle {
	-webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
	animation: cbh-circle-anim 2.2s infinite ease-in-out !important
}

.cbh-phone.cbh-hover .cbh-ph-circle {
	border-color: rgba(0, 175, 242, 1);
	opacity: .5
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
	border-color: rgba(117, 235, 80, 1);
	opacity: .5
}

.cbh-phone.cbh-green .cbh-ph-circle {
	border-color: rgba(0, 175, 242, 1);
	opacity: .5
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
	border-color: rgba(204, 204, 204, 1);
	opacity: .5
}

.cbh-phone.cbh-gray .cbh-ph-circle {
	border-color: rgba(117, 235, 80, 1);
	opacity: .5
}

.cbh-ph-circle-fill {
	width: 74px;
	height: 74px;
	top: 58px;
	left: 58px;
	position: absolute;
	background-color: #000;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .1;
	-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.cbh-phone.cbh-active .cbh-ph-circle-fill {
	-webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-circle-fill {
	-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
	opacity: 0 !important
}

.cbh-phone.cbh-hover .cbh-ph-circle-fill {
	background-color: rgba(0, 175, 242, .5);
	opacity: .75 !important
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
	background-color: rgba(117, 235, 80, .5);
	opacity: .75 !important
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
	background-color: rgba(0, 175, 242, .5);
	opacity: .75 !important
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
	background-color: rgba(204, 204, 204, .5);
	opacity: .75 !important
}

.cbh-phone.cbh-gray .cbh-ph-circle-fill {
	background-color: rgba(117, 235, 80, .5);
	opacity: 1 !important
}

.cbh-ph-img-circle1 {
	width: 50px;
	height: 50px;
	top: 70px;
	left: 70px;
	position: absolute;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==);
	background-size: 40px 40px;
	background-color: rgba(30, 30, 30, .1);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	-webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
	-o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
	animation: cbh-circle-img-anim 1s infinite ease-in-out
}

.cbh-phone.cbh-active .cbh-ph-img-circle1 {
	-webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
	-moz-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
	-ms-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
	-o-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
	animation: cbh-circle-img-anim 1s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-img-circle1 {
	-webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
	-moz-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
	-ms-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
	-o-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
	animation: cbh-circle-img-anim 0s infinite ease-in-out !important
}

.cbh-phone.cbh-hover .cbh-ph-img-circle1 {
	background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover {
	background-color: rgba(117, 235, 80, 1)
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
	background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
	background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1 {
	background-color: rgba(204, 204, 204, 1)
}

.cbh-phone.cbh-gray .cbh-ph-img-circle1 {
	background-color: rgba(117, 235, 80, 1)
}

@-moz-keyframes cbh-circle-anim {
	0% {
		-moz-transform: rotate(0deg) scale(0.5) skew(1deg);
		opacity: .1;
		-moz-opacity: .1;
		-webkit-opacity: .1;
		-o-opacity: .1
	}

	30% {
		-moz-transform: rotate(0deg) scale(.7) skew(1deg);
		opacity: .5;
		-moz-opacity: .5;
		-webkit-opacity: .5;
		-o-opacity: .5
	}

	100% {
		-moz-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .6;
		-moz-opacity: .6;
		-webkit-opacity: .6;
		-o-opacity: .1
	}
}

@-webkit-keyframes cbh-circle-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
		-webkit-opacity: .1
	}

	30% {
		-webkit-transform: rotate(0deg) scale(.7) skew(1deg);
		-webkit-opacity: .5
	}

	100% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg);
		-webkit-opacity: .1
	}
}

@-o-keyframes cbh-circle-anim {
	0% {
		-o-transform: rotate(0deg) kscale(0.5) skew(1deg);
		-o-opacity: .1
	}

	30% {
		-o-transform: rotate(0deg) scale(.7) skew(1deg);
		-o-opacity: .5
	}

	100% {
		-o-transform: rotate(0deg) scale(1) skew(1deg);
		-o-opacity: .1
	}
}

@keyframes cbh-circle-anim {
	0% {
		transform: rotate(0deg) scale(0.5) skew(1deg);
		opacity: .1
	}

	30% {
		transform: rotate(0deg) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}
}

@-moz-keyframes cbh-circle-fill-anim {
	0% {
		-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}

	50% {
		-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}
}

@-webkit-keyframes cbh-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}

	50% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}
}

@-o-keyframes cbh-circle-fill-anim {
	0% {
		-o-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}

	50% {
		-o-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-o-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}
}

@keyframes cbh-circle-fill-anim {
	0% {
		transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}

	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2
	}
}

@keyframes cbh-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@-moz-keyframes cbh-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		-moz-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@-webkit-keyframes cbh-circle-img-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@-o-keyframes cbh-circle-img-anim {
	0% {
		-o-transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		-o-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

.cbh-phone.cbh-green .cbh-ph-circle {
	border-color: rgb(0, 242, 164)
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
	background-color: rgb(0, 242, 164);
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
	background-color: rgb(0, 242, 164);
}

.kmacb__manager-border {
	position: absolute;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 50%;
	margin-top: -39.5px;
	margin-left: -39.5px;
	border-radius: 100%;
	border: 2px solid #ffe787;
	-webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
	-moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
	-ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
	-o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
	animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
	opacity: .8;
	transform-origin: center;
}

.kmacb__manager-fill {
	background: #52aff7 center bottom no-repeat;
	position: absolute;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 50%;
	margin-top: -37.5px;
	margin-left: -37.5px;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
	-moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
	-ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
	-o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
	animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
	transform-origin: center;
}

.kmacb__manager-circle {
	background: #52aff7;
	position: absolute;
	width: 120px;
	height: 120px;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
	border-radius: 100%;
}


/* TOAST MESSAGE  */
#toast {
	visibility: hidden;
	max-width: 50px;
	height: 50px;
	/*margin-left: -125px;*/
	margin: auto;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	overflow: hidden;
	position: fixed;
	z-index: 222;
	left: 0;
	right: 0;
	bottom: 30px;
	font-size: 17px;
	white-space: nowrap;
}

#toast #img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: relative;
	float: left;
	box-sizing: border-box;
	background-color: #333;
	color: #fff;
}

#toast #img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

#toast #desc {
	color: #fff;
	padding: 12px;
	overflow: hidden;
	transition-delay: .5s !important;
	white-space: nowrap;
}

#toast.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

@-webkit-keyframes expand {
	from {
		min-width: 50px
	}

	to {
		min-width: 350px
	}
}

@keyframes expand {
	from {
		min-width: 50px
	}

	to {
		min-width: 350px
	}
}

@-webkit-keyframes stay {
	from {
		min-width: 350px
	}

	to {
		min-width: 350px
	}
}

@keyframes stay {
	from {
		min-width: 350px
	}

	to {
		min-width: 350px
	}
}

@-webkit-keyframes shrink {
	from {
		min-width: 350px;
	}

	to {
		min-width: 50px;
	}
}

@keyframes shrink {
	from {
		min-width: 350px;
	}

	to {
		min-width: 50px;
	}
}

@-webkit-keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}

	to {
		bottom: 60px;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}

	to {
		bottom: 60px;
		opacity: 0;
	}
}

/* --------------upload modal -------------- */
.frame {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*! margin-top: -200px; */
	/*! margin-left: -200px; */
	border-radius: 2px;
	box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
	background: #3A92AF;
	background: linear-gradient(to top right, #3A92AF 0%, #5CA05A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3A92AF", endColorstr="#5CA05A", GradientType=1);
	color: #fff;
	font-family: "Open Sans", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.frame .center {
	position: absolute;
	width: 300px;
	height: 260px;
	top: 50%;
	left: 50%;
	background: #fff;
	box-shadow: 8px 10px 15px 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	transform: translate(-50%, -50%);
}

.frame .title {
	font-size: 16px;
	color: #676767;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px solid #D8D8D8;
	text-align: center;
}

.frame .dropzone {
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	width: 100px;
	height: 80px;
	top: 86px;
	left: 100px;
	border: 1px dashed #A4A4A4;
	border-radius: 3px;
	text-align: center;
	overflow: hidden;
}

.frame .dropzone.is-dragover {
	border-color: #666;
	background: #eee;
}

.frame .dropzone .content {
	display: table-cell;
	vertical-align: middle;
}

.frame .dropzone .upload {
	margin: 6px 0 0 2px;
}

.frame .dropzone .filename {
	display: block;
	color: #676767;
	font-size: 14px;
	line-height: 18px;
}

.frame .dropzone .input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.frame .upload-btn {
	position: absolute;
	width: 140px;
	height: 40px;
	left: 80px;
	bottom: 24px;
	background: #6ECE3B;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	box-shadow: 0 2px 0 0 #498C25;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.frame .upload-btn:hover {
	box-shadow: 0 2px 0 0 #498C25, 0 2px 10px 0 #6ECE3B;
}

.frame .bar {
	position: absolute;
	z-index: 1;
	width: 300px;
	height: 3px;
	top: 49px;
	left: 0;
	background: #6ECE3B;
	transition: all 3s ease-out;
	transform: scaleX(0);
	transform-origin: 0 0;
}

.frame .bar.active {
	transform: scaleX(1) translate3d(0, 0, 0);
}

.frame .syncing {
	position: absolute;
	top: 109px;
	left: 134px;
	opacity: 0;
}

.frame .syncing.active {
	-webkit-animation: syncing 3.2s ease-in-out;
	animation: syncing 3.2s ease-in-out;
}

.frame .done {
	position: absolute;
	top: 112px;
	left: 132px;
	opacity: 0;
}

.frame .done.active {
	-webkit-animation: done 0.5s ease-in 3.2s;
	animation: done 0.5s ease-in 3.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes syncing {
	0% {
		transform: rotate(0deg);
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		transform: rotate(360deg);
		opacity: 0;
	}
}

@keyframes syncing {
	0% {
		transform: rotate(0deg);
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		transform: rotate(360deg);
		opacity: 0;
	}
}

@-webkit-keyframes done {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes done {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#hesabim-upload-file {
	color: #54565a !important;
	cursor: pointer !important;
}

/* ------------neden help------------ */
.temp-wrapper {
	height: 2000px;
	overflow-x: hidden;
	position: relative;
	background-color: #ccc;
}

.need-help-component {
	display: inline-block;
	position: fixed;
	right: -335px;
	top: 229px;
	transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#need-help-button-text {
	transform: rotate(-90deg);
	white-space: nowrap;
	color: #fff;
	margin-top: 85px;
	font: 18px Arial;
}

.need-help-button {
	top: 0px;
	position: absolute;
	left: -33px;
	width: 33px;
	cursor: pointer;
	background-color: #fda818;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.need-help-button,
#need-help-group {
	display: inline-block;
	vertical-align: middle;
}

#need-help-group {
	padding: 0 1em;
	height: 122px;
	width: 300px;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.5);
}

.help-item {
	display: block;
	padding: 24px 10px;
	max-width: 300px;
	margin-left: -17px;
}

.help-item + .help-item {
	border-top: 1px solid #cfcfcf;
}
#need-help-button-text:after {
}
@media screen and (max-width: 600px) {
	.need-help-component {
		display: none;
	}
	.need-help-button {
		opacity: 1;
		transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
}

.is-open {
	right: -15px;
	z-index: 999;
}
.help-item img {
	width: 30%;
	left: 41%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.help-component-header {
	margin-top: 12px;
	text-align: center;
	font-size: 13px;
}
.help-component-phone {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #FDA818;
	border: 1px solid #f2f2f2;
	margin-top: -14px;
	padding: 10px;
	margin-left: 11px;
}
.page-loader {
	position: fixed;
	width: 100%;
	background: #00000087;
	top: 0;
	height: 100%;
	z-index: 2;
}

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}
@property --asd {
	initial-value: 0deg;
	inherits: false;
	syntax: '<angle>';
}
@property --ads {
	initial-value: 0;
	inherits: false;
	syntax: '<number>';
}
.loader {
	padding: 2rem 4rem;
	font-family: monospace;
	font-weight: bold;
	text-align: center;
	color: black;
	border-style: solid;
	border-width: 1vmin;
	font-size: 2rem;
	--charge: hsl(var(--ads, 0), 80%, 50%);
	-o-border-image: conic-gradient(var(--charge) var(--asd), transparent calc(var(--asd) + 0.5deg)) 30;
	border-image: conic-gradient(#fda818 var(--asd), transparent calc(var(--asd) + 0.5deg)) 30;	-webkit-animation: load 2s infinite ease-in-out;
	animation: loader 2s infinite ease-in-out;
}
@-webkit-keyframes loader {
	0%, 10% {
		--asd: 0deg;
		--ads: 0;
	}
	100% {
		--asd: 360deg;
		--ads: 100;
	}
}
@keyframes loader {
	0%, 10% {
		--asd: 0deg;
		--ads: 0;
	}
	100% {
		--asd: 360deg;
		--ads: 100;
	}
}
.qty-container{
	display: flex;
	align-items: center;
	justify-content: center;
}
.qty-container .input-qty{
	text-align: center;
	padding: 6px 10px;

	height: 35px;
	width: 100%;

}
.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus{
	border: 0px solid #f2f2f2;
	padding: 10px 13px;
	font-size: 10px;
	height: 35px;
	width: 35px;
	transition: 0.3s;
	cursor: pointer;
	background: #f2f2f2;
}
.qty-container .qty-btn-plus{
	margin-left: -1px;
}
.qty-container .qty-btn-minus{
	margin-right: -1px;
}


.btn-cornered,
.input-cornered{
	border-radius: 4px;
}
.btn-rounded{
	border-radius: 50%;
}
.input-rounded{
	border-radius: 50px;
}
.grecaptcha-logo {
	opacity: 0;
	box-shadow: unset !important;
	z-index: -2;
}

.grecaptcha-badge {
	box-shadow: unset !important;
	z-index: -2 !important;
	opacity: 0;
}
.warning-two {
	display: none !important;
}
.information_span{
	background-color: #fff;
	border-radius: 4px;
	padding: 4px;
	box-shadow: rgb(0 0 0 / 24%) 0px 1px 8px;
}

.comment-answer{
    background-color: #f5a50021;
    border-radius: 12px;
    margin-left: 20px !important;
}

.notificationBtn {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 1.5em;
    border-radius: 50%;
    text-align: center;
    border: none;
    cursor: pointer;
    position: fixed;
    z-index: 1;
    top: 10%;
    right: 4%;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.bgOrange{
    color:#f5a500 !important;
}
.bgDark{
    color:rgb(41, 43, 44) !important;
}
.notificationBtn .badge {
    background-color:#f5a500 !important;
    color:white;
    position: absolute;
    margin-top: 7px;
    margin-left: -9px;
    border-radius: 48px;
    font-size: 12px;
}
.notificationList li{
    padding:3px;
    border-radius: 3px;
}
.notificationList li:not(:first-child){
    margin-top:5px;
}
.notificationList li text{
    margin-left:5px;
}
.notificationList li span{
    cursor: pointer;
    float: right;
    margin-right: 5px;
}
.notification-not-read{
    background-color: #f58500 !important;
    color:white !important;
    font-weight: 600;
}
.notification-readed{
    background-color: rgb(168 169 173 / 14%);
    font-weight: 200;
    color:#505356;

}
.notification-no-length{
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    margin-bottom:20px;
}