@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700,900|Roboto+Condensed:400,700|Comfortaa:300,400,500,600,700|Roboto:300,400,500,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Bevan&subset=latin-ext');



@font-face{
	font-family: 'font1';
	src: url('../font1.ttf');
}
@font-face{
	font-family: 'font2';
	src: url('../font2.ttf');
}
@font-face{
	font-family: 'font3';
	src: url('../font3.ttf');
}
@font-face{
	font-family: 'font4';
	src: url('../font4.ttf');
}
@font-face{
	font-family: 'font5';
	src: url('../font5.ttf');
}
@font-face{
	font-family: 'font6';
	src: url('../font6.ttf');
}
@font-face{
	font-family: 'font7';
	src: url('../font7.ttf');
}
@font-face{
	font-family: 'font8';
	src: url('../font8.ttf');
}

* {
	scroll-behavior: smooth;
	outline: none;
}
img {
	/*user-drag: none;
	-moz-user-select: none;
	-webkit-user-drag: none;*/
}
body {
	overflow-x: hidden;
	margin: 0px;
}

#backtotop {
	z-index: 1;
	transition: 0.3s opacity;
	position: fixed;
	opacity: 0;
	bottom: 8px;    
	font-family: Roboto;
    font-size: 15px;
    color: #fff;
    padding: 7px 10px;
    border-radius: 9px;
    width: 60px;
    text-align: center;
	right: 15px;
	font-size: 40px;
	color: #ccc;
}
#whatsappsup{
	z-index: 1;
	position: fixed;
	bottom: 15px;
	left: 15px;
}
#whatsappsup img{
	width: 65px;
	height: 65px;
	object-fit: cover;
	border-radius: 50px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}	

.head{
	position: relative;
	width: 1200px;
	margin: 0px auto;
	text-align: center;
}

.head .logoa{
	margin: auto;
}
.head .logo {
	height: 67px;
	margin: 4px auto;
}

.sticky {
	background-color: white;
	position: fixed;
	top: 0px;
	z-index: 1;
}

.headmenu {
	font-family: Roboto Condensed;
	z-index:4;
	width: 100%;
	height: 43px;
	text-align: center;
	background-color: #e74c3c;
	box-shadow: 0px 0px 5px 0px rgba(233, 30, 99, 0.4);
}

.headmenu ul {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.headmenu ul li{
	padding: 10px 16px;
	margin: 0px -2px;
	color: #fff;
	list-style: none;
	display: inline-block;
}

.headmenu .headpanel {
	position: absolute;
	right: calc((100vmax - 1200px) / 2);
	top: 118px;
}

.headmenu .headpanel label {
	cursor: pointer;
	position: relative;
	float: right;
	padding: 5px 10px;
	color: #fff;
}

.headmenu .headpanel label i {
	font-size: 26px;
}

.headmenu .headpanel span {
	position: absolute;
	top: -4px;
	right: 5px;
	font-weight: 700;
	font-size: 11px;
	width: 16px;
	height: 16px;
	border-radius: 20px;
	text-align: center;
	background-color: #444;
	color: #fff;
}

.headpanel input[type=checkbox] {
	display: none;
}

#sepetcheck:hover~.sepet {
	display: block;
}

#hesabimcheck:hover~.hesabim {
	display: block;
}

.headpanel .sepet:hover,
.headpanel .hesabim:hover {
	display: block;
}

.headpanel .hesabim, .headpanel .sepet{
	font-family: Roboto;
	width: 220px;
	height: auto;
	padding: 6px 10px 0px 10px;
	top: 39px;
	right: 0px;
	background-color: #eee;
	z-index: 1;
	position: absolute;
	border-radius: 0px 0px 12px 12px;
	display: none;
	overflow: hidden;
}
.headpanel .hesabim h1, .headpanel .sepet h1{
	font-size: 20px;
	text-align: left;
	border-bottom: solid 1px #ccc;
	margin: 0px;
}
.headpanel .hesabim input[type=email],
.headpanel .hesabim input[type=password]{
	width: calc(100% - 16px);
	padding: 7px;
	border: solid 1px #ccc;
	margin: 2px 0px;
}
.headpanel .hesabim input[type=submit],
.headpanel .hesabim button,
.headpanel .sepet button{
	width: calc(100% + 20px);
	padding: 9px;
	margin: 4px 0px 4px -10px;
	background: linear-gradient(35deg, #e74c3c, #f75c4c);
	border: none;
	color: #fff;
	font-family: Roboto Condensed;
	font-size: 15px;
	cursor: pointer;
}
.headpanel .hesabim button,
.headpanel .sepet button{
	margin-bottom: 0px;
}
.headpanel .sepet a,
.headpanel .hesabim a{
	text-decoration: none;
}
.headpanel .sepet .urun{
	position: relative;
	height: 60px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	font-family: Roboto;
	font-size: 15px;
	margin-top: 5px;
	padding: 2px;
}
.headpanel .sepet .urun img{
	height: 100%;
	float: left;
	width: 31px;
	object-fit: cover;
}
.headpanel .sepet .urun a{
	text-decoration: none;
	color:#333;
}
.headpanel .sepet .urun strong{
	display: block;
	border-bottom: solid 1px #ddd;
	height: 21px;
}
.headpanel .sepet .urun i{
	display: block;
	height: 17px;
	margin-top: 0px;
}
.headpanel .sepet .urun .fa-trash-alt{
	position: absolute;
	bottom: 3px;
	right: 6px;
}


.sticky .headpanel {
	top: 8px;
}

.socialicons {
	position: relative;
	background-color: #f3f3f3;
	border-radius: 0px 0px 10px 10px;
}

.socialicons a {
	font-size: 26px;
	float: right;
	color: #e74c3c;
	padding: 0px 10px 0px 0px;
}
.socialicons span{
	color:#e74c3c;
	float: left;
	margin: 7px 13px;
}

.fab {
	transition: 0.3s color;
	color: #555;
}
.fab:hover {
	color: #e74c3c;
}

.pagecover {
	position: relative;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 18vmax;
	background-color: #555;
}

.pagecover img {
	box-shadow: inset 0px 0px 10px 0px black;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagecover img:nth-child(even){
	display: none;
}

.pagecover h1 {
	position: absolute;
	margin: 0px;
	left: 20px;
	bottom: 5px;
	font-family: Raleway;
	font-weight: 900;
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
}

.body {
	min-height: 600px;
	width: 1200px;
	margin: 10px auto;
}

.body h1 {
	font-family: Roboto;
	font-weight: 300;
	font-size: 28px;
}
.body.kendintasarla h1 {
	font-size: 25px !important;
	margin: 6px !important;
}
.body.kendintasarla h3 {
	margin: 5px;
    font-size: 22px;
}

.modeldegistir {
	background: linear-gradient(45deg, #e74c3c, #f92E73);
	padding: 5px 13px;
	box-shadow: 0px 0px 10px 0px rgba(233, 30, 99, 0.8);
	color: #fff;
	border-radius: 10px;
	display: inline-block;
	border-collapse: collapse;
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size: 20px;
	margin-top: 1px;
}

.modeldegistir img {
	margin-right: 10px;
	object-fit: contain;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	border-radius: 10px;
	width: 63px;
	height: 113px;
}

.modeldegistir a {
	text-decoration: none;
	font-size: 15px;
	color: #333;
	padding: 4px 6px;
	border-radius: 5px;
}
.modeldegistir a.mdd{
	background-color: #fff;
}
.body.kendintasarla .modeldegistir a.mdd{
	font-size: 19px !important;
    padding: 9px 16px !important;
}

.tcat{
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	overflow: hidden;
	border-radius: 15px;
	border: solid 2px #eee;
	margin: 0px 1.5% 15px 1.5%;
	float: left;
	width: calc(30.33% - 4px);
}
.tcat > h1{
	padding: 6px 0px;
	margin: 0px;
	text-align: center;
	background-color: #e74c3c;
	color:#fff;
	font-family: Raleway;
	font-weight: 700;
	font-size: 20px;
}
.tcat a{
	text-decoration: none;
	color:#fff;
}
.tcat > .tcaselink{
	float: left;
	width: 50%;
}
.tcat > .tcaselink > img{
	float: left;
	margin-left: 5%;
	width: 90%;
}
.tcover{
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
	object-fit: cover;
	width: 100%;
}

.markasecbox{
	position: relative;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13);
	cursor: pointer;
	border: solid 1px #ddd;
	height: 55px;
	width: 205px;
	margin: 4px 2px;
	display: inline-block;
	text-align: left;
}
.markasecbox img{
	padding: 4px;
	border-right: solid 1px #ddd;
	height: 100%;
}
.markasecbox strong{
	margin-left: 6px;
	font-family: Raleway;
	font-weight: 700;
	font-size: 15px;
	color: #555;
}


.markabox {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	display: inline-block;
	width: 156px;
	height: 150px;
	margin: 14px 15px 0px 0px;
	text-align: right;
}
#modelara{
	font-family: Roboto Condensed;
	font-weight: 500;
	font-size: 15px;
	color: #333;
	padding: 7px;
	text-align: center;
	border-radius: 5px;
	border: solid 2px #ddd;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.1);
	margin-bottom: 6px;
	transition: 0.3s;
}
#modelara:focus{
	border-color: #e74c3c;
}
.modelaraa{
	position: relative;
	text-decoration: none;
	color: #999;
	font-size: 23px;
	transition: 0.2s;
}
.modelaraa > i{
	position: absolute;
    top: 9px;
    left: 8px;
}
.modelaraa > i:focus{
	color: #e74c3c;
}
.modelbox {
	position: relative;
    width: 95px;
    display: inline-table;
    margin: 5px 2px;
    border-radius: 7px;
    border: solid 2px #ddd;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.1);
    overflow: hidden;
    line-height: 16px;
    padding: 0px 3px 3px 3px;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #444;
}

