body { font-family: "Montserrat", sans-serif; }
.td-none:hover { text-decoration: none; }
a:hover, button:hover { opacity: .8; }
i:not(.none), [class^="bi-"]:not(.none), [class*=" bi-"]:not(.none) { margin-right: 5px; }
ul { padding: 0; margin: 0; list-style: none; }
button { background: none; border: none; padding: 0px; margin: 0px; cursor: pointer; line-height: initial; }
	button:focus { outline: none; }
img { max-width: 100%; }
header, main, footer { position: relative; }
main { padding-bottom: 40px; }
.urundetay main { padding-bottom: 0; }
.rotate90 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.custom-file-input ~ .custom-file-label::after { content: "Browse"; font-weight: 700; font-size: 1rem; }
.custom-file-input:lang(tr) ~ .custom-file-label::after { content: "Gözat"; }
.container-full { margin: 0 auto; width: 100%; }
	.container-full .row.mains { margin: 0 auto; }
	.container-full .col-md-12 { padding: 0; }
strong, b, .font-weight-bold { font-weight: 700 !important; }

.btn { font-weight: 600; }
	.btn.v2, .btn-lg { padding: .75rem 1.5rem; }
	.btn.disabled, .btn:disabled { cursor: not-allowed; }

.br-2rem { border-radius: 2rem; }
.br-1rem { border-radius: 1rem; }

.form-control, .bootstrap-select .btn, .custom-file-label:not(.none), .btn, .card, .custom-file-label::after, .input-group-text { border-radius: 1px; }
.form-control, .custom-file, .custom-file-input, .custom-file-label, .custom-file-label::after, .alert { font-size: .875rem; font-weight: 400; }
	.form-control:not(.none), .custom-file:not(.none), .custom-file-input:not(.none) { height: calc(3rem + 2px); }
	.custom-file-label:not(.none), .custom-file-label:not(.none)::after { line-height: 2.25rem; height: auto; margin-bottom: 0; }
.bootstrap-select .dropdown-toggle::after { content: none; }
textarea.form-control { height: auto !important; }
/*.custom-control-label { padding-top: 2px; }*/
.form-control:disabled, .form-control[readonly] { cursor: no-drop; opacity: .5; }
.col-form-label { padding-top: calc(10px + 1px); padding-bottom: calc(10px + 1px); }
.bootstrap-select .btn { line-height: 2; font-size: .875rem; font-weight: 400 }

