/* ====================
#76A7C7 - MAVİ
#FFC4B9 - KIRMIZI
#6a1b68 - MOR
#80bc00 - YEŞİL
#00a4b4 - OKYANUS
#f5b335 - SARI
#2a344a - KOYU GRİ
#000000 - SİYAH
======================= */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

/* ==================== GLOBAL ======================= */
.bg { background: rgba(118, 167, 199, 0.05); }
.bg-blue { background: #76A7C7; }
.bg-red { background: #FFC4B9; }
.bg-mor { background: #6a1b68; }
.bg-sari { background: #f5b335; }
.bg-okyanus { background: #00a4b4; }
.bg-black { background: #000000; }
.bg-blue-light { background: rgba(118, 167, 199, 0.1); }
.bg-red-light { background: rgba(255, 196, 186, 0.1); }

.color-blue { color: #76A7C7; }
.color-red { color: #FFC4B9; }
.color-mor { color: #6a1b68; }
.color-black { color: #000000; }

.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }
.fw-900 { font-weight: 900; }
.icon { line-height: 1; }
.fs-0 { font-size: .875rem; }
.w-35 { width: 35% !important; }
.lh-2 { line-height: 2; }
label { font-weight: 500; }

.form-control:focus { box-shadow: none; }
input[type="text"].form-control::-webkit-input-placeholder,
input[type="password"].form-control::-webkit-input-placeholder { 
	color: #000000;
	font-style: normal; }

.price { 
	margin-right: 10px;
	color: #80bc00 }
.price-old { 
	margin-left: 0px;
	font-size: 95%;
	color: #FFC4B9; }

/* ==================== BUTTON ======================= */
.btn-primary:hover {
  color: #FFF;
  background-color: #FFC4B9;
  border-color: #FFC4B9; }

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color; }

.btn-sm, .btn-group-sm > .btn {
	padding: 0.5rem 0.7rem;
	font-size: 0.725rem; }

/* ==================== TOP HEADER =================== */
.section-header .header-top-light .nav { 
	border-right: 1px solid rgba(255, 255, 255, 0.1); }
.section-header .header-top-light .nav .nav-item { 
	border-left: 1px solid rgba(255, 255, 255, 0.1); }
.section-header .header-top-light .nav-link {
	padding: 0.5rem 0.8rem;
	font-size: .75rem;
	color: #2a344a; }
.section-header .header-top-light .nav-link:hover { color: #76A7C7; }
.section-header .header-top-light .nav-link i { 
	font-size: .75rem; }
.section-header .header-top-light .nav-link.bg-red:hover {
	color: #2a344a;
	background: #FFC4B9; }


/* ==================== HEADER ======================= */
.section-header .header-main {
	padding: .75rem 0 .8rem 0; }

.section-header .brand-wrap .logo,
.section-header .navbar-brand .logo {
	max-height: 76px; }

.section-header .search {
	display: block;
	border: 1px solid rgba(42, 52, 74, 0.5);
	border-radius: 20px;
	background: #FFF; }
.section-header .search:hover { border-color: rgba(118, 167, 199, 0.5); }
.section-header .search .form-control {
	font-size: .825rem;
	font-weight: 500;	
	color: rgba(42, 52, 74, 0.3);
	border: none;
	background: none;
	opacity: 1; }
.section-header .search .form-control:focus { box-shadow: none; }
.section-header .search .form-control:-ms-input-placeholder,
.section-header .search .form-control::-ms-input-placeholder {
  color: rgba(42, 52, 74, 0.5); }
.section-header .search .form-control::placeholder {
  color: rgba(42, 52, 74, 0.5);
  opacity: 1; }
.section-header .search .btn {
	padding: 0 0.45rem;
	font-size: 1rem;
	color: rgba(42, 52, 74, 0.5);
	border-radius: 0 20px 20px 0; }

.section-header .icontext {  }
.section-header .icontext .text {
  padding-top: 6px;
  font-size: .75rem;
  font-weight: 600;
  color: #2a344a; }
.section-header .icontext .icon { 
	margin-right: 0;
	margin-left: 0px; }
.section-header .widget-header i { 
	font-size: 1.675rem;
	color: #2a344a; }

.section-header .widget-header .notify {
  top: -3px;
  right: 12px;
  padding: 0;
  font-size: 10px;
  color: #2a344a;
  background: none; }
.section-header .icontext:hover .notify {
	color: #76A7C7; }

.section-header .icontext:hover {
	border-color: #76A7C7; }
.section-header .icontext:hover span,
.section-header .icontext:hover .icon {
	color: #76A7C7; }


/* ==================== NAVIGATION ======================= */
.section-header .navbar-main .navbar-nav {  }
.section-header .navbar-main .nav-link {
  padding: .8rem 1.5rem;
  font-size: .825rem;
  font-weight: 700;
  letter-spacing: .5px;
  color: #FFF; }
.section-header .navbar-main .nav-link:hover {
	background: rgba(255, 255, 255, 0.1); }

.dropdown-item {
	font-weight: 600; }

.navbar-toggler {
  padding: 0;
  color: #000000;
  border: none; }
.navbar-toggler .navbar-toggler-icon {
  width: 30px;
  height: 30px;
  background-image: url(../images/mobile-menu-icon.svg); }
.navbar-toggler.active .navbar-toggler-icon { background-image: url(../images/mobile-menu-icon-close.svg); }
.navbar-toggler.active.collapsed .navbar-toggler-icon { background-image: url(../images/mobile-menu-icon.svg); }


/* ==================== HOME SLIDER ======================= */
.carousel-caption {
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 20%;	
	z-index: 10;
	padding: 0;
	color: #FFF;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(42, 52, 74, 0.75); }

.owl-carousel .owl-dots { 
	margin-top: 15px;
	text-align: center; }
.owl-carousel button.owl-dot {
	margin: 5px;
	padding: 5px;
	background: #000000;
	border-radius: 50%; }
.owl-carousel button.owl-dot.active { background: #FFC4B9; }
.bg-black .owl-carousel button.owl-dot { background: #FFF; }
.bg-black .owl-carousel button.owl-dot.active { background: #FFC4B9; }

.slider-banner-owl .item-slide img { min-height: 300px; }

.banner-circle-box {
	position: absolute;
	top: 20px; right: 20px;
	width: 100px; height: 100px;
	padding-top: 27px;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	border-radius: 50px; }
.banner-circle-box .month {
	padding: 6px 0 0 0;
	font-size: 20px;
	font-weight: 800; }
.banner-circle-box span { font-size: 14px; }

/* ==================== OWL CAROUSEL ======================= */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { 
	padding: 16px 7px; }

.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i { 
	font-size: 30px; }

.bg-blue .owl-nav .owl-prev i,
.bg-blue .owl-nav .owl-next i { color: #FFF !important; }

.slider-items-owl .owl-prev,
.slider-related-owl .owl-prev { left: -60px; }
.slider-items-owl .owl-next,
.slider-related-owl .owl-next { right: -60px; }

.bg-blue .card.card-product-grid { border: none; }


/* ==================== CARD BANNER ======================== */
.card-banner .caption {	background-color: rgba(118, 167, 199, 0.9) }


/* ==================== PAGE TİTLE ======================= */
.section-pagetop { padding: 15px 20px; }
.breadcrumb-item { font-size: 0.775rem; }
.breadcrumb-item + .breadcrumb-item a { padding-left: 0.5rem; }


/* ==================== PRODUCT GRID ======================= */
.card-product-grid.card:hover { border-color: #76A7C7; }
.card-product-grid .info-wrap { padding: 20px 10px 20px 10px; }
.card-product-grid .price-wrap { letter-spacing: 0; }
.card-product-grid .price-old { font-size: 95%; text-decoration: line-through; }

.card-product-grid:hover { box-shadow: none; }
.card-product-grid .btn-overlay { 
	height: 100%;
	background: rgba(118, 167, 199, 0.2); 
	color: #FFF; }
.card-product-grid .btn-overlay i {
	position: absolute;	
	width: 40px; height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	padding: 13px 10px;
	color: #76A7C7;
	text-align: center;
	border-radius: 10px;
	background: #FFF; }

.card-product-grid .fix-height { height: 80px; }

.iconListe.iconText { top: 10px; left: 10px; right: inherit; }
.iconListe span { float: left; }
.iconListe span.ri-yeni,
.iconListe span.ri-ucretsiz-kargo,
.iconListe span.ri-aninda-gonderim,
.iconListe span.ri-tukendi,
.iconListe span.ri-indirimde { 
	font-size: 9px;
	line-height: 10px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 2px; }
.iconListe span.ri-yeni { background-color: #80bc00; }
.iconListe span.ri-ucretsiz-kargo { background-color: #76A7C7; }
.iconListe span.ri-indirimde { background-color: #FFC4B9; }


/* ==================== PRODUCT DETAILS ======================= */	

.gallery-wrap .img-big-wrap img {
	height: inherit !important;
	max-height: 450px !important; }

#urunResimListContainer ul li { 
	margin: 6px 6px 0 0;
	border-color: rgba(0, 16, 34, 0.1);
	border-radius: 6px; }
#urunResimListContainer ul li:hover { border-color: rgba(0, 16, 34, 0.3); }

.zoomLens {
	max-width: 150px !important;
	max-height: 150px !important;
	border: 1px solid rgba(0, 16, 34, 0.2) !important;
	border-radius: 75px !important; }
.zoomWindow {
	border: 2px solid rgba(0, 16, 34, 0.2)!important; }
.zoomWindowContainer { width: 490px !important; }


#details-tab { width: 100%; }
#details-tab .nav-tabs .nav-link.active, 
#details-tab .nav-tabs .nav-item.show .nav-link {	
	color: #001022;
	background-color: rgba(118, 167, 199, 0.05);
	border: 1px solid #e4e4e4;
	border-bottom-color: #f8fbfc; }

#details-tab .nav-link {
		padding: 0.8rem 1rem;
		font-weight: 600;
		text-transform: uppercase;
		border: 1px solid #e4e4e4; }

#details-tab .tab-content {
	width: 100%;
	padding: 1rem;
	background: rgba(118, 167, 199, 0.05);
	border: 1px solid #e4e4e4;
	border-top: none;
	border-radius: 0 0 0.37rem 0.37rem; }

#details-tab .tab-content ul { 
	margin: 0 0 20px 0;
	padding: 0 0 0 20px; }
#details-tab .tab-content ul li { 
	padding: 5px 0;
	list-style: circle; }

/* ==================== FOOTER ======================= */	
.section-footer,
.section-footer a,
.section-footer .icon,
.section-footer .title {
	color: #FFF; }

.section-footer a:hover { color: #FFC4B9; }
.section-footer ul a:hover { color: #FFC4B9; }

.footer-bottom { 
	color: rgba(255, 255, 255, 0.8);
	border-top: 1px solid rgba(255, 255, 255, 0.1); }


/* ============================================ 
   SHOPPING 
============================================ */

/* POPUP */
.swal-text { font-size: 14px; color: #000000; }
.swal-footer { text-align: center; }
.swal-button { 
	padding: 8px 16px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #76A7C7; }

/* LOGIN */
#uye_girisi .form-control {
	height: calc(1.5em + 0.9rem + 6px);
	border: 1px solid rgba(0, 16, 34, 0.25); }

/* BASKET */
.basket-title {
	height: 52px;
	line-height: 52px;
	font-size: 1.1rem;
	background-color: #f8f9fa;
	color: #000000; }
.basket-title div {
	border-right: 1px solid #f8f9fa; }
.basket-title div span {   
	font-size: .925rem;
	font-weight: 700;
	color: #000000;
	text-shadow: none; }
.cart-detail span { padding-left: 0px !important; }
.basket-title .cart-detail span { padding-left: 20px !important; }

.basket-item.row1 {
	margin-top: 0;
	margin-bottom: 3px;
	background-color: #FFF;
	border-top: 1px solid rgba(0, 16, 34, 0.1);
	border-radius: 0px; }
.basket-item.row2 {
	margin-top: 0;
	margin-bottom: 3px;
	border-top: 1px solid rgba(0, 16, 34, 0.1);
	border-radius: 0px; }

.cart-info h3 a { color: #000000 !important; }

.basket-wrap .cart-qty form { width: 102px; }
.sp-input-group { 
	min-width: 102px;
	border-color: rgba(0, 16, 34, 0.1); }
.sp-input-group button {
	width: 30px;
	background-color: #f8f9fa; }
.sp-input-group button.sp-azalt { border-right: 1px solid rgba(0, 16, 34, 0.1) !important; }
.sp-input-group button.sp-arttir { border-left: 1px solid rgba(0, 16, 34, 0.1) !important; }

.sepet-satir-sil { width: 4%; }
.sepet-satir-sil a { 
	height: 30px; width: 30px;
	padding: 4px 6px;
	background: #FFC4B9;
	border-radius: 2px; }
.sepet-satir-sil a:before { color: #FFF; }

.basket-left,
.basket-right { 
	border-color: rgba(0, 16, 34, 0.1); }
.basket-right ul { border: none; }
.basket-right ul li { 
	height: 50px;
	line-height: 50px !important;
	border-top: 1px solid #ebebeb; }
.basket-right ul li span.sepet1 { 
	display: inline-block;
  width: auto;
  float: left;
  padding-left: 20px !important;
  font-weight: 500 !important;
  font-size: .875rem !important;
  text-align: left;
  color: #000000; }
.basket-right ul li span.sepet3 { 
	font-size: .925rem !important; }
.basket-right ul li.total {
	border-top: 1px solid rgba(0, 16, 34, 0.1); }
.basket-right ul li.kargo {
  height: 50px;
  padding-top: 12px;
  background-color: rgba(255, 215, 215, 0.5);
  color: #821b1b; }
.basket-right ul li.kargo span.sepet1,
.basket-right ul li.kargo span.sepet3.blue { 
	color: #821b1b !important; }
.basket-right ul li.tutar {
	background-color: #f8f9fa;
	height: 55px; }
.basket-right ul li span.red { color: #FFC4B9; }

div.basket-button a.grey,
div.basket-button a.green-button { 
	font-size: 12px !important;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	background: #000000; }

div.basket-button .grey:hover { background-color: #FFC4B9; }
div.basket-button a.green-button :hover { background-color: #80bc00; }

.sepet-info {
	max-width: 1180px;
	margin: 0 auto;
	padding: 13px;
	background: #ccf0d1;
	border: 1px solid #b8eabe;
	border-radius: 0.37rem;
	box-shadow: none; }
.sepet-info a {
	font-weight: 500;
	font-size: 13px;
	color: #005e0c !important; }

/* FORM */
.generatedForm { font-family: "Nunito", "Helvetica Neue", Arial, sans-serif; }

.sf-form-header { color: #000000; }
.sf-text-label { 
	font-size: .925rem;
	font-weight: 500;
	color: #000000; }
.sf-form-header label { font-size: .925rem; }

.sf-form-input, 
.sf-form-textarea, 
.sf-form-select {
	border: 1px solid rgba(0, 16, 34, 0.1) !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px !important; }
	
.sf-form-item-fullwidth select.sf-form-select {
  height: calc(1.5em + 0.9rem + 4px);
  padding: 0.45rem 0.85rem;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 16, 34, 0.1); }

.ac_over {
  background-color: #ccf0d1 !important;
  color: #005e0c; }
.ac_results {
  max-width: 400px;
  border-color: rgba(0, 16, 34, 0.1);
  font-weight: 500; }

/* SSS */
.sss .soru { 
	margin-top: 10px;
	padding: 15px;
	font-size: .925rem;
	font-weight: 600;
	background: #f8f9fa;
	border: 1px solid rgba(0, 16, 34, 0.025); }
.sss .soru img { display: none; }
.sss .cevap {
	margin-bottom: 30px;
	padding: 15px;
	background: rgba(248, 249, 250, 0.5);
	border: 1px solid rgba(0, 16, 34, 0.05);
	border-top: none; }

/* TABLE */
table.sepet th {
  text-transform: uppercase;
  background-color: #76A7C7;
  font-weight: 600; }
table.sepet th, table.sepet td {
  padding: 1em !important;
  font-size: 13px; }

/* VARYASYON */
.urunSecimTable {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
th.UrunSecenekleri {
	font-weight: 600;
	text-transform: uppercase; }
.urunSecimTable td {
	padding: 10px 0 !important; }
ul.urunSecim li {
	padding: 5px 10px;
	background: #FFF;
	border: 1px solid rgba(0, 16, 34, 0.1);
	border-radius: 0.37rem; }
ul.urunSecim li.selected {
	border-color: rgba(0, 16, 34, 0.1);
	background: rgba(0, 16, 34, 0.1); }

/* BUTTONS */
.sf-button {
	margin-top: 0;
	padding: 4px 34px;
	font-family: "Nunito", "Helvetica Neue", Arial, sans-serif;
	font-size: .875rem;
	line-height: 2rem;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 3px; }

.sf-neutral-button {
	background: #000000;
	border-bottom: none; }

.sf-button:hover {
  background: #59b210;
  opacity: 1; }
 
/* ÖDEME */
.adress-container .adress-list ul li {
	border-color: rgba(0, 16, 34, 0.1);
	border-bottom-width: 1px;
	border-radius: 0; }

.adress-container .adress-list ul li label {
	display: block; }

.addres-item p {
	line-height: 2; }

.adress-container .new-addres-item span {
	font-size: 30px; }
	
.adress-container .adress-list ul li.addres-item:hover,
.adress-container .adress-list ul li.active {
	border-color: #80bc00; }

.adress-container .adress-list ul li.addres-item:hover .active-set,
.adress-container .adress-list ul li.active .active-set {
	background-color: #80bc00;
	border-bottom-left-radius: 0px; }

table.kargo-liste {
	border-color: rgba(0, 16, 34, 0.1);
	border-bottom-width: 1px;
	border-radius: 0px !important; }

table.kargo-liste th { padding: 10px 5px }
table.kargo-liste tr th:first-child { text-indent: 15px; }

table.kargo-liste tr.active td,
table.kargo-liste tr:hover td {
	border: none;
	border-bottom: 1px solid rgba(0, 16, 34, 0.1);
	background: rgba(129, 189, 0, 0.2); }

table.kargo-liste tr td:first-child { text-align: center; }

table.kargo-liste td { 
	border: none;
	border-bottom: 1px solid rgba(0, 16, 34, 0.1); }

table.kargo-liste label {
	margin-top: 0.5rem; }

.tabs-container { border-color: rgba(0, 16, 34, 0.1); }

.tabs-container .tabs-list ul li a { border-bottom: 1px solid rgba(0, 16, 34, 0.1); }

.tabs-container .tabs-list ul li a.active,
.tabs-container .tabs-list ul li a:hover { background: #80bc00; }

.tabs-container .tabs-list ul li a i { margin-top: 14px; }

.adress-container .adress-list ul li.addres-item.bank-item { 
	margin-bottom: 0; }

.tabs-footer > button { 
	text-transform: uppercase;
	background-color: #59b210; }

/* ============================================ 
   RESPONSIVE 
============================================ */

@media only screen and (max-width: 1199px) {

	.carousel-caption {
		left: 25%;
		right: 25%;
		bottom: 15%;
	}

}

@media only screen and (max-width: 991px) {

	.section-header .icontext {
    padding: 0px 2px 0px 2px;
	}
	.section-header .icontext .icon {
    margin-left: 0px;
	}
	.section-header .search {
    border-color: #76A7C7;
	}
	.section-header .navbar-main .navbar-nav {
		margin-bottom: 0.5rem;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);		
	}
	.section-header .navbar-main .nav-link {
		border-left: 1px solid rgba(255, 255, 255, 0.5);
		border-right: 1px solid rgba(255, 255, 255, 0.5);
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
	.section-header .navbar-main .nav-link:hover {
		border-color: rgba(255, 255, 255, 0.5);
	}
	.section-header .navbar-main .nav-link:focus {
		outline: none;
	}
	.section-header .dropdown-menu {
		margin: 0;
		padding: 0;
		border: none;
	}
	.section-header .dropdown-item {
		padding: 0.625rem 1.5rem;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-right: 1px solid #FFF;
	}
	.carousel-caption {
		left: 20%;
		right: 20%;
	}
	.section-header .widget-header .notify {
	  top: -3px;
	  right: 6px; }
}

@media only screen and (max-width: 767px) {
	
	.card-product-list .info-aside { border-left: none; }
	.card-product-grid .info-wrap {
		font-size: 95%;
	}
	.carousel-caption {
		left: 15%;
		right: 15%;
		bottom: 20%;
	}	
	.product-details.border-left { border-left: none !important; }

}

@media only screen and (max-width: 575px) {

	.container {
    padding-right: 15px;
    padding-left: 15px;
	}
	.lead {
		font-size: 1rem;
	}
	.section-header .icontext {
    padding: 0px 2px 0px 2px;
	}
	.section-header .brand-wrap .logo, .section-header .navbar-brand .logo {
    max-height: 40px;
	}

	.section-header .navbar-main .navbar-nav {
		margin-bottom: 0;
		border-right: none;
		border-bottom: none;		
	}
	.section-header .navbar-main .nav-link {
		border-left: none;
		border-right: none;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
	.section-header .navbar-main .nav-link:hover {
		border-color: none;
	}
	.section-header .navbar-main .nav-link:focus {
		outline: none;
	}
	.section-header .dropdown-menu {
		margin: 0;
		padding: 0;
		border: none;
	}
	.section-header .dropdown-item {
		padding: 0.625rem 1.5rem;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-right: 1px solid #FFF;
	}
	.card-product-grid .info-wrap {
		font-size: 90%;
	}
	
	#icon-bar .fa-3x {
    font-size: 2.5em;
	}
	#icon-bar h6,
	#icon-bar .h6 {
    font-size: 0.675rem;
	}
	.carousel-caption {
		left: 10%;
		right: 10%;
		bottom: 20%;
	}		
	
}

@media only screen and (max-width: 375px) {
	
	.card-product-grid .img-wrap {
		height: 165px;
	}
	.carousel-caption {
		left: 5%;
		right: 5%;
		bottom: 25%;
	}	

}