.markabox img,
.modelbox img {
	max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.markabox a,
.modelbox a {
	text-decoration: none;
	color: #555;
	font-family: Roboto;
	font-weight: 500;
	font-size: 20px;
	line-height: 19px;
}
.modelbox .strong{
	font-family: Roboto Condensed;
    font-size: 15px;
}

.kilifbox {
	overflow: hidden;
	width: 20%;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 10px 1.8% 0px 1.8%;
}

.kilifbox a {
	text-decoration: none;
}

.kilifbox img.back {
	width: 100%;
	height: 424px;
	object-fit: contain;
}

.kilifbox img.design {
	position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: 418px;
    object-fit: cover;
}

.kilifbox img.case {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 424px;
	object-fit: cover;
}

.kilifbox h2 {
	margin: 0px 0px 0px 0px;
	color: #333;
	font-family: Raleway;
	font-weight: 700;
	font-size: 20px;
	height: 26px;
	overflow: hidden;
}

.kilifbox strong {
	color: #333;
	font-family: Roboto;
	font-weight: 400;
	font-size: 15px;
	display: block;
	margin-top: 0px
}

.kilifbox strong b{
	font-size: 20px;
	font-weight: 900;
	color: #e74c3c;
	display: block;
	margin-top: -4px;
}

.kilifbox .fiyat {
	box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #e74c3c;
	padding: 15px 33px 5px 15px;
	border-bottom-left-radius: 30px;
	color: white;
	font-family: Roboto;
	font-weight: 900;
	font-size: 20px;
	opacity: 0;
	transition: 0.2s opacity;
}

.kilifbox:hover .fiyat {
	opacity: 0.95;
}

.ciftkilifbox {
	margin: 5px 15px 20px 15px;
	position: relative;
	display: inline-block;
}

.ciftkilifbox a {
	text-decoration: none;
}

.ciftkilifbox .cift1 {
	margin: 0px -5px;
	position: relative;
	float: left;
	width: 190px;
	height: 342px;
}

.ciftkilifbox .cift1 img.back {
	width: 190px;
	height: 342px;
	object-fit: cover;
}

.ciftkilifbox .cift1 img.design {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 342px;
	object-fit: cover;
}

.ciftkilifbox .cift1 img.case {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 342px;
	object-fit: cover;
}

.ciftkilifbox .ciftdet h2 {
	margin: 0px;
	text-align: center;
	font-family: Roboto;
	font-weight: 500;
	font-size: 22px;
}

.ciftkilifbox .ciftdet strong {
	font-family: Roboto Condensed;
	font-weight: 500;
	font-size: 15px;
}

.ciftkilifbox .ciftdet b {
	display: block;
	font-family: Roboto Condensed;
	font-weight: 900;
	font-size: 24px;
}

.clear {
	clear: both;
}

.pagebuttons{
	width: 35px;
    height: 35px;
    margin: 2px;
    background-color: #444;
    color: #ccc;
    border: solid 2px #555;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.pagebuttons.active{
    background-color:#ddd;
    color:#444;
}

.urunbox {
	overflow: hidden;
	width: 210px;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 6px 8px;
	padding-bottom: 8px;
	box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.05);
}

.urunbox a {
	text-decoration: none;
}

.urunbox img {
	float: left;
	width: 210px;
	height: 200px;
	object-fit: contain;
}

/*
.urunbox button {
	cursor: pointer;
	float: left;
	width: 50%;

font-familyRaleway;	border: none;
	padding: 8px 0px;
	color: #fff;
	font-family: Roboto;
	font-weight: 600;
	font-size: 15px;
}

.urunbox button.sepet {
	background-color: #e74c3c;
}

.urunbox button.hemenal {
	background-color: #e74c3c;
}
*/

.urunbox div.fiyat {
	margin: 2px 0px 0px 0px;
	font-family: Roboto;
	font-weight: 900;
	font-size: 20px;
	color: #e74c3c;
}

.urunbox h2 {
	margin: 0px 0px 0px 0px;
	font-family: Roboto;
	font-weight: 500;
	font-size: 20px;
	max-height: 52px;
	overflow: hidden;
}

.urunbox strong {
	font-family: Roboto Condensed;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}

.footer {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
	background-color: #333;
}

.footcent {
	width: 1200px;
	margin: auto;
}

.footbox {
	padding: 27px 0px 50px 0px;
	width: 33.333%;
	float: left;
}

.footbox h3 {
	margin: 10px 0px;
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size: 20px;
	color: #808080;
	color: #eee;
}

.cz {
	display: block;
	margin: -2px 0px 15px 0px;
	width: 64px;
	height: 2px;
	background-color: #444;
}

.footbox.pages a {
	margin-top: 2px;
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size: 15px;
	text-decoration: none;
	color: #808080;
	display: block;
}

.footbox.social a {
	text-decoration: none;
	color: #e74c3c;
	font-size: 35px;
	margin: 0px 8px 8px 0px;
}

.footbox.tags button {
	cursor: pointer;
	background-color: #e74c3c;
	color: #fff;
	border: none;
	padding: 7px 10px;
	margin: 0px 0px 5px 0px;
	transition: 0.3s background-color;
	border-radius: 5px;
}

.footbox.tags button:hover {
	background-color: #555;
}

.instagrambox {
	width: 8.333%;
	float: left;
	transition: 0.2s;
	transition-property: transform, box-shadow;
}

.instagrambox:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.copytext {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	position: relative;
	width: 100%;
	background-color: #e74c3c;
	color: #fff;
	text-align: center;
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0px;
}

.powered {
	position: absolute;
	bottom: 11px;
	left: 15px;
}
.powered i {
	cursor: pointer;
	font-size: 22px;
	margin-left: 8px;
}
.powered img {
	height: 22px;
	margin-right: 8px;
}

.uk-light {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.homebody {
	width: 1200px;
	margin: 0px auto;
	padding: 10px 0px;
}

.homebody h1{
	text-align: center;
	font-family: Raleway;
	font-weight: 600;
	font-size:22px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	border-bottom: solid 1px #eee;
}

	.instagramband{
		width: 100%;
		margin-top: 15px;
	}
	.instagramband img{
		width: 20%;
		float: left;
	}

.homebox{
	position: relative;
	float: left;
}
.homebox.dibox{
	width: calc(50% - 20px);
	margin: 10px;
}
.homebox.tribox{
	width: calc(33.333% - 12px);
	margin: 2px 6px;
}
.homebox a{
	text-decoration: none;
}
.homebox h2{
	font-family: Raleway;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	margin: 6px 0px 0px 0px;
}
.homebox img{
	transition: 0.4s;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}
.homebox img:hover{
	transform: scale(1.02);
}

.catbody .catbox{
	position: relative;
	width: calc(25% - 6px);
	margin: 3px;
	float: left;
	overflow: hidden;
}
.catbody .catbox img{
	width: 100%;
}
.catbody .catbox h2{
	position: absolute;
	font-family: Raleway;
	font-size: 20px;
	font-weight: 600;
	bottom: 0px;
	left: 0px;
	margin: 1px 6px;
	color: #fff;
}

.detaybody {
	background-color: #fff;
	width: 1200px;
	margin: 10px auto;
}

.detaybody .h1{
	margin: 0px;
	font-size: 24px;
	font-weight: 600;
	font-family: Raleway;
	border-bottom: solid 1px #ccc;
}

.detaybody .karebox {
	width: 50%;
	height: 500px;
	float: left;
	position: relative;
}

.detaybody .karebox font.firstf{
	margin-top:10px;
}
.detaybody .karebox font{
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size:12px;
	display: block;
	margin-top:1px;
}

.karebox.sol {
	border-right: solid 4px #e74c3c;
	width: calc(50% - 4px);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
}

.karebox.sag {
	padding-left: 14px;
	width: calc(50% - 14px);
}

.detaybody .karebox .urungorselleri {
	float: left;
	width: 85px;
	height: 100%;
}

.detaybody .karebox .urungorselleri img {
	border-collapse: collapse;
	object-fit: contain;
	width: 79px;
	height: 79px;
	margin-bottom: 5px;
	float: left;
	border: solid 10px #fff;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.detaybody .karebox .buyukresim {
	position: absolute;
	width: 515px;
	height: 100%;
	object-fit: contain;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
	border-right: solid 4px #e74c3c;
}

.tasarimiduzenle {
	position: absolute;
	bottom: 7px;
	right: 10px;
}

.tasarimiduzenle button {
	cursor: pointer;
	font-family: Roboto;
	font-weight: 500;
	font-size: 15px;
	background-color: #2ecc71;
	border: none;
	color: #fff;
	padding: 10px 10px 6px 10px;
	border-radius: 8px;
	transition: 0.3s opacity;
}

.tasarimiduzenle button:hover {
	opacity: 0.8;
}

.tasarimiduzenle button i {
	margin-bottom: 6px;
	margin-top: -3px;
	font-size: 21px;
}

.detaybody .karebox h1 {
	color: #444;
	font-family: Roboto;
	font-weight: 900;
	font-size: 26px;
	margin: 5px 0px 4px 0px;
}

.detaybody .karebox h1 i#fav{
	color:#e74c3c;
	cursor: pointer;
	float: right;
    font-size: 34px;
    margin-right: 10px;
    transition:0.3s color;
}
.detaybody .karebox h1 i#fav:hover{
	opacity: 0.8;
}

.detaybody .karebox h2 {
	text-transform: uppercase;
	border-bottom: solid 1px #ddd;
	width: 100%;
	color: #444;
	font-family: Roboto;
	font-weight: 700;
	font-size: 15px;
	margin: -5px 0px 1px 0px;
}

.detaybody .karebox h2 a, .detaybody .karebox h1 a {
	text-decoration: none;
	color: #444;
}

.detaybody #markas, .detaybody #models{
	margin-bottom: 1px;
	font-family: Roboto Condensed;
	font-weight: 400;
	font-size: 15px;
	padding: 7px 5px;
	border: solid 1px #ddd;
	color: #444;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
}

.detaybody .karebox .fiyat {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: Roboto;
	font-weight: 500;
	font-size: 23px;
	background-color: #e74c3c;
	color: #fff;
	border-radius: 7px;
	box-shadow: 0px 0px 5px 0px rgba(233, 30, 99, 0.4);
	padding: 5px 14px;
}

.detaybody .karebox .secenekler {
	margin-top: 30px;
	margin-left: 15px;
}

.detaybody .karebox .secenekler.colorss {
	position: absolute;
	left: 92px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 2;
}
.detaybody .karebox .secenekler.colorss .secenek img{
	display: block;
}

.detaybody .karebox .secenekler .secenek input[type=radio] {
	display: none;
}

.detaybody .karebox .secenekler .secenek img {
	transition: 0.3s;
	width: 55px;
	height: 55px;
	object-fit: contain;
	cursor: pointer;
	border: solid 5px white;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	margin: 5px 3px 0px 0px;
}

.detaybody .karebox .secenekler .secenek input[type=radio]:checked+img {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.25);
	transform: scale(1.1);
}

		.ikcdiv{
			margin-left: 18px;
		}
		.ikcbtn{
			cursor: pointer;
		    float: left;
		    width: calc(27% - 3px);
		    border: solid 1px #ddd;
		    position: relative;
		    height: 36px;
		    margin: 3px 3px 0px 0px;
		    background-color: #fafafa;
		    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.05);
		    font-family: Roboto;
		    padding-left: 48px;
		    text-align: left;
		    font-size: 15px;
		    padding-top: 2px;
		    color: #333;
		    border-radius: 7px;
		    overflow: hidden;
		}
		.ikcbtn img{
			position: absolute;
		    top: 0px;
		    left: 0px;
		    height: calc(100% - 0px);
		}

.kilifcinsi{
	cursor: pointer;
	margin-left:16px;
	padding:8px 13px;
	border:solid 2px #c72c1c;
	border-radius: 6px;
	background-color: #e54a3a;
	color:#fff;
}

.kilifturu{
	border-radius: 7px;
	width: auto;
	padding: 0px 3px 6px 1px;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 20;
	margin-left: 18px;
}
.kilifturu label{
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	position: relative;
	float: left;
}
.kilifturu label input{
	display: none;
}
.kilifturu label input[type="radio"]:checked ~ div{
	border-color:#aaa;
}
.kilifturu label > div{
	margin-top: 4px;
	margin-left: 3px;
	cursor: pointer;
	overflow: hidden;
	border:solid 2px #ddd;
	border-radius: 6px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background-color: #fff;
	position: relative;
	width: 155px;
	height: 50px;
}
.kilifturu label > div strong{
	position: absolute;
	right: 3px;
	bottom: 1px;
	font-weight: 400;
	font-size: 12px;
}

.kilifturu label > div img{
	height: calc(100% + 3px);
	float: left;
}
.kilifturu label > div > div{
	margin: 4px;
	height: 100%;
	float: left;
}

.detaybody .karebox .cartopt {
	width: 100%;
}
.detaybody .karebox .cartopt .cartcount{
	float: left;
	margin: 0px 4px 0px 0px;
	display: inline-table;
	width: 100px;
	height: 42px;
}
.detaybody .karebox .cartopt .cartcount button:nth-child(1), 
.detaybody .karebox .cartopt .cartcount button:nth-child(3) {
	cursor: pointer;
	background-color: #f3f3f3;
	border: solid 1px #ddd;
	color: rgb(55,55,55);
}
.detaybody .karebox .cartopt .cartcount button:nth-child(2) {
	background-color: #fff;
	border: solid 1px #ddd;
	border-width: 1px 0px 1px 0px;
	width: 34%;
	font-family: Raleway;
	font-weight: 500;
	font-size: 15px;
}
.detaybody .karebox .cartopt .cartcount button {
    float: left;
    width: 33%;
    height: 100%;
}

.detaybody .karebox input[name=not] {
	width: 285px;
	color: #333;
	padding: 8px 8px;
	font-family: Roboto;
	font-weight: 400;
	font-size: 15px;
	margin: 0px 10px 2px 0px;
	border: solid 1px #ddd;
	box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}
.detaybody .karebox input[name=not]:focus {
	border-color: #e74c3c;
}

.detaybody .karebox .cartopt > button {
	padding: 12px 25px;
	border: none;
	border-radius: 5px;
	font-family: Roboto Condensed;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}

.detaybody .karebox .cartopt > button:hover {
	opacity: 0.99;
}

.detaybody .karebox .cartopt > button.sepet {
	background: linear-gradient(35deg, #e74c3c, #f75c4c);
	box-shadow: 0px 0px 10px 0px rgba(249, 46, 115, 0.5);
}

.detaybody .karebox .cartopt > button.hemenal {
	background: linear-gradient(35deg, #505050,#646464);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);
}
.detaybody .detbox{
	background: linear-gradient(35deg, #e74c3c, #f75c4c);
	box-shadow: 0px 0px 10px 0px rgba(249, 46, 115, 0.5);
	height: 50px;
	color: #fff;
	border-radius: 7px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	text-align: center;
	padding: 11px 12px 3px 12px;
	font-family: Raleway;
	font-weight: 300;
}
.detaybody .detbox i{
	font-size: 23px;
	display: block;
	margin-bottom: 4px;
}
.detaybody .detbox strong{
	display: block;
	font-size: 14px;
}

.ciftimg {
	float: left;
	position: relative;
	width: 48%;
	height: 73%;
}

.ciftimg img {
	object-fit: contain;
	position: absolute;
	width: 100%;
	height: 100%;
}

.ciftimgdet {
	float: left;
	width: 40%;
	padding: 0px 4%;
	height: 27%;
}

.ciftimgdet input[type=text] {
	margin-bottom: 6px;
	width: 78%;
	padding: 5px;
	font-family: Roboto;
	text-align: center;
	border: solid 1px #ccc;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.ciftimgdet .secenek input[type=radio] {
	display: none;
}

.ciftimgdet .secenek input[type=radio]:checked~img {
	transform: scale(1.1) rotateX(360deg);
	margin-left: 3px;
	margin-right: 3px;
	transition: 0.5s;
}

.ciftimgdet .secenek img {
	transition-property: margin-left, margin-right, transform;
	cursor: pointer;
	width: 46px;
	height: 46px;
	padding: 3px;
	object-fit: contain;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	margin: 5px 0px 0px 0px;
}

.clrs{
	color:#fff;
	position: relative;
    z-index: 1;
    height:33px;
    overflow: hidden;
}

.clr{
	cursor: pointer;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.ciftimgdet .clr{
	margin-top:-3px;
}
.ciftimgdet .clr input[type=radio], .clrs .clr input[type=radio]{
	display: none;
}

.ciftimgdet .clr input[type=radio]:checked~div, .clrs .clr input[type=radio]:checked~div{
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}
.ciftimgdet .clr div{
	display: inline-block;
}
.ciftimgdet .clr div, .clrs .clr div{
	width: 100%;
	height: 100%;
	border: solid 1px #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.ciftimgdet .clr .clrblack, .clrs .clr .clrblack{
	background-color: black;
}
.ciftimgdet .clr .clrwhite, .clrs .clr .clrwhite{
	background-color: white;
}
.ciftimgdet .clr .clrpink, .clrs .clr .clrpink{
	background-color: rgb(247, 97, 126);
}
.ciftimgdet .clr .clrred, .clrs .clr .clrred{
	background-color: rgb(231, 76, 60);
}
.ciftimgdet .clr .clrblue, .clrs .clr .clrblue{
	background-color: rgb(0, 168, 255);
}
.ciftimgdet .clr .clrpurple, .clrs .clr .clrpurple{
	background-color: rgb(142, 68, 173);
}


.sharethis-inline-share-buttons {
	margin-top: 5px;
}

.onerilenh1{
	border-bottom:solid 1px #ddd;
	font-family: Roboto;
    font-size: 26px;
    font-weight: 400;
}
.onerilen {
	position: relative;
	overflow: hidden;
	float: left;
	width: 16.6%;
	height: 425px;
}
.onerilen .ogorsel{
	position: relative;
	width: 100%;
	height:80%;
}
.onerilen .ogorsel img:nth-child(odd){
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	left:2px;
	top:2px;
}
.onerilen .ogorsel img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: contain;
}
.onerilen .ofoot{
	text-align: center;
    font-family: Roboto;
	width: 100%;
	height: 20%;
}
.onerilen a{
	text-decoration: none;
}
.onerilen .ofoot h2{
	height: 25px;
    overflow: hidden;
	font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #444;
    margin-bottom:2px;
}
.onerilen .ofoot strong{
	height: 19px;
    overflow: hidden;
	display: block;
	font-size:15px;
	font-weight: 400;
}
.onerilen .ofoot b{
	display: block;
	font-weight: 900;
	font-size:18px;
}


.sepetbody {
	width: 1200px;
	margin: 10px auto;
	min-height: 500px;
}

.sepetbody .content {
	float: left;
	width: 75%;
}

.productable {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 500;
	width: 97%;
	border-collapse: collapse;
}

.productable .kisiyeozelimg {
	transition: 0.3s transform;
}

.productable .kisiyeozelimg:hover {
	transform: scale(2.4);
}

.productable .urungorselth {
	width: 155px;
}

.productable .urunadetth {
	width: 50px;
}

.productable .urunislemlerth {
	width: 70px;
}

.productable .leftd {
	text-align: left;
}

.productable tr {
	border: solid 1px #f2f2f2;
}

.productable tr.trth {
	border: none;
}

.productable th {
	text-align: center;
	font-weight: 400;
	font-size: 15px;
	padding: 5px 0px;
	border-bottom: solid 1px #eee;
}

.productable td {
	position: relative;
	padding: 0px;
	white-space: nowrap;
	text-align: center;
}

.productable img {
	width: 140px;
	height: 140px;
	object-fit: contain;
}

.productable.odeme {
	margin: auto;
}

.productable.odeme img {
	width: 90px;
	height: 90px;
	object-fit: contain;
}

.productable.odeme .kiliftekimgs {
	left: 32px;
}

.productable h1 {
	font-size: 24px;
	font-weight: 300;
	margin: 0px;
}

.productable strong {
	font-size: 15px;
	font-weight: 500;
	margin-top: 1px;
	display: block;
}

.productable b {
	margin-top: -2px;
	font-size: 14px;
	font-weight: 300;
	display: block;
}

.productable td i.fa-trash-alt {
	font-size: 17px;
	color: #bbb;
	cursor: pointer;
}

.productable td i {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
}

.productable .itd i {
	cursor: pointer;
	font-size: 21px;
	margin: 5px 4px 0px 3px;
	color: #555;
}

.productable .itd {
	width: 10px;
}

.productable .tekimgs img {
	border: solid 10px white;
}

.productable .kiliftekimgs {
	position: absolute;
	left: 4px;
	background: none;
}

.productable .backimgs img,
.productable .desimgs img,
.productable .caseimgs img {
	width: 50px;
	background: none;
	cursor: pointer;
}

.productable .desimgs,
.productable .caseimgs {
	position: absolute;
	left: 25px;
	top: 0px;
}

.productable .desimgs,
.productable .caseimgs .ism1 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-weight: 900;
	display: none;
}

.productable .desimgs,
.productable .caseimgs .ism2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-weight: 900;
	display: none;
}

.productable .desimgs,
.productable .caseimgs img:hover+b {
	display: block;
}

.sepetbody .side {
	font-family: Roboto;
	font-weight: 400;
	font-size: 15px;
	float: left;
	width: calc(25% - 12px);
	padding-left: 8px;
	border-left: solid 3px #e74c3c;
}
.sepetbody .side label{
	cursor: pointer;
}

.sepetbody .side h1 {
	font-size: 24px;
	font-weight: 300;
	margin: 0px 0px 2px 0px;
	border-bottom: solid 1px #bbb;
	padding-bottom: 6px;
}

.sepetbody .side strong {
	font-size: 15px;
	font-weight: 400;
}

.sepetbody .side h2 {
	margin: 5px 0px;
	font-size: 26px;
	font-weight: 400;
}

button.tamamla {
	background: linear-gradient(35deg, #e74c3c, #f75c4c);
    box-shadow: 0px 0px 10px 0px rgba(249, 46, 115, 0.5);
	padding: 12px 25px;
	border: none;
	border-radius: 5px;
	font-family: Roboto Condensed;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	transition: 0.3s background;
}

button.tamamla:hover {
	background: linear-gradient(95deg, #e74c3c, #f75c4c);
}

.sepetbody .side input[type=checkbox] {
	font-size: 16px;
	margin-bottom: 12px;
}

.sepetbody .odemetutar {
	font-family: Roboto;
	font-weight: 300;
	font-size: 22px;
	float: right;
	margin: 8px 3% 5px 0px;
	clear: both;
}

.sepetbody .odemetutar span {
	font-family: Consolas;
}

.kasaonuh1{
	text-align: center;
	font-family: Roboto;
	font-weight: 400;
	font-size:18px;
	color:#444;
	border-bottom: solid 1px #888;
	margin-bottom: 4px;
}
.kasabox{
	font-family: Roboto;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	padding: 6px 5px;
	display: inline-block;
	width: 120px;
	border:solid 1px #eee;
	margin-top: 6px;
	margin-bottom: 10px;
	margin-right: 6px;
}
.kasabox button{
	cursor: pointer;
	margin-top: 4px;
	border-radius: 0px 7px 7px 7px;
	box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.15);
	width: 100%;
	padding: 5px;
	border:solid 2px #d90E53;
	background-color: #fff;
	color:#d90E53;
	transition: 0.3s opacity;
	font-weight: 600;
}
.kasabox button:hover{
	opacity: 0.65;
}
.kasabox img{
	width: 120px;
	height: 110px;
	object-fit: contain;
}
.kasabox h3{
	font-family:Raleway;
	font-size: 12px;
	font-weight: 600;
	margin: 0px;
	text-align: center;
	height: 33px;
	overflow:hidden;
}
.kasabox strong{
	display: block;
	font-weight: 500;
	font-size:15px;
	text-align: center;
}

.kayitform {
	width: 700px;
	margin: 15px auto;
	border-collapse: collapse;
	font-family: Roboto;
	font-weight: 400;
	font-size: 15px;
	color: #222;
}

.kayitform h1 {
	border-bottom: solid 1px #bbb;
	padding-bottom: 1px;
	width: 96%;
	margin: 5px 0px 10px 0px;
}

.kayitform tr:nth-child(odd) {}

.kayitform tr:nth-child(odd) td {
	padding: 1px 0px 8px 0px;
}

.kayitform tr:nth-child(even) {}

.kayitform tr td input[type=text],
.kayitform tr td input[type=date],
.kayitform tr td input[type=password],
.kayitform tr td input[type=email],
.kayitform tr td select,
.kayitform tr td textarea {
	transition: 0.3s;
	transition-property: border, box-shadow;
	padding: 7px;
	border: solid 1px #ddd;
	width: calc(90% - 10px);
	box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.kayitform tr td input[name=unvan] {
	width: calc(94% - 5px);
}

.kayitform tr td select {
	width: 92%;
}

.kayitform tr td textarea {
	width: calc(93% - 5px);
}

.kayitform tr td input:focus {
	border: solid 1px #e74c3c;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.kayitform tr td input[type=submit] {
	margin: 10px 0px;
	border: none;
	color: #e74c3c;
	border: solid 1px #e74c3c;
	background-color: white;
	padding: 8px 10%;
	border-radius: 10px;
	margin-right: 30px;
	font-weight: 500;
	cursor: pointer;
}

.kayitform tr td label {
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	border-left: solid 4px #e74c3c;
	border-bottom: solid 1px #e74c3c;
	padding: 1px 5px;
}

.tfhide,
#tf {
	display: none;
}

#tf:checked~table .tfhide {
	display: table-row;
}

.odemenotifyband {
	font-family: Roboto;
	font-weight: 400;
	font-size: 15px;
	background-color: #e74c3c;
	border-left: solid 3px #d90E53;
	padding: 7px 10px;
	width: calc(100% - 23px);
	color: #fff;
}

.odemenotifyband a {
	color: #fff;
	text-decoration: underline;
}

.odemenotifyband label {
	cursor: pointer;
}

.odemedefaultadress {
	border: solid 1px #ddd;
	border-left: solid 3px #e74c3c;
	background-color: #fafafa;
	color: #555;
	font-family: Raleway;
	font-weight: 400;
	font-size: 15px;
	width: calc(97% - 18px);
	margin: auto;
	margin-bottom: 15px;
	padding: 10px;
}

.odemedefaultadress table {
	width: 96%;
	margin: auto;
}

.odemedefaultadress table td {
	width: 50%;
}

.odemedefaultadress textarea {
	width: 99.5%;
	height: 100px;
	resize: none;
	border: solid 1px #ccc;
}

.odemedefaultadress select {
	width: calc(98% - -2px);
	padding: 9px 8px;
	border: solid 1px #ccc;
}

.odemedefaultadress input[type=text]{
	width: calc(98% - 16px);
	padding: 9px 8px;
	border: solid 1px #ccc;
}

button.tamamlaodeme {
	float: right;
	background: linear-gradient(35deg, #e74c3c, #f75c4c);
	box-shadow: 0px 0px 10px 0px rgba(249, 46, 115, 0.5);
	padding: 12px 25px;
	border: none;
	border-radius: 5px;
	font-family: Roboto Condensed;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	transition: 0.3s background;
}
#teslimatform{
	display: none;
}

#teslimatform input[name=sozlesme]{
	width: 26px;
	height: 26px;
}

button.tamamlaodeme:hover {
	border-color: #fff;
}

button.alisverisitamamla {
	float: right;
	margin-top: 10px;
	padding: 10px 15px;
	border: solid 1px #ccc;
	background-color: #dedede;
	color: #555;
	border-radius: 5px;
	box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.odemekare .odemedefaultadress b {
	cursor: pointer;
}
.odemekare .odemedefaultadress input[type=text] {
	background-color: #eee;
	margin-left: 25px;
	border: solid 1px #ccc;
	padding: 5px;
	width: 200px;
}

.gsmonay {
	display: none;
	margin-top: 10px;
	padding: 10px 10px 20px 10px;
	width: calc(100 - 20px);
	box-shadow: 0px 0px 2px 1px #e74c3c;
	text-align: center;
}

.gsmonay h2 {
	font-size: 25px;
	margin-bottom: 10px;
}

.gsmonay b {
	font-weight: 400;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}

.gsmonay input[type=text] {
	width: 50%;
	margin-left: 25%;
	padding: 5px;
	text-align: center;
	border: solid 2px #e74c3c;
	box-shadow: 0px 0px 0px 0px #e74c3c;
	transition: 0.4s;
	display: block;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 5px;
}

.gsmonay input[type=text]:hover,
.gsmonay input[type=text]:focus {
	box-shadow: 0px 0px 10px 0px #54b8fb;
}

.gsmonay input[type=submit] {
	padding: 7px;
	font-weight: 700;
	width: 30%;
	margin-top: 10px;
	background-color: #e74c3c;
	color: #fff;
	border: solid 2px #e74c3c;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

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

.odemekare:nth-child(odd) {
	width: calc(48% - 1px);
	margin-right: 1%;
	padding-right: 1%;
	border-right: solid 1px #ddd;
}

.odemekare ul h2 {
	border-bottom: solid 1px #ddd;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 300;
	float: right;
	clear: both;
	margin: 0px;
}

.odemekare ul strong {
	float: right;
	clear: both;
}

.odemekare h1 {
	font-size: 24px;
	border-bottom: solid 1px #ccc;
	width: 97%;
	padding-bottom: 3px;
}

.odemekare h1 b {
	display: none;
}

.odemekare input[type=checkbox] {
	display: none;
}

.siparisalindi {
	width: 800px;
	margin: auto;
	font-family: Roboto;
	font-weight: 300;
	font-size: 16px;
	padding-top: 40px;
	text-align: center;
}

.checkoutimg{
	width: 105px;
}

#upgirisyap {
	opacity: 0;
	display: block !important;
}

#upgirisyap:checked~.hesabim {
	display: block;
}

table.siparis {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

table.siparis td {
	border: solid 1px #eee;
	padding: 6px;
}

table.siparis th {
	border: solid 1px #ccc;
	padding: 5px 7px;
	background-color: #ccc;
	text-align: left;
	font-weight: 400;
	font-size: 15px;
}

table.siparis td.durum {
	width: 160px;
}

table.siparis td.durum div {
	text-align: center;
	width: calc(100% - 20px);
	box-shadow: 0px 0px 5px 0px #e74c3c;
	padding: 10px;
	font-weight: 500;
	color: #fff;
	background-color: #e74c3c;
}

table.siparis td.durum button {
	width: 100%;
	background-color: #ddd;
	border: none;
	color: #555;
	padding: 5px;
	font-weight: 600;
	margin-top: 4px;
}

table.siparis td.durum hr {
	margin: 15px 0px 7px 0px;
}

table.siparis td.det {
	font-family: Roboto;
	font-size: 15px;
}

table.siparis td.det h2 {
	margin: 0px;
	font-size: 24px;
}

table.siparis td.det b {
	border-left: solid 3px #e74c3c;
	padding-left: 4px;
	padding-top: 1px;
}

table.siparis td.det strong {
	font-weight: 400;
}

table.siparis td.tes {
	width: 300px;
}

table.siparis .detaydiv {
	height: 0px;
	overflow: hidden;
	transition: 0.4s;
}

table.siparis #detaydivcheck {
	display: none;
}

table.siparis #detaydivcheck:checked~.detaydiv {
	height: 70px;
}

.productable.siparisler {
	margin: 20px auto 7px auto;
}

div.siparisler {
	position: relative;
}

.siparisler>div {
	padding: 3px 6px;
	color: #fff;
}

.siparisler .sipno,
.siparisler .siptarih {
	background-color: #e74c3c;
	float: left;
}

.siparisler .sipno {
	width: calc(60% - 12px);
}

.siparisler .siptarih {
	width: calc(40% - 12px);
	text-align: right;
}

.siparisler .durum {
	float: left;
	text-align: center;
	padding: 20px 0px;
	width: 23%;
	margin-right: 1%;
}

.siparisler .otipi {
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding: 14px 0px;
	background-color: #607D8B;
	box-shadow: 0px 0px 5px 0px #607D8B;
	width: 23%;
	margin-right: 1%;
}

.siparisler .stutar {
	float: left;
	text-align: center;
	line-height: 18px;
	padding: 14px 0px;
	background-color: #546E7A;
	box-shadow: 0px 0px 5px 0px #546E7A;
	width: 23%;
	margin-right: 1%;
}

.siparisler .sadres {
	float: left;
	font-size: 14px;
	text-align: center;
	padding: 10px 10px 0px 10px;
	height: 54px;
	background-color: #455A64;
	box-shadow: 0px 0px 5px 0px #455A64;
	width: calc(28% - 20px);
}

.siparisler h2 {
	margin: 0px 2% 0px 0px;
	padding-bottom: 2px;
	font-size: 22px;
	border-bottom: solid 1px #ccc;
	float: right;
	clear: both;
}

.siparisler>span>strong {
	margin: 2px 2% 2px 0px;
	float: right;
	clear: both;
}

.siparisler>span>label {
	float: right;
	padding: 8px 17px;
	background-color: #1abc9c;
	color: #fff;
	font-family: Roboto;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
}

.hidd {
	display: none;
}

.siparisler label {
	padding: 6px 12px 7px 12px;
	background-color: #e74c3c;
	color: #fff;
	float: right;
	font-size: 15px;
	border-radius: 0px 0px 10px 10px;
	margin-top: -6px;
	cursor: pointer;
}

.siparisler>a>button {
	background-color: #dadada;
	color: #555;
	font-size: 15px;
	font-weight: 500;
	border: none;
	padding: 6px 10px;
	cursor: pointer;
}

.siparisler input[type=checkbox] {
	display: none;
}

.siparisler input[type=checkbox]:checked+.hidd {
	display: block;
}

hr.siphr {
	border: solid 1px #aaa;
	color: #aaa;
}

.odemesech1 {
	display: none;
	margin: 0px 0px 10px 0px;
	padding-bottom: 3px;
	border-bottom: solid 1px #ccc;
	font-size: 24px;
	font-family: Roboto;
	font-weight: 400;
	text-align: center;
}
.favbox {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	margin:6px;
    width: 175px;
    height: 185px;
    float: left;
    overflow: hidden;
    position: relative;
}
.favbox h1 {
    position: absolute;
    z-index: 1;
    background-color: #e74c3c;
    color: #fff;
    width: 100%;
    font-size: 20px;
    font-size: 17px;
    padding: 3px 4px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.favbox h1 a{
	text-decoration: none;
	color:#fff;
}
.favbox h1 i{
	float:right;
	margin: 3px 8px;
	font-size: 21px;
	cursor: pointer;
}
.favbox img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: top;
}

.body.kendintasarla > center > img{
	float: left;
    width: 100%;
    height: 300px;
    object-fit: contain;
    margin: 0px;
}

.body.kendintasarla p{
	margin: 0px;
}

.body.kendintasarla .simditasarla{
	margin-left: 20px;
    padding: 10px 15px 13px 15px;
    cursor: pointer;
    background-color: #2ecc71;
    color: #fff;
    border: none;
    font-weight: 700;
    font-family: Roboto;
    font-size: 16px;
    border-radius: 7px;
}
.body.kendintasarla .material-icons{
	vertical-align: bottom;
}

.privatepage h1{
	font-family: Roboto;
	font-weight: 400;
	font-size: 34px;
	border-bottom:solid 1px #ccc;
}
.privatepage{
	min-height: 500px;
	width: 1200px;
	margin:10px auto;
	padding-bottom:20px;
	font-family: Roboto;
	font-size:15px;
}
.iletisimbox {
	width: 48%;
	float:left;
	margin:0px 1%;
}
.iletisimbox .kayitform{
	width: 100%;
}
.iletisimbox a{
	text-decoration: none;
	color:#666;
}

.mwap{
	z-index: 50;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.mmodal{    
	margin: auto;
    text-align: center;
    margin-top: 15vmax;
}
.mmodal select{
	transition: 0.5s;
	font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 18px 8px 10px;
    border-radius: 7px;
    border: solid 2px #ccc;
    margin-top: 8px;
}
.mmodal p{
	font-family: Roboto;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-decoration: underline;
    margin-top: 10px;
    cursor: pointer;
}
.mmodal h1{
    font-size: 20px;
    color: #fff;
    font-family: Raleway;
}
.mmodal .mmodalcent{
	margin: auto;
    background-color: rgba(0,0,0,0.5);
    min-width: 300px;
    width: 50%;
    padding: 25px 0px;
    border-radius: 20px;
    max-width: 500px;
}
.harfh1{
	font-family: Roboto;
	font-weight: 900;
	font-size: 18px;
}
.harfbox{
	width: 100%;
	height: 82px;
	background-color: #555;
	border-radius: 10px;
	overflow-y:hidden;
	overflow-x:scroll;
}
.harfbox button{
	font-family: Bevan;
	font-size: 30px;
	padding:0px;
	margin-left: 5px;
	border-radius: 20px;
	width: 60px;
	height:60px;
	margin-top: 5px;
	background-color: #eee;
	color:#333;
	float: left;
	border:none;
	cursor: pointer;
}
.harfbox > div{
	width:2080px; height:100%;
}
.harfbox::-webkit-scrollbar{
	height:11px;
	background-color: #555;
	border-radius: 10px;
}
.harfbox::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #ccc;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.harfbox::-webkit-scrollbar-thumb:hover{
	background-color: #999;
}

.psbox{ 
	margin-top: 2px;   
	margin-left: 18px;
	position: relative;
}
.psbox input[type=checkbox]{
	width: 18px;
	height: 18px;
	border-radius: 6px;
	overflow: hidden;
}
.psbox .psboxc{
	border-radius: 6px 0px 0px 6px;
	position: relative;
	width: 30px;
	height: 30px;
	float: left;
	background-color:#eee;
}
.psbox .psboxl{
	border-radius: 0px 6px 6px 0px;
	color: #fff;
	position: relative;
	width: 111px;
	height: 30px;
	float: left;
	background-color: #e74c3c;
}
.psboxc, .psboxl{
	cursor: pointer;
	padding:6px 3px 0px 8px;
}


@media only screen and (max-width: 1230px) {
	.homebox h2{
		font-size: 16px;
	}
	.tcat{
		margin: 0px 7px 15px 7px;
		width: calc(50% - 18px);
	}
	.psbox{
		margin-left: 4px;
	}
	.kilifcinsi, .kilifturu{
		margin-left: 4px;
	}
	.homebody{
		width: 95%;
	}
	.privatepage{
		width: 94%;
	}
	.privatepage h1{
		font-size:24px;
	}
	.iletisimbox{
		padding-bottom:20px;
	}

	.onerilen{
		width: 32.8%;
	}

	.productable .backimgs img,
	.productable .desimgs img,
	.productable .caseimgs img {
		width: 40%;
	}
	.productable .desimgs,
	.productable .caseimgs {
		left: 0px;
	}
	.sepetbody {
		width: 90%;
	}
	.sepetbody .content {
		float: none;
		width: 100%;
		min-height: auto;
	}
	.productable {
		width: 100%;
	}
	.sepetbody .side {
		float: none;
		width: 100%;
		border: none;
		padding-left: 0px;
		padding-bottom: 20px;
		padding-top: 5px;
		border-top: solid 3px #e74c3c;
	}
	.kayitform {
		width: 100%;
	}
	.ddcontent {
		height: 300px;
	}
	.ddcontentcent {
		width: 100%;
		font-size: 12px;
	}
	.ddcontentcent ul li {
		width: 23%;
	}
	.ddcontentcent .catimg {
		width: 280px;
		height: 250px;
		margin-right: 1%;
	}
	.kilifbox .fiyat {
		padding: 13px 21px 2px 15px;
		font-size: 17px;
	}
	.body {
		width: 95%;
	}
	.detaybody {
		width: 95%;
	}
	.detaybody .karebox {
		width: 100%;
		margin-bottom: 10px;
	}
	.urungorselleri {
		width: 110px !important;
	}
	.urungorselleri img {
		width: 100px !important;
		height: 100px !important;
	}
	.buyukresim {
		width: calc(100% - 105px) !important;
	}
	.detaybody .karebox h2 {
		width: 100%;
	}
	.detaybody .karebox .secenekler.colorss{
		left:115px;
		top:1px;
	}
	.karebox.sag{
		padding-left: 0px;
		height: auto;
	}
	.detaybody .karebox .secenekler {
		margin: 0px;
	}
	.detaybody .karebox input[name=not] {
		margin:4px 10px 4px 0px;
		width: 285px;
	}
	.detaybody .karebox .fiyat {
		right: 0px;
	}
	.detaybody .karebox .cartopt{
		margin-top: 15px;
	}

	.footcent {
		width: 95%;
	}
	.footbox {
		width: 50%;
		height: 160px;
	}
	.powered {
		top: -30px;
		left: calc(50% - 95px);
	}
	.head {
		width: 98%;
	}
	.headmenu .headpanel {
		right: 15px;
	}
	.modelbox {
		width: 95px;
	}
	.modelbox .strong {
		font-size: 15px;
	}
	.kilifbox {
		width: 180px;
	}
	.kilifbox img {
		height: 330px !important;
	}
	.kilifbox img.design {
		height: 324px !important;
	}
	.ciftbackbox,
	.ciftdesignbox,
	.ciftcercevebox {
		width: 100%;
	}
}

@media only screen and (max-width: 900px) {
	.catbody .catbox{
		position: relative;
		width: calc(33.333% - 6px);
		margin: 3px;
		float: left;
		overflow: hidden;
	}
	.ikcdiv{
		margin-left: 0px;
	}
	.ikcbtn{
		width: calc(33% - 3px);
	}
	
	.detaybody .karebox .secenekler.colorss{
		left:7px;
		top:74px;
	}
	.iletisimbox{
		width: 100%;
		margin:0px;
	}
	.privatepage{
		font-size:14px;
	}

	.kilifbox h2 {
		font-size: 17px;
		overflow: hidden;
		height: 21px;
	}
	.kilifbox strong {
		font-size: 13px;
	}
	.odemesech1 {
		display: block;
	}
	.siparisler .stutar {
		font-size: 14px;
	}
	.siparisler .sadres {
		font-size: 13px;
		padding: 4px 10px 0px 10px;
		height: 62px
	}
	.siparisalindi {
		width: 90%;
		font-size: 15px;
	}
	.odemekare {
		width: 100%;
	}
	.odemekare:nth-child(odd) {
		width: 100%;
		margin-right: 0px;
		padding-right: 0px;
		border-right: none;
	}
	.odemekare h1 {
		text-align: center;
		border-radius: 10px;
		width: calc(100% - 16px);
		background-color: #e74c3c;
		color: #fff;
		padding: 4px 8px 5px 8px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
		cursor: pointer;
	}
	.odemekare h1 b {
		display: block;
		margin: 2px 0px;
		font-weight: 500;
		font-size: 15px;
	}
	.odemekare input[type=checkbox]:checked~div {
		display: none;
	}
	.pagecover h1 {
		display: none;
	}
	.ddcontent {
		height: 255px;
	}
	.ddcontentcent ul li {
		width: 22%;
	}
	.ddcontentcent .catimg {
		display: none;
	}
	.kilifbox .fiyat {
		padding: 11px 11px 3px 16px;
	}
	.markabox {
		width: 118px;
		height: 115px;
		margin: 10px;
	}
	.socialicons {
		display: none;
	}
	.headmenu .headpanel {
		top: 79px;
		right: 20px;
	}
	.kilifbox {
		width: 150px;
	}
	.kilifbox img {
		height: 300px !important;
	}
	.kilifbox img.design{
		height:296px !important;
	}
	.detaybody .karebox .urungorselleri {
		float: none;
		width: 100% !important;
		height: 13%;
	}
	.detaybody .karebox .urungorselleri img {
		height: 100% !important;
		width: 70px !important;
	}
	.detaybody .karebox .buyukresim {
		left: 0px;
		top: 14.5%;
		width: 100% !important;
		height: 85.4%;
	}
	.detaybody .karebox .cartopt button.sepet {
		width: calc(100% - 104px);
		margin-right: 0px !important;
		margin-bottom: 6px;
	}
	.detaybody .karebox .cartopt button.hemenal {
		width: 100%;
	}
}