.form-control-v2 .form-control, .form-control-v2 .custom-file-label { border: 0; background-color: transparent !important; border-bottom: 1px solid; border-radius: 0; text-align: left; }
	.form-control-v2 .form-control:focus { border-color: #80bdff; box-shadow: none }
	.form-control-v2 .custom-file-label::after { background-color: transparent; font-size: 1rem; }
.form-control-v2 .form-control, .form-control-v2 .placeholder { font-size: 1rem; }

.custom-select2 { padding-right: 2rem; background: #fff url(/themes/img/select.svg) no-repeat right .75rem center/14px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custom-select3 { padding-right: 2rem; background: #fff url(/themes/img/select.png) no-repeat right .75rem center/20px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.card { box-shadow: 0 1px 1px rgba(173, 168, 168, .10); border-bottom: inset 2px rgba(80,80,80,.2); }

input[type=radio]:not(.none) + label { display: initial; vertical-align: middle; position: relative; padding-left: 13px; margin-bottom: 0; }
	input[type=radio]:not(.none) + label::before { content: ""; display: inline-block; position: absolute; width: 1rem; height: 1rem; left: 0; top: 1px; margin-left: -13px; border: 1px solid #adb5bd; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
	input[type=radio]:not(.none) + label::after { display: inline-block; position: absolute; width: 1rem; height: 1rem; top: 1px; left: 0; margin-left: -13px; font-size: 6px; line-height: 1rem; text-align: center; border-radius: 50%; }
input[type=radio]:not(.none) { opacity: 0; z-index: 1; cursor: pointer; }
	input[type=radio]:not(.none):focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
	input[type=radio]:not(.none):checked + label::after { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }
	input[type=radio]:not(.none):disabled { cursor: not-allowed; }
		input[type=radio]:not(.none):disabled + label { opacity: 0.65; }
			input[type=radio]:not(.none):disabled + label::before { cursor: not-allowed; background-color: #eeeeee; }

input[type=checkbox]:not(.none) + label { display: initial; vertical-align: middle; position: relative; padding-left: 13px; margin-bottom: 0; }
	input[type=checkbox]:not(.none) + label::before { content: ""; display: inline-block; position: absolute; width: 1rem; height: 1rem; top: 1px; left: 0; margin-left: -13px; border: #adb5bd solid 1px; border-radius: .25rem; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
	input[type=checkbox]:not(.none) + label::after { display: inline-block; position: absolute; width: 1rem; height: 1rem; top: 1px; left: 0; margin-left: -13px; font-size: 10px; line-height: 1rem; text-align: center; border-radius: .25rem; }
input[type=checkbox]:not(.none) { opacity: 0; z-index: 1; cursor: pointer; }
	input[type=checkbox]:not(.none):focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
	input[type=checkbox]:not(.none):checked + label::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; }
	input[type=checkbox]:not(.none):indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; }
	input[type=checkbox]:not(.none):disabled { cursor: not-allowed; }
		input[type=checkbox]:not(.none):disabled + label { opacity: 0.65; }
			input[type=checkbox]:not(.none):disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }

.text-shadow { text-shadow: 1px 1px 0 #fff; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.h1, h1 { font-size: 1.75rem; }
.h2, h2 { font-size: 1.53125rem; }
.h3, h3 { font-size: 1.3125rem; }
.h4, h4 { font-size: 1.09375rem; }
.h5, h5 { font-size: 1rem; }
.h6, h6 { font-size: .875rem; }

.fs-lg { font-size: 1.33333rem !important; }
.fs-xs { font-size: .75rem !important; }
.fs-sm { font-size: .875rem !important; }
.fs-1x { font-size: 1rem !important; }
.fs-2x { font-size: 2rem !important; }
.fs-3x { font-size: 3rem !important; }
.fs-4x { font-size: 4rem !important; }
.fs-5x { font-size: 5rem !important; }
.fs-6x { font-size: 6rem !important; }
.fs-7x { font-size: 7rem !important; }
.fs-8x { font-size: 8rem !important; }
.fs-9x { font-size: 9rem !important; }
.fs-10x { font-size: 10rem !important; }
.fs-15 { font-size: .9375rem !important; }
.fs-17 { font-size: 1.0625rem !important }
.fs-18 { font-size: 1.125rem !important; }
.fs-20 { font-size: 1.25rem !important; }
.fs-22 { font-size: 1.375rem !important; }
.fs-24 { font-size: 1.5rem !important; }

.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }

.mt-2rem, .my-2rem { margin-top: 2rem !important; }
.mb-2rem, .my-2rem { margin-bottom: 2rem !important; }
.pt-2rem, .py-2rem { padding-top: 2rem !important; }
.pb-2rem, .py-2rem { padding-bottom: 2rem !important; }

.mt-1px { margin-top: 1px !important }
.mt-10px { margin-top: 10px !important; }
.mt-30px { margin-top: 30px !important; }
.mb-30px { margin-bottom: 30px !important; }
.mb-10px { margin-bottom: 10px !important; }
.pt-10px { padding-top: 10px !important; }
.pt-30px { padding-top: 30px !important; }
.pb-30px { padding-bottom: 30px !important; }
.pb-10px { padding-bottom: 10px !important; }
.mt--40 { margin-top: -40px }
.mb--40 { margin-bottom: -40px }
.my--40 { margin-top: -40px; margin-bottom: -40px }

.bg-cover { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed;*/ }
.opacity1 { opacity: 1 !important; }

.panel-heading::after, .after-font-awesome:after, .before-font-awesome:before, .sidebar ul li.has-sub > a:after, .faq-title::after, .editor-content li:not(.none):after, .ul-bullet li:not(.none):after { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.after-bi-icon:after, .before-bi-icon:before { font-family: bootstrap-icons !important; font-weight: normal !important; }

.single-row { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line-clamp1 { -webkit-line-clamp: 1; }
.line-clamp2 { -webkit-line-clamp: 2; }

.outline-none:focus { outline: none !important; }
.before-content:before, .after-content:after, .overlay:before, .slider .item:after, .slider .item .a-item:after, .editor-content li:not(.none):after, .ul-bullet li:not(.none):after, .body-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*z-index: -1;*/ }
.middle, .faq-title::after, .panel-heading::after { z-index: 99; transition: .5s ease; position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.a-opacity1:hover, .a-opacity1 a:hover { opacity: 1; }
.tran3s { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.tran4s { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.fancybox-button { position: absolute; top: 0; right: 0; }
.fancybox-content { padding: 0 !important; }
	.fancybox-content .fancybox-button { height: 38px; padding: 4px; opacity: 1; }

.fancyboxModal { padding: 2.75rem 1rem !important; display: none; }
.fancyboxModal, .fancybox-slide--iframe .fancybox-content { max-width: 70%; }
#modal_inline { min-width: 50%; max-width: 50%; }

hr { background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#DBDBDB), to(transparent)); background-image: linear-gradient(to left, transparent, #DBDBDB, transparent); border: 0; height: 1px; margin: 22px 0; }

.editor-content img[style*="left"] { margin: 0 1rem 1rem 0; max-width: 50%; }
.editor-content img[style*="right"] { margin: 0 0 1rem 1rem; max-width: 50%; }
.editor-content::after { display: block; clear: both; content: ""; }

.loading-bar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); z-index: 9999999; transform: translateZ(0); }
	.loading-bar .loader { width: 0; height: 5px; position: absolute; top: 0; left: 0; animation: expand 5s linear infinite; }
	.loading-bar.no-overlay { background: 0 0; }

@keyframes expand {
	0% { width: 0; }
	100% { width: 100%; }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.editor-content li:not(.none), .ul-bullet li:not(.none) { margin: 10px 0; position: relative; padding-left: 20px; list-style-type: none; }
	.editor-content li:not(.none):after, .ul-bullet li:not(.none):after { content: "\f111"; font-size: .5rem; top: 5px; }

#marquee { padding: 8px 0; line-height: 1; font-size: .875rem }
header.sticked #marquee { display: none }

.fixed-header, .yes-banner header { position: fixed; z-index: 1040; width: 100%; -webkit-animation-fill-mode: none; animation-fill-mode: none; }
header.sticked, .yes-banner header { top: 0; }

.navbar { padding: 0px; }
.navbar-nav { -ms-flex-direction: row; flex-direction: row; }
.navbar-brand { margin-right: 0; padding: .5rem 0; }
	.navbar-brand img { max-height: 72px; }
header.sticked .navbar-brand img { max-height: 52px; }

.navbar-right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
	.navbar-right > li { position: relative; }
		.navbar-right > li > a:hover { text-decoration: none; }
		.navbar-right > li > a > i, .navbar-right > li > button, .navbar-right > li > button > i { vertical-align: middle; }

.slide-toggle-ul { display: none; position: absolute; z-index: 999999; top: 50px; right: 0; width: 220px; font-size: .875rem; font-weight: 500; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 50px 0 rgba(64,72,78,.18); }
	.slide-toggle-ul:after { content: ""; display: inline-block; position: absolute; top: -8px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #fff; }
	.slide-toggle-ul li a, .slide-toggle-ul li span { padding: 8px 16px; display: block; }
	.slide-toggle-ul li:not(:last-child) a, .slide-toggle-ul li:not(:last-child) span { border-bottom: 1px solid #e7e7e7; }
	.slide-toggle-ul li:first-child { padding-top: 12px; }
	.slide-toggle-ul li:last-child { padding-bottom: 12px; }

.dropdownn { position: relative; }
.dropdownn-toggle { line-height: 2; }
	.dropdownn-toggle.after-ok::after { content: '\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; }
.dropdownn-menu { display: none; position: absolute; z-index: 999; top: 100%; right: 0; min-width: 52px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 50px 0 rgba(64,72,78,.18); }
.dropdownn.v2 .dropdownn-menu { right: auto; left: 0; padding: 10px; }
.dropdownn-menu .dropdownn-item { padding: 8px 10px; display: block; text-align: center; line-height: 1; border-radius: 3px; }
	.dropdownn-menu .dropdownn-item:hover { opacity: 1; text-decoration: none; }

.menu-content { width: 100%; }

.header-cart .cart-counter-number { width: 18px; height: 18px; line-height: 18px; border-radius: 50px; font-size: 11px; text-align: center; display: inline-block; vertical-align: super; }

#minicart { display: none; position: absolute; z-index: 9999999; top: 50px; right: 0; width: 330px; padding: 10px; -webkit-box-shadow: 0 4px 7px 0 rgba(50,50,50,.2); box-shadow: 0 4px 7px 0 rgba(50,50,50,.2); background: #fff; border: 1px solid #e2e6eb; border-radius: 0; }
	#minicart .minicart-container { position: relative; height: 100%; }
	#minicart .minicart-title { font-size: .95rem; padding: 0 10px; }
	#minicart .minicart-items { max-height: 280px; overflow-y: auto; }
		#minicart .minicart-items.scroll::-webkit-scrollbar { width: 7px; }
		#minicart .minicart-items .product-item { border-bottom: 1px solid; padding: 10px 0; }
			#minicart .minicart-items .product-item:last-child { border-bottom: 0; }
			#minicart .minicart-items .product-item .product-item-photo { margin-right: 10px; max-width: 50px; }
			#minicart .minicart-items .product-item .product-item-details { width: calc(100% - 90px); }
			#minicart .minicart-items .product-item .product-item-name { display: block; font-size: .875rem; line-height: 1; margin-bottom: 5px; }
			#minicart .minicart-items .product-item .product-item-price { font-weight: 600; }
			#minicart .minicart-items .product-item .btn-deletecart { font-size: 1.05rem; text-align: right; }
	#minicart .minicart-bottom { margin-top: 10px; padding: 0 10px; }
	#minicart .minicart-total { margin-bottom: 15px; }

.search-place { width: 100%; display: none; text-align: left; position: fixed; z-index: 9999999; top: 0; left: 0; }
	.search-place .search-close { z-index: 999; width: 100%; display: block; line-height: 1; text-align: right; margin-bottom: 1rem; }
		.search-place .search-close i { font-size: 1.25rem; line-height: 1.25rem; margin-left: 6px; vertical-align: middle; }
	.search-place .search-content { position: relative; width: 100%; padding: 48px 0; }
#search-form { max-width: 860px; margin: 0 auto }
.search-form { position: relative; }
	.search-form.before-font-awesome:before { content: "\f002"; position: absolute; top: 50%; left: 14px; transform: translateY(-50%); font-size: 1.25rem; }
	.search-form .form-control { height: 60px; line-height: 100%; border-radius: 8px; padding: 10px 70px 10px 42px; box-shadow: none; font-size: .875rem; }
	.search-form .btn { box-shadow: none; width: auto; right: 0; left: auto; padding-right: 18px; font-size: 1.2rem; }
		.search-form .btn i { font-size: 1.5rem; margin-left: 5px; vertical-align: middle; }
.search-place .search-content .h1 { font-size: 2rem; font-weight: 700; line-height: 1.33; margin-bottom: 1rem; }

.searchList { position: absolute; background: #fff; top: 42px; max-height: 300px; overflow: auto; width: 100%; display: none; opacity: 0; z-index: 9990; font-size: .875rem; }
	.searchList.active { display: block !important; opacity: 1; border: 1px solid; }
	.searchList .results { border-bottom: 1px solid; padding: 10px; position: sticky; top: 0; background: #fff; z-index: 9; }
	.searchList.scroll::-webkit-scrollbar { width: 7px; }
	.searchList > a { padding: 5px; border-bottom: 1px solid; width: 100%; }
		.searchList > a:last-child { border: none; }
		.searchList > a .images { margin-right: 10px; max-width: 50px; text-align: center; }
		.searchList > a .text { width: calc(100% - 65px); }
			.searchList > a .text h6 { margin-bottom: 0; font-size: .75rem; font-weight: 400; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*mobile*/
#panel { position: fixed; top: 0px; width: 100%; left: -100%; height: 100%; z-index: 99999; overflow-y: scroll; transition: .5s; }
	#panel .panel-content { padding: 2rem 1rem; position: relative; }

.mobile-top { margin-left: 5px; line-height: 36px; margin-bottom: 2rem; }
	.mobile-top a { display: block; color: #fff; }

.a-item { position: relative; width: 100%; height: 100%; display: block; }

.slider.owl-carousel .owl-stage { text-align: center; }
.slider .item img:not(.none) { object-fit: cover; min-height: 320px; height: auto; }
body.default .slider .item img:not(.none), .main-video video { min-height: 460px; }

.slider .caption-content { text-align: center }
.slider .caption strong, .slider .caption em { display: block; font-style: normal; }
.slider .caption strong { font-size: 3rem; font-weight: 600; }
#cb_pnl_bolum3.slider .caption strong { font-size: 1.75rem !important; margin-bottom: 1rem; line-height: 1; }
.slider .caption em { font-size: 4rem; margin-bottom: 1.5rem; font-weight: 700; }
.slider .caption p:not(.none) { font-size: 1.35rem; margin-bottom: 0; }
#cb_pnl_bolum3.slider .caption p:not(.none) { font-size: 1rem !important; }
.slider .caption a { padding: 0.5rem 2.5rem; display: inline-block; margin-top: 1.5rem; font-weight: 500; border: 1px solid; }
	.slider .caption a:hover { text-decoration: none }

.slider .active .caption strong { animation-name: fadeInUp; animation-fill-mode: both; animation-duration: .5s; animation-delay: .5s; }
.slider .active .caption em { animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; }
.slider .active .caption p:not(.none) { animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; }
.slider .active .caption a { animation-name: fadeInUp; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; }

.videosl { width: 100%; position: relative; }
.main-video { overflow: hidden; position: relative; width: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; }
	.main-video:before { content: ''; background-color: rgba(0,0,0,.32); position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* z-index: 2;*/ }
	.main-video video { width: 100%; display: block; object-fit: cover; }
	.main-video iframe { width: 100%; height: 100vh; transform: scale(1.2); position: absolute; z-index: 3; }
	.main-video .c-button { padding: 1.1rem 3rem; font-size: 1.1rem; letter-spacing: .05em; text-transform: uppercase; }
.videosl .btnplay { display: none; z-index: 99; opacity: .5; font-size: 4rem; color: #000; cursor: pointer; text-align: center; }

.social-icons li { display: inline-block; margin-right: 1rem; }
	.social-icons li:last-child { margin-right: 0px; }
	.social-icons li img { max-height: 30px; }
	.social-icons li i { color: #fff; margin-right: 0px; width: 30px; height: 30px; line-height: 30px; font-size: 1rem; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
	.social-icons li:last-child i { margin-right: 0px; }
	.social-icons li.facebook i { background: #3b5998; transition: all .4s; }
	.social-icons li.facebook:hover i { background: #fff; border-color: #3b5998; color: #3b5998; }
	.social-icons li.twitter i { background: #0f1419; }
	.social-icons li.twitter:hover i { background: #fff; border-color: #0f1419; color: #0f1419; }
	.social-icons li.instagram i { background: -webkit-gradient(radial, 33% 100%, 0, 33% 100%, 221, color-stop(1.00, #515ECF), color-stop(0.81, #9B36B7), color-stop(0.63, #D92E7F), color-stop(0.32, #F15245), color-stop(0.04, #FED373)); background: -webkit-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%); background: radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%); }
	.social-icons li.instagram:hover i { background: #fff; border-color: #517fa4; color: #517fa4; }
	.social-icons li.youtube i { background: #bb0000; }
	.social-icons li.youtube:hover i { background: #fff; border-color: #bb0000; color: #bb0000; }
	.social-icons li.linkedin i { background: #007bb6; }
	.social-icons li.linkedin:hover i { background: #fff; border-color: #007bb6; color: #007bb6; }
	.social-icons li.google-plus i,
	.social-icons li.google i { background: #dd4b39; }
	.social-icons li.google:hover i,
	.social-icons li.google-plus:hover i { background: #fff; border-color: #dd4b39; color: #dd4b39; }
	.social-icons li.pinterest i { background: #cb2027; }
	.social-icons li.pinterest:hover i { background: #fff; border-color: #cb2027; color: #cb2027; }
	.social-icons li.whatsapp i { background: #25d366; }
	.social-icons li.whatsapp:hover i { background: #fff; border-color: #25d366; color: #25d366; }

.social-icons.style2 li i { color: #000000; font-size: 1.25rem; background-color: transparent !important; background: none !important; width: auto; height: auto; line-height: inherit }
.social-icons.style3 li i { border-radius: 8px !important; width: 26px; height: 26px; line-height: 26px; }

.mobile-social-icons { margin-top: 1.3rem; margin-left: 5px; }
	.mobile-social-icons .social-icons li i { width: 26px; height: 26px; line-height: 26px; font-size: .875rem; margin-bottom: 8px; border: 1px solid; }

.social-share button { width: 30px; height: 30px; line-height: 30px; border-radius: 3px; color: #ffffff; }
	.social-share button:not(:last-child) { margin-right: 6px; }
	.social-share button:hover { opacity: 1; text-decoration: none; }
	.social-share button i { margin-right: 0; }
	.social-share button.facebook { background-color: #3b5998; }
		.social-share button.facebook:hover { background-color: #293e6a; }
	.social-share button.twitter { background-color: #0f1419; }
		.social-share button.twitter:hover { background-color: #000000; }
	.social-share button.plusone { background-color: #dd4b39; }
		.social-share button.plusone:hover { background-color: #b53f30; }
	.social-share button.pinterest { background-color: #b31616; }
		.social-share button.pinterest:hover { background-color: #7d0f0f; }
	.social-share button.whatsapp { background-color: #4dc247; }
		.social-share button.whatsapp:hover { background-color: #359030; }
	.social-share button.email { background-color: #414659; }
		.social-share button.email:hover { background-color: #000; }
	.social-share button.linkedin { background: #0077b5; }
		.social-share button.linkedin:hover { background-color: #005f90; }

.slide-area { position: relative; margin-bottom: 1.5rem; min-height: 160px; }

.page-header:not(.border1) { margin-bottom: 2rem; }
.page-header .breadcrumb { font-size: .875rem; padding: 0px; margin: 0px; background: none; align-items: center; overflow: hidden; flex-wrap: nowrap; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0px; }
	.breadcrumb-item + .breadcrumb-item::before { content: none; }
.page-header .breadcrumb-item.active { opacity: .5; }
.page-header .breadcrumb, .breadcrumb-item a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb-item:not(:last-child) { padding-right: 10px; display: flex; min-width: 48px; flex-shrink: 99999; }
	.breadcrumb-item:not(:last-child)::after { display: inline-block; padding-left: 10px; content: "/"; }
.breadcrumb-item:last-child { min-width: 0; }
	.breadcrumb-item:last-child a { display: inline-block; min-width: 0; max-width: 100%; overflow: hidden; vertical-align: bottom; }
.page-header.text-center .breadcrumb { justify-content: center; }

.pagination { margin: 20px 0px 20px 0px; font-weight: bold; }
	.pagination .page-item + .page-item { margin-left: 5px; }
	.pagination .page-link { border: 0; }
		.pagination .page-link.number, .pagination .page-link.prev, .pagination .page-link.next { border-radius: 50% !important; width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; }
		.pagination .page-link.text, .pagination .page-link.first, .pagination .page-link.last { font-size: .875rem; border-radius: 2rem; font-weight: normal; }
		.pagination .page-link.prev, .pagination .page-link.next { font-size: 1.25rem; }

footer { font-size: .95rem; }
	footer .footer { padding: 2rem 0 0 0; }
	footer .footer-menu-container { margin-bottom: 1rem; }
	footer .footer-menu .footer-menu-title { font-weight: 500; margin-bottom: 1rem; text-transform: uppercase }
	footer .footer-menu .footer-menu-content { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
		footer .footer-menu .footer-menu-content > ul > li > a { display: block; padding-bottom: 8px; }

	footer .copyright { padding: 10px 0; }

.newsletter .form-control, .newsletter .btn { border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid; box-shadow: none }

.pnl-sidebar { display: none; }
.sidebar-padding { padding: 0px 1rem; }
.sidebar-content { /*max-height: 2640px;*/ overflow-y: auto; }
.sidebar-border { border: 1px solid }
.btn-sidebar { cursor: pointer; font-size: 1.3rem; line-height: 1.3rem; padding: .7rem 1.2rem; }
.content { margin-top: 2rem; }
.default .content { margin-top: 0; }

.sidebar ul { font-weight: 500; font-size: 1rem; }
.sidebar ul li a { display: block; padding: 10px 0px; padding-right: 12px; position: relative; }
.sidebar ul li ul li { padding-left: 15px; }
.sidebar ul ul { display: none; font-size: .9rem; font-weight: 500; margin: 10px 0 }
.sidebar ul li.active > ul { display: block; }
.sidebar ul li ul li a { padding: 6px 0px; }
.sidebar ul li.has-sub > a:after { content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0; }
.sidebar ul li.has-sub.active > a:after { content: '\f107'; }
.sidebar li a:hover { opacity: 1; text-decoration: none }
#sidebar-ul > li:not(:last-child) > a { border-bottom: 1px solid; }
.sidebar ul li.active > ul, .sidebar-filter ul { max-height: 270px; overflow-y: auto; overflow-x: hidden; /* padding-right: 1rem;*/ }
	.sidebar ul li.active > ul::-webkit-scrollbar, .scroll::-webkit-scrollbar, .sidebar-filter ul::-webkit-scrollbar { width: 8px; }

.btn-collapse { padding: 12px 1rem; position: relative; cursor: pointer; font-weight: 600; margin-bottom: 0; }
	.btn-collapse.after-font-awesome:after { content: '\f0ca'; right: 10px; position: absolute; }

.sidebar-filter ul { margin: 1rem 10px; }
.sidebar-filter li { padding: 5px 6px; font-weight: 400; }
	.sidebar-filter li.filter-title { border-bottom: 1px solid; margin-bottom: 5px; font-weight: 600; font-size: 1.05rem; }
		.sidebar-filter li.filter-title:not(:first-child) { margin-top: 10px; }

#filter-selection-ul > li .custom-control, #filter-selection-ul > li .custom-control-label { cursor: pointer; }
#filter-selection-ul > li .custom-control { padding-left: 1rem; }
	#filter-selection-ul > li .custom-control::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; }
#filter-selection-ul > li .custom-control-input { display: none; }
#filter-selection-ul > li .custom-control-label::before, #filter-selection-ul > li .custom-control-label::after { content: none; }

/*.filter-selection { display: none; margin: 20px 0; }
.filter-selection-container { font-size: .875rem; display: flex; align-items: center; }
	.filter-selection-container .h5 { margin-right: 10px; font-weight: 500; }
	.filter-selection-container #filter-selection-ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; flex-wrap: wrap; display: flex; }
		.filter-selection-container #filter-selection-ul li { padding: 5px 10px; background-color: #f5f5f5; margin-right: 10px; }
			.filter-selection-container #filter-selection-ul li.filter-title { font-weight: 700; vertical-align: middle; height: 34px; line-height: 1.85; }*/

.shop-top-bar { padding: 12px 20px; margin-bottom: 2rem; }
	.shop-top-bar .item + .item { margin-left: 2rem; }
	.shop-top-bar .item i { font-size: 1.375rem; margin-right: 0; vertical-align: middle; }
	.shop-top-bar .item button { color: #ccc; border: 2px solid; padding: 5px; }

.shop-top-bar-v2 { margin-left: auto; display: flex; align-items: center; }
	.shop-top-bar-v2 .item + .item { margin-left: 1rem; }
	.shop-top-bar-v2 .item i { font-size: 1.375rem; vertical-align: middle; margin-right: 0 }
	.shop-top-bar-v2 .item button { color: #cccccc; border: 2px solid; padding: 5px; }

#filtreler { margin-bottom: 2rem; }
	#filtreler li { position: relative; }
		#filtreler li li { min-width: initial !important; }
		#filtreler li .filtre-control, #filtreler li #sorting { height: 48px; border: 1px solid; border-radius: 1px; }
		#filtreler li .filtre-control { width: 100%; position: relative; display: flex; align-items: center; padding: 0 3rem 0 1rem; text-align: left; }
		#filtreler li .btn_filtreler:after { content: '\f107'; position: absolute; right: 1rem }
		#filtreler li.acildi .btn_filtreler:after { content: '\f106'; }
		#filtreler li .sidebar-v2 { padding: 1rem; width: 100%; height: 100vh; position: absolute; top: 50px; left: 0; z-index: 992; display: none; overflow-y: scroll; }

/*body.kategoriler_v2 .page-header .breadcrumb { display: none !important }*/

article.post .post-meta { margin-bottom: 1rem; }
	article.post .post-meta > span { display: inline-block; font-size: .85rem; padding: 3px 12px; border-radius: 50px; margin-top: 5px; margin-bottom: 5px; }
		article.post .post-meta > span:not(:last-child) { margin-right: 10px; }

.post-block { border-top: 1px solid #DDD; margin: 2rem 0 0 0; padding: 20px 0; position: relative; }

#content-summary { padding: 2rem; margin: 1rem 0 2rem 0; border-radius: .5rem; }
	#content-summary li { margin: .5rem 0; font-size: .9rem }
		#content-summary li a { display: block; position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
			#content-summary li a:hover { transform: translateX(10px); text-decoration: none }
			#content-summary li a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px }

.nav-tabs.style1 .nav-link { display: block; padding: .75rem 1rem; font-size: 1rem; font-weight: 600; border: 0; border-bottom: 0; border-radius: 0; }
.nav-tabs.style1 .nav-item:not(:last-child) { margin-right: 3px; border-right: 1px solid; }
.nav-tabs.style1 .nav-item { margin-bottom: 0; }
.tab-content.style1 { border-radius: 0; border: 0; }
	.tab-content.style1 > .tab-pane { padding: 2rem 0; }
.nav-tabs.style1 { border-bottom: 0; }

.nav-tabs.style2 { justify-content: center; }
	.nav-tabs.style2 .nav-link { display: block; padding: 1rem 2rem; font-size: 1.25rem; font-weight: 500; border: 0; border-radius: 0; }
.tab-content.style2 > .tab-pane { padding: 2rem 0 1rem 0; }

.list-img, .img-center { height: 205px; }
.list-img { width: 100%; object-fit: cover; transition: .5s ease; backface-visibility: hidden; }
.img-center { width: 100%; position: relative; display: block; }
	.img-center img { width: auto !important; max-height: 100%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.reference-list .img-center, .reference-list .list-img { height: 98px; }
.reference-list .card { padding: .5rem; }

figure { position: relative; overflow: hidden; margin-bottom: 0px; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; text-align: center; }
figure:hover .overlay { opacity: 1; }
figure .overlay i { font-size: 2.5rem; }
figure a:hover { opacity: 1; }

.zoom-effect img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.zoom-effect:hover img, .zoom-effect:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.zoom-effect2 img { transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom-effect2:hover img, .zoom-effect2:focus img { transform: scale(1.08); }

.hover-effect { display: block; position: relative; overflow: hidden; }
	.hover-effect::before { background-color: rgba(255, 255, 255, 0.2); content: ""; height: 200%; left: -280px; position: absolute; top: -50%; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); width: 80px; z-index: 0; }
	.hover-effect::after { background-color: rgba(255, 255, 255, 0.2); content: ""; height: 200%; left: 180%; position: absolute; top: -50%; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); width: 80px; z-index: 0; }
	.hover-effect:hover::before { left: 180%; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); }
	.hover-effect:hover::after { left: -280px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); }

.kborder { position: relative; margin-bottom: 40px; }
	.kborder:before { position: absolute; left: 0; bottom: -10px; width: 30px; height: 3px; content: ""; }
.text-center .kborder { display: inline-block; }
	.text-center .kborder:before { left: 50%; margin-left: -18px; }

.kborder2 { position: relative; margin-bottom: 40px; }
	.kborder2:before { content: ""; position: absolute; top: 0; left: -15px; width: 5px; border-radius: 4px 0 0 4px; height: 100%; }
.text-center .kborder2 { display: inline-block; }

.kborder3 { padding-bottom: 30px; margin-bottom: 40px; position: relative; }
	.kborder3:before { content: ''; position: absolute; width: 2px; height: 30px; margin: 0; left: 50%; bottom: 0; }

.section-title-one { position: relative; overflow: hidden; }
	.section-title-one::before { font-size: 2.5rem; line-height: 3rem; content: attr(data-title); font-weight: 700; display: block; position: absolute; right: 0; top: 0; z-index: 1; padding-left: 25px; }
	.section-title-one::after { position: absolute; left: 0; top: 50%; content: ""; width: 100%; height: 1px; z-index: -1; }
	.section-title-one .section-title { font-weight: 700; padding: 10px 25px; margin-left: 40px; position: relative; z-index: 3; display: inline-block; }

.border1 { border-bottom: 3px double; padding-bottom: .7rem; margin-bottom: 2rem; }
.border2 { border-bottom: 1px dotted; padding-bottom: 1.5rem; margin-bottom: 1.5rem; }

.anim-effect1 { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.anim-effect1:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.list-effect:hover { box-shadow: 0px 0px 0px 10px #f1f1f1; overflow: hidden; z-index: 1000; animation: height-product-nomargin 300ms forwards; -webkit-animation: height-product-nomargin 300ms forwards; -moz-animation: height-product-nomargin 300ms forwards; -o-animation: height-product-nomargin 300ms forwards; }

#to-top { z-index: 999; display: none; position: fixed; right: 0; bottom: 20px; width: 46px; padding: .75rem 0; border-radius: .5rem 0 0 .5rem; font-size: 1.3rem; line-height: 1.3rem; }

#kvkk { position: fixed; bottom: 0px; left: 50%; z-index: 9999999999; width: 60%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	#kvkk .kvkk-inner { font-size: .875rem; padding: 15px 20px; border-radius: 4px; margin: 15px; text-align: left; }
	#kvkk .btn { margin: 3px 10px 3px 0 }
		#kvkk .btn:last-child { margin-right: 0; }
	#kvkk a { text-decoration: underline; }

.body-overlay { position: relative; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 999; -ms-flex-order: 2; order: 2; overflow: hidden; }
	.body-overlay:before { z-index: 9999; }
	.body-overlay.explicit:before { opacity: 1 !important }

.whatsapp-info { display: none; z-index: 999; position: fixed; left: 20px; bottom: 20px; }
	.whatsapp-info .whatsapp-icon i { -webkit-animation: at-ripple .6s linear infinite; animation: at-ripple .6s linear infinite; float: right; font-size: 1.75rem; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; text-align: center; transition: all 0.3s ease-out 0s; }
	.whatsapp-info .whatsapp-icon .whatsapp-text { z-index: -1; opacity: 0; float: right; font-size: .875rem; font-weight: 400; padding: 5px 20px; position: relative; top: 8px; right: 20px; border-radius: 4px; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transition: all 0.3s ease-out 0s; }
	.whatsapp-info .whatsapp-icon:hover .whatsapp-text { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }

@keyframes at-ripple {
	0% { box-shadow: 0 4px 10px rgba(77, 194, 71,0.4),0 0 0 0 rgba(77, 194, 71,0.4),0 0 0 5px rgba(77, 194, 71,0.4),0 0 0 10px rgba(77, 194, 71,0.4); }
	100% { box-shadow: 0 4px 10px rgba(77, 194, 71,0.4),0 0 0 5px rgba(77, 194, 71,0.4),0 0 0 10px rgba(77, 194, 71,0.4),0 0 0 20px rgba(77, 194, 71,0); }
}

.error-page { text-align: center; margin-top: 2rem; margin-bottom: 1rem; }
	.error-page h1 { font-size: 9rem; line-height: 9rem; margin-bottom: 2rem; }
	.error-page h2 { margin-bottom: 1rem; }
	.error-page p { margin-bottom: 0; }

.block-service .item { padding: 0 15px; list-style-type: none; text-align: center; }
	.block-service .item > div { border: 1px solid; padding: 1.5rem 10px; width: 100%; height: 100%; }
		.block-service .item > div .icon { margin-bottom: 1rem; }
	.block-service .item:hover > div .icon { -webkit-animation: bounce .7s ease-in-out .3s both; -o-animation: bounce .7s ease-in-out .3s both; animation: bounce .7s ease-in-out .3s both; }
	.block-service .item > div .text { overflow: hidden; }

.block-service2 a { width: 100%; display: block; position: relative; }
	.block-service2 a:hover { opacity: 1; }
		.block-service2 a:hover .zoom-effect2 img { transform: scale(1.08); }
	.block-service2 a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
	.block-service2 a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.8; visibility: visible; }
	.block-service2 a:hover:before { opacity: 1; visibility: visible; }
	.block-service2 a:hover:after { opacity: 0; visibility: hidden; }
	.block-service2 a .text { z-index: 2; bottom: 1rem; padding: 0 1rem; position: absolute; width: 100%; color: #fff; }
		.block-service2 a .text h3 { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 0; }
		.block-service2 a .text h4 { font-size: 1.65rem; margin-bottom: 0; }

.block-service3 a { width: 100%; display: block; position: relative; }
	.block-service3 a:hover { opacity: 1; }
		.block-service3 a:hover .zoom-effect2 img { transform: scale(1.08); }
	.block-service3 a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
	.block-service3 a:hover:before { opacity: 1; visibility: visible; }
	.block-service3 a .text { z-index: 2; bottom: 0; padding: 1rem; position: absolute; width: 100%; color: #fff; }
		.block-service3 a .text:after { background-color: #000; opacity: .5; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
		.block-service3 a .text h3 { font-size: 1.15rem; margin-bottom: 0; }

.kategori-list .img-center, .kategori-list .list-img { height: 374px; }
.kategori-list h3 { margin-bottom: 0; padding: 1rem 5px 0 5px; text-align: center; font-size: 1.25rem; font-weight: 500 }

.ribon { position: absolute; left: 0; top: 15px; z-index: 99; font-size: .75rem; font-weight: 600; }
	.ribon span { padding: 3px 10px; display: block; }

.saleoff { position: absolute; right: 0; top: 15px; z-index: 99; font-size: .875rem; font-weight: 600; }
	.saleoff span { padding: 3px 10px; display: block; }

.collection { font-size: 12px; padding: 2px 6px; border-radius: 4px; margin-bottom: 5px; display: inline-block; }

.products-list .card { box-shadow: 0 1px 1px rgba(173, 168, 168, .10); border-bottom: inset 2px rgba(80,80,80,.2); background: #fff; border: 1px solid !important; height: 100%; }
	.products-list .card:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, .10); }
.products-list .card-body { padding: 1.65rem .5rem 1rem .5rem; position: relative; }
.products-list:not(.listview) .card-body { text-align: center; }
.products-list .product-img { overflow: hidden; position: relative; }
.products-list .img-center, .products-list .list-img { height: 393px; }

.products-list .btn-addlist, .btn-v2 { text-align: center; text-transform: uppercase; font-weight: 500; border-radius: 50px; padding: 10px; }
.products-list .btn-addlist { z-index: 999; width: 94%; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s; }
.products-list:not(.listview) .product-img:hover .btn-addlist { opacity: 1; visibility: visible; bottom: 2rem; }

.products-list .product-title { font-size: .9rem; font-weight: 500; line-height: 1.2; margin-bottom: .75rem; }

.products-list .product-price em { font-style: normal }
.products-list .product-price span, .products-list .product-price em { font-weight: 600 }

.products-list.listview .card { flex-direction: inherit; align-items: center; }
.products-list.listview .product-img { width: 100px; }
.products-list.listview .img-center, .products-list.listview .list-img { height: 100px; }
.products-list.listview .card-body { padding: 10px 10px 10px 16px; width: calc(100% - 100px); }
.products-list.listview > [class*="col"] { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; max-width: 100%; }
.products-list.listview .product-title { height: auto; display: block; padding-right: 30px; text-align: left; }
.products-list.listview .product-price { text-align: left; }
.products-list.listview .ribon { font-size: .55rem; }
.products-list.listview .ribon, .products-list.listview .saleoff { top: 5px; }
	.products-list.listview .ribon span, .products-list.listview .saleoff span { display: inline-block; }
.products-list.listview .btn-favorite { right: 5px; bottom: 5px; top: auto; width: 28px; height: 28px; line-height: 28px; }
	.products-list.listview .btn-favorite:before { font-size: .875rem; }

.product-detail .product-right { font-size: .9rem; }
.product-detail .product-pics .btn-favorite { right: 5px; top: 5px; }
.product-detail .goruntulenme-sayisi { margin-top: 1rem; font-weight: 500; font-size: .875rem; border: 1px dashed; padding: 10px; text-align: center; }

.product-detail .product-right, .product-detail .product-pics { position: sticky; top: 60px; }
	.product-detail .product-right > li:not(:last-child) { border-bottom: 1px solid #e8e8e8; margin-bottom: 1.5rem; padding-bottom: 1.5rem; }

.product-detail .product-info-main { font-size: .95rem; }
	.product-detail .product-info-main:has(li) { margin-top: 1.5rem; }

	.product-detail .product-info-main li:not(:last-child) { margin-bottom: 3px; }
	.product-detail .product-info-main li:not(.none) { display: flex }
		.product-detail .product-info-main li:not(.none) i { width: 5px; font-style: normal; }
	.product-detail .product-info-main li .badge { line-height: inherit }

.product-detail .taksit_enkucuk button { padding-left: 8px; margin-left: 8px; position: relative; font-weight: 600 }
	.product-detail .taksit_enkucuk button:before { content: ""; width: 1px; height: 16px; background: #a8aaac; position: absolute; left: 0; top: 3px; }

.product-detail .price-box span:not(:last-child) { margin-right: 1rem; }
.product-detail .price-box .price { font-size: 1.5rem; font-weight: 600 }
.product-detail .price-box .old-price { font-size: 1.2rem; }

.product-detail .product-cart { display: flex; width: 100%; }
	.product-detail .product-cart .btn { width: 50%; height: 52px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; letter-spacing: .5px }
		.product-detail .product-cart .btn:last-child { margin-left: 2%; }

.product-detail .product-form-extra { display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; }
	.product-detail .product-form-extra > li > button { font-size: .9rem; text-align: left; transition: all 0.2s linear; font-weight: 600 }

.product-right .product-right-bottom li { border: 1px solid #e8e8e8; padding: 1rem; text-align: center; }

.btn-favorite { width: 34px; height: 34px; line-height: 34px; position: absolute; right: 10px; top: -17px; z-index: 99; text-align: center; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.13), 0 1px 3px rgba(0,0,0,0.13); font-size: 0; }
	.btn-favorite:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f004"; font-size: 1.15rem; }
	.btn-favorite.favorite-added:before { font-weight: 900; }

	.btn-favorite.v2 { position: relative; top: 0; left: 0; right: 0; border-radius: 0; box-shadow: none; width: auto; height: auto; }
		.btn-favorite.v2:before { font-size: inherit; margin-right: 5px; }

.varyant .h3 { line-height: 1; margin-bottom: 12px; }

.variant-select .variant-list { margin-bottom: .7rem; width: 50%; }
	.variant-select .variant-list:last-child { margin-bottom: 0; }
	.variant-select .variant-list select { background: #fff url(/themes/img/select.svg) no-repeat right .75rem center/14px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.variant-plural .variant-list { flex: 0 0 100%; display: flex; flex-wrap: wrap; margin-bottom: 1rem; }
	.variant-plural .variant-list h4 { width: 100%; margin-bottom: 1rem; font-weight: 500; }
	.variant-plural .variant-list:last-child { margin-bottom: 0; }
.variant-plural span { flex: 0 0 auto; border: 1px solid; border-radius: 1px; padding: 6px 1rem; cursor: pointer; margin: 0 1rem 8px 0; font-weight: 500; }
	.variant-plural span:last-child { margin-right: 0; }
	.variant-plural span.variant-img { padding: 0; display: flex; }
	.variant-plural span.variant-passive { cursor: no-drop; opacity: .5; }

.variant-singular .variant-list { margin-bottom: .5rem; }
	.variant-singular .variant-list:last-child { margin-bottom: 0; }

.variant-product-image { display: flex; flex-wrap: wrap; }
	.variant-product-image .variant-list { width: 15.5%; margin: 0 1% 14px 0; }
	.variant-product-image .img-center, .variant-product-image .list-img { height: 72px; }
	.variant-product-image span { padding: 10px 5px; text-align: center; display: block; }

#bank-table { width: 100%; display: flex; flex-wrap: wrap; /*justify-content: center;*/ }
.bank-table { max-width: calc(100% / 4); flex: 1 1 calc(100% / 4); margin-bottom: 30px; padding: 0 12px; list-style-type: none; text-align: center; }
	.bank-table table { margin: 0; font-size: .875rem; width: 100%; }
	.bank-table.firstTable .bank-name { margin-left: 25px; }
	.bank-table.firstTable th:first-child { display: table-cell; width: 25px; }
	.bank-table table td, .bank-table table th { padding: 2px 5px; height: 26px; text-align: right; border: 1px solid; vertical-align: middle; }
		.bank-table table td.sagayasla { text-align: right; }
	.bank-table .bank-name { height: 36px; object-fit: contain; }
	.bank-table table th { height: 36px; }

.taksit { width: 100%; margin-bottom: 2rem; border: 1px solid #dcdcdc; border-collapse: collapse; }
	.taksit td { text-align: center; padding: 5px; vertical-align: middle; border: 1px solid #dcdcdc; }
		.taksit td input[type="radio"] { width: 100%; cursor: pointer !important; }
		.taksit td label { cursor: pointer !important; padding: 0px; display: block; margin-bottom: 0px !important; font-size: 16px; font-weight: 900; }
		.taksit td.secim.allowed label { cursor: pointer !important; }
		.taksit td.secim.notallowed label { cursor: not-allowed !important; background: #fff !important; }
		.taksit td.secim { position: relative; }
			.taksit td.secim:hover label { background: #fff !important; }
		.taksit td.secimnone { background: #ddd; cursor: not-allowed !important; height: 25px; line-height: 25px; }
		.taksit td input[type=radio]:checked + label, .taksit td.secildi { background: #d0ecb5 !important; }
	.taksit .bank-name { width: 200px !important; vertical-align: top }
	.taksit .ekstra { margin-top: 5px; font-weight: bold; font-size: 12px; text-align: center; color: #ff9424; }
		.taksit .ekstra span { }

.taksit-content { text-align: center; font-size: .875rem; border: 1px solid; padding: 7px 2px; /*height: 70px;*/ max-height: 71px; overflow: auto; border-top: 0; border-bottom: 0; }
	.taksit-content h5 { margin-bottom: 0; }

.ratig-stars .fa-star { cursor: pointer; font-size: 1.4rem; }
div.rating { display: inline-block; position: relative; }
	div.rating:before { content: "\f005\f005\f005\f005\f005"; }
	div.rating:after { position: absolute; left: 0; }
.r-0:before { content: "\f005\f005\f005\f005\f005" !important; }
.r-05:after { content: "\f089\00a0"; }
.r-1:after { content: "\f005"; }
.r-15:after { content: "\f005\f089\00a0"; }
.r-2:after { content: "\f005\f005"; }
.r-25:after { content: "\f005\f005\f089\00a0"; }
.r-3:after { content: "\f005\f005\f005"; }
.r-35:after { content: "\f005\f005\f005\f089\00a0"; }
.r-4:after { content: "\f005\f005\f005\f005"; }
.r-45:after { content: "\f005\f005\f005\f005\f089\00a0"; }
.r-5:after { content: "\f005\f005\f005\f005\f005"; }
.rating-results, .rating-results-total { margin-bottom: 10px; }
	.rating-results .rating-results-item { display: inline-block; padding-left: 10px; }
	.rating-results-total .rating { font-size: 2rem; }

.cart-left .page-header { padding: 1rem .75rem; }
	.cart-left .page-header h1 { font-size: 1.5rem; font-weight: 600; }
		.cart-left .page-header h1 span { font-size: .875rem; font-weight: 400; }
.cart-left .cart-footer { padding: 0px 0 40px 0; }
	.cart-left .cart-footer a { font-size: 1rem; font-weight: 600; cursor: pointer; border-bottom: 1px solid; padding-bottom: 5px; }

.cart-right, .sticky { position: sticky; top: 0; }

.cart-table .table thead tr th { text-align: center; border: none; font-weight: 600; padding: 12px 20px; }
.cart-table .table tbody tr td { text-align: center; border: none; padding: 1.5rem .75rem; vertical-align: middle; border-bottom: 1px solid; }

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail { width: 100px; padding-left: 0 !important; }
.cart-table th.pro-title, .cart-table td.pro-title { max-width: 200px; text-align: left !important; }
.cart-table th.pro-quantity, .cart-table td.pro-quantity { width: 150px !important; }
.cart-table th.pro-remove, .cart-table td.pro-remove { width: 50px; }
.select_quantity { display: inline-block; width: 70px; height: calc(2.25rem + 2px) !important; border-radius: 0; border: 1px solid #e6e6e6; background: #f4f4f4; }

.cart-summary { padding: 30px; }
	.cart-summary h4 { font-size: 1.25rem; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 2rem; }
	.cart-summary p { font-size: .875rem; font-weight: 600; }
	.cart-summary h5 { border-top: 1px solid; padding-top: 9px; font-size: 1.125rem; font-weight: 700; }
		.cart-summary h5 b { font-weight: 700; }
	.cart-summary .cart-summary-button { overflow: hidden; width: 100%; margin-top: 1rem; }

.kupon-kodu .form-control, .kupon-kodu .btn { height: 44px; line-height: 1; }
.kupon-kodu .kullanilan-kodlar { border: 1px dashed #e2e6eb; padding: 5px 10px; margin-top: 10px; font-size: .875rem; background: #f9f9f9; }

.payment-page .sozlesme { border: 1px solid; height: 140px; overflow: auto; padding: 1rem; margin: 1rem auto; line-height: 22px; font-size: .875rem; }

.card.user-progress { padding: 2rem; }
.user-progress .card { padding: 40px 20px 20px 20px; }
.user-progress .card-title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid; }

.align-table-middle.table td, .align-table-middle.table th { vertical-align: middle; }
.character { margin-top: .5rem; font-style: italic; font-size: .875rem; }
	.character span { padding: 3px 5px; margin-right: 3px; }
.haber-anket { padding: 2rem 0; }

.table tbody td, .table tbody th { font-weight: 400; }

.form-qty .control { position: relative; width: 120px; display: flex; }
.form-qty .form-control { text-align: center; padding: 0 5px; font-size: 1.25rem; border-radius: 1px; border: 1px solid #efefef; }
.form-qty .btn-number { font-size: .75rem; padding: 0 10px; border: 1px solid #efefef; border-radius: 1px; }

.white, .navbar-brand img { filter: brightness(0) invert(1); }
.blackandwhite { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ }
	.blackandwhite:hover { filter: none; /* IE6-9 */ -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */ }

.owl-carousel .item { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding: 0px; margin-bottom: 0px !important; height: 100%; }
	.owl-carousel .item img { display: inline-block !important; }
.owl-carousel.owl-stage-dflex .owl-stage { display: flex }

.owl-carousel .cols { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0px; margin-bottom: 0px !important; }
.owl-carousel.item-padding .item { padding: 11.25px 11.25px 20px 11.25px; }
.owl-carousel.item-padding .owl-item { margin: 0 !important; }

.owl-opacity1.owl-theme .owl-nav [class*=owl-] { opacity: 1; }
	.owl-opacity1.owl-theme .owl-nav [class*=owl-]:hover { opacity: .5; }

.custom-nav1.owl-theme .owl-nav [class*=owl-] { font-size: 3rem; line-height: 3rem; padding: 0px; background: initial; }
.custom-nav1.owl-theme .owl-nav button.owl-prev { left: 10px; }
.custom-nav1.owl-theme .owl-nav button.owl-next { right: 10px; }

.custom-nav2.owl-theme .owl-nav [class*=owl-] { position: relative; top: auto; left: auto; right: auto; margin-top: 1rem; transform: none; }

.custom-nav3.owl-theme .owl-nav button.owl-prev { left: -28px; }
.custom-nav3.owl-theme .owl-nav button.owl-next { right: -28px; }

.custom-nav4.owl-theme .owl-nav [class*=owl-] { bottom: 0; top: auto; background: transparent; font-size: 1.7rem; padding: 0; transform: none; }
.custom-nav4.owl-theme .owl-nav button.owl-prev { left: auto; right: 34px; }
.custom-nav4.owl-theme .owl-nav button.owl-next { right: 0; }

.custom-nav5.owl-theme .owl-nav [class*=owl-] { font-size: 3rem; color: #c8c8c8; padding: 0px; background: initial; }
/*.custom-nav5 { padding: 0 2rem; }*/

#sync1, #sync2 .img-center { border: 1px solid #ededed; border-radius: 2px; }
	#sync1 .img-center { height: 682px; }

#sync2.owl-theme .owl-nav [class*=owl-] { font-size: 1rem; }
#sync2 .img-center { height: 123px; opacity: .5; }
#sync2 .owl-item.active.current .item .img-center { opacity: 1; }
#sync1 .product-video { position: relative; }
#sync1 .btn-video-play { position: absolute; left: 50%; top: 50%; z-index: 3; width: 64px; height: 64px; margin: 0; padding: 0; border: 0; border-radius: 50%; transform: translate(-50%, -50%); line-height: 64px; font-size: 1.25rem; cursor: pointer; }
#sync1 .product-video-player { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; object-fit: contain; border: 0; }
#sync2 .video-thumb-badge { position: absolute; left: 50%; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; font-size: .75rem; line-height: 1; }
/*#sync2:before, #sync2:after { content: ''; display: block; width: 100px; height: 100%; position: absolute; top: 0; z-index: 10; pointer-events: none; }
#sync2:before { left: 0; background: linear-gradient(to right,rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); }
#sync2:after { right: 0; background: linear-gradient(to right,rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); }*/

.placeholderv2 .form-group { position: relative; }
.placeholder { position: absolute; pointer-events: none; top: 0; bottom: 0; padding: 15px 1rem; z-index: 1; font-size: .875rem; }
	.placeholder span, .red { margin-left: 5px; vertical-align: middle; }

.placeholder2 { position: absolute; float: right; bottom: .375rem; right: .75rem; font-size: .7rem; color: #999; }

#etbis { margin-top: 20px; }
	#etbis img { width: 80px; }

.faq-content { display: none; margin-bottom: 1rem; padding: 1rem; }
.faq-item:first-child .faq-content { display: block; }
.faq-title { border-bottom: 1px solid; position: relative; display: block; margin-bottom: 1rem; cursor: pointer; font-weight: 600; padding: .5rem 0; }
	.faq-title::after { padding-left: 1rem; font-size: .875rem; content: "\f067"; left: auto; right: 0; width: auto; }
	.faq-title.active::after { content: "\f068"; }

#sepetEklendiModal .modal-header .close { font-size: 3rem; text-shadow: none; padding: 5px 10px; font-weight: 400; }
#sepetEklendiModal .modal-header { border: 0 !important; }
#sepetEklendiModal .modal-body { text-align: center; font-size: 1.25rem; padding-top: 0; }
	#sepetEklendiModal .modal-body i { display: block; font-size: 4rem; font-weight: 600; margin-bottom: 10px; }
#sepetEklendiModal .modal-footer { display: block !important; }

.masonry-row { column-count: 3; column-gap: 15px; }
	.masonry-row .item { display: grid; grid-template-rows: 1fr auto; margin-bottom: 15px; break-inside: avoid; }
		.masonry-row .item img { width: 100%; }
		.masonry-row .item a { display: block; width: 100%; }

.blog-list .img-center, .blog-list .list-img { height: 252px; }
.blog-list .card { border: 0; height: 100%; background-color: transparent }
.blog-list .card-body { padding-left: 0; padding-right: 0 }
.blog-list .card-text { font-size: .9rem; /*height: 105px; overflow: hidden;*/ }
.blog-list .card-title { /*height: 54px;*/ overflow: hidden; }
.blog-list .blog-date { margin-bottom: 10px; }

.kategori-content { font-size: .875rem; }

.readMoreContent { overflow: hidden; position: relative; }
	.readMoreContent:not(.is-expanded):after { content: ''; width: 100%; height: 100px; left: 0; bottom: 0; position: absolute; background: linear-gradient( 180deg,rgba(255,255,255,0) 0%,#fff 100%); }
	.readMoreContent.is-expanded { overflow: inherit; height: auto !important; }
.expand-read-more { text-decoration: underline; cursor: pointer; display: block; font-weight: bold; margin-top: 10px; }

.modal-header { border: 0; -ms-flex-align: center; align-items: center; }
	.modal-header .close { font-size: 1.75rem; opacity: 1 !important; text-shadow: none; }
.modal-title { line-height: 1; font-size: 1.25rem; }
	.modal-title i { margin-right: 10px; font-size: 1.5rem; }
.modal-content { border: 0; }

.sip-img { width: 90px; }

.h-style { font-size: 1.55rem; line-height: 1.25; font-weight: 600; }

.h-style2 { margin-bottom: 2rem }
	.h-style2 a { font-size: .875rem; padding: 10px 1rem; }

#visitorCount { border-radius: 1px; padding: 1rem 2rem 1rem 1rem; position: fixed; bottom: 10px; left: 10px; z-index: 999; line-height: 1.35; font-size: .875rem; }
	#visitorCount .visitorClose { cursor: pointer; z-index: 1; font-size: 18px; position: absolute; right: 10px; top: 14px; cursor: pointer }
	#visitorCount i.user { float: left; font-size: 30px; margin-right: 1rem; }
	#visitorCount .number { overflow: hidden; }

.panel { margin-bottom: 20px; }
.panel-heading { position: relative; cursor: pointer; padding: 12px 1.5rem; border-radius: 2rem; font-size: 1.1rem; font-weight: 600; border: 1px solid; }
/*	.panel-heading.open { background-color: #F3F3F7; }*/
.panel-body { padding: 2rem 0; }
.custom-panel .panel-heading::after { padding-left: 1rem; font-size: .875rem; content: "\f078"; left: auto; right: 1.5rem; width: auto; }
.custom-panel .panel-heading.open::after { content: "\f077"; }
.custom-panel .panel-body { display: none; }

#google_translate_element { position: relative; line-height: 2; }
.goog-te-gadget { font-family: inherit !important; font-size: 13px !important }
.goog-te-gadget-simple { font-size: inherit !important }

.vitrin-button { margin-bottom: 2rem; position: relative; }
	.vitrin-button .btn { border-radius: 0; box-shadow: none; padding: 0; text-transform: uppercase; font-size: 1.05rem; }
		.vitrin-button .btn:not(:last-child) { margin-right: 1rem; }

.tableTeknikOzellikler tr td:first-child { width: 30%; }

.listTeknikOzellikler { margin-bottom: 1.5rem; }
	.listTeknikOzellikler li { margin-bottom: 10px; }
		.listTeknikOzellikler li img { margin-right: 10px; height: 26px; }

.chosen-container { font-size: 1rem; padding: 12px .75rem; background-color: #fff; border: 1px solid; /* z-index: 99*/ }
	.chosen-container:before { content: ""; background: #fff url(/themes/img/select.svg) no-repeat right; width: 13px; height: 8px; position: absolute; right: 10px; top: 18px; z-index: 1; }
.chosen-container-multi .chosen-choices { border-radius: 0; border-color: #fff; }
	/*.chosen-container-multi .chosen-choices { height: 44px !important; line-height: 1.5; }*/
	.chosen-container-multi .chosen-choices li.search-field input[type="text"] { padding: 0px 5px; height: 22px; }
	.chosen-container-multi .chosen-choices li.search-choice { margin: 2px; padding: 2px 14px 2px 2px; font-weight: 500; font-size: 12px; border-radius: 0px; line-height: 14px; border: 1px solid; }
		.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { right: 0; }
.chosen-container .chosen-drop { border: 1px solid; border-radius: 0; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background-position: -42px -10px; }

.contact-content .cc-item { margin-bottom: 1rem; text-align: center; }
.contact-map iframe { width: 100%; height: 400px; }

.campaign-list .img-center, .campaign-list .list-img { height: 350px; }
.campaign-list .campaign-box { position: relative }
	.campaign-list .campaign-box .campaign-box-date, .campaign-list .campaign-box .campaign-box-shipping { font-size: .75rem; position: absolute; top: 1rem; z-index: 3; padding: .2rem .7rem; border-radius: .25rem; }
	.campaign-list .campaign-box .campaign-box-date { left: 1rem; }
	.campaign-list .campaign-box .campaign-box-shipping { right: 1rem; }
	.campaign-list .campaign-box .campaign-box-title { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1; padding: 2rem 1rem 1rem 1rem; }
		.campaign-list .campaign-box .campaign-box-title h4 { display: block; font-weight: 700; letter-spacing: .5px; margin-bottom: 0 }
		.campaign-list .campaign-box .campaign-box-title p { display: block; overflow: hidden; max-height: 0; margin-bottom: 0; transition: max-height .5s ease-in-out }
	.campaign-list .campaign-box:hover .campaign-box-title p { max-height: 100px }
	.campaign-list .campaign-box a:hover { opacity: 1; }

.btn-loading { position: relative; color: rgba(255,255,255,.4) !important; pointer-events: none }
	.btn-loading:before { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; margin-top: -1rem; margin-left: -1rem; border-radius: 50%; border: 2px solid; animation: spinner .6s linear infinite }

@keyframes spinner {
	to { transform: rotate(360deg) }
}

.kurumsal-site-none,
.kurumsalSite #marquee,
.kurumsalSite .navbar-right,
.kurumsalSite #cb_dv_bolum1,
.kurumsalSite .btn-favorite,
.kurumsalSite .shop-top-bar,
.kurumsalSite #pnl_uye_islemleri,
.kurumsalSite #pnl_footer_payment,
.kurumsalSite .yorum-form,
.kurumsalSite #btn_alisverise_basla { display: none !important; }

.cok-satan-bg { padding: 3rem 0 2rem 0; }

.homepage-text .homepage-img { text-align: right; }

@media print {
	header, footer, .btn-print, #to-top, #kvkk, #panel, .search-place, .whatsapp-info, .slide-area, .call-you, .btnyazdir { display: none !important; }
	a[href]:after { content: none !important; }
}