body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-family: "Montserrat", sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #E7EBED;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
}



a {
	color: #000000;
	text-decoration: none;
}
a:focus,active,hover {
	text-decoration: none;
	outline:none;
}
.container {
    padding:0px;
}
.btn-tema {
  color: #fff;
  border-top-color: #333;
  border-right-color: #333;
  border-bottom-color: #333;
  border-left-color: #333;
  font-weight: bold;
  background-color: #555;
}
.btn-tema:focus {
  color: #fff;
  border-top-color: #111;
  border-right-color: #111;
  border-bottom-color: #111;
  border-left-color: #111;
  background-color: #222;
}
.btn-tema:hover {
  color: #fff;
  border-top-color: #111;
  border-right-color: #111;
  border-bottom-color: #111;
  border-left-color: #111;
  background-color: #222;
}

.btn-outline-tema {
  --bs-btn-color: #000;
  --bs-btn-border-color: #333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #333;
  --bs-btn-hover-border-color: #333;
  --bs-btn-focus-shadow-rgb: 85, 85, 85;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #555;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #555;
  --bs-gradient: none;
}

.fullClass{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.relative{
	position: relative;
}

.hd-back{
	background-color: #413C39;
	color: #FFF;
	height: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.hd-menu{
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 0px;
}
.hd-menu a{
	padding-left: 8px;
	padding-right: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	display: inline-block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
}
.hd-menu a i{
	color: #ffffff;
	height: 25px;
	width: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	transition: transform .5s ease-in-out;
	font-size: 22px;
}

.hd-menu a:hover > i{
		transform: rotate(-360deg);
}

.hd-menu a .text{
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #FFF;
}

.wrapper-back{
	display: block;
	padding: 0px;
	width: 1250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.hd-kargo-bedava{
	font-size: 14px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 8px;
	color: #FFF;
	line-height: 25px;
	font-weight: 700;
}

.hd-kargo-bedava i{
	color: #000000;
	height: 25px;
	width: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	transition: transform .5s ease-in-out;
	font-size: 22px;
}
.hd-kargo-bedava:hover > i{
	transform: rotate(-360deg);
}
.hd-govde{
	padding-top: 10px;
	padding-bottom: 10px;
}
.hd-govde .logo{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;
}

.hd-ara-form{
	background-color: #FFF;
	height: 60px;
	width: 680px;
	border-radius: 10px;
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 80px;
}
.hd-ara-form input{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none;
	display: inline-block;
	width: 600px;
}

.hd-ara-form  .ara-submit{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 50px;	
}
.hd-ara-form  .ara-submit i{
	transition: transform .5s ease-in-out;
	font-size: 36px;
	color: #000000;
}
.hd-ara-form  .ara-submit:hover > i{
	transform: rotate(-360deg);
}

.hd-btn-group {
	display: inline-block;
	text-align: right;
	height: 60px;
	float: right;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 10px;
}


.hd-btn-group  .hd-btn-div {
	background-color: #FFF;
	height: 60px;
	width: 150px;
	border-radius: 10px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
	float: left;
	position: relative;
}
.hd-btn-group  .hd-btn-div:hover{
	background-color: #F0F0F0;
}

.hd-btn-group .hd-btn-div .i-kayit{
	font-size: 20px;
	color: #000000;
	position: absolute;
	z-index: 1;
	left: 15px;
	top: 10px;
	transition: transform .5s ease-in-out;
}

.hd-btn-group  .hd-btn-div:hover > .i-kayit{
	transform: rotate(-360deg);
}
.hd-btn-group  .hd-btn-div .giris{
	text-align: center;
	display: block;
	width: 150px;
	position: absolute;
	z-index: 1;
	top: 10px;
	font-size: 13px;
	color: #000;
	font-weight: 600;
}.hd-btn-group .hd-btn-div .kayit {
	text-align: center;
	display: block;
	width: 150px;
	position: absolute;
	z-index: 1;
	top: 30px;
	font-size: 12px;
	color: #666;
}
.hd-btn-group  .hd-btn-div .a:hover{
	text-decoration: underline;
}
.hd-btn-group .hd-btn-div .i-sepet {
	font-size: 24px;
	color: #000000;
	position: absolute;
	z-index: 1;
	left: 15px;
	top: 15px;
	transition: transform .5s ease-in-out;
}
.hd-btn-group .hd-btn-div .text {
	font-size: 17px;
	position: absolute;
	z-index: 1;
	left: 45px;
	top: 15px;
	transition: transform .5s ease-in-out;
	font-weight: 600;
	color: #666;
}

.hd-btn-group  .hd-btn-div:hover > .i-sepet{
	transform: rotate(-360deg);
}
.hd-btn-group .hd-btn-div .toplam {
	font-size: 11px;
	position: absolute;
	border-radius: 11px;
	z-index: 1;
	top: 5px;
	transition: transform .5s ease-in-out;
	font-weight: bold;
	color: #FFF;
	background-color: #000000;
	height: 22px;
	width: 22px;
	right: 10px;
	line-height: 22px;
	text-align: center;
	display: block;
	transform: scale(1);
  animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.hd-nav-menu{
	background-color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	z-index: 5;
	}
.hd-nav-menu .a{
	font-size: 17px;
	line-height: 43px;
	font-weight: 500;
	color: #000;
	display: inline-block;
	margin: 0px;
	height: 43px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}

.menu-kat-open-ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
.menu-kat-open-ul li:hover > .menu-kat-open{
	display:block;	
}
.menu-kat-open-ul li .menu-kat-open {
	background-color: #F3F4F5;
	display: none;
	width: 970px;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 45px;
	padding: 10px;
	border-radius: 0px 0px 5px 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	min-height: 250px;
}
.col-kat{
	background-color: #FFF;
	padding: 2px;
	border-radius: 5px;
	display: block;
	float: left;
	width: 175px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.col-kat .a_kat {
	text-align: center;
	display: block;

}
.col-kat .a_kat span{
	font-size: 10px;
	line-height: 25px;
	height: 25px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	overflow: hidden;
	text-align: left;
}

.col-kat .a_kat .img_kat{
	width: 100%;

}
.nav-kat-group-top{
	position: absolute;
	z-index: 12;
	width: 294px;
	left: 0px;
	top: 45px;
	display: none;
	background-color: #FFF;
}
.nav-kat-group{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	
}

.nav-kat-group-border{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


.nav-kat-group li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
	position: relative;
	background-color: #FFF;
}
.nav-kat-group li i{
	font-size: 20px;
	position: absolute;
	z-index: 2;
	right: 5px;
	top: 5px;
}
.nav-kat-group li:hover > ul{
	display:block;
}
.nav-kat-group li ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 293px;
	position: absolute;
	z-index: 2;
	top: 0px;
	display: none;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	left: 292px;
}

.nav-kat-group a{
	display: block;
	margin: 0px;
	padding: 5px;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 12px;
	line-height: 30px;
}
.nav-kat-menu-tumu{
	display: inline-block;
	margin: 0px;
	height: 45px;
	width:294px;
	background: linear-gradient(-45deg, #222, #111, #333, #111);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #FFF;
	float: left;
}
.nav-kat-group a:hover{
	background-color: #F3F3F3;
}
.nav-kat-menu-tumu i{
	font-size: 30px;
	line-height: 43px;
	height: 40px;
	width: 40px;
	font-weight: bold;
	color: #FFF;
	float: left;
}

.nav-kat-menu-tumu .text{
	font-size: 17px;
	line-height: 43px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	float: left;
	height: 43px;
	width: 228px;
	display: block;
	padding: 0px;
}
.nav-tre{
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.footer-hd{
	background-color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.footer-kart-menu{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 1250px;
	
}

.footer-kart-menu a{
	display: block;
	margin: 0px;
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.footer-kart-menu a i{
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 40px;
	transition: transform .5s ease-in-out;
}
.footer-kart-menu a:hover > i{
	transform: rotate(-360deg);
}

.solid-right{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
.footer-kart-menu a .text-ust{
	font-size: 14px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 140px;
	display: inline-block;
}.footer-kart-menu a .text-alt {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 140px;
	display: inline-block;
}

.footer-alt-back{
	background-color: #060606;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(img/footer-alt.jpg);
	background-repeat: repeat;
	background-position: left top;
}


.footer-alt-content{
	display: block;
	margin: 0px;
	float: left;
	height: 350px;
	width: 1250px;
	border-radius: 10px;
	color: #FFF;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	background: #443f3c66;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}

	
.footer-alt a {
    color: #fff;
}
.footer-alt a:hover {
    color: #ccc;
}
.footer-alt h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
}

.footer-sol-panel{
	width: 850px;
	height: 300px;
}
.footer-sag-panel{
	width: 360px;
	padding-left: 10px;
}
.alt-logo {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.footer-alt  ul {
	list-style: outside none none;
	display: block;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.footer-alt  ul li{
	padding: 0px;
	font-size: 14px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	display: block;
	float: left;
	width: 100%;
}

.footer-animasyon {
    opacity: 0;
    position: relative;
}
.footer-animasyon.sol-animasyon {
    opacity: 0;
    transform: translate3d(-200px, 0px, 0px);
    transition: all 500ms linear 0s;
}
.footer-animasyon.sol-animasyon.baslat {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.footer-animasyon.sag-animasyon {
    opacity: 0;
    transform: translate3d(+200px, 0px, 0px);
    transition: all 500ms linear 0s;
}
.footer-animasyon.sag-animasyon.baslat {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.footer-alt-animasyon {
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(0px, 200px, 0px);
    transition: all 900ms ease-out 0s;
}
.footer-alt-animasyon.baslat {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}




.footer-sosyal-blok .sosyal-group {
	display: block;
	margin: 0px;
	float: left;
	width: 360px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.footer-sosyal-blok .sosyal-group li {
	display: inline;
	list-style-type: none;
	width: 50px;
}
.footer-sosyal-blok .sosyal-group li a {
    background:#fff ;
    border: 1px solid #222;
    border-radius: 100%;
    color: #413c39;
    display: inline-block;
    font-size: 20px;
    height:45px;
    line-height: 45px;
    margin-bottom: 0;
    margin-right: 5px;
    padding-left: 0;
    text-align: center;
    transition: all 300ms ease-in-out 0s;
    width: 45px;
}
.footer-sosyal-blok .sosyal-group li a:hover {
    background:#222;transition: all 400ms ease-in-out 0s;
    color:  #f5f5f5;
}
.footer-sosyal-blok .sosyal-group li a span {
    display: none;
}
.footer-sosyal-blok .sosyal-group li a i {
    font-size: 20px;
    line-height: 40px;
		transition: transform .5s ease-in-out;
}

.footer-sosyal-blok .sosyal-group li a:hover > i{
	transform: rotate(-360deg);
}

.footer-bottom-menu{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	padding-top: 8px;
}
.footer-bottom-menu a{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
}
.footer-telif-text {
	font-size: 13px;
	color: #FFF;
	text-align: center;
}

.footer-telif-text a {
	font-size: 13px;
	color: #FFF;
	
}
.footer-banner {
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background-image: url(img/footer-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
}

.slide-blok{
margin-bottom:20px;
}

.slide-blok .item{
	color: #FFF;
	text-align: center;
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}


.slide-blok .item .img_manset{
	width: 1250px;
}
.slide-blok .item_kat{
	height: 152px;
	width: 152px;
	border-radius: 10px;
	position: relative;
}
.slide-blok .item_kat span{
	font-size: 12px;
	text-align: center;
	display: block;
	height: 30px;
	width: 152px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 10px;
	line-height: 30px;
	background: linear-gradient(-45deg, #222, #111, #333, #111);
	background-size: auto;
	animation: gradient 15s ease infinite;
	background-size: 300% 300%;
}
.slide-blok .item_kat .img_kat{
	border: 2px solid #FFF;
	height: 150px;
	width: 150px;
	border-radius:10px;

	
}
.slide-blok .item_kat:hover > .img_kat{
transform: rotate(-360deg);
  transition: all 0.5s ease 0s;
}

.slide-blok .slide-button-prev, .slide-button-next {
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	transition: all .3s ease;
	z-index: 2;
 	background-image: none;
	position:absolute;
	top:40%;
}
.slide-blok .slide-button-prev {
	opacity: 0.7;
	left: 10px;
}
.slide-blok .slide-button-next {
	opacity: 0.7;
	right: 10px;
	
}
/* Desktop */
@media (min-width: 768px){
	.slide-blok .slide-button-prev {
		opacity: 0;
		left: -20px;
	}
	.slide-blok .slide-button-next {
		opacity: 0;
		right: -20px;
	}
	.slide-blok:hover .slide-button-prev {
		opacity: 0.7;
		left: 10px;

	}
	.slide-blok:hover .slide-button-next {
		opacity: 0.7;
		right: 10px;
	}
}

.slide-button-prev:before {
	width: 40px;
    height: 40px;
	font-family: FontAwesome;
	content: "\f053"; 
	color: rgba(0,0,0,0.8);
	font-size: 40px;
}
.slide-button-next:before {
	width: 40px;
    height: 40px;
	font-family: FontAwesome;
	content: "\f054"; 
	color: rgba(0,0,0,0.8);
	font-size: 40px;
}
.urun-blog-tb{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.urun-blog-tb .efect a:hover {
    opacity: 0.8;
}

.urun-blog-tb .efect a:hover::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.urun-blog-tb .efect a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.urun-blog-tb .efect a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 120%;
		height: 120%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 120%;
		height: 120%;
		opacity: 0;
	}
}

.vitrin-list-div{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #413C39;
}
.vitrin-list-div a{
	background: #666;
	font-size: 14px;
	line-height: 45px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	display: inline-block;
	height: 45px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-radius: 5px 5px 0px 0px;
}

.vitrin-list-div .active{
	background-color: #413C39;	
}
.vitrin-list-div .deactive{
  background: linear-gradient(-45deg, #222, #111, #333, #111);
}
.vitrin-list-div .deactive:hover{
 background: linear-gradient( -45deg ,#413C39,#009ca7,#413C39,#009ca7);
	
}

.tab-urun-blog{
	display: block;
	float: left;
	height: 520px;
	width: 303px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	border-radius: 5px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 1.5px;
	padding-bottom: 0px;
	padding-left: 1.5px;
	position: relative;
}

.tab-urun-blog .icon-kargo-bedava {
	position: absolute;
	top: 60px;
	right: 0px;
	background: #000;
	background: linear-gradient(-45deg, #222, #111, #333, #111);
	background-size: auto;
	animation: gradient 15s ease infinite;
	background-size: 300% 300%;
	font-size: 10px;
	color: #ffffff;
	font-weight: 400;
	display: inline-block;
	padding: 4px;
	border-radius: 15px 0 0 15px;
	box-shadow: 1px 1px 10px -2px #00a7ea;
	text-shadow: none;
	z-index: 5;
	line-height: 25px;
	height: 33px;
}

.tab-urun-blog .icon-ikinci-el {
	position: absolute;
	top: 120px;
	right: 0px;
	background-color: #CC0000;
	border-radius: 15px 0 0 15px;
	box-shadow: 1px 1px 10px -2px #413c39;
	background-size: auto;
	animation: gradient 15s ease infinite;
	background-size: 300% 300%;
	font-size: 10px;
	color: #ffffff;
	font-weight: 400;
	display: inline-block;
	padding: 4px;
	text-shadow: none;
	z-index: 5;
	line-height: 25px;
	height: 33px;
}

.tab-urun-blog .icon-kampanya {
	position: absolute;
	top: 0px;
	left: 110px;
	font-size: 10px;
	color: #ffffff;
	font-weight: 400;
	display: inline-block;
	padding: 4px;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 1px 1px 10px -2px #413c39;
	text-shadow: none;
	z-index: 5;
	line-height: 25px;
	height: 33px;
	background-color: #CC0000;
	width: 80px;
	text-align: center;
}


.tab-urun-blog .icon-yeni-urun {
	position: absolute;
	top: 60px;
	left: 0px;
	background: #413c39;
	font-size: 10px;
	color: #ffffff;
	font-weight: 400;
	display: inline-block;
	padding: 4px;
	border-radius: 0 15px 15px 0;
	box-shadow: 1px 1px 10px -2px #413c39;
	text-shadow: none;
	z-index: 5;
	line-height: 25px;
	height: 33px;
}


.tab-urun-blog .tab-btn-group-back{
	overflow: hidden;
	position: relative;
}

.tab-urun-blog .tab-btn-group-back .tab-btn-group{
	position: absolute;
	z-index: 2;
	height: 0px;
	left: 0px;
	background: linear-gradient( -45deg ,#FFF,#FFF,#FFF,#FFF);
	transition: all 0.3s ease 0s;
	display: block;
	bottom: 0px;
}
.tab-urun-blog:hover  .tab-btn-group-back .tab-btn-group{
	bottom: 35px;
}
.tab-urun-blog .tab-btn-group-back .tab-btn-group .btn-urun{
	display: block;
	margin: 0px;
	padding: 5px;
	float: left;
	width: 50%;
	font-size: 12px;
	line-height: 25px;
	color: #FFF;
	font-weight: 600;
	text-align: center;
}
.tab-urun-blog .tab-btn-group-back .tab-btn-group .btn-urun:hover{
	background: #C00; 
	opacity:1;
	
}
.tab-urun-blog .tab-btn-group-back .tab-btn-group  .sepete-ekle{
	background-color: #413c39;
}
.tab-urun-blog .tab-btn-group-back .tab-btn-group  .incele{
	background: linear-gradient(-45deg, #222, #111, #333, #111);
}
.tab-urun-blog .urun-adi{
	font-size: 14px;
	font-weight: 600;
	color: #413c39;
	text-align: center;
	padding: 5px;
}
.tab-urun-blog .img-foto{
	overflow: hidden;
	text-align: center;
	padding: 5px;
	width: 300px;
	height: 400px;
	display: block;
	justify-content: center;
	align-items: center;
}
.tab-urun-blog .img-foto img{
	max-height: 440px;
	width: 90%;

}

.tab-urun-blog .fiyat-text{
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	margin-top: 5px;
}
.tab-urun-blog .kur-text{
	font-size: 15px;
	font-weight: 600;
	color: #CC0000;
	text-align: center;
}

.vitrin-blog-baslik{
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    
    
}
.clear{clear:both}
.vitrin-blog-baslik b:hover{
     background: #333;
   color:#ffff;
}
.vitrin-blog-baslik:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 13px;
    width: 100%;
    height: 2px;
    background: #000;
}
.vitrin-blog-baslik b{
    background: #fff;
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    color: #000;
    font-family: 'Montserrat', sans-serif;
        border: 2px solid #000;
    padding: 10px 30px;
    border-radius:10px 0 10px 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 18%);
}

.btn-whatsapp{
	display: block;
	height: 45px;
	width: 150px;
	font-size: 17px;
	line-height: 45px;
	color: #FFF;
	position: fixed;
	left: 20px;
	bottom: 50px;
	border-radius: 5px;
	background-color: #0099a6;
	text-align: center;
	font-weight: 500;
}
.btn-whatsapp:hover{
	background-color: #000000;
}


.tema-yukari{
	display: inline-block;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	overflow: hidden;
	height: 51px;
	border: none;
	text-indent: -999;
	color: #333;
	font-size: 18px;
}


.kurumsal-link{
	font-size: 13px;
	line-height: 35px;
	color: #000;
	display: block;
	overflow: hidden;
	padding: 5px;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #F0F0F0;
	border-radius:5px;
	background-color: #F8F8F8;
}
.kurumsal-link:hover{
	background-color: #ffffff;
}






.tablar{
	transition: all 400ms ease-in-out 0s;
	background: #000;
	background: linear-gradient(-45deg, #222, #111, #333, #111);
	background-size: auto;
	background-size: 300% 300%;
	animation: gradient 15s ease infinite;
	padding: 0px;
	float: left;
	height: 40px;
	min-width: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-left-color: #ddd;
	display: block;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.tablar .baslik {
	color: #fff;
	font-size: 17px;
	line-height: 30pt;
	float: left;
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
	height: 30px;
	color: #FFF;
	font-weight:600;
}

.tablar-select{
	color: #FFF;
	background-color: #413c39;
   background: #413c39;
}

.gradient-custom-2 {
/* fallback for old browsers */
background: #000000;
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #222, #111, #333, #111);


}

@media (min-width: 768px) {
.gradient-form {
height: 100vh !important;
}
}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
}



.breadcrumb {text-align:left;
    background-color: #fefefe !important;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 5px 10px !important;
	border-radius:5px;
}
.breadcrumb span{border-bottom:1px solid #365271;}
.breadcrumb li a { font-family: 'Montserrat', sans-serif;
    color: #2C3E50;
    font-size: 15px;
}
.breadcrumb li a:hover {
    color: #333;
}
.breadcrumb > li + li::before {
    color: #413c39;
    content: " / ";
    padding: 0 5px;
}

.nav-kat-group-cat{
	background-color: #FFF;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.card-title-filitre{
	background-color:#000000;
	padding:10px;
	font-size:13px;
	color:#fff!important;
}
.ft-13{
	font-size:13px;
}

.urun-detay-image {
  margin-bottom: 15px;
  border-radius: 10px;
  min-height:500px;
}

.cerceve-style {
  background-color: #fff;
  border-right: 0px solid #eee;
  margin-bottom: 10px;
  padding: 0px;
}


.urun-detay-image .img-1{
	max-width:90px;
	height:90px;
	border-radius: 10px;
	border-radius:5px;
	padding:10px;
	 background-color: #fff;
}

.urun-detay-image .img-buyuk{
	min-height:400px;
	overflow:hidden;
	display:block;
	padding:5px;
	background-color: #fff;
}


.radius{
	border-radius:5px;
}

.urun_heading {
  color: #413c39;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.Basliklar {
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	padding-top: 2px;
	text-align: right;
	background-color: #FFFFFF;
}

.AltCizgi {
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #FFFFFF;
}

.AltCizgi1 {
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F4F4F4;
	padding-left: 5px;
}
.AltCizgiArrow{
	background-image : url(svg/arrow-right-gri.svg);
	background-repeat : no-repeat;
	background-position : 6px center;
	padding-left : 30px;
	background-size :24px;
}