* {
font-family: 'Poppins', sans-serif;
box-sizing : border-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 13px;
font-weight : 400;
color : #000;
}
body.lock {
overflow : hidden;
}
b, strong, h1, h2, h3 {
font-weight : 500;
}
b.scm {
display : block;
}
.center {
clear : both;
margin : 0 auto;
width : 100%;
max-width : 1200px;
padding : 0 10px;
position : relative;
}
.center.mobil {
display:none;
}
.clear {
clear : both;
}
#load {
width : 100%;
height : 100%;
background : url(../img/load.svg) top 60% center no-repeat #fff;
background-size : 100px 100px;
position : fixed;
z-index : 2;
top : 0;
}
#overlay {
width : 100%;
height : 100%;
background : rgb(0 0 0 / 0.1);
position : fixed;
z-index : 2;
display : none;
top : 0;
}
#overlay.goster {
display : block;
}
#topbar {
width : 100%;
background : #B19D60;
position : relative;
padding : 5px 0;
line-height : 20px;
color : #fff;
text-align : center;
z-index : 4;
}
#header {
width : 100%;
min-height : 100px;
background : #fff;
position : relative;
z-index : 4;
}
a#hlogo {
position : relative;
z-index : 1;
display : block;
text-align : center;
}
a#hlogo img {
height : 50px;
width : auto;
margin : 20px auto;
}
#header a#logo {
float : left;
display : block;
width : 227px;
min-height : 100px;
padding : 20px 10px 25px 10px;
color : #aaa;
position : relative;
}
#header a#logo img {
float : left;
width : auto;
height : 50px;
}
#header #arama {
float : left;
width : calc(100% - 337px);
height : 100px;
padding : 5px 137px 0 20px;
}
#header .arama {
margin : 0 auto;
width : 100%;
max-width : 500px;
height : 100px;
position : relative;
}
#header form {
position : relative;
z-index : 3;
}
#header .arama input.keyword {
width : 100%;
height : 45px;
line-height : 45px;
padding : 10px;
background : #fff;
border : #ddd solid 2px;
border-radius : 22px;
outline : 0;
margin-top : 20px;
transition : all 0.2s linear;
}
#header .arama input.keyword:hover {
border : #bbb solid 2px;
}
#header .arama input.keyword:focus {
border : #bbb solid 2px;
}
#header .arama input.keyword::placeholder {
color : #bbb;
opacity : 1;
}
#header .arama input.keyword:-ms-input-placeholder {
color : #bbb;
}
#header .arama input.keyword::-ms-input-placeholder {
color : #bbb;
}
#header .arama button.ara {
position : absolute;
right : 0;
top : 0;
width : 50px;
height : 44px;
padding : 10px;
background : none;
background-size : 20px 20px;
border : 0;
outline : 0;
margin-top : 20px;
}
#header .arama button.ara i.lnr-magnifier {
float : left;
color : #000;
width : 30px;
font-size : 22px;
}
#header .arama button.ara:hover {
cursor : pointer;
}
button#clear {
border : 0;
outline : 0;
padding : 0;
position : absolute;
right : 50px;
top : 30px;
height : 25px;
width : 25px;
background : #efefef;
cursor : pointer;
display : none;
border-radius : 50%;
}
button#clear i {
color : #888;
height : 25px;
width : 25px;
font-size : 15px;
right : 0;
top : 5px;
position : absolute;
}
button#clear:hover {
background : #ddd;
}
#search {
padding : 0;
width : 100%;
transition : all 0.2s linear;
position : absolute;
z-index : 2;
top : 30px;
display : none;
}
.search {
width : 100%;
height : auto;
background : #fff;
padding-top : 45px;
border-radius : 25px;
box-shadow : 0 10px 10px 0 rgb(0 0 0 / 0.1);
border : #bbb solid 2px;
overflow : hidden;
}
.search a {
display : block;
height : 60px;
line-height : 25px;
text-decoration : none;
padding : 5px 10px;
color : #333;
}
.search a.noimg {
height : 35px;
line-height : 25px;
}
.search a .resim {
float : left;
width : 50px;
height : 50px;
background : #fff;
overflow : hidden;
margin-right : 10px;
}
.search a .resim img {
max-width : 50px;
max-height : 50px;
}
.search a:hover {
background : #efefef;
}
.search a.all {
text-align : center;
line-height : 45px;
height : 65px;
padding : 10px;
background : #efefef;
margin-top : 10px;
}
.search a.all b {
display : inline-block;
width : auto;
height : 40px;
line-height : 40px;
border : 0;
outline : 0;
padding : 0 30px;
background : #454545;
color : #fff;
font-size : 14px;
font-weight : 400;
border-radius : 25px;
}
.search a.all:hover b {
background : #B19D60;
color : #fff;
cursor : pointer;
}
.tag {
clear : both;
width : 100%;
height : 35px;
line-height : 35px;
overflow : hidden;
text-align : center;
}
.tag b, .tag a {
text-decoration : none;
color : #666;
display : inline-block;
padding : 0 3px;
font-size : 12px;
}
.tag a:hover {
text-decoration : underline;
color : #000;
}
#overlay1 {
width : 100%;
height : 100%;
position : fixed;
z-index : 6;
top : 0;
left : 0;
background : rgb(0 0 0 / 0.5);
display : none;
transition : all 0.3s linear;
}
#overlay1.ac {
display : block;
transition : all 0.3s linear;
}
#basket {
right : 0;
top : 0;
width : 0;
height : 100%;
position : fixed;
z-index : 9;
transition : all 0.2s linear;
}
#basket.ac {
width : 600px;
max-width : 100%;
transition : all 0.2s linear;
}
#basket_in {
width : 100%;
height : 100%;
display : block;
position : relative;
overflow-y : auto;
overflow-x : hidden;
}
.sepetbaslik {
width : 100%;
height : 55px;
line-height : 55px;
padding : 0 5px 0 15px;
outline : 0;
color : #fff;
font-weight : 400;
background : #444444;
position : relative;
margin-bottom : -55px;
z-index : 1;
top : 0;
font-size : 14px;
font-weight : 500;
}
.sepetbaslik i {
float : right;
display : block;
width : 34px;
height : 54px;
line-height : 54px;
text-align : center;
outline : 0;
margin-right : 0;
cursor : pointer;
opacity : 0.7;
font-size : 25px;
}
.sepetbaslik i:hover {
opacity : 1;
}
#basket_in .bossepet {
top : 0;
width : 100%;
height : 100%;
background : #fff;
display : table;
position : absolute;
}
#basket_in .bossepet i {
font-size : 70px;
color : #ddd;
}
#basket_in .bossepet b {
font-weight : 400;
font-size : 14px;
}
#basket_in .hata {
top : 0;
width : 100%;
height : 100%;
background : #444444;
display : table;
position : absolute;
z-index : 1;
}
.middle {
display : table-cell;
vertical-align : middle;
text-align : center;
}
.middle img {
width : 80px;
}
#basket_in .bossepet .middle img {
width : 80px;
margin-left : -20px;
}
#basket_in .bossepet .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #aaa;
}
#basket_in .hata .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #ffcc4d;
font-size : 14px;
}
#basket_in .hata .middle a {
margin : 0 auto;
padding : 5px 10px;
color : #fff;
font-size : 14px;
cursor : pointer;
border : rgb(255 255 255 / 0.8) solid 1px;
}
#basket_in .hata .middle a:hover {
background : rgb(0 0 0 / 0.2);
}
#basket_in .dolusepet {
position : absolute;
width : 100%;
height : 100%;
background : #fff;
padding-top : 65px;
padding-bottom : 100px;
overflow-x : scroll;
}
#basket_in .dolusepet::-webkit-scrollbar {
width : 5px;
}
#basket_in .dolusepet::-webkit-scrollbar-track {
background : rgb(0 0 0 / 0);
margin : 3px;
border-right : 3px solid #fff;
left : -3px;
position : absolute;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb {
background : #444444;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
table.sptable {
border-collapse : collapse;
border : 0;
width : 100%;
}
table tr {
border-bottom : 1px solid #ddd;
}
tr:nth-child(even) {
background-color : #fafafa;
}
.sptable a:link, .sptable a:visited {
float : left;
display : block;
text-decoration : none;
color : #333;
width : 100%;
height : 40px;
}
table.sptable tr.anab td {
font-size : 13px;
font-weight : 400;
color : #444444;
height : 30px;
}
table.sptable tr td {
padding : 14px 0;
height : 40px;
}
.toplam table.sptable tr td {
padding : 0 0;
font-size : 13px;
}
table.sptable tr td.sresim img {
border : rgb(0 0 0 / 0.1) solid 1px;
}
table.sptable tr td a.delete {
width : 20px;
height : 20px;
line-height : 18px;
display : block;
cursor : pointer;
}
table.sptable tr td a.delete i {
color : #ccc;
font-size : 20px;
}
table.sptable tr td a.delete:hover i {
color : #d00;
}
table.sptable tr td.tbl_baslik {
line-height : 20px;
max-width : 200px;
padding : 14px;
font-size : 12px;
}
table.sptable tr td.tbl_baslik a {
width : 100%;
height : 40px;
overflow : hidden;
display : block;
position : relative;
}
i.detaylar {
clear : both;
display : block;
width : 100%;
color : #d00;
position : relative;
font-size : 11px;
padding : 0 5px;
margin : 0 0 10px 0;
cursor : help;
text-align : left;
}
i.detaylar span {
display : none;
line-height : 20px;
}
i.detaylar span a {
display : block;
margin-bottom : 5px;
padding-bottom : 5px;
color : #d00;
border-bottom : 1px solid #eee;
}
i.detaylar:hover span {
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.2);
padding : 5px 10px 10px 10px;
display : block;
z-index : 100;
background : #fff;
left : -5px;
width : 100%;
width : calc(100% + 50px);
position : absolute;
top : -8px;
text-decoration : none;
color : #333;
}
body.loginpage table.sptable tr td {
font-size : 14px;
}
table.sptable tr td.fiyat {
text-align : right;
color : #000;
padding-right : 14px;
white-space : nowrap;
}
a#arti, a#eksi, a#adet {
float : left;
display : block;
width : 25px;
height : 25px;
line-height : 20px;
font-size : 17px;
text-align : center;
background : #fafafa;
background-size : 12px 12px;
cursor : pointer;
border : rgb(0 0 0 / 0.1) solid 1px;
color : #666;
}
a#eksi {
background : #fafafa;
background-size : 12px 12px;
}
a#eksi:hover {
background : #eee;
background-size : 12px 12px;
}
a#arti:hover {
background : #eee;
background-size : 12px 12px;
}
a#adet {
background : #fff;
border : 0;
line-height : 25px;
font-size : 12px;
border-top : 1px solid rgb(0 0 0 / 0.1);
border-bottom : 1px solid rgb(0 0 0 / 0.1);
}
#topla {
width : 100%;
max-width : 600px;
height : 108px;
position : fixed;
bottom : 0;
background : #fff;
}
#topla .str {
width : 100%;
height : 44px;
border-top : 1px solid #ccc;
position : relative;
}
#topla .str.gray {
height : 64px;
background : linear-gradient(#fbfbfb, #eeeeee);
}
#topla .str .str_b {
float : left;
width : auto;
height : 44px;
padding : 16px;
}
#topla .str .str_i {
float : right;
width : 35%;
height : 44px;
padding : 16px;
}
#topla .str .str_i.fiyat {
text-align : right;
font-weight : 500;
color : #049e00;
font-size : 14px;
}
#topla .str.gray .str_b, #topla .str.gray .str_i {
height : 64px;
}
#topla .str a.satinal {
float : right;
width : 75px;
height : 30px;
line-height : 28px;
padding : 0;
font-size : 13px;
color : #fff;
text-align : center;
background : #049e00;
border : #038e00 solid 1px;
text-decoration : none;
font-weight : 400;
border-radius : 25px;
}
#topla .str a.satinal:hover {
background : #038e00;
}
#topla .str a.guvenli {
float : left;
height : 30px;
line-height : 14px;
padding : 0;
font-size : 13px;
color : #333;
text-decoration : none;
font-weight : 500;
}
#topla .str a.guvenli span {
display : block;
color : #777;
font-weight : 400;
white-space : nowrap;
}
#topla .str a.guvenli i {
float : left;
margin-top : 7px;
margin-right : 7px;
display : block;
height : 30px;
font-size : 30px;
font-weight : normal;
color : #333;
}
#topla .str a.guvenli:hover {
color : #049e00;
}
#topla .str a.guvenli:hover i {
color : #333;
}
#header #sepet {
position : relative;
z-index : 1;
}
#header #lang {
position : absolute;
right : 80px;
z-index : 2;
}
#header #sepet b, #header #lang b, #mobilmenu b {
float : right;
display : block;
width : 60px;
height : 100px;
line-height : 18px;
margin : 0 0 0 0;
margin-right : 10px;
position : relative;
z-index : 1;
font-weight : 400;
color : #666;
white-space : nowrap;
text-align : center;
font-size : 12px;
}
#mobilmenu b {
float : left;
}
#header #sepet b i, #header #lang b i, #header #mobilmenu b i {
display : block;
font-size : 30px;
line-height : 40px;
padding-top : 20px;
}
#header #mobilmenu b i{
display : none;
}
#header #mobilmenu b i.ac {
display : block;
}
#header #lang b i.lnr-user {
font-size : 28px;
}
#header #mobilmenu b i {
font-size : 40px;
}
#header #sepet span.say {
width : 18px;
height : 18px;
line-height : 18px;
text-align : center;
font-size : 11px;
border-radius : 9px;
display : block;
position : absolute;
background : #ccc;
color : #fff;
top : 10px;
left : 22px;
}
#header #sepet span.say.active {
background : #3aa521;
}
#header #sepet:hover b, #header #lang:hover b {
display : block;
cursor : pointer;
}
#header #sepet:hover b i, #header #lang:hover b i {
color : #000;
}
.header {
width : 100%;
height : 50px;
background : #444444;
position : relative;
z-index : 3;
text-align : center;
}
.header img {
margin : 5px auto;
height : 40px;
}
#menu {
width : 100%;
min-height : 50px;
background : #fff;
clear : both;
position : relative;
z-index : 3;
top : 0;
}
.mega {
width : 100%;
padding : 0 10px;
}
ul#mega {
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
display : inline-block;
white-space : nowrap;
line-height : 50px;
padding : 0 15px;
margin : 0;
}
#mega li.ilk {
background : #454545;
border-radius : 25px;
text-transform : uppercase;
}
#mega li.blog {
float : right;
background : #B19D60;
border-radius : 25px;
}
#mega li a {
color : #444;
text-decoration : none;
display : block;
font-size : 14px;
}
#mega li.ilk a{
color : #eee;
}
#mega li a i {
display : inline-block;
font-size : 20px;
margin-right : 10px;
float : left;
}
#mega li a b {
display : inline-block;
float : left;
font-weight : 400;
}
#mega li.ilk a b {
display : inline-block;
float : left;
font-weight : 500;
}
#mega li.blog a{
color : #fff;
}
#mega li:hover {
	background : #fff;
}
#mega li.blog:hover {
background : #aaa;
}
#mega li.ilk:hover {
	background : #454545;
}
#mega li:hover a {
color : #000;
}
#mega li.blog:hover a {
color : #fff;
}
#mega li.ilk:hover a {
color : #fff;
}
#mega .altmenu {
position : absolute;
left : 0;
width : 100%;
padding : 0 20px;
display : none;
top : 50px;
padding-top : 25px;
}
#mega .altmenu_in {
width : 100%;
min-height : 450px;
z-index : 1;
background : #454545;
padding : 15px;
border-radius : 25px;
}
#mega .menu {
float : left;
width : 100%;
}
#mega .menualan {
float:left;
display : inline-block;
width : 20%;
padding : 10px 20px;
margin : 0 ;
text-align : center;
}
#mega .menualan .resims {
width : 100%;
height : auto;
border : 1px solid #555;
border-radius : 50%;
overflow : hidden;
padding : 0 0;
}
#mega .menualan .resims a{
padding : 0 0;
height : auto;
display: block;
}
#mega .menualan .resims img {
width : 100%;
height : auto;
transition : all 0.2s linear;
float : left;
}
#mega li .menualan a {
width : auto;
display : inline-block;
font-size : 15px;
line-height : 20px;
padding : 7.5px 15px;
text-transform : capitalize;
color : #fff;
transition : all 0.2s linear;
white-space: normal;
}
#mega li .menualan a.aba {
border-radius : 35px;
margin-top : 30px;
}
#mega li .menualan:hover a, #mega li .menualan:hover a:hover {
color : #fff;
background : #B19D60;
}
#mega li .menualan .resims a, #mega li .menualan .resims a:hover {
background : none;
}
#mega li .menualan a b {
display : block;
float : none;
text-align : center;
font-weight : 500;
}
#mega li .menualan a:hover b {
color : #fff;
}
#mega li a.hepsi {
clear : both;
width : 100%;
display : block;
font-size : 15px;
padding : 0;
text-transform : capitalize;
color : #fff;
background : #444444;
transition : all 0.2s linear;
text-align : center;
margin-top : 15px;
font-weight : 400;
}
#mega li a.hepsi:hover {
}
#mega li a.hepsi b{
float : none;
width : 100%;
display : block;
text-align : center;
}
#mega li:hover .altmenu {
display : block;
}
.yer {
clear : both;
width : 100%;
margin-bottom : 10px;
position : relative;
overflow-x : auto;
overflow-y : hidden;
border-bottom : 1px solid #ddd;
}
.yer ul {
width : 100%;
padding : 0;
list-style : none;
white-space : nowrap;
}
.yer ul li {
display : inline-block;
white-space : nowrap;
}
.yer ul li:last-child {
padding-right : 20px;
}
.yer a {
line-height : 20px;
padding : 0;
text-transform : capitalize;
color : #333;
background : url(../img/right.svg) center left 1px no-repeat;
background-size : 8px 8px;
padding-left : 15px;
margin-left : 8px;
text-decoration : none;
font-size : 12px;
}
.yer a.ilk {
background : none;
padding-left : 0;
margin-left : 0;
}
.yer b {
display : inline-block;
background : url(../img/right.svg) center left 1px no-repeat;
background-size : 8px 8px;
padding-left : 15px;
margin-left : 5px;
font-size : 12px;
}
.yer a:hover {
text-decoration : underline;
}
.yer h1 {
float : left;
display : inline-block;
font-size : 12px;
line-height : 20px;
margin : 0;
padding : 0;
text-transform : capitalize;
color : #333;
text-decoration : none;
font-weight : 400;
}
.filtre {
float : right;
padding : 10px;
height : 65px;
margin-top : -80px;
}
ul#filtre {
list-style : none;
margin : 0;
padding : 0;
}
#filtre li {
float : left;
position : relative;
padding-right : 5px;
padding-bottom : 5px;
}
#filtre li i {
float : right;
font-size : 15px;
width : 15px;
height : 45px;
line-height : 45px;
margin-left : 10px;
color : #aaa;
display : block;
}
#filtre li.goster i {
color : #333;
}
#filtre li a {
color : #000;
text-decoration : none;
display : block;
padding : 0 15px;
line-height : 45px;
background : #efefef;
cursor : pointer;
border-radius : 25px;
}
#filtre li:hover a {
color : #111;
}
#filtre .filtremenu {
position : absolute;
right : 0;
top : 47px;
padding : 2px;
min-width : 220px;
height : auto;
display : none;
z-index : 2;
background : #fff;
box-shadow : 0 3px 5px 0 rgb(0 0 0 / 0.15);
border : #ccc solid 1px;
border-radius : 25px;
}
#filtre .filtremenu_in {
padding : 10px;
overflow-y : auto;
overflow-x : hidden;
}
#filtre .filtremenu_in::-webkit-scrollbar {
width : 5px;
}
#filtre .filtremenu_in::-webkit-scrollbar-track {
background : rgb(0 0 0 / 0);
margin : 3px;
border-right : 3px solid #fff;
left : -3px;
position : absolute;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb {
background : #adadad;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
#filtre li.goster .filtremenu {
display : block;
}
#filtre li.select {
height : 25px;
padding : 10px;
}
.secim {
width : 100%;
padding : 10px;
height : 43px;
}
.secim a {
float : left;
height : 23px;
line-height : 23px;
padding-right : 15px;
padding-bottom : 5px;
color : #333;
text-decoration : none;
font-size : 11px;
}
.secim a i {
color : #444444;
display : block;
height : 23px;
width : 23px;
border-radius : 25px;
font-size : 10px;
background : #efefef;
float : right;
margin-left : 5px;
text-align : center;
}
.secim a:hover i {
background : #ddd;
}
.secim a.temizle {
float : left;
height : 25px;
line-height : 25px;
padding : 0 10px;
border : #ddd solid 1px;
text-decoration : none;
font-size : 12px;
font-weight : 500;
color : #444444;
margin-left : 10px;
margin-top : -2px;
}
.secim a.temizle:hover {
float : left;
height : 25px;
line-height : 25px;
padding : 0 10px;
border : #444444 solid 1px;
background : #444444;
text-decoration : none;
font-size : 12px;
font-weight : 500;
color : #fff;
margin-left : 10px;
margin-top : -2px;
}
.container {
display : block;
width : 100%;
position : relative;
padding-left : 25px;
line-height : 30px;
cursor : pointer;
font-size : 14px;
user-select : none;
white-space : nowrap;
}
.container b {
float : right;
color : #1b8e00;
font-size : 14px;
}
.description p {
line-height : 25px;
color : #333;
}
.description .container {
display : block;
width : 100%;
position : relative;
padding-left : 40px;
padding-right : 15px;
line-height : 45px;
cursor : pointer;
font-size : 13px;
user-select : none;
white-space : nowrap;
background : #fafafa;
margin-bottom : 10px;
color : #333;
border : #ddd solid 1px;
	border-radius : 25px;
}
.container input {
position : absolute;
opacity : 0;
cursor : pointer;
}
.container:hover {
color : #444444;
}
.description .container:hover {
background : #ddd;
color : #333;
}
.description .container .fiyat {
float : right;
}
.description .container .populer {
float : right;
background : #444444;
color : #fff;
line-height : 25px;
margin : 10px;
padding : 0 7px;
font-size : 11px;
}
.checkmark {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 4px 0;
background-color : #efefef;
border-radius : 50%;
}
.description .checkmark {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 14px;
background-color : #ddd;
border-radius : 50%;
}
.container:hover input ~ .checkmark {
background-color : #ddd;
}
.description .container:hover input ~ .checkmark {
background-color : #fff;
}
.container input:checked ~ .checkmark {
background-color : #444444;
}
.description .container input:checked ~ .checkmark {
background-color : #444444;
}
.checkmark:after {
content : "";
position : absolute;
display : none;
}
.container input:checked ~ .checkmark:after {
display : block;
}
.container .checkmark:after {
top : 5px;
left : 5px;
width : 7px;
height : 7px;
border-radius : 50%;
background : #fff;
}
.checkmarks {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 4px 0;
background-color : #efefef;
border-radius : 5px;
}
#filtre li i.inp {
top : -14px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 10px;
}
#filtre li.goster i.lnr-chevron-down {
color : #bbb;
}
.container:hover input ~ .checkmarks {
background-color : #ddd;
}
.container input:checked ~ .checkmarks {
background-color : #444444;
}
#filtre li.goster .container input:checked ~ .checkmarks i.lnr-chevron-down {
color : #fff;
}
.checkmarks:after {
content : "";
position : absolute;
display : none;
}
.container input:checked ~ .checkmarks:after {
display : block;
}
#filtre li.select .container {
padding-left : 30px;
}
#filtre li.select .checkmarks {
position : absolute;
top : 0;
left : 0;
height : 21px;
width : 21px;
margin : 0;
border : #efefef solid 2px;
background-color : #fff;
}
#filtre li.select .container input:checked ~ .checkmarks {
background-color : #444444;
border : #444444 solid 2px;
}
#filtre li.select .checkmarks i.lnr-chevron-down {
top : -12px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 15px;
}
.top {
width : 100%;
clear : both;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
.topbanner {
float : left;
width : 60%;
padding : 10px;
margin-top : -165px;
transition : all 0.1s linear;
}
.topbanner:hover .topbanner_in {
box-shadow : 0 3px 8px 0 rgb(24 58 69 / 0.4);
}
.topbanner_in {
width : 100%;
height : 145px;
border : #444444 solid 1px;
background : #444444;
}
.icon {
float : left;
width : 20%;
height : 145px;
padding : 28px 10px;
text-align : center;
font-weight : 500;
font-size : 14px;
line-height : 17px;
color : #000;
transition : all 0.1s linear;
display : block;
text-decoration : none;
}
.topbanner:hover .icon:hover {
transform : scale(1.15);
cursor : pointer;
}
.icon i {
display : block;
font-size : 40px;
line-height : 44px;
font-weight : normal;
margin-bottom : 10px;
}
.icon img {
display : block;
width : 40px;
height : auto;
margin : 2px auto;
opacity : 0.7;
}
.images {
float : left;
width : 50%;
padding : 10px;
position : sticky;
z-index : 1;
top : 10px;
}
.image {
float : right;
width : 100%;
background : #f5f5f5;
overflow : hidden;
border : #ddd solid 1px;
text-align : center;
border-radius : 25px;
}
a.videourl {
position : absolute;
top : 25px;
left : 25px;
background : #fff;
padding-right : 15px;
line-height : 40px;
color : #333;
font-size : 15px;
text-decoration : none;
border-radius : 4px;
transition : all 0.2s linear;
box-shadow : 0 0 7px 0 rgb(0 0 0 / 0.1);
}
a.videourl:hover {
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.2);
color : #000;
}
a.videourl i{
display : inline-block;
float : left;
width : 40px;
height : 40px;
line-height : 40px;
text-align : center;
font-size : 20px;
transition : all 0.2s linear;
}
a.videourl:hover i{
color : #d00;
}
.cloud-zoom-lens {
border : #888 solid 4px;
margin : -4px;
background-color : #fff;
cursor : move;
}
.cloud-zoom-big {
border : #ccc solid 4px;
overflow : hidden;
}
.cloud-zoom-loading {
display : none;
}
.zoom-desc {
float : left;
width : 100px;
height : auto;
}
a.cloud-zoom-gallery {
float : left;
width : 100px;
height : auto;
overflow : hidden;
padding : 1px;
margin-bottom : 15px;
margin-left : -3px;
border : #fff solid 2px;
}
a.cloud-zoom-gallery:hover {
border : #ccc solid 2px;
}
a.cloud-zoom-gallery.active {
border : #444444 solid 2px;
}
.zoom-desc img {
width : 100px;
height : auto;
}
.none {
display : none;
}
.description {
float : left;
width : 50%;
padding : 10px;
}
.description h1#baslik {
display : block;
margin : 0;
padding : 0;
font-size : 22px;
margin-top : 5px;
margin-bottom : 15px;
}
.description span.footer {
float : left;
text-transform : uppercase;
font-size : 11px;
font-weight : 500;
line-height : 20px;
margin : 0 5px 0 0;
}
.description span.footer i {
float : left;
color : #444444;
font-size : 20px;
margin : 0 5px 0 5px;
}
.description .ciz {
height : 1px;
background : #ddd;
margin : 10px 0 15px 0;
}
.description .atspt {
width : calc(100% + 20px);
margin-left : -10px;
overflow : hidden;
}
.description .left {
width : 50%;
float : left;
height : 60px;
margin : 15px 0;
padding-top : 10px;
padding-left : 10px;
}
.description .left .fiyat {
width : 100%;
float : left;
text-align : left;
display : inline-block;
height : 40px;
color : #333;
overflow : hidden;
font-size : 37px;
}
.description .left .fiyat b {
float : left;
padding-right : 5px;
font-weight : 400;
}
.description .product-payment {
width : 100%;
padding : 15px 10px;
margin : 20px 0 0 0;
border : #ddd solid 1px;
background : #fafafa;
border-radius : 25px;
}
.description .product-payment b {
display : block;
font-size : 15px;
text-transform : uppercase;
margin-bottom : 15px;
}
.description .product-payment img {
float : left;
padding : 5px 8px;
border : #ddd solid 1px;
height : 30px;
margin-right : 5px;
margin-bottom : 5px;
}
.description .product-payment p {
clear : both;
margin : 0;
padding : 10px 0 0 0;
font-size : 13px;
line-height : 20px;
}
.description .left .fiyat strong {
display : inline-block;
height : 20px;
line-height : 30px;
overflow : hidden;
font-size : 12px;
font-weight : 400;
margin-top : 10px;
}
.description .left .fiyat span {
display : inline-block;
height : 30px;
line-height : 35px;
overflow : hidden;
font-size : 12px;
position : absolute;
}
.description .left .taksit {
height : 30px;
line-height : 35px;
color : #444444;
font-size : 12px;
}
.description .right {
width : 50%;
float : left;
height : 70px;
padding : 10px;
margin : 15px 0;
position : relative;
}
.description .right button {
width : 100%;
height : 60px;
line-height : 60px;
background : #444444;
color : #fff;
border : 0;
outline : 0;
font-size : 19px;
cursor : pointer;
padding : 0;
transition : all 0.2s linear;
border-radius : 25px;
}
.description .right button.fly.ek {
background : #444444;
}
.urunadet {
width : 100%;
height : 60px;
margin-bottom : 5px;
line-height : 60px;
background : #fafafa;
border : #ddd solid 1px;
color : #fff;
cursor : pointer;
overflow : hidden;
border-radius : 25px;
}
.urunadet .urunadet_arti, .urunadet .urunadet_eksi {
float : left;
width : 50px;
height : 60px;
border-left : 1px solid #ddd;
color : #aaa;
font-size : 19px;
cursor : pointer;
text-align : center;
text-decoration : none;
border-top-left-radius : 0;
border-top-right-radius : 25px;
border-bottom-left-radius : 0;
border-bottom-right-radius : 25px;
}
.urunadet .urunadet_eksi {
border-right : 1px solid #ddd;
border-left : 0;
border-top-left-radius : 25px;
border-top-right-radius : 0;
border-bottom-left-radius : 25px;
border-bottom-right-radius : 0;
}
.urunadet .urunadet_orta {
float : left;
width : calc(100% - 102px);
height : 60px;
overflow : hidden;
text-align : center;
background : #fff;
}
.urunadet .urunadet_orta input {
width : 100%;
height : 45px;
line-height : 40px;
margin : 0;
padding : 0;
display : block;
outline : 0;
text-align : center;
background : none;
border : 0;
font-size : 20px;
}
.urunadet .urunadet_orta span {
width : 100%;
height : 25px;
line-height : 25px;
display : block;
text-align : center;
color : #777;
font-size : 11px;
margin-top : -15px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
margin : 0;
}
.urunadet .urunadet_arti:hover, .urunadet .urunadet_eksi:hover {
background : #eee;
color : #333;
}
textarea.metin {
clear : both;
width : 100%;
border : #eee solid 2px;
min-height : 40px;
max-height : 180px;
height : 100px;
padding : 10px;
line-height : 25px;
font-size : 16px;
margin : 10px 0;
outline : 0;
resize : vertical;
}
textarea.metin:focus {
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
border : #ccc solid 2px;
}
.description .right button:hover {
background : #B19D60;
}
.description .right button.yok {
background : #ddd;
cursor : default;
}
.description .right #balon {
display : inline-block;
width : calc(100% - 20px);
line-height : 20px;
background : #fff;
border : #ddd solid 1px;
color : #3aa521;
position : absolute;
top : -70px;
margin-left : 0;
padding : 10px;
cursor : pointer;
}
.description .right #balon:hover {
background : #fafafa;
}
.description .right #balon i {
font-size : 40px;
line-height : 40px;
width : 40px;
height : 40px;
float : left;
margin-right : 5px;
}
.description .right #balon span {
float : left;
color : #666;
}
.description .right #balon b {
float : left;
white-space : nowrap;
}
#product-description {
width : 100%;
padding : 10px 0;
background : #fafafa;
height : auto;
min-height : 200px;
}
#product-description .product-description {
float : left;
width : calc(100% - 310px);
}
#product-description .product-description i.baslik {
display : block;
font-size : 27px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
padding : 20px 0;
}
#product-description .product-description p {
padding : 10px 0;
line-height : 22px;
}
.other {
width : calc(100% + 15px);
padding : 7.5px 0;
margin-left : -7.5px;
opacity : 0;
}
.other a {
display : inline-block;
text-decoration : none;
color : #333;
line-height : 25px;
padding : 0 15px;
}
.product h3 {
display : block;
font-size : 30px;
font-style : italic;
font-weight : 400;
margin : 0;
padding : 40px 0 10px 0;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
text-align : center;
}
.page_left {
float : left;
width : 75%;
}
.page_left.full {
float : left;
width : 100%;
}
.siparis {
width : 100%;
padding : 30px 10px;
}
.siparis_in {
width : 100%;
padding : 15px 10px;
border : #ddd solid 1px;
margin-bottom : 25px;
background : #fafafa;
}
.siparis_in .str {
float : left;
width : 50%;
padding : 5px 10px;
min-height : 50px;
position : relative;
}
.siparis_in .str i {
position : absolute;
color : #444444;
width : 50px;
height : 50px;
padding : 17px 14px;
font-size : 20px;
}
.siparis_in .str i.lnr-envelope {
padding : 15px 14px;
}
.siparis_in .str i.lnr-map-marker {
padding : 13px 12px;
}
.siparis_in .str input, .siparis_in .str select {
width : 100%;
padding : 0 10px;
height : 55px;
line-height : 51px;
border : #ddd solid 1px;
outline : 0;
font-size : 14px;
background : #fff;
}
.siparis_in .str input.flaticon {
padding : 0 10px 0 40px;
}
.siparis_in .str input:focus, .siparis_in .str select:focus {
border : #444444 solid 1px;
}
.siparis_in .str textarea.flaticon {
padding : 10px 10px 10px 40px;
}
.siparis_in .str textarea {
width : 100%;
padding : 10px;
height : 100px;
line-height : 24px;
border : #ddd solid 1px;
outline : 0;
font-size : 14px;
}
.siparis_in .str textarea:focus {
border : #444444 solid 1px;
}
.siparis_in .str.tam {
width : 100%;
}
.siparis_in .str#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #FAFAFA;
color : #333;
padding : 0 10px;
}
.siparis_in .str#sonuc strong i {
float : left;
display : inline-block;
width : 22px;
line-height : 22px;
height : 22px;
padding : 0;
font-size : 20px;
color : #d00;
margin-right : 7px;
position : relative;
}
.siparis_in a.kaydet {
float : right;
height : 45px;
line-height : 45px;
color : #fff;
background : #444444;
display : inline-block;
padding : 0 15px;
margin : 5px;
cursor : pointer;
}
.siparis_in a.kaydet:hover {
background : #000;
}
.siparis h3 {
text-align : center;
display : block;
font-size : 23px;
height : 20px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
border-bottom : 2px solid #efefef;
}
.siparis h3 i {
display : inline-block;
font-size : 29px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
background : #fff;
font-weight : 400;
padding : 5px 20px;
}
.sepet {
float : left;
width : 25%;
padding : 30px 10px;
}
button.ileri {
width : 100%;
height : 50px;
line-height : 50px;
background : #444444;
color : #fff;
border : 0;
outline : 0;
font-size : 15px;
cursor : pointer;
margin-bottom : 15px;
border-radius : 25px;
}
button.ileri:hover {
background : #B19D60;
color : #fff;
}
.siparis_in .str button.ileri i {
position : relative;
color : #fff;
font-size : 20px;
float : right;
width : 30px;
height : 50px;
padding : 0;
}
.sepet_in {
width : 100%;
padding : 10px;
border : #ddd solid 1px;
margin-bottom : 15px;
}
.sepet_in i {
display : block;
font-size : 17px;
padding : 0 5px;
}
.sepet_in table {
border-collapse : collapse;
width : 100%;
color : #000;
}
.sepet_in table tr {
border-bottom : 0;
}
.sepet_in table i {
font-size : 10px;
opacity : 0.5;
}
.sepet_in table i:hover {
font-size : 10px;
opacity : 0.9;
cursor : pointer;
}
.sepet_in table td, .sepet_in table th {
padding : 15px 10px;
}
.sepet_in table td.delete {
padding : 15px 0 15px 5px;
width : 20px;
}
.sepet_in table td.fyt {
text-align : right;
font-size : 12px;
white-space : nowrap;
}
.sepet_in table td.tfyt {
text-align : right;
font-size : 15px;
white-space : nowrap;
}
.sepet_in table tr:nth-child(even) {
background-color : #efefef;
}
.sepet_in table th {
text-align : left;
color : #444444;
font-size : 16px;
}
.odeme {
width : 100%;
padding : 0px 10px;
}
#tabalan {
width : 100%;
height : 50px;
list-style : none;
border-bottom : 2px solid #444444;
position : relative;
z-index : 1;
margin-top : 10px;
}
#tabs {
margin : 0;
padding : 0;
width : 100%;
height : 50px;
list-style : none;
}
#tabs li {
float : left;
}
#tabs li img {
height : 20px;
margin : 10px 0;
}
#tabs a {
float : left;
position : relative;
margin-right : 2px;
padding : 0 15px;
height : 48px;
line-height : 50px;
text-decoration : none;
color : #000;
border : rgb(0 0 0 / 0.06) solid 2px;
border-bottom : 0;
background : #efefef;
}
#tabs a:hover {
background : #fafafa;
border : #ddd solid 2px;
border-bottom : 0;
}
#tabs a:focus {
outline : 0;
}
#tabalan a#exit {
position : absolute;
top : 0;
right : 0;
height : 38px;
line-height : 38px;
text-decoration : none;
color : #333;
}
#tabalan a#exit i {
float : right;
font-size : 20px;
color : #d00;
margin-left : 10px;
}
#tabalan a#exit:hover {
color : #d00;
}
#tabs #current a, #tabs #current a::after {
background : #fff;
z-index : 2;
color : #444444;
border : #444444 solid 2px;
border-bottom : 2px solid #fff;
height : 50px;
}
#content {
width : 100%;
margin : 15px 0;
min-height : 300px;
position : relative;
z-index : 1;
}
#content .alan {
width : 100%;
padding : 10px;
}
#content .alan#kart {
width : calc(100% + 30px);
padding : 0px;
margin-left:-15px;
}
#content .alan.paytr {
width : 100%;
padding : 0;
background : url(../img/load.svg) top 40% center no-repeat #fff;
background-size : 100px 100px;
}
#content .alan .siparis {
padding : 10px 0;
}
#content .alan .sptbox {
padding : 15px 20px;
border : #efefef solid 2px;
margin-top : 10px;
}
#content .alan .bekleyen {
width : 100%;
height : 55px;
line-height : 55px;
border-top : 1px solid #ddd;
}
#content .alan .bekleyen i {
float : left;
width : 40px;
height : 55px;
font-size : 30px;
color : #666;
}
#content .alan .odeme_alan {
float : left;
width : 55%;
min-height : 100px;
padding-right : 15px;
}
#content .alan .odeme_alan p {
line-height : 23px;
}
#content .alan .odeme_alan .str {
float : left;
width : 100%;
padding : 5px 10px;
min-height : 50px;
position : relative;
line-height : 20px;
}
#content .alan .odeme_alan .container {
display : inline-block;
white-space : normal;
}
#content .alan .odeme_alan .container .checkmarks i {
top : -20px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 12px;
}
#content .alan .odeme_alan .container input:checked ~ .checkmarks i {
color : #fff;
top : -3px;
left : 3px;
}
#content .alan .odeme_alan .baslik {
float : left;
width : 40%;
height : 55px;
line-height : 55px;
}
#content .alan .odeme_alan input, #content .alan .odeme_alan select {
float : left;
width : 60%;
padding : 0 10px;
height : 55px;
line-height : 51px;
border : #efefef solid 2px;
outline : 0;
font-size : 18px;
}
#content .alan .odeme_alan select:last-child {
float : right;
}
#content .alan .odeme_alan input.mini, #content .alan .odeme_alan select.mini {
width : 27%;
}
#content .alan .odeme_alan input.banka, #content .alan .odeme_alan select.banka {
width : 100%;
}
#content .alan .odeme_alan input:focus {
border : #ddd solid 2px;
}
#content .alan .odeme_alan button.ode {
margin : 0 auto;
width : 200px;
height : 50px;
display : block;
line-height : 50px;
background : #444444;
color : #fff;
border : 0;
outline : 0;
font-size : 15px;
cursor : pointer;
margin-bottom : 15px;
border-radius : 25px;
}
#content .alan .odeme_alan button.ode:hover {
background : #B19D60;
color : #fff;
}
#content .alan .toplam {
float : left;
width : 45%;
height : auto;
background : #fff;
text-align : center;
line-height : 20px;
padding : 20px 0;
font-size : 18px;
border : rgb(0 0 0 / 0.06) solid 2px;
cursor : pointer;
color : #666;
}
#content .alan .toplam b {
color : #444444;
font-weight : 400;
font-size : 25px;
display : block;
line-height : 40px;
}
.sayfapage {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
padding : 0 10px;
line-height : 23px;
min-height : 370px;
}
.sayfapage a{
color : #333;
}
.sayfapage iframe {
top : 85px;
right : 10px;
width : calc(40% - 20px);
position : absolute;
border : #ddd solid 1px;
overflow : hidden;
}
.sayfapage strong {
color : #444444;
font-weight : 500;
}
.sayfapage p {
color : #222;
font-weight : 400;
}
.sayfapage p a {
color : #444444;
text-decoration : none;
font-weight : 500;
}
.sayfapage .anabaslik {
margin : 0;
width : 100%;
}
.anabaslik {
display : block;
padding : 10px 0;
width : calc(100% - 20px);
height : 70px;
margin : 0 10px;
margin-top : 30px;
position : relative;
}
.anabaslik a.tumu {
position : absolute;
right : 0;
bottom : 12px;
text-decoration : none;
color : #000;
}
.anabaslik b.encok2 {
display : block;
width : 50px;
height : 30px;
float : left;
font-size : 40px;
color : #A7A7A7;
float : left;
}
.anabaslik b.encok {
display : block;
font-size : 13px;
width : calc(100% - 50px);
font-weight : 300;
margin : 0;
color : #A7A7A7;
float : left;
margin-top : 2px;overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */ 
}
.anabaslik h1 {
display : block;
font-size : 17px;
width : calc(100% - 50px);
font-weight : 500;
margin : 0;
color : #444;
float : left;
margin-top : -2px;overflow: hidden; /* taşacak kısımları gizle. */
 white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
 text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */ 
}
.box {
float : left;
width : 100%;
padding : 10px;
transition : all 0.2s linear;
}
.box.banner .slide{
margin-top : 15px;
border-radius : 25px;
overflow : hidden;
}
.box.banner img {
width : 100%;
height : auto;
}
.box.minibanner {
width : 40%;
height : auto;
transition : all 0.1s linear;
}
.box.minibanner .box_in {
transition : all 0.1s linear;
}
.box.minibanner:hover .box_in {
box-shadow : 0 3px 8px 0 rgb(24 58 69 / 0.4);
}
.box.minibanner .box_in {
background-size : cover;
background-position : center center;
overflow : hidden;
}
.box.minibanner .box_in a span {
display : inline-block;
background : rgb(0, 0, 0, 0.5);
color : #fff;
bottom : 10px;
left : 10px;
position : absolute;
padding : 4px 8px;
}
.box.minibanner .box_in:hover a span {
background : #444444;
color : #fff;
}
.box.minibanner img {
width : 100%;
height : auto;
opacity : 0;
}
.box.katbanner {
width : 50%;
height : auto;
}
.box.katbanner img{
width : 100%;
height : auto;
}
.box.urun {
width : 25%;
}
.box_in {
width : 100%;
height : 100%;
overflow : hidden;
position : relative;
}
.box.urun .box_in {
	border-radius : 25px;
	background : #f5f5f5;
	border : 2px solid #f0f0f0;
	padding : 8px;
	transition : all 0.2s linear;
}
.box.urun:hover .box_in{
	border : 2px solid #B19D60;
	position : relative;
	z-index : 1;
}
.box.urun .box_in .resimbox {
	width : 100%;
	overflow : hidden;
	position : relative;
	padding : 5px;
}
.box.urun .box_in .resim img {
	max-width : 100%;
	height : auto;
}
.box.urun .box_in .bilgi {
height : 30px;
line-height : 28px;
color : #B19D60;
position : absolute;
padding : 0 5px 0 15px;
font-weight : 500;
top : 0;
right : 0;
font-size : 15px;
border-radius : 10px;
}
.box.urun .box_in a.baslik {
display : block;
width : 100%;
height : 40px;
line-height : 20px;
color : #333;
text-align : center;
overflow : hidden;
text-decoration : none;
margin : 0 0 10px 0;
font-weight : 500;
}
.box.urun .box_in b.kod {
display : block;
height : 25px;
text-align : center;
font-size : 13px;
font-weight : 400;
color : #aaa;
}
.box.urun .box_in div.fiyat {
width : 100%;
height : 30px;
text-align : center;
font-size : 17px;
margin-bottom : 10px;
}
.box.urun .box_in span.eskifiyat {
color : #666;
padding-right : 5px;
text-decoration : line-through;
font-weight : 300;
}
.box.urun .box_in span.fiyat {
padding-left : 5px;
font-weight : 500;
color : #B19D60;
}
.box.urun .box_in .fiyat b {
float : left;
padding-right : 2px;
}
.box.urun .box_in .taksit {
width : 100%;
height : 30px;
line-height : 35px;
color : #444444;
text-align : center;
font-size : 12px;
display : none;
}
.sptbox {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
}
.odemealan {
float : left;
width : 50%;
height : auto;
padding : 10px;
}
.odemealan.osec {
padding-right : 20px;
}
.odeme_in {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
background : #efefef;
}
.odeme_in a.uogy {
float : right;
font-size : 13px;
color : #d22f5a;
text-decoration : none;
}
.odeme_in .baslik {
width : 100%;
height : 40px;
line-height : 34px;
border-bottom : 1px solid #ddd;
font-size : 14px;
font-weight : 500;
color : #d22f5a;
margin-bottom : 15px;
}
.insatir {
width : 100%;
clear : both;
}
.inbaslik {
display : block;
width : 105px;
float : left;
padding : 5px 0;
height : 40px;
line-height : 40px;
}
.nokta {
display : block;
width : 6px;
float : left;
padding : 5px;
height : 40px;
line-height : 40px;
}
.inalan {
width : 100%;
padding-left : 121px;
border-bottom : 1px solid #fff;
}
.insatir input, .insatir select, .insatir textarea {
border : #ddd solid 1px;
outline : 0;
width : 100%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 5px;
color : #333;
}
.insatir select {
padding : 8px;
line-height : 16px;
margin-top : 11px;
}
.insatir input:focus, .insatir select:focus, .insatir textarea:focus {
border : #bbb solid 1px;
}
.insatir textarea {
height : 60px;
resize : none;
}
input[type="radio"].css-checkbox {
position : absolute;
z-index : -1000;
left : -1000px;
overflow : hidden;
clip : rect(0 0 0 0);
height : 1px;
width : 1px;
margin : -1px;
padding : 0;
border : 0;
}
input[type="radio"].css-checkbox + label.css-label {
padding-left : 50px;
height : 40px;
display : block;
line-height : 20px;
background-repeat : no-repeat;
background-position : 0 0;
font-size : 14px;
vertical-align : middle;
cursor : pointer;
padding-bottom : 14px;
margin-bottom : 14px;
font-weight : 500;
}
input[type="radio"].css-checkbox:checked + label.css-label {
background-position : 0 -53px;
}
label.css-label {
background-image : url(../img/checkbox.png);
user-select : none;
color : #432e4c;
}
label.css-label span {
font-size : 12px;
display : block;
font-weight : 400;
}
#donus {
width : 100%;
height : auto;
margin-top : 15px;
display : none;
}
#donus_ic {
width : 100%;
background : #fff;
border : #aaa solid 1px;
background : #fbfbfb;
padding : 15px;
box-shadow : 0 0 5px 2px rgb(0 0 0 / 0.1);
}
#pop {
width : 100%;
height : 100%;
background : rgb(0 0 0 / 0.5);
position : fixed;
z-index : 92;
left : 0;
top : 0;
padding : 14px;
}
#popic {
position : relative;
margin : 0 auto;
width : 100%;
max-width : 380px;
height : auto;
margin-top : 5%;
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
background : #fff;
}
#popic b.anabaslik {
text-align : left;
font-weight : 500;
font-size : 15px;
width : 100%;
display : block;
padding : 0 20px;
color : #333;
background : #ddd;
height : 40px;
line-height : 40px;
border-bottom : 1px solid #ccc;
margin-bottom : 10px;
}
#popic b {
padding-left : 20px;
padding-bottom : 10px;
display : inline;
color : #000;
font-size : 14px;
line-height : 30px;
}
#popic b.tutar {
padding-left : 20px;
padding-bottom : 0;
font-size : 15px;
display : block;
color : #41ad49;
}
#popic p {
padding : 7px;
margin : 20px;
border : #ccc solid 1px;
}
input.tamam {
float : left;
padding : 0 10px;
height : 40px;
line-height : 40px;
font-weight : 500;
margin-left : 20px;
margin-bottom : 20px;
cursor : pointer;
color : #fff;
background : #6ca456;
background : linear-gradient(#6ca456, #5f9849);
border : #568342 solid 1px;
}
input.tamam:hover {
background : #568342;
}
.bankalar {
width : 100%;
background : #fdfdfd;
border : #ddd solid 1px;
padding : 10px;
text-align : left;
margin-bottom : 15px;
}
.bankalar hr {
height : 1px;
border : 0;
background : #ddd;
margin : 10px 0;
}
.bankalar hr:last-child {
height : 0;
margin : 0;
}
.bankalar label {
line-height : 15px;
}
.bankalar span {
color : #444444;
font-weight : 500;
}
.bankalar span.kurbas {
color : #444444;
font-weight : 500;
padding : 0 5px;
display : block;
margin-bottom : 10px;
font-size : 16px;
}
.bankalar i {
color : #666;
float : right;
}
.bankalar div {
display : block;
line-height : 40px;
border-top : 1px solid #ddd;
padding : 0 5px;
}
.bankalar div b {
float : left;
width : 80px;
display : block;
}
.bankalar div:hover {
background : #eee;
}
#popic .bankalar label b {
line-height : 15px;
}
.xkapa {
position : absolute;
top : 0;
right : 0;
width : 40px;
height : 40px;
cursor : pointer;
background : url("../img/x.png") center center no-repeat #aaa;
}
.siparis_satir {
width : 100%;
max-height : 50px;
overflow : hidden;
}
.siparis_satir.open.ac, .siparis_satir.open.ac .siparis_satir, .siparis_satir.open.ac .siparis_satir:hover, .siparis_satir.open.ac:hover {
width : 100%;
max-height : 100%;
overflow : hidden;
color : #fff;
background : #444444;
margin : -10px;
margin-bottom : 0;
padding : 10px;
position : relative;
z-index : 1;
}
.siparis_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #fff;
padding : 15px;
}
.kargo_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #333;
background : #fff;
padding : 10px;
}
.kargo_detay b {
float : right;
}
.siparis_detay a {
line-height : 50px;
color : #fff;
text-decoration : none;
}
.siparis_satir_str {
width : 100%;
height : 50px;
line-height : 50px;
border-bottom : 1px solid rgb(0 0 0 / 0.1);
cursor : pointer;
overflow : hidden;
}
.siparis_satir_str.th, .siparis_satir_str.th:hover {
width : 100%;
height : 49px;
line-height : 49px;
border-bottom : 0;
font-weight : 500;
cursor : default;
border-bottom : 1px solid rgb(0 0 0 / 0.1);
}
.siparis_satir_str.th .siparis_satir_str {
border-left : 0;
border-right : 0;
color : #444444;
}
.siparis_satir:hover {
background : #fafafa;
}
.siparis_satir_str.no {
float : left;
width : 10%;
padding : 0 10px;
}
.siparis_satir_str.tarih {
float : left;
width : 20%;
padding : 0 10px;
}
.siparis_satir_str.odeme {
float : left;
width : 25%;
padding : 0 10px;
}
.siparis_satir_str.tutar {
float : left;
width : 20%;
padding : 0 10px;
text-align : right;
}
.siparis_satir_str.durum {
float : left;
width : 25%;
padding : 0 10px;
text-align : right;
}
.siparis_tamamla {
width : 100%;
padding : 25px 0 5px 0;
position : relative;
}
.siparis_tamamla .hr {
position : absolute;
height : 1px;
top : 10px;
}
.siparis_tamamla .bolum {
float : left;
width : 25%;
text-align : center;
white-space : nowrap;
}
.siparis_tamamla .bolum b, .siparis_tamamla .bolum i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #ddd;
color : #fff;
border-radius : 25px;
font-size : 20px;
font-weight : normal;
text-align : center;
position : relative;
}
.siparis_tamamla .bolum.tamam i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #fff;
color : #bbb;
font-size : 50px;
font-weight : normal;
text-align : center;
position : relative;
}
.siparis_tamamla .bolum b.active, .siparis_tamamla .bolum i.active {
	background: #B19D60;
    color: #fff;
}
.siparis_tamamla .bolum b.tamam, .siparis_tamamla .bolum i.tamam {
background : #444444;
cursor : pointer;
}
.siparis_tamamla .bolum.tamam i.active {
color : #3aa521;
background : #fff;
}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #aaa;
font-size : 14px;
line-height : 40px;
}
.siparis_tamamla .bolum span.active {
color : #333;
}
.siparis_tamamla .bolum span.tamam {
color : #444444;
cursor : pointer;
}
#footertop {
width : 100%;
height : 70px;
background : #444444;
position : relative;
margin-top : 25px;
overflow : hidden;
}
#footertop a#altlogo {
float : left;
display : inline-block;
height : 70px;
padding-right : 50px;
text-decoration : none;
position : relative;
overflow : hidden;
}
#footertop a#altlogo img.logo {
width : auto;
height : 20px;
margin-top : 25px;
opacity : 0.7;
}
#footertop a#altlogo:hover img.logo {
opacity : 1;
}
#footertop a#altlogo i {
float : right;
font-size : 80px;
position : absolute;
right : -18px;
top : -7px;
color : #fff;
opacity :0.3;
}
#footertop a.iconx {
float : right;
display : inline-block;
line-height : 70px;
color : #ccc;
text-decoration : none;
}
#footertop a.iconx.ad {
float : left;
}
#footertop a.iconx b {
float : left;
color : #eee;
}
#footertop a.iconx i {
float : left;
display : inline-block;
font-size : 20px;
color : #fff;
margin : 0 10px;
}
#footer {
width : 100%;
padding : 30px 0 0 0;
background : #404040;
height : auto;
border-top : 1px solid #555;
}
.footer.center {
padding : 0 20px;
}
#footertop .center {
padding : 0 20px;
}
#footer .sosyal {
float : right;
width : 100%;
height : 40px;
max-width : 240px;
text-align : center;
}
#footer .sosyal a {
float : right;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-left : 10px;
background : #666;
}
#footer .sosyal a:hover {
background : #e2c97f;
}
#footer .sosyal a.facebook:hover {
background : #3B5998;
}
#footer .sosyal a.instagram:hover {
background : #E02C76;
}
#footer .sosyal a.youtube:hover {
background : #FF0000;
}
#footer .sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding-right : 20px;
}
#footer .footer .alan input.mail {
border : #ddd solid 1px;
border-right : 0;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : #fefefe;
float : right;
outline : 0;
}
#footer .footer .alan span {
float : right;
margin : 0;
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
background : #e2c97f;
}
#footer .footer .alan span:hover {
background : #d3bb72;
}
#footer .footer .alan.kurumsal {
width : 30%;
}
#footer .footer .alan.bulten {
width : 30%;
text-align : right;
padding-right : 0;
}
#footer .footer .alan b {
display : block;
font-size : 17px;
color : #ddd;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #bbb;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #fff;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #bbb;
line-height : 25px;
}
#up {
position : fixed;
background : #444444;
width : 50px;
height : 50px;
line-height : 50px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 110px;
right : 20px;
text-align : center;
border-radius : 25px;
}
#up i {
display : block;
color : #fff;
width : 50px;
height : 50px;
line-height : 50px;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
#up:hover {
background : #B19D60;
}
.copyright {
width : 100%;
padding : 20px 0;
background : #444;
border-top : 1px solid #555;
margin-top : 20px;
text-align : left;
color : #aaa;
}
.copyright .center {
padding : 0 20px;
}
a.filnet {
float : right;
display : block;
width : 16px;
height : 22px;
background : url(../img/filnet.svg) top left no-repeat;
background-size : auto 22px;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
.ui-widget-content {
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
padding : 10px;
}
#mobillogo, #mobilbasket, #mobilsearch, #mobilmenu b, #mobilsepet, #filter, #mobilemenu {
display : none;
}
.slide {
position : relative;
z-index : 0;
transition : all 0.1s linear;
}
.owl-carousel .owl-stage-outer {
width : 100%;
height : 100%;
position : relative;
}
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
background-size : 100% auto;
background-position : center center;
text-decoration : none;
overflow : hidden;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav {
transition : all 0.2s linear;
opacity : 0.5;
}
.owl-carousel:hover .owl-nav {
opacity : 1;
}
.owl-carousel .owl-nav [class*="owl-"] {
display : inline-block;
cursor : pointer;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width : 50px;
height : 50px;
line-height : 50px;
position : absolute;
top : calc(50% - 25px);
outline : 0;
transition : all 0.1s linear;
font-size : 20px;
text-align : center;
color : #fff;
border-radius : 30px;
background : rgb(0 0 0 / 0.3);
}
.image.owl-carousel .owl-nav button.owl-prev, .image.owl-carousel .owl-nav button.owl-next {
top : calc(50% - 25px);
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
color : #fff;
background : #444444;
}
.owl-carousel .owl-nav button.owl-prev {
left : 15px;
}
.owl-carousel .owl-nav button.owl-next {
right : 15px;
}
.owl-carousel .owl-dots {
width : calc(100% - 150px);
left : 75px;
position : absolute;
bottom : 15px;
text-align : center;
opacity : 0;
}
.owl-carousel:hover .owl-dots {
opacity : 1;
}
.owl-carousel .owl-dots .owl-dot {
display : inline-block;
outline : 0;
}
.owl-carousel .owl-dots .owl-dot span {
width : 18px;
height : 18px;
border-radius : 18px;
margin : 2px;
background : rgb(0 0 0 / 0.2);
display : block;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background : rgb(0 0 0 / 0.3);
}
.owl-carousel .owl-dots .owl-dot.active span {
background : #444444;
}
.outer {
display : table;
position : absolute;
height : 100%;
top : 0;
width : 100%;
}
.middle {
display : table-cell;
vertical-align : middle;
}
.loginbox {
float : left;
text-align : left;
width : 50%;
}
.loginbox_in {
float : right;
width : 100%;
max-width : 450px;
padding : 20px;
background : #fff;
border : #ddd solid 1px;
border-bottom : 2px solid #444444;
}
.login {
text-align : left;
float : left;
width : 50%;
}
.login_in {
float : left;
width : 100%;
max-width : 450px;
padding : 20px 30px;
}
.login b, .loginbox b {
display : block;
color : #444444;
font-size : 20px;
line-height : 35px;
}
.login b {
color : #000;
}
.login span, .loginbox span {
display : block;
color : #000;
}
.loginbox span {
border-bottom : 1px solid #ddd;
padding-bottom : 15px;
}
input.ifo {
border : #ddd solid 1px;
outline : 0;
width : 100%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 12.5px;
color : #333;
}
input.ifo.elli {
float : left;
border : #ddd solid 1px;
outline : 0;
width : 50%;
height : 38px;
line-height : 18px;
padding : 10px;
background : #fefefe;
margin-top : 12.5px;
color : #333;
}
input.ifo.elli.soyad {
border-left : 0;
}
textarea.ifo:hover, input.ifo:hover {
border : #bbb solid 1px;
}
textarea.ifo:focus, input.ifo:focus {
border : #bbb solid 1px;
background : #fff;
}
#sonuc {
float : left;
display : none;
min-width : 30px;
height : 22px;
line-height : 22px;
padding : 8px 0;
margin-top : 12.5px;
}
#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #fff;
color : #333;
}
#sonuc strong i {
float : left;
display : inline-block;
width : 22px;
line-height : 22px;
font-size : 20px;
color : #d00;
margin-right : 7px;
}
#tabs-container {
width : 100%;
padding-top : 14px;
padding-bottom : 7px;
}
.tabs-menu {
margin : 0;
padding : 0;
height : 50px;
float : left;
clear : both;
list-style : none;
}
.tabs-menu li {
height : 50px;
line-height : 50px;
float : left;
font-weight : 400;
background : rgb(0 0 0 / 0.03);
border-left : 1px solid rgb(0 0 0 / 0.03);
}
.tabs-menu li.current {
position : relative;
background : #fff;
z-index : 1;
}
.tabs-menu li a {
padding : 0 15px;
line-height : 50px;
display : block;
color : #666;
text-decoration : none;
font-size : 14px;
}
.tabs-menu .current a {
background : #444444;
color : #fff;
}
.tab {
width : 100%;
float : left;
background : #fff;
box-shadow : 0 1px 3px 0 rgb(0 0 0 / 0.15);
border-top : 2px solid #444444;
}
.tab-content {
display : none;
padding : 25px 15px;
overflow-y : auto;
min-height : 300px;
}
.tab-content p {
font-weight : 400;
color : #333;
}
.tab-content a {
text-decoration : none;
color : #444444;
}
.tab-content a.tg {
text-decoration : none;
color : #333;
}
.page_in a {
font-weight : 400;
text-decoration : none;
color : #444444;
}
.page_in b, .page_in strong {
color : #432e4c;
}
.tab-content h2 {
margin : 0;
padding : 0;
font-size : 14px;
height : auto;
color : #444444;
padding-bottom : 15px;
}
.tab-content::-webkit-scrollbar {
width : 6px;
height : 6px;
background : #ddd;
box-shadow : 0 0 5px rgb(0 0 0 / 0.1) inset;
}
.tab-content::-webkit-scrollbar-thumb {
background : #aaa;
}
#tab-1 {
display : block;
}
a.giris {
float : right;
display : inline-block;
cursor : pointer;
line-height : 22px;
padding : 8px 13px;
background : #444444;
color : #fff;
margin-top : 12.5px;
}
a.giris:hover {
background : #444444;
}
a.hemenuyeol {
float : left;
cursor : pointer;
line-height : 22px;
padding : 5px 10px;
background : #B2B3B3;
color : #fff;
border : 0;
margin-top : 12.5px;
text-decoration : none;
}
a.hemenuyeol:hover {
background : #B19D60;
color : #fff;
}
a.filnet {
margin : 0 auto;
display : block;
width : 16px;
height : 22px;
background : url(../img/filnet.svg) top left no-repeat;
background-size : auto 22px;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
a.unuttum {
width : 250px;
margin : 0 auto;
display : inline-block;
line-height : 50px;
color : #aaa;
text-decoration : none;
}
a.unuttum i {
float : left;
font-size : 25px;
margin : 0 5px 0 0;
}
a.unuttum:hover {
color : #444444;
}
.kargosec label span {
display : block;
width : 100%;
border : #eee solid 2px;
height : 70px;
padding : 5px 15px;
box-sizing : border-box;
line-height : 25px;
margin-bottom : 10px;
line-height : 15px;
font-size : 12px;
position : relative;
cursor : pointer;
background : #fff;
}
.kargosec em {
font-size : 40px;
float : left;
color : #aaa;
height : 56px;
line-height : 56px;
text-align : center;
width : 36px;
display : block;
margin-right : 15px;
}
.kargosec label span b {
display : block;
font-size : 16px;
line-height : 35px;
}
.kargosec label span strong {
width : 70px;
display : block;
font-size : 16px;
line-height : 43px;
position : absolute;
right : 0;
top : 0;
text-align : right;
padding-right : 10px;
white-space : nowrap;
color : #3aa521;
}
.kargosec label input {
display : none;
}
.kargosec :checked + span {
border : #3aa521 solid 2px;
}
.kargosec :checked + span em {
color : #3aa521;
}
.hr {
width : 100%;
height : 1px;
background : rgb(0, 0, 0, 0.1);
margin : 15px 0;
}
.fancybox-slide .fancybox-image-wrap img{
background : #fff;
}
@media screen and (max-width:822px) {

.box.urun .box_in {
	border-radius : 25px;
	background : #f5f5f5;
	border : 2px solid #f0f0f0;
	padding : 3px;
	transition : all 0.2s linear;
}	
.box.katbanner {
width : 100%;
height : auto;
}
.yer {
margin-top : -10px;	
background : #fff;
}
.box.urun .box_in div.fiyat {
font-size: 14px;
}
#header {
min-height : 150px;
}
.box.banner {
margin-top: 0px;
}
.tag {
height : 45px;
line-height : 45px;
}
#header #arama {
float : none;
width : 100%;
padding : 0 20px;
position : absolute;
top : 80px;
left : 0;
}
#header .arama {
width : 100%;
max-width : 100%;
}
#menu {
display : none;
}
#mobilmenu b{
display : block;
}
#mobilmenu b i {
display : none;
}
#mobilmenu b i.ac {
display : block;
}
#mobilemenu {
display : block;
position : absolute;
width : 100%;
left : -100%;
top : 0;
z-index : 4;
height : 100%;
overflow : scroll;
background : #fff;
padding-top : 150px;
}
body.lock #mobilemenu {
left : 0;
}
.momega {
width : 100%;
height : auto;
padding : 15px 0;
position : relative;
}
ul#momega {
list-style : none;
margin : 0;
padding : 0;
}
#momega li {
width : 100%;
line-height : 50px;
}
#momega li a {
height : 50px;
color : #333;
text-decoration : none;
display : block;
font-size : 16px;
border-left : 0;
position : relative;
padding-left : 15px;
font-weight: 500;
text-transform : capitalize;
}
#momega li a i{
float : left;
width : 40px;
height : 50px;
font-size : 25px;
color : #444;
}
#momega .altmenu {
position : relative;
width : 100%;
height : auto;
transition : all 0.2s linear;
overflow : hidden;
border-bottom : 1px solid #ddd;
}
#momega .altmenu_in {
width : 100%;
padding : 0 15px 15px 15px;
height : auto;
}
#momega .altmenu_in a{
line-height : 30px;
height : 30px;
padding-left: 40px;
font-size : 14px;
font-weight: 400;
}
#momega li a.grp {
color : #444444;
}
#momega li a.grp i{
color : #444444;
}
#momega li:hover .altmenu {
max-height: 1000px;
}
.box.urun {
width : 25%;
}
.box.urun.son,
.box.urun.enson {
display : none;
}
#footertop a.iconx b {
display : none;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .footer .alan.bulten {
border-top : 1px solid #555;
margin-top : -10px;
padding-top : 20px;
}
#footer .footer .alan.kurumsal{
border-bottom : 1px solid #555;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left: 0px;
margin-right: 10px;
}
#header #sepet span.say {
left : 12px;
}
}
@media screen and (max-width:680px) {
.box.banner .slide{
margin-top : 0;
}
.urunadet {
height: 50px;
line-height: 50px;
}
.urunadet .urunadet_orta input {
height: 35px;
line-height: 35px;
}
.urunadet .urunadet_orta span {
margin-top: -10px;
}
.description .right button {
height: 50px;
line-height: 50px;
}
.description .left,
.description .right {
height: auto;
font-size: 17px;
}
.description .left .taksit{
height: auto;
}
.description span.footer {
font-weight: 500;
line-height: 25px;
}
.center.masa {
display:none;
}
.center.mobil {
display:block;
}	
.box.banner img {
}
img.fobimg {
display:none;
}
.outer {
padding-top : 70px;
}
.page_left {
float: none;
width: 100%;
}
.sepet {
float: none;
width: 100%;
padding: 10px;
}
#content .alan  .odeme_alan {
float: none;
width: 100%;
padding: 0px;
padding-right : 0;
}
#content .alan  .toplam {
float: none;
width: 100%;
padding: 10px;
}