@media only screen and (max-width: 735px) {
	.catbody .catbox{
		width: calc(50% - 4px);
		margin: 2px;
	}
	.catbody .catbox h2{
		font-size: 17px;
	}
	.body.kendintasarla > center > img{
		width: 100%;
		height: auto;
	}
	.homebox.tribox, 
	.homebox.dibox{
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	.tcat{
		margin: 0px 0px 15px 0px;
		width: calc(100% - 4px);
	}
	.tcat > .tcaselink > img{
		margin-bottom: 5px;
	}
	.detaybody #markas{
		margin-top: 5px;
	}
	.pagecover img:nth-child(odd){
		display: none;
	}
	.pagecover img:nth-child(even){
		display: block;
	}
	.pagecover{
		height: auto;
	}

	.kilifbox .fiyat{
		background-color: #444;
		opacity: 0.6;
		top: 1px;
    	right: 3px;
    	border-bottom-left-radius: 12px;
  		padding: 11px 12px 0px 7px;
	}
	.siparisler .durum,
	.siparisler .stutar {
		width: 49.5%;
		margin-right: 1%;
		margin-bottom: 8px;
	}
	.siparisler .otipi {
		width: 49.5%;
		margin-right: 0%;
		margin-bottom: 8px;
	}
	.siparisler .sadres {
		width: calc(49.5% - 20px);
		height: 60px;
	}
	.siparisler .sipno {
		font-size: 14px;
		width: calc(50% - 12px);
	}
	.siparisler .siptarih {
		width: calc(50% - 12px);
		font-size: 14px;
	}
	.productable.siparisler th {
		font-size: 11px;
		padding: 0px;
		margin: 0px;
	}
	.productable.siparisler .itd {
		padding: 8px;
		box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	}
	.productable.siparisler .leftd {
		padding-left: 8px;
	}
	.productable.siparisler .leftd.not {
		font-size: 11px;
		padding: 8px;
	}
	.productable.siparisler .tutar {
		padding: 8px;
	}
	.productable.siparisler .leftd.not {
		width: 25% !important;
	}
	.productable.siparisler th.leftd.not {
		padding: 0px;
	}
	.productable .urunislemlerth {
		width: 50px;
	}
	.productable h1 {
		font-size: 20px;
	}
	.productable strong {
		font-size: 13px;
	}
	.productable b {
		font-size: 12px;
	}
	.productable .material-icons {
		font-size: 20px;
		margin: 5px 0px 0px 0px;
	}
	.sepetbody {
		width: 95%;
	}
	.ddcontent {
		position: relative;
		height: auto;
		padding: 10px 0px;
	}
	.ddcontentcent {
		width: 100% !important;
		font-size: 15px;
	}
	.ddcontentcent ul {
		width: 100%;
	}
	.ddcontentcent ul li {
		width: 45% !important;
		padding: 5px 2% !important;
	}
	.dropdown:hover .ddcontent {
		display: none;
	}
	input[name=headmenu]:checked+div.ddcontent {
		display: block;
	}
	.modelbox {
		width: 78px;
	}
	.modelbox .strong {
		font-size: 11px;
	}
	.mobilemenubutton {
		display: block;
	}
	.headmenu ul li{
		padding: 10px 8px;
	}
	.headmenu .headpanel {
		top: 61px;
	}
	.head .logo {
		object-fit: contain;
		max-height: 50px;
		max-width: 70%;
	}
	.sticky {
		position: relative;
	}
	.sticky .headpanel {
		top: -100px;
	}
	.urunbox {
		width: 170px;
		margin: 4px 6px;
	}
	.urunbox button {
		font-size: 12px;
	}
	.urunbox div.fiyat {
		font-size: 18px;
	}
	.urunbox h2 {
		font-size: 17px;
		max-height: 65px;
	}
	.urunbox img {
		width: 170px;
		height: 168px;
		object-fit: contain;
	}
}

@media only screen and (max-width: 500px) {
	.catbody .catbox h2{
		font-size: 14px;
		margin: 1px 4px;
	}
	.markasecbox{
		height: 48px;
		width: 160px;
		margin: 3px 0px;
	}
	.markasecbox strong {
		margin-left: 2px;
		font-size: 13px;
	}
	.headmenu .headpanel {
		top: 11px;
		right: 6px;
	}
	.headmenu .headpanel label{
		color: #e74c3c;
	}
	.urunbox strong code{
		display: block;
		background-color:#fff;
	}
	.favbox{
		width: calc(50% - 12px);
	}
	.onerilen{
		width: 50%;
	}
	.detaybody .karebox .buyukresim.dessign{
		height: 84%;
	    margin-top: 1%;
	    box-shadow: none;
	}
	.siparisler .siptarih,
	.siparisler .sipno {
		font-size: 11px;
	}
	.productable.siparisler h1 {
		font-size: 16px;
	}
	.productable.siparisler strong {
		font-size: 11px;
	}
	.productable.siparisler b {
		font-size: 10px;
	}
	.siparisler h2 {
		font-size: 18px;
	}
	.siparisler h2 {
		font-size: 18px;
	}
	.siparisler>span>strong {
		font-size: 14px;
	}
	button.alisverisitamamla {
		font-weight: 600;
	}
	.detaybody .karebox .cartopt {
		bottom: 72px;
	}
	.productable .leftd {
		white-space: normal;
		width: 30%;
	}
	.productable h1 {
		font-size: 18px;
		font-weight: 400;
	}
	.detaybody .karebox .secenekler .renkonizlem {
		display: none;
	}
	.detaybody .karebox .secenekler .secenek input[type=radio]:checked+img {
		transform: scale(1.07) rotateX(360deg);
	}
	.tasarimiduzenle button {
		font-size: 12px;
		padding: 8px 8px 4px 8px;
	}
	.tasarimiduzenle button i {
		font-size: 17px;
	}
	.ddcontentcent ul li {
		width: 100% !important;
		padding: 5px 4% !important;
	}
	.markabox {
		width: 94px;
		height: 90px;
		margin: 6px;
	}
	.footbox.pages {
		height: 120px;
		width: 50%;
	}
	.footbox.social {
		height: 120px;
		width: 50%;
	}
	.footbox.tags {
		height: 300px;
		width: 100%;
	}
	.modeldegistir img {
		width: 54px;
		height: 90px;
	}
	.ciftkilifbox {
		margin: 5px 0px 20px 0px;
	}
	.ciftkilifbox .cift1 {
		width: 165px;
		height: 300px;
	}
	.ciftkilifbox .cift1 img {
		height: 297px !important;
	}
	.urunbox {
		width: 148px;
		margin: 4px 4px;
	}
	.urunbox button {
		font-size: 11px;
	}
	.urunbox h2 {
		font-size: 16px;
	}
	.urunbox img {
		width: 148px;
		height: 146px;
	}
}

@media only screen and (max-width: 400px){
	.ciftimg {	height: 68%; }
	.ciftimgdet { height: 32%; }
	.ciftimgdet{ padding-right: 2%; }

	.head{ text-align: center; }
	.head .logo{ margin: 4px 10px; }
}