/*
	Project			: 
	v.1 			: 2019
	Company Name	: Data1 Integral Technologies
	Code By			: Kübra İstafiloğlu - kubra.istafiloglu@data1.com.tr
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Caveat:400,700&display=swap&subset=latin-ext');


body {
	margin: 0px;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Caveat', cursive;*/
    /*font-family: 'Caveat Brush', cursive;*/
}
a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: none;} a:active { text-decoration: none;} img { border:none } .clear { clear:both }

::selection { background: #c3b6a0; color:#FFF }
::-moz-selection { background: #c3b6a0; color:#FFF }
*{padding:0; margin:0}
/*
color:rgba(0, 0, 0, 0.5);
color:rgba(255, 255, 255, 0.5);
*/
.bankalogo{
	float:right;
	width:90px;
	height:auto; margin-top:-20px }
.baslik {
	font-size:20px;
	color:rgba(0, 0, 0, 0.5);
}
.text {
	font-size:14px;
	color:#666;
	text-shadow: 1px 1px 1px #fff;
}
.opa
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.opa:hover
{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.golge
{
	box-shadow: #ccc 0px 0px 9px;
	-moz-box-shadow: #ccc 0px 0px 9px;
	-webkit-box-shadow: #ccc 0px 0px 9px;
	background: rgb(255,255,255)
}
.oval
{
	-webkit-border-radius:  10px;
	-moz-border-radius:  10px;
	border-radius:  10px;
}
.sure {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.logo{
	    width: 220px;
    height: auto;
    margin: 20px 0 0 0;}
.left {	float:left}
.right { float:right}
.clear { clear:both}

.text-right {
	text-align:right
}
.margin-left {
	margin-left:30px
}
.header {
	width:100%;
	height:auto;
	margin:0 auto;
	position:fixed;
	z-index:110 !important
}

.content {
	width:1200px;
	height:auto;
	margin:0 auto;
}

.swiper-image{
position:relative;
width:100%;
background:#f0ece5;
}

.swiper-image::before {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
	right:10px;
    top: 10px;
    border: solid 2px rgba(255, 255, 255, 0.9);
}


.slider{
position:relative;
width:100%;
float:left; transition: transform .2s; /* Animation */
}

.slider::before {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
	right:10px;
    top: 10px;
    border: solid 2px rgba(255, 255, 255, 0.9);
		
}

	
	
	
.urunkategorihome{
	width:100%;
	height:auto;
	margin-top:35px;
}
.urunkategorihome li{
	width:23.5%;
	height:auto;
	margin-right:2%;
	float:left;
	list-style-type:none;	
	margin-bottom:70px; }

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

.urunkategoribaslik{
	width:100%;
	height:auto;
	border:1px solid #f0ece5;
	color:#000;
	text-align:center;
	margin-top:20px;
	float:left;
	padding:15px 0;
	font-weight:600}
.urunkategoribaslik:hover{
	color:#c3b6a0;
	font-weight:600

}
.urunkategorihome li:hover .urunkategoribaslik{

		color:#c3b6a0;
	font-weight:600}

.bejbg2{
    width:100%;
    float:left; 
	height:auto;
	background:#f0ece5;
	padding:20px;
	font-size:11px;
	color:#000}
.bejbg{
    position:relative;
    width:100%;
    float:left; 
	transition: transform .2s; /* Animation */
	height:auto;
	background:#f0ece5;
	margin:0 0}
.bejbg h2 	{
	font-family: 'Caveat', cursive;
	text-align:center;
	font-size:40px;
	font-weight:bold}
.bejbg h3 	{
	text-align:center;
	font-size:40px;
	font-weight:bold}


.bejbg::before {
    content: '';
    position: absolute;
    width: calc(100% );
    height: calc(100% 20px);
    top: 10px;
    bottom: 10px;
    border-top: solid 2px rgba(255, 255, 255, 0.9);
    border-bottom: solid 2px rgba(255, 255, 255, 0.9);
		
}

.bejbg .content2 {
	width:80%;
	height:auto;
	margin:50px auto
		
}

.menu5{
	display:none
}

.footer{
	width:100%;
	height:auto;
	padding:100px 0;
	border-top:1px solid #f0ece5;
	font-size:14px;
	color:#000;
	line-height:28px;
	font-weight:300}
.f-1{
	width:28%;
	height:auto;
	float:left;
	margin-right:2%;
}
.f-1 a{
	width:100%;
	height:auto;
	float:left;
	color:#000}
.f-1 a:hover {
	color:#8e7b59;
	font-weight:600}
.f-2{
width:28%;
	height:auto;
	float:left;
	margin-right:2%;font-family: 'Open Sans', sans-serif;
	font-weight:300;}

.f-2 img{
	margin-top:5px;
	float:left;
	margin-right:10px}
.f-2 a{
	width:80%;
	height:auto;
	float:left;
	color:#000}
.f-2 a:hover {
	color:#8e7b59;	font-weight:600}
.f-3{
width:33%;
	height:auto;
	float:left;}
.f-3 img{
	float:right;
	margin-left:15px;}
.f-3 span{
	letter-spacing:3px}
.bultenbox{
	width:75%;
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #000;
	padding:15px 0;
	
	margin-bottom:20px}
.bultenbox:focus{
	outline:none}

.bultengonder{
	width:25%;
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #000;
	padding:15px 0;
	background:#fff;
	text-align:right;
	font-weight:600;
	margin-bottom:20px}
.bultengonder:focus{
	outline:none;
	color:#8e7b59}
.bultengonder:hover{
	color:#8e7b59}
.insta1 {
	width:300px;
	height:auto;
	margin: 15px auto}
.cizgi1{
	width:15%;
	height:auto;
	border-bottom:1px solid #000; float:left;
	margin-top:16px}
.cizgi{
	width:100%;
	height:auto;
	border-bottom:1px solid #fff; float:left;
	margin-bottom:16px;
	margin-top:16px}
	
.insta{
	width:70%;
	text-align:center;
	font-size:25px;
	font-weight:200;
	height:auto; float:left}
.instagramimg{
	width:100%;
	height:auto;
	margin:25px 0;}
.instagramimg a{
	background:#fff;
	padding:1%;
	width:18%;
	height:auto;
	float:left;
	margin:1%;
filter: grayscale(50%) contrast(120%);}
.instagramimg a img{
	width:100%;
	height:200px;
	 
	}

	
.instagramimg a:hover{

 filter: grayscale(1%) contrast(120%);

	}
		


.fixed{
	height:110px;
	width:100%;}
	
	
	
/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #fff;
  cursor: pointer;
}


.searchright{
	float:right;
	margin-top:15px}
	
	
.alisverisebasla {
  width: 1100px;
  height: 100px;
  position:absolute;
	z-index:9;

}

.alisverisebasla .alisverisebasla2 {
  padding:17px 50px;
  float:right;
    background:#fff;
	color:#000;
	margin-top:380px;
	font-size:14px;
	
		box-shadow: #e4e4e4 3px 3px 0px;
	-moz-box-shadow: #e4e4e4 3px 3px 0px;
	-webkit-box-shadow: #e4e4e4 3px 3px 0px;
	border-radius:150px;
	font-weight:300
}
.alisverisebasla .alisverisebasla2:hover {
	margin-right:25px;	
	color:#c3b6a0;
	font-weight:bold
}


.fiyat{
	float:left;
	font-size:18px !important;
	margin-top:15px !important;
	font-weight:600 !important ;
	font-family: 'Open Sans', sans-serif;
	width:90px !important}
	
	.post_082_footer .fiyat{
	float:left;
	font-size:13px !important;
	margin-top:15px !important;
	font-weight:600 !important ;
	font-family: 'Open Sans', sans-serif;
	width:110px !important}
	
.listeleft{
	background:#f0ece5;
	font-size:13px;
	float:left;
	margin-right:2%;
	width:18%;
	height:auto;
	padding:2%;
	box-sizing:content-box;
	margin-bottom:25px}
.listeright{
	float:left;
	width:76%;
	height:auto;
	margin-bottom:35px
}
.listeright .col-md-3 {
    width: 33.3% !important;
}
.listeleft h2 {
	font-size:15px;
	font-weight:600;
	margin:15px 0

}
.leftmenu{
	width:14px;
	color:#000;
	font-weight:300;
	width:100%;
	height:auto;
	float:left;
	margin:5px 0}
.leftmenu:hover{
	margin-left:10px;
		-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;}
	
	/* Customize the label (the container) */
.bottip {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:14px;
  font-weight:300;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  color:#000;
  width:50%;
  float:left

}

/* Hide the browser's default checkbox */
.bottip input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius:150px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.bottip:hover input ~ .checkmark {
  background-color: #c3b6a0;

}

/* When the checkbox is checked, add a blue background */
.bottip input:checked ~ .checkmark {
  background-color: #c3b6a0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.bottip input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.bottip .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.sonuc{
	float:right;
	font-size:13px;
	font-weight:300;
	margin-top:8px}
.siralama{
	float:right;
	font-size:12px;
	font-weight:300;
	width:150px;
	border:1px solid #f2f2f2;
	margin-left:15px;
	padding:7px 10px;
	margin-right:9px}
.siralama:focus{
	outline:none}
.listebaslik{
	float:left;
	font-size:15px;
	color:#000;
	margin-left:8px;
}
	
.filter {
	display:none
	}
.detailleft{
	width:50%;
	height:auto;
	float:left;
	margin-right:3%;
	margin-bottom:30px}


.detailright{
	width:43%;
	height:auto;
	float:left;
	background:#f0ece5;
	padding:25px 2%;
	box-sizing: content-box;
	font-size:14px;
	line-height:30px;
	margin-bottom:30px}
	
.detailright h2{
	width:80%;
	height:auto;
	font-size:18px;
	margin-bottom:15px;
	float:left}

.detailright span{
	width:100%;
	height:auto;
	float:left;font-family: 'Open Sans', sans-serif;
	font-weight:300;
		position: inherit;
		
}

.yas{
	width:100px;
	height:auto;
	border:1px solid #000;
	padding:9px 15px;
	background:#f0ece5;
	position: inherit;
	float:left;
	margin-top:20px;
	margin-bottom:20px}
.yas:focus{
	background:#e3ddd4;
	outline:none
}

.yas2{
	width:70px;
	padding:11px 15px;
	margin-left:10px}
.detailfiyat {
	width:100%;
	height:auto;
	text-align:left;
	padding:0px 0 15px 0;
	color:#000;
	float:right;
	position:inherit;
	font-size:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold}
.bedetablo{
	width:auto;
	height:auto;
	text-align:center;
	padding:10px 0 ;
	color:#000;
	float:left;
	font-size:13px;
	font-weight:bold;
	border:0;
	margin-top:25px;
	position:inherit;
	margin-right:15px
}
.bedetablo:hover{
	color:#c3b6a0}

.sepeteekle {
	width:50%;
	height:auto;
	text-align:center;
	padding:10px 0;
	color:#fff;
	float:left;
	font-size:15px;
	font-weight:bold;
	background: #ffa200;
	margin-top:25px;
	position:inherit;
	letter-spacing:2px;
	border:0;
	float:right}
.sepeteekle:hover{
	background:#ea9500}
.siteharitasi{
	font-size:12px;
	color:#505050;
	width:100%;
	height:auto;
	margin-bottom:15px}
.siteharitasi a{
	margin-right:10px;
	color:#505050}
.siteharitasi a:hover {
	color:#ffa200}
.siteharitasi span{
	margin-right:10px;
	color:#ffa200}
	
.uyelik{
	width:43%;
	height:auto;
	background:#f0ece5;
	padding:2%;
	margin:30px auto;
	box-sizing: content-box;
	font-size:14px;
	line-height:30px;}
	
.uyelik2{
	width:96% !important;
}
	
	
.uyelik2 .detailcizgi{
	width:94%;
	border:2px solid #fff;
	padding:3%;
	box-sizing:content-box}
	

.boxs{
	width:96%;
	height:auto;
	border:1px solid #dadada;
	padding:13px 2%;
	font-size:13px;
	margin:0 0 10px 0;

	position:inherit;
	box-sizing: content-box}
.boxs:focus{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.boxs:hover{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.sepetbg .boxs {
	margin-top:10px}
	
.sepetbg .adett{
	margin-top:0}
.sepetbg .boxs2 {
	margin-top:10px;
	height:94px}
.gright{
	float:right !important;
	margin-top:10px !important}
.boxs2{
	width:96%;
	height:100px;
	border:1px solid #dadada;
	padding:13px 2%;
	font-size:13px;
	margin:0 0 10px 0;
	box-sizing: content-box}
.boxs2:focus{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.boxs2:hover{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.uyelik h1 {
	font-size:18px;
	float:left;
	color:#000;}
.uyelikright{
	float:right;
	font-size:12px;
	position:inherit}
.uyelikright a{
	color:#cc0001;
	font-weight:bold}
.detailcizgi{
	width:89%;
	border:2px solid #fff;
	padding:5%;
	box-sizing:content-box}
	


.gonder {

	height:auto;
	text-align:center;
	padding:10px 50px;
	color:#fff;
	text-align:center;
	
	font-size:15px;
	font-weight:bold;
	background: #c3b6a0;
	margin-top:25px;
	position:inherit !important;
	letter-spacing:2px;
	z-index:99;
	border:0}
.gonder:hover{
	background:#ffa200}
.gonder:focus{
	outline:none}
.sifreunuttum{
	text-align:center;
	width:100%;
	height:auto;
	float:left;
	position:inherit;
	color:#000;
	margin-top:35px}


.uye1{
	width:47%;
	height:auto;
	float:left;
	margin-right:5%;
	text-align:left}
.uye2{
	width:30% !important;
	height:auto;
	float:left;
	margin-right:5%;
	text-align:left}
.uye1right0{
	margin-right:0 !important}

.sehir{
	width:49%;
	height:auto;
	float:left;
	margin-right:1%}
.semt{
	width:49%;
	height:auto;
	float:left;
	margin-left:1%}
.posta{
	width:31%;
	height:auto;
	float:left;
	margin-left:2%}
	
.banaozel{
	width:25%;
	height: auto;
	float:left;
	margin:20px 3% 20px 0;
	background:#f0ece5;
	height:auto;
	min-height:490px;
	padding:10px 0;
}
.banaozel h1{
	font-size:18px;
	border-bottom:1px solid #000;
	width:80%;
	height:auto;
	padding:20px 10% 20px 10%;
	font-weight:bold;
	box-sizing:content-box}
.banaozel h1 img{
	width:30px;
	height:auto;
	float:left;
	margin-top:-5px;
	margin-right:10px}
.banaozel a{
	font-size:18px;
	border-bottom:1px solid #fff;
	width:76%;
	height:auto;
	margin:0 12%;
	padding:18px 0;
	float:left;
	color:#272727;
	font-size:17px;
	font-weight:300
}
.banaozel a:hover{
	font-weight:600
}
.banaozelaktif{
	font-weight:600
}
.hesabimright{
	width:72%;
	height:auto;
	min-height:490px;
	float:left;
	margin:20px 0;
	background:#f0ece5;
	line-height:25px;
	font-weight:300}
.hesabimright .content{
	width:80%;
	height:auto;
	margin:10% auto}
.hesabimright .content2{
	width:94%;
	height:auto;
	margin:3% auto}
.hesabimright .content2 h1{
	font-size:18px;
	font-weight:bold;
	line-height:30px}

.hesap{
	width:20%;
	float:left;
	height:auto;
	color:#000;
	text-align:center;
	margin-top:30px}
.hesap img{
	margin-bottom:13px;
	width:80px;
	height:auto}
.guvenlicikis{
	width:60% !important;
	height:auto;
	margin:15px 20% 0 20% !important;
	background:#fff;
	border-radius:150px;
	color:#000 !important;
	text-align:center;
	padding:15px 0 !important;
	font-weight:bold;
	font-size:14px !important;
	border-bottom:0 !important}
.guvenlicikis:hover{
	background: #c3b6a0;
	color:#fff !important;
	border-bottom:0 !important}
.guvenlicikis-m{
	display:none}
	
	
	.siparis{
	color:#000;
	padding:22px 25px;
	font-size:17px;
	float:left;
	border-bottom:2px solid #fff}
.siparis:hover{
	border-bottom:2px solid #000}
.siparisaktif{
	border-bottom:2px solid #000 !important;
	font-weight:bold}
		
.siparistitle{
	width:100%;
	height:71px;
	border-bottom:2px solid #fff;
	 }
.siparisliste{
	width:94%;
	height:auto;
	border-bottom:1px solid #fff;
	padding:23px 3%;
	color:#747779;
	margin:10px 0 ;
	box-sizing:content-box ;
	font-size:14px}
.siparisimage{
	width:55px;
	height:55px;
	float:left;
	border-radius:150px;
	border:1px solid #000;
	margin-right:25px;
	padding:5px}
.siparisno{
	float:left;
	width:30%;
	height:auto;}
.siparisbilgi{
	float:left;
	width:30%;
	height:auto;
	margin-top:10px}
.siparisbilgi img{
	width:30px;
	height:auto; margin-right:10px;
	float:left; margin-top:-2px}
.siparisfiyat{
	float:left;
	width:15%;
	height:auto;
	text-align:right;
	color:#000;
	font-size:22px;
	font-weight:600;font-family: 'Open Sans', sans-serif;}
.siparisfiyat span{
	color:#747779;
	font-size:15px;
	font-weight:300;}
.siparisdetay{
	float:right;
	width:17%;
	margin-left:3%;
	height:auto;
	text-align:center;
	margin-top:5px;
}
.siparisdetay a{
	color:#fff;
	float:left;
	width:90%;
	height:auto;
	padding:5px 5%;
	font-size:12px;
	font-weight:600;
	background: #c3b6a0;
	border-radius:150px
}	
.siparisdetay a:hover {
	background:#fff;
	color:#000}
	
	
.yeniadres{
	background:#fff;
	width:19%;
	height:auto;
	min-height:240px;
	margin:1% ;
	float:left;
	padding:2%;
	color:#272727;
	box-sizing:content-box}
.a2{
	padding-top:110px !important;
	min-height:148px !important}
.a2 img{
	width:25px;
	height:auto;}

.yeniadres h1{
	font-size:20px;
	font-weight:bold;
	margin-top:0}
.yeniadres h2{
	font-size:16px;
	font-weight:bold;}
.duzenle{
	width:100%;
	height:auto;
	margin-top:15px

	}

.sil{
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#272727;	}
.duzenle1{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background: #c3b6a0;
	border-radius:7px;
	margin-top:-45px;
	padding:2px 10px;
	}
	.yeniadres .duzenle1{
	margin-top:-2px !important; margin-left:15px;
	font-size:11px

	}
.hesaph{
	width:100%;
	height:auto;
	font-size:14px;
	font-weight:300;
	
	color:#000}
.hesaph a{
	color:#ffa200;
	font-weight:600}
.hesaph a:hover{
	color:#000;
}
.hesaph span{
	color:#666;
	margin:0 8px}
.left3{
	width:50%;
	height:auto;
	float:left}
.left3 .boxs{
	width:93%;
}


.kaydet{
	background: #c3b6a0;
	color:rgb(255,255,255);
	text-align:center;
	border-radius:150px;
	margin:5px 13px 0 auto;
	border:0;
	padding:10px 30px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	float:right;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px
}
.kaydet:focus{
	outline:none;
	background:#ffa200
}
.kaydet:hover{
	background:#ffa200
}
.iban{
	width:80%;
	text-align:left;}
.hesabimright .content2 .uye1 span{
	font-weight:bold;
	font-size:15px}
	

	
.kart{
	width:18%;
	height:auto;
	border:1px solid #dadada;
	padding:13px 2%;
	font-size:13px;
	margin:8px 0 35px 0;
	box-sizing:content-box
}
.kart:focus{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.kart:hover{
	border:1px solid #dadada;
	background:#f8f8f8;
	outline:none
}
.kart2{
	width:87%;
}
.kart3{
	width:25%;
}


.sepet{
	width:35px;
	height:45px;
	background:url(../images/basket.png) no-repeat ;
	color:#c3b6a0 !important; float:left;
	margin-right:10px
}
.s-rakam{
    width: 20px;
    height: 20px;
    padding: 1px;
    background: #fff;
	border:1px solid #c3b6a0;
    color: rgb(255,255,255);
    text-align: center;
    border-radius: 150px;
    float: right;
    margin-top: 15px;
    font-weight: 600;
    font-size: 10px;
	color:#c3b6a0
}
.s-rakam:hover{
    background: #ff7800;
	border:1px solid #ff7800;
    color:#fff !important;
	color:#c3b6a0
}
.sepet:hover .s-rakam{
    background: #ff7800;
	border:1px solid #ff7800;
    color:#fff !important;
	color:#c3b6a0
}


.sepetsiteharitasi{
	width:740px;
	height:auto;
	margin:15px auto 50px auto}
.sepet1{
	width:70px;
	height:auto;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-align:center; color:#000;
	box-sizing:content-box }
.sepet1 a{
	margin-bottom:15px}
.sepeticon{
	width:70px;
	height:60px;
	padding-top:10px;
	float:left;
	border-radius:150px;
	background:#d6d6d6;
	text-align:center;
	box-sizing:content-box
	}
.sepeticon img{
	width:70%;
	height:auto;}
.sepeticon:hover {
	background: #c3b6a0;}
.teslimaticon{
	width:70px;
	height:60px;
	padding-top:10px;
	float:left;
	border-radius:150px;
	background:#d6d6d6;
	text-align:center;}
.teslimaticon img{
	width:70%;
	height:auto;}
.teslimaticon:hover {
	background: #c3b6a0;}
.odeme{
	width:70px;
	height:60px;
	padding-top:10px;
	float:left;
	border-radius:150px;
	background:#d6d6d6;
	text-align:center;}
.odeme img{
	width:70%;
	height:auto;}
.odeme:hover {
	background: #c3b6a0;}
.onay{
	width:70px;
	height:60px;
	padding-top:10px;
	float:left;
	border-radius:150px;
	background:#d6d6d6;
	text-align:center;}
.onay img{
	width:70%;
	height:auto;}
.onay:hover {
	background: #c3b6a0;}
.sepetcizgi{
	width:150px;
	background:#d6d6d6;
	height:7px;
	float:left; margin-top:32px}
.sepetcizgiaktif{
	background: #c3b6a0 !important;
}
.sepetbg{
	width:62%;
	height:auto;
	padding:2%;
	background:#f0ece5;
	margin-bottom:45px;
	float:left;
	margin-right:3%;
	box-sizing:content-box;
	font-size:13px
	
	}
.sepetbg .sepeteekle2{
	margin-top:10px}
.sepetbg h1{
	font-size:25px;
	color:#000;
	font-weight:700; margin-top:0;
	text-align:left;
	float:left}

.sepet2{
	width:100%;
	height:auto;
	margin:20px 0;
	padding-bottom:15px; 	border-bottom:1px dashed #fff;}

.sepet2image{
	width:12%;
	height:auto;
	float:left;
	margin-right:3%;
	}
.sepet2image a{
	width:100%;}
.sepet2image a img{
	width:100%;
	height:auto;}
.sepet2text{
	width:30%;
	height:auto;
	float:left; margin-right:3%;
}
.sepet2yas{
	width:10%;
	height:auto;
	float:left; margin-right:3%;
	margin-top:8px;
	text-align:center;font-family: 'Open Sans', sans-serif;}
.sepet2text .siparisfiyat{
	width:100%;
	height:auto;
	text-align:left;
	float:left;
	margin-top:10px;
	font-family: 'Open Sans', sans-serif;}
	
.sepet2text a{
	width:100%;
	height:24px;
	overflow:hidden;
	float:left;
	color:#4d3c43;
	font-size:18px;
	font-weight:500; margin-top:5px}

.sepet2text span{
	width:100%;
	height:18px;
	overflow:hidden;
	line-height:22px;
	float:left;
	color:#8a8a8a;
	font-size:10px;
	font-weight:500; margin-top:5px}
.sepet2text .kargobilgi{
	width:100%;
	height:30px;
	overflow:hidden;
	float:left;
	color:#8a8a8a;
	font-size:10px;
	font-weight:300; margin-top:15px}
.sepet2text .kargobilgi img{
	width:11px;
	height:auto; float:left;
	margin-right:3px;
}
.sepet2adet{
	width:15%;
	height:auto;
	float:left;
	text-align:center;
	margin-top:8px; margin-right:2%}
.sepet2adet .qty { width: 35px; height: 35px;} 
.sepet2adet input.qtyplus { width:28px; height:35px;}
.sepet2adet input.qtyminus { width:28px; height:35px;}
.sepet2fiyat{
	width:16%;
	height:auto;
	float:left;
	margin-top:2px;
	font-size:20px;
	font-weight:600;text-align:center;font-family: 'Open Sans', sans-serif;
	}
.sepet2fiyat span{

	font-weight:400}
.sepet2close a{
	float:left;
	width:10px;
	text-align:center;
	padding:5px;
	border:1px solid #000;
	font-size:9px;
	border-radius:150px;
	color:#000;
	margin-top:8px;
	margin-left:5px;
	box-sizing:content-box}
.sepet2close a:hover{
	color:#fff !important;
	background: #c3b6a0}
.adet{
	float:right;
	width:15%;
	height:auto;	color:#000;
	font-weight:700;text-align:center;
}

.fiyatbaslik{
	width:22%;
	height:auto;
	color:#000;
	font-weight:700;
	float:right;
	margin-right:15px;	text-align:center;
}



.siparisozet{
	width:27%;
	height:auto;
	padding:2%;
	background:#f0ece5;
	margin-bottom:45px;
	float:left;
		box-sizing:content-box
	
	}
	.siparisozet h1{
	font-size:25px;
	color:#000;
	font-weight:700; margin-top:0;
	text-align:left;
	float:right}
.ozet{
	width:100%;
	height:45px;
	clear:both;
	font-size:16px;}

.ozet1{
	width:60%;
	height:auto;
	float:left;
}
.ozet2{
	width:10%;
	height:auto;
	float:left;	text-align:center

}
.ozet3{
	width:25%;
	height:auto;
	float:left;
	text-align:center; font-family: 'Open Sans', sans-serif;
}

.siparisozet .hemenal2 .hemenal{
	margin-top:0
   
}
.cek{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#000; float:left;
	margin:15px auto 0 auto}
.cek:hover{
	font-weight:bold}
.odemeleft{
	width:30%;
	height: auto;
	float:left;
	margin:20px 3% 20px 0}
.odemeleft h1{
	font-size:16px;
	font-weight:bold;
	color:#4a4a4a;
	float:left;
	margin-bottom:10px}
.odemeleft a{
	font-size:14px;
	padding:5%;
	width:90%;
	height:auto;
	float:left;
	color:#4a4a4a;
		font-weight:600;
		margin-bottom:5px;
		border-left:2px solid #c3b6a0;
		box-sizing:content-box}
.odemeleft a:hover{
	background: #c3b6a0;

	color:#fff}
.odemelefta{
	background: #c3b6a0;
		color:#fff !important}
.odemeright{
	width:58%;
	height:auto;
	float:left;
	padding:50px 0 50px 8%;
	border-left:1px solid #fff;
	font-weight:600;
	box-sizing:content-box}



.qty {
    width: 50px;
    height: 40px;
    text-align: center;
	vertical-align:top;
	border:#4d4d4d 1px solid;
	margin-left:-5px;
	background:#f0ece5;
	position: inherit;
} 

.qty:focus {
	
	border:1px solid #4d4d4d;
	background:#e3ddd4;
outline: none	
} 
input.qtyplus { width:30px; height:40px; background:#f0ece5; border:1px solid #4d4d4d; font-size:22px; color:#4d4d4d; margin-left:-6px }
input.qtyplus:focus {  border:1px solid #4d4d4d;		
background:#e3ddd4;

outline:none  
}


input.qtyminus { width:30px; height:40px; background:#f0ece5; font-size:22px; color:#4d4d4d;border:1px solid #4d4d4d;		


}
input.qtyminus:focus { 
outline:none  ;background:#e3ddd4;
}


.adett{
	float:left;
	height:auto; margin-top:20px; margin-left:10px; 	position: inherit;
}
.sepeteekle2{
	font-size:12px;
	color:#fff;
	font-weight:600;
	padding:13px 40px;
	float:left;
	margin-right:25px; margin-top:25px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#888888+0,6e6e6e+100 */
background: #888888; /* Old browsers */
background: -moz-linear-gradient(left, #888888 0%, #6e6e6e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #888888 0%,#6e6e6e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #888888 0%,#6e6e6e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#6e6e6e',GradientType=1 ); /* IE6-9 */
}
.sepeteekle2:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6e6e6e+0,888888+100 */
background: #6e6e6e; /* Old browsers */
background: -moz-linear-gradient(left, #6e6e6e 0%, #888888 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #6e6e6e 0%,#888888 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6e6e6e 0%,#888888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#888888',GradientType=1 ); /* IE6-9 */
}
.tik{
	font-size:13px;
	color:#000;
	line-height:22px;
	float:left;
	width:80%; margin-top:-3px}
.tik a{
	color:#000;
	text-decoration:underline}

.odemetext{
	font-size:14px;
	line-height:22px;
	color:#4a4a4a;
	font-weight:400}
.odemetext h2{
	font-size:18px;
	line-height:22px;
	color:#000;
	font-weight:600;
	margin-bottom:5px}

.sec {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-top:5px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left;
  line-height:19px
}

/* Hide the browser's default checkbox */
.sec input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius:5px;
  line-height:18px !important
}

/* On mouse-over, add a grey background color */
.sec:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.sec input:checked ~ .checkmark {
  background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sec input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sec .checkmark:after {
  left: 6px;
  top: 2px;
  width: 8px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hemenal{
	width:100%;
	font-size:15px;
	color:#fff;
	font-weight:700;
	padding:13px 0;
	float:left;
	text-align:center;
    margin-top:25px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#55aa01+0,478f00+100,478f00+100 */
background: #55aa01; /* Old browsers */
background: -moz-linear-gradient(left, #55aa01 0%, #478f00 100%, #478f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #55aa01 0%,#478f00 100%,#478f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #55aa01 0%,#478f00 100%,#478f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55aa01', endColorstr='#478f00',GradientType=1 ); /* IE6-9 */	
}
.hemenal:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#478f00+0,55aa01+100 */
background: #478f00; /* Old browsers */
background: -moz-linear-gradient(left, #478f00 0%, #55aa01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #478f00 0%,#55aa01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #478f00 0%,#55aa01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478f00', endColorstr='#55aa01',GradientType=1 ); /* IE6-9 */
}

.boxcek{
	width:77%;
	height:20px;
	padding:10px 1%;
    float:left;
	border:0;
	font-family: 'Raleway', sans-serif;;
	box-sizing:content-box
}
.boxcek:focus{
	outline:none;
}
.boxgonder{
	width:21%;
	height:40px;
	padding:10px 0;
    float:left;
	border:1px solid #ccc;
	background:#ccc;
	color:#fff;
	font-size:12px
}
.boxgonder:hover{
	background:#55aa01;
	border:1px solid #55aa01;
	cursor:pointer}
.boxgonder:focus{
	outline:none}


.adressec{
	float:right;
	padding:5px;
	border:1px solid #dadada;
	margin-left:5px;
	margin-bottom:10px
	}
.adressec:focus{
	outline:none;
	border:1px solid #ccc;
	}

.onaybg .detailcizgi{
	width:89.9%;
	border:2px solid #fff;
	padding:5%;
	box-sizing:content-box}
.hakkimizdatext {

	font-size:13px !important;
	line-height:22px;
	text-align:justify}
.hakkimizdatext img {
	float:right;
	width:35% !important;
	height:auto !important;
	margin-left:25px;}
.onaybg {
	width:96%;
	height:auto;
	padding:2% ;
	background:#f0ece5;
	margin-bottom:45px;
	float:left;
	text-align:center;
	box-sizing:content-box
}
.onaybg h1{
	font-size:35px;
	font-weight:700;
	margin-bottom:15px;
	font-family: 'Caveat', cursive;
}
.onaybg img{
	width:80px;
	height:auto;
	margin-bottom:25px
}


.brightness {-webkit-filter: brightness(0.25);}
.brightness:hover {-webkit-filter:none;}
.dilmobil a {
	width:20% !important; float:left !important; margin-top:3px !important; margin-bottom:1px !important}

.dil{
	width:100%;
	float:right;
	clear:both;
	height:auto;
	font-size:13px;
	margin-bottom:10px;
	text-align:right;
	font-weight:300}
.dil a{
	color:#000}
.dil a:hover{
	color:#8e7b59;
	font-weight:600}
.dil span{
	margin:0 5px;
	color:#ccc}

.siparis1 {
	width: 90%;
	height: auto;
	margin: 5% auto;
}

.siparisdetay1 {
	width: 100%;
	height: auto;
}

.siparis1 h1 {
	font-size: 18px;
	font-weight: bold
}


.siparisdetay1 a {
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	margin-right: 35px;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}

	.siparisdetay1 a:hover {
		color: #6d2d48;
	}


.siparisdetay1 span {
	float: left;
	font-size: 12px;
	color: #000;
	margin-right: 35px;
	font-family: 'Roboto Condensed', sans-serif;
}

.teslimat1 {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.teslimat2 {
	float: left;
	width: 50%;
}



.siparisdetay1 .siparisbilgi {
	float: right;
	width: 25%;
	height: auto;
	text-align: right;
	font-size: 14px;
	margin-top: -2px
}

.siparisbilgi img {
	width: 20px;
	height: auto;
	margin-left: 10px;
	margin-right: 0;
	float: right;
	margin-top: 2px
}
.sepeteeklendi {
	width:100%;
	height:auto;
	padding:15px 2%;
	background:#fff;
	color:#1a7729;
	font-weight:300;
	margin-top:20px; position: inherit;}
.sepeteeklendihata {
	color:#cc0001 !important }
.sepeteeklendi a {
	float:right;
	padding:5px 15px;
	background:#f0ece5;
	color:#000;
	border-radius:150px;
	text-align:center;
	font-weight:600;
	font-size:12px;
	margin-top:-5px;
	}
.sepeteeklendi a :hover{
	background:#000;
}