.siparis_in .str {
float: none;
width: 100%;
}
.siparis_tamamla .center {
padding : 0;
}
#content .alan#havale {
width: 100%;
padding: 00px;
}
.siparis_tamamla .bolum {
white-space: normal;
padding: 0 10px;
}
.siparis_tamamla .bolum span {
    font-size: 14px;
    line-height: 20px;
	margin-top : 15px;
}
.owl-carousel .owl-dots {
width : 100%;
left : 0;
position : absolute;
bottom : 15px;
text-align : center;
}
.owl-carousel .owl-nav {
display : none;
}
.description .atspt {
width : 100%;
margin-left : 0px;
left : 0px;
bottom : 0px;
position : fixed;
z-index : 1;
background : #fff;
padding : 0 10px;
box-shadow : 0 -10px 10px 0 rgb(0 0 0 / 0.1);
height : 80px;
z-index : 2;
}

.description .right #balon {
display : none;
}
.description .atspt .left,
.description .atspt .right{
padding-top : 0px;
}
.images {
float : none;
width : 100%;
padding : 0 10px;
position : relative;
margin-top : -10px;
}
.image {
float : none;
width : 100%;
}
.description {
clear : both;
float : none;
width : 100%;
padding : 10px;
margin-top : 10px;
position : relative;
}
#header {
min-height : 140px;
}
.login,
.loginbox {
float : none;
text-align : left;
width : 100%;
}
.filtre {
float : left;
margin-top : 0px;
}
#filtre .filtremenu {
left: 0;
}
.tag {
display : none;
}
#header a#logo {
width : auto;
min-height : auto;
padding : 20px 10px 25px 0px;
}
#header a#logo img {
height : 35px;
}
#header #sepet {
position : relative;
z-index : 1;
}
#header #lang {
position : absolute;
right : 50px;
z-index : 2;
}
#header #arama {
top : 60px;
height : 70px;
}
#header .arama {
height: 70px;
}
#header #sepet b, #header #lang b, #header #mobilmenu b {
display : block;
width : 40px;
height : 55px;
line-height : 18px;
margin : 0 0 0 0;
margin-right : 10px;
position : relative;
z-index : 1;
white-space : nowrap;
text-align : center;
font-size : 12px;
overflow : hidden
}
#header #mobilmenu b {
margin-left : 5px;
}
#header #lang:hover b {
background : #fff;
}
#header #sepet b i, #header #lang b i {
display : block;
font-size : 30px;
line-height : 40px;
padding-top : 20px;
}
#header #lang b i.lnr-user {
font-size : 28px;
}	
.box.urun {
width : 33.33%;
}
.box.urun.son{
display : block;
}
.box.urun.orta{
display : none;
}
#footertop a.iconx b {
display : inline-block;
}
#footertop a.iconx.ad {
display : none;
}
.anabaslik {
height : 50px;
}
.anabaslik a.tumu {
display  : none;
}
.anabaslik b.encok2 {
width : 30px;
font-size : 35px;
}
.anabaslik b.encok {
font-size : 14px;
}
.anabaslik h1 {
font-size : 16px;
font-weight : 500;
}
}
@media screen and (max-width:480px) {
#tabalan a#exit {
font-size : 0;
}
.box.urun {
width : 50%;
}
.box.urun.son{
display : block;
}
#footertop a.iconx b {
display : none;
}

}