::selection {
color : #fff;
background : #fcbe01;
}
::-moz-selection {
color : #fff;
background : #fcbe01;
}
body::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
body::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
body::-webkit-scrollbar-thumb {
background : #afafaf !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #888 !important ;
}
body::-webkit-scrollbar-thumb:active {
background : #999 !important ;
}
body::-webkit-scrollbar-track {
background : #fafafa !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #fafafa !important ;
}
body::-webkit-scrollbar-track:active {
background : #fafafa !important ;
}
body::-webkit-scrollbar-corner {
background : transparent !important ;
}
* {
font-family : 'Quicksand', sans-serif;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-size : 13.5px;
font-weight : 500;
background : #fff;
}
body.lock {
margin-left : 280px;
overflow : hidden;
}
b, strong, h1, h2, h3 {
font-weight : 700;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1250px;
padding : 0 20px;
box-sizing : border-box;
position : relative;
}
.yer .center {
padding : 0 30px;
}
.clear {
clear : both;
}
#load {
width : 100%;
height : 100%;
background : url(../img/load.svg) top 60% center no-repeat #fafafa;
background-size : 100px 100px;
position : fixed;
z-index : 2;
}
#overlay {
width : 100%;
height : 100%;
background : rgb(0 0 0 / 0.5);
position : fixed;
z-index : 2;
display : none;
top : 0;
}
#overlay.goster {
display : block;
}
#header {
width : 100%;
min-height : 100px;
box-sizing : border-box;
background : #fff;
position : relative;
z-index : 4;
}
#topbar {
width : 100%;
min-height : 40px;
line-height : 40px;
background : #fafafa;
background-image : linear-gradient(#fafafa, #fefefe);
border-bottom : 1px solid #eee;
position : relative;
z-index : 3;
}
#topbar a.left {
float : left;
display : block;
margin-left : 10px;
font-weight : 400;
color : #666;
text-decoration : none;
}
#topbar a.left:hover {
line-height : 36px;
border-top : 2px solid #fcbe01;
}
#topbar .tel {
float : right;
display : block;
padding : 0 0px;
text-align : right;
}
#topbar .tel a {
margin : 0 auto;
display : block;
padding : 0 10px;
font-weight : 700;
color : #666;
font-size : 14px;
text-decoration : none;
}
#topbar .tel a span{
float : right;
color : #666;
font-size : 13px;
font-weight : 400;
}
#topbar .tel a strong{
float : right;
font-weight : 500;
}
#topbar .tel a i {
display : inline-block;
float : right;
font-size : 20px;
margin : 0 8px;
color : #888;
}
#topbar .sosyal {
float : left;
padding-left : 10px;
height : 40px;
max-width : 240px;
text-align : center;
}
#topbar .sosyal a {
float : left;
width : 25px;
height : 25px;
display : block;
border-radius : 5px;
text-decoration : none;
margin : 7.5px 2.5px;
background : #aaa;
transition : all 0.1s linear;
}
#topbar .sosyal a img {
margin : 0 auto;
width : 15px;
height : 15px;
display : block;
margin-top : 5px;
}
#topbar .sosyal a.facebook:hover {
background : #3B5998;
}
#topbar .sosyal a.instagram:hover {
background : #E02C76;
}
#topbar .sosyal a.youtube:hover {
background : #FF0000;
}
#header a#logo {
float : left;
display : block;
width : 227px;
height : 65px;
margin-top : 25px;
box-sizing : border-box;
color : #aaa;
padding : 0 10px;
position : relative;
}
a#hlogo {
position : relative;
z-index:1;
display : block;
border-bottom : 1px solid #ddd;
text-align : center;
background : #fff;
box-shadow : 0 2px 10px 0 rgb(0 0 0 / 0.1);
}
a#hlogo img{
height : 30px;
width : auto;
margin : 20px auto;
}
#header a#logo img{
width : auto;
height : 35px;
}
#header a#logo span{
position : absolute;
left : 10px;
bottom : 15px;
font-size : 14.5px;
}
#header #arama {
float : left;
width : calc(100% - 360px);
height : 100px;
box-sizing : border-box;
padding : 0 20px;
}
#header .arama {
margin : 0 auto;
width : 100%;
max-width : 680px;
height : 100px;
box-sizing : border-box;
position : relative;
}
#header .arama input.keyword {
float : left;
width : calc(100% - 50px);
height : 44px;
line-height : 44px;
padding : 10px;
box-sizing : border-box;
background : #fff;
border : #ddd solid 2px;
border-right : 0;
outline : 0;
border-top-left-radius : 5px;
border-bottom-left-radius : 5px;
margin-top : 20px;
transition : all 0.2s linear;
}
#header .arama input.keyword:hover {
border : #bbb solid 2px;
border-right : 0;
}
#header .arama input.keyword:focus {
border : #bbb solid 2px;
border-right : 0;
}
#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 {
float : left;
width : 50px;
height : 44px;
padding : 10px;
box-sizing : border-box;
background : #bbb;
background-size : 20px 20px;
border : 0;
outline : 0;
border-top-right-radius : 5px;
border-bottom-right-radius : 5px;
margin-top : 20px;
}
#header .arama button.ara i.lnr-magnifier {
float : left;
color : #fff;
width : 30px;
font-size : 22px;
}
#header .arama button.ara:hover {
background : #aaa;
cursor : pointer;
}
button#clear {
border : 0;
outline : 0;
padding : 0;
position : absolute;
right : 58px;
top : 30px;
height : 25px;
width : 25px;
background : #eee;
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 : calc(100% - 48px);
box-sizing : border-box;
transition : all 0.2s linear;
position : absolute;
z-index : 2;
top : 60px;
display : none;
}
.search {
width : 100%;
box-sizing : border-box;
height : auto;
background : #fff;
border-top : 0;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
box-shadow : 0 10px 10px 0 rgb(0 0 0 / 0.1);
border : #bbb solid 2px;
border-top :0px;
border-top : 0;
overflow : hidden;
}
.search a {
display : block;
height : 50px;
line-height : 25px;
text-decoration : none;
padding : 5px 10px;
color : #333;
}
.search a.noimg {
height : 25px;
line-height : 25px;
}
.search a .resim {
float : left;
width : 50px;
height : 50px;
border-radius : 5px;
background : #fff;
overflow : hidden;
margin-right : 10px;
}
.search a .resim img {
max-width : 50px;
max-height : 50px;
}
.search a:hover {
background : #eee;
}
.search a.all {
text-align : center;
line-height : 45px;
height : 45px;
padding : 10px;
}
.search a.all b {
display : inline-block;
width : auto;
height : 40px;
line-height : 40px;
border : 0;
outline : 0;
box-sizing : border-box;
padding : 0 30px;
border-radius : 5px;
background : #fcbe01;
color : #fff;
font-size : 14px;
font-weight : 400;
}
.search a.all:hover b {
background : #f7ba00;
color : #fff;
cursor : pointer;
}
.tag {
clear : both;
width : 100%;
height : 35px;
line-height : 35px;
overflow : hidden;
}
.tag b, .tag a {
float : left;
text-decoration : none;
color : #888;
margin-right : 8px;
font-size : 12px;
}
.tag a {
font-weight : 400;
}
.tag a span{
font-size : 12px;
float : left;
margin-right : 5px;
}
.tag a:hover {
color : #222;
text-decoration : underline;
}
#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 : 400px;
max-width : 100%;
transition : all 0.2s linear;
}
#basket_in {
width : 100%;
height : 100%;
display : block;
box-sizing : border-box;
position : relative;
overflow-y : auto;
overflow-x : hidden;
}
.sepetbaslik {
width : 100%;
height : 55px;
line-height : 55px;
padding : 0 5px 0 15px;
outline : 0;
color : #ddd;
font-weight : 400;
background : #666;
position : relative;
margin-bottom : -55px;
z-index : 1;
top : 0;
font-size : 15px;
box-sizing : border-box;
}
.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;
box-sizing : border-box;
}
#basket_in .bossepet i {
font-size : 70px;
color : #ddd;
}
#basket_in .bossepet b {
font-weight : 400;
font-size : 15px;
}
#basket_in .hata {
top : 0;
width : 100%;
height : 100%;
background : #fcbe01;
display : table;
position : absolute;
box-sizing : border-box;
z-index : 1;
}
.middle {
display : table-cell;
vertical-align : middle;
text-align : center;
box-sizing : border-box;
}
.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 : 15px;
}
#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;
box-sizing : border-box;
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 : #fcbe01;
border-radius : 5px;
}
#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 : #fcbe01;
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;
border-radius : 4px;
color : #333;
}
body.loginpage table.sptable tr td {
font-size : 14px;
}
table.sptable tr td.fiyat {
text-align : right;
color : #666;
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;
box-sizing : border-box;
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 : 400px;
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 : 65%;
height : 44px;
padding : 16px;
box-sizing : border-box;
}
#topla .str .str_i {
float : right;
width : 35%;
height : 44px;
padding : 16px;
box-sizing : border-box;
}
#topla .str .str_i.fiyat {
text-align : right;
font-weight : 700;
color : #049e00;
font-size : 15px;
}
#topla .str.gray .str_b, #topla .str.gray .str_i {
height : 64px;
}
#topla .str a.satinal {
float : right;
width : 65px;
height : 30px;
line-height : 28px;
box-sizing : border-box;
padding : 0;
font-size : 13px;
color : #fff;
text-align : center;
border-radius : 3px;
background : #049e00;
border : #038e00 solid 1px;
text-decoration : none;
font-weight : 400;
}
#topla .str a.satinal:hover {
background : #038e00;
}
#topla .str a.guvenli {
display : block;
width : 100%;
float : left;
height : 30px;
line-height : 14px;
box-sizing : border-box;
padding : 0;
font-size : 13px;
color : #333;
text-decoration : none;
font-weight : 700;
}
#topla .str a.guvenli span {
display : block;
color : #666;
font-weight : 400;
}
#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 : 100px;
z-index : 2;
border-right : 1px solid #eee;
}
#header #sepet b, #header #lang b {
float : right;
display : block;
width : 60px;
height : 100px;
line-height : 18px;
margin : 0px 0 0px 0;
box-sizing : border-box;
margin-right : 10px;
position : relative;
z-index : 1;
font-weight : 400;
color : #666;
white-space : nowrap;
text-align : center;
font-size : 12px;
border-top : 2px solid rgba(0,0,0,0);
}
#header #lang:hover b {
background : #fff;
}
#header #sepet b i, #header #lang b i {
display : block;
font-size : 30px;
line-height : 80px;
}
#header #lang b i.lnr-user {
font-size : 28px;
}
#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;
right : 10px;
}
#header #sepet span.say.active {
background : #3aa521;
}
#header .shadow {
width : 60px;
height : 10px;
background : #fff;
position : absolute;
z-index : 13;
left : 0;
top : -8px;
}
#header #langmenu {
position : absolute;
display : block;
width : 350px;
height : auto;
margin : 20px 0;
box-sizing : border-box;
background : #fff;
background-image : linear-gradient(#fff, #fafafa);
top : 60px;
left : 0px;
display : none;
border-radius : 5px;
border-top-left-radius : 0;
width : auto;
min-width : 90px;
padding : 10px 0px 10px 0px;
}
#header #lang:hover #langmenu {
display : block;
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.2);
z-index : 2;
}
#header #sepet:hover b, #header #lang:hover b {
display : block;
cursor : pointer;
}
#header #sepet:hover b i, #header #lang:hover b i{
color : #fcbe01;
}
#header #sepet.ac b {
display : block;
cursor : pointer;
}
#header #lang #langmenu a {
width : 90px;
cursor : pointer;
color : #111;
text-decoration : none;
display : block;
line-height : 35px;
background : url(../img/right.svg) center right 15px no-repeat;
background-size : 8px 8px;
padding-right : 30px;
padding-left : 10px;
transition : all 0.1s linear;
}
#header #lang #langmenu a:hover {
border-color : #fcbe01;
background : url(../img/right.svg) center right 10px no-repeat;
background-size : 8px 8px;
padding-right : 25px;
padding-left : 12px;
color : #fcbe01;
}
.header {
width : 100%;
height : 50px;
background : #fcbe01;
position : relative;
z-index : 3;
text-align : center;
}
.header img {
margin : 5px auto;
height : 40px;
}
#menu {
width : 100%;
min-height : 50px;
background : #fcbe01;
background : #666;
clear : both;
position : relative;
top: 0px;
z-index : 3;
}
ul#mega {
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
line-height : 50px;
}
#mega li#first {
margin-left : 10px;
}
#mega li a {
color : #333;
color : #fff;
text-decoration : none;
display : block;
padding : 0 10px;
text-transform : uppercase;
font-size : 14px;
font-weight : 500;
}
#mega li a span{
font-size : 20px;
float : left;
margin-right : 5px;
}
#mega li:hover a {
background : #fff;
color : #333;
}
#mega li.active a {
color : #fff;
}
#mega .altmenu {
position : absolute;
left : 0;
width : 100%;
padding : 0 30px;
box-sizing : border-box;
display : none;
}
#mega .altmenu_in {
width : 100%;
z-index : 1;
background : #fff;
padding : 20px 10px;
box-shadow : 0 10px 15px 0 rgb(0 0 0 / 0.15);
box-sizing : border-box;
}
#mega .menu {
float : left;
width : 100%;
min-height : 284px;
}
#mega .menualan {
float : left;
width : 25%;
}
#mega li.active .menualan a, #mega li .menualan a {
display : block;
line-height : 35px;
padding : 0;
text-transform : capitalize;
color : #222;
font-size : 13.5px;
background : none;
}
#mega li .menualan a span{
font-size : 10px;
}
#mega li .menualan a b {
font-weight : 500;
}
#mega .menu a.tum {
width : 100%;
display : block;
font-size : 15px;
line-height : 36px;
padding : 0;
text-transform : capitalize;
color : #fcbe01;
background : none;
display : block;
}
#mega .menu a.tum:hover {
text-decoration : underline;
}
#mega li .menualan a:hover b {
text-decoration : underline;
}
#mega .banner {
float : right;
width : 336px;
height : 300px;
overflow : hidden;
margin-bottom : -20px;
position : relative;
}
#mega .banner a {
padding : 0;
}
#mega .banner a img{
float : right;
width : auto;
height : auto;
max-height : 300px;
position : absolute;
bottom : 0;
right : 0;
}
#mega li:hover .altmenu {
display : block;
}
.yer {
clear : both;
width : 100%;
padding : 10px;
min-height : 40px;
box-sizing : border-box;
background : #fafafa;
border-bottom : 1px solid #ddd;
margin-bottom : 10px;
}
.center.pad10 {
padding-top : 10px;
}
.yer a {
float : left;
line-height : 20px;
padding : 0;
text-transform : capitalize;
color : #333;
background : url(../img/right.svg) center right no-repeat;
background-size : 8px 8px;
padding-right : 15px;
margin-right : 5px;
text-decoration : none;
}
.yer a i{
float : left;
font-size : 20px;
line-height : 20px;
color : #333;
background : url(../img/right.svg) center right no-repeat;
margin-right : 5px;
}
.yer a:hover {
text-decoration : underline;
}
.yer h1 {
float : left;
display : inline-block;
font-size : 13px;
line-height : 20px;
margin : 0;
padding : 0;
text-transform : capitalize;
color : #333;
text-decoration : none;
font-weight : 400;
}
.filtre {
width : 100%;
padding : 10px;
height : 65px;
box-sizing : border-box;
}
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 : #666;
text-decoration : none;
display : block;
padding : 0 8px;
line-height : 45px;
background : #eee;
border-radius : 5px;
cursor : pointer;
}
#filtre li:hover a {
color : #111;
}
#filtre .filtremenu {
position : absolute;
left : 0;
top : 47px;
padding : 2px;
min-width : 170px;
height : auto;
box-sizing : border-box;
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 : 5px;
}
#filtre .filtremenu_in {
max-height : 170px;
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;
border-radius : 5px;
}
#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;
box-sizing : border-box;
}
.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 : #fcbe01;
display : block;
height : 23px;
width : 23px;
border-radius : 25px;
font-size : 10px;
background : #eee;
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;
border-radius : 5px;
font-weight : 700;
color : #fcbe01;
margin-left : 10px;
margin-top : -2px;
}
.secim a.temizle:hover {
float : left;
height : 25px;
line-height : 25px;
padding : 0 10px;
border : #fcbe01 solid 1px;
background : #fcbe01;
text-decoration : none;
font-size : 12px;
border-radius : 5px;
font-weight : 700;
color : #fff;
margin-left : 10px;
margin-top : -2px;
}
.container {
display : block;
width : 100%;
position : relative;
padding-left : 25px;
line-height : 25px;
cursor : pointer;
font-size : 12px;
user-select : none;
white-space : nowrap;
}
.description p {
line-height : 22px;
color : #666;
}
.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 : #eee;
border-radius : 5px;
margin-bottom : 10px;
box-sizing : border-box;
color : #333;
}
.container input {
position : absolute;
opacity : 0;
cursor : pointer;
}
.container:hover {
color : #000;
text-decoration : underline;
}
.description .container:hover {
background : #ddd;
color : #333;
}
.description .container .fiyat {
float : right;
}
.description .container .populer {
float : right;
background : #fcbe01;
color : #fff;
border-radius : 5px;
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 : #eee;
border-radius : 50%;
}
.description .checkmark {
position : absolute;
top : 0;
left : 0;
height : 17px;
width : 17px;
margin : 14px;
background-color : #fff;
border-radius : 50%;
}
.container:hover input ~ .checkmark {
background-color : #ddd;
}
.description .container:hover input ~ .checkmark {
background-color : #fff;
}
.container input:checked ~ .checkmark {
background-color : #fcbe01;
}
.description .container input:checked ~ .checkmark {
background-color : #fcbe01;
}
.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 : #eee;
border-radius : 3px;
}
#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 : #fcbe01;
}
#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 : #eee solid 2px;
background-color : #fff;
border-radius : 5px;
}
#filtre li.select .container input:checked ~ .checkmarks {
background-color : #fcbe01;
border : #fcbe01 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;
}
.lokasyon {
float : left;
width : 60%;
padding : 10px;
box-sizing : border-box;
}
.lokasyon_in {
width : 100%;
height : 100px;
background : #fff;
background : url(../img/banner.png) bottom center no-repeat;
background-size : auto 100%;
border : #ddd solid 1px;
box-sizing : border-box;
position : relative;
overflow : hidden;
}
.lokasyon_in_left {
float : left;
width : 100px;
height : 100px;
padding : 20px 0;
line-height : 30px;
background : #666;
text-align : center;
color : #fff;
font-size : 18px;
font-weight : 700;
}
.lokasyon_in_right {
float : left;
width : calc(100% - 100px);
height : 100px;
padding : 20px 10px;
box-sizing : border-box;
line-height : 30px;
font-size : 12px;
}
.lokasyon_in_right b{
display : block;
color : #fcbe01;
font-size : 17px;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
.topbanner {
float : left;
width : 40%;
padding : 10px;
box-sizing : border-box;
}
.topbanner_in {
width : 100%;
height : 100px;
border : #ddd solid 1px;
background : #fff;
box-sizing : border-box;
}
.icon {
float : left;
width : 33.33%;
height : 100px;
padding : 8px 10px;
box-sizing : border-box;
text-align : center;
text-transform : uppercase;
font-weight : 700;
font-size : 11.5px;
line-height : 17px;
color : #444;
}
.icon:hover {
color : #fcbe01;
cursor : pointer;
}
.icon:hover i{
color : #444;
}
.icon i {
display : block;
font-size : 30px;
line-height : 44px;
font-weight : normal;
}
.icon img {
display : block;
width : 40px;
height :auto;
margin : 2px auto;
opacity : 0.7;
}
.kutu {
display: flex;
}
.images {
float : left;
width : 45%;
padding : 10px;
box-sizing : border-box;
position : relative;
z-index : 1;
}
.image {
float : right;
width : 100%;
height : 524px;
background : #fff;
overflow : hidden;
border : #ddd solid 1px;
text-align : center;
}
.image img.big {
margin : 0 auto;
max-width : 100%;
max-height : 100%;
}
.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;
border-radius : 5px;
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 : #fcbe01 solid 2px;
}
.zoom-desc img {
width : 100px;
height : auto;
border-radius : 3px;
}
.none {
display : none;
}
.description {
float : left;
width : 55%;
padding : 10px;
box-sizing : border-box;
position : relative;
}
.description b#baslik {
display : block;
margin : 0;
padding : 0;
font-size : 20px;
margin-bottom : 15px;
}
.description span.footer {
float : left;
text-transform : uppercase;
font-size : 11px;
font-weight : 700;
line-height : 20px;
margin : 0 5px 0 0px;
}
.description span.footer i {
float : left;
color : #666;
font-size : 20px;
margin : 0 5px 0 5px;
}
.description .ciz {
height : 1px;
background : #eee;
margin : 10px 0;
}
.description .left {
width : 50%;
float : left;
height : 60px;
margin : 15px 0;
box-sizing : border-box;
}
.description .left .fiyat {
width : 100%;
float : left;
text-align : left;
display : inline-block;
height : 40px;
color : #333;
overflow : hidden;
font-size : 37px;
box-sizing : border-box;
}
.description .left .fiyat b {
float : left;
padding-right : 5px;
font-weight : 400;
}
.description .product-payment {
width : 100%;
padding : 15px 10px;
margin : 20px 0;
border : #ddd solid 1px;
box-sizing : border-box;
background : #fff;
}
.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-radius : 5px;
border : #eee 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 : #33912c;
font-size : 12px;
}
.description .right {
width : 50%;
float : left;
height : 70px;
padding : 0 10px;
box-sizing : border-box;
margin : 15px 0;
position : relative;
}
.description .right button {
width : 100%;
height : 60px;
line-height : 60px;
background : #;
background : #666;
color : #eee;
transition : all 0.2s linear;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 19px;
cursor : pointer;
padding : 0;
}
.urunadet {
width : 100%;
height : 60px;
margin-bottom : 5px;
line-height : 60px;
background : #fafafa;
border : 1px solid #ddd;
color : #fff;
border-radius : 5px;
cursor : pointer;
overflow : hidden;
box-sizing : border-box;
}
.urunadet .urunadet_arti,.urunadet .urunadet_eksi{
float : left;
width : 40px;
height : 60px;
border-left : 1px solid #ddd;
color : #aaa;
font-size : 19px;
cursor : pointer;
text-align : center;
text-decoration : none;
}
.urunadet .urunadet_eksi{
border-right : 1px solid #ddd;
border-left : 0;
}
.urunadet .urunadet_orta{
float : left;
width : calc(100% - 82px);
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;
box-sizing : border-box;
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 : #666;
font-size : 11px;
margin-top : -15px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.urunadet .urunadet_arti:hover,.urunadet .urunadet_eksi:hover{
background : #eee;
color : #333;
}
textarea.metin{
clear : both;
width : 100%;
border : 2px solid #eee;
border-radius : 4px;
min-height : 40px;
max-height : 180px;
height : 100px;
padding : 10px;
line-height : 25px;
font-size : 16px;
margin: 10px 0;
outline : 0;
box-sizing : border-box;
resize: vertical;
}
textarea.metin:focus{
box-shadow : 0 3px 10px 0 rgb(0 0 0 / 0.2);
border : 2px solid #ccc;
}
.description .right button:hover {
background : #fcbe01;
color : #fff;
}
.description .right button.yok {
background : #ddd;
cursor : default;
}
.description .right #balon {
display : inline-block;
width : calc(100% - 20px);
border-radius : 5px;
line-height : 20px;
background : #fff;
border : 1px solid #ddd;
color : #3aa521;
position : absolute;
top : -70px;
margin-left : 0px;
box-sizing : border-box;
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 : #eee;
height : auto;
min-height : 200px;
}
#product-description .product-description {
float : left;
width : calc(100% - 310px);
}
#product-description .product-description i.baslik {
display : inline-block;
font-size : 18px;
border-bottom : 2px solid #ddd;
padding : 20px 0 10px 0;
font-style : normal;
}
#product-description .product-description p {
padding : 10px 0;
line-height : 22px;
}
#product-description .other {
float : right;
width : 300px;
}
#product-description .other b {
display : block;
font-size : 16px;
padding : 20px 0 10px 0;
}
#product-description .other a {
display : block;
text-decoration : none;
color : #333;
background : url(../img/right.svg) left center no-repeat;
background-size : 13px 13px;
line-height : 25px;
padding-left : 18px;
text-decoration : underline;
}
.product h3 {
display : block;
font-size : 18px;
font-weight : 500;
margin : 0;
padding : 40px 0 20px 0;
text-align : center;
}
.page_left {
float : left;
width : 75%;
}
.page_left.full {
float : left;
width : 100%;
}
.siparis {
width : 100%;
padding : 30px 10px;
box-sizing : border-box;
}
.siparis_in {
width : 100%;
padding : 15px 10px;
box-sizing : border-box;
border : #eee solid 2px;
border-radius : 5px;
margin-bottom : 25px;
}
.siparis_in .str {
float : left;
width : 50%;
padding : 5px 10px;
min-height : 50px;
box-sizing : border-box;
position : relative;
}
.siparis_in .str i {
position : absolute;
color : #fcbe01;
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;
box-sizing : border-box;
border : #eee solid 2px;
border-radius : 5px;
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 : #ddd solid 2px;
}
.siparis_in .str textarea.flaticon {
padding : 10px 10px 10px 40px;
}
.siparis_in .str textarea {
width : 100%;
padding : 10px;
height : 100px;
line-height : 24px;
box-sizing : border-box;
border : #eee solid 2px;
border-radius : 5px;
outline : 0;
font-size : 14px;
}
.siparis_in .str textarea:focus {
border : #ddd solid 2px;
}
.siparis_in .str.tam {
width : 100%;
}
.siparis_in .str#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #fff;
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 : #fcbe01;
display : inline-block;
border-radius : 5px;
padding : 0 15px;
margin : 5px;
cursor : pointer;
}
.siparis_in a.kaydet:hover {
background : #f7ba00;
}
.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 #eee;
}
.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;
box-sizing : border-box;
}
button.ileri {
width : 100%;
height : 50px;
line-height : 50px;
background : #666;
color : #eee;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
transition : all 0.2s linear;
}
button.ileri:hover {
color : #fff;
background : #f7ba00;
}
.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;
box-sizing : border-box;
border : #eee solid 2px;
border-radius : 5px;
margin-bottom : 15px;
}
.sepet_in i {
text-align : center;
display : block;
font-size : 17px;
}
.sepet_in table {
border-collapse : collapse;
width : 100%;
color : #444;
}
.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 : #eee;
}
.sepet_in table th {
text-align : left;
color : #fcbe01;
font-size : 16px;
font-weight : 500;
}
.odeme {
width : 100%;
padding : 30px 10px;
box-sizing : border-box;
}
#tabalan {
width : 100%;
height : 50px;
list-style : none;
border-bottom : 2px solid #fcbe01;
position : relative;
z-index : 1;
}
#tabs {
margin : 0;
padding : 0;
width : 100%;
height : 50px;
list-style : none;
box-sizing : border-box;
}
#tabs li {
float : left;
}
#tabs li img {
height : 20px;
margin : 10px 0;
}
#tabs a {
float : left;
position : relative;
margin-right : 2px;
padding : 5px 15px;
height : 38px;
line-height : 38px;
text-decoration : none;
color : #444;
border : rgb(0 0 0 / 0.06) solid 2px;
border-bottom : 0;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
background : #eee;
}
#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 : #fcbe01;
border : #fcbe01 solid 2px;
border-bottom : 2px solid #fff;
}
#content {
width : 100%;
margin : 15px 0;
min-height : 300px;
position : relative;
z-index : 1;
}
#content .alan {
width : 100%;
padding : 10px;
box-sizing : border-box;
}
#content .alan.paytr {
width:calc(100% + 100px);
padding:0;
margin-left:-50px;
}
#content .alan .siparis {
padding : 10px 0;
}
#content .alan .sptbox {
padding : 15px 20px;
border-radius : 5px;
border : #eee solid 2px;
margin-top : 10px;
}
#content .alan .bekleyen {
width : 100%;
height : 55px;
line-height : 55px;
border-top : 1px solid #ddd;
box-sizing : border-box;
}
#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;
box-sizing : border-box;
}
#content .alan .odeme_alan p {
line-height : 23px;
}
#content .alan .odeme_alan .str {
float : left;
width : 100%;
padding : 5px 10px;
min-height : 50px;
box-sizing : border-box;
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;
box-sizing : border-box;
border : #eee solid 2px;
border-radius : 5px;
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 : #666;
color : #eee;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
transition : all 0.2s linear;
}
#content .alan .odeme_alan button.ode:hover {
color : #fff;
background : #f7ba00;
}
#content .alan .toplam {
float : left;
width : 45%;
height : auto;
box-sizing : border-box;
border-radius : 5px;
background : #fafafa;
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 : #fcbe01;
font-weight : 400;
font-size : 25px;
display : block;
line-height : 40px;
}
.sayfapage {
width : 100%;
height : auto;
min-height : 385px;
margin : 15px 0 10px 0;
position : relative;
padding : 0 10px;
box-sizing : border-box;
line-height : 23px;
}
.sayfapage iframe {
top : 85px;
right : 10px;
width : calc(40% - 20px);
position : absolute;
border : #ddd solid 1px;
border-radius : 5px;
overflow : hidden;
}
.sayfapage strong {
font-weight : 700;
}
.sayfapage p {
color : #222;
font-weight : 400;
}
.sayfapage p a {
color : #fcbe01;
text-decoration : none;
font-weight : 700;
}
.sayfapage .h1can {
display : block;
width : 100%;
color : #fcbe01;
border-bottom : 1px solid #ddd;
margin-bottom : 20px;
}
.h1can h1 {
display : inline-block;
font-size : 18px;
font-weight : 500;
margin : 0;
margin-bottom : -1px;
padding : 10px 0;
color : #333;
border-bottom : 2px solid #fcbe01;
}
.box {
float : left;
width : 100%;
padding : 10px;
box-sizing : border-box;
transition : all 0.2s linear;
}
.box.banner {
width : 50%;
height : auto;
}
.box.banner img{
width : 100%;
height : auto;
}
.box.minibanner {
width : 25%;
height : auto;

}
.box.minibanner .box_in{
background-size : cover;
background-position : center center;
}
.box.minibanner .box_in a span{
display : inline-block;
background : #666;
color : #fff;
bottom : 10px;
left : 10px;
position : absolute;
padding : 4px 8px;
}
.box.minibanner .box_in:hover a span{
background : #fcbe01;
color : #333;
}
.box.minibanner img{
width : 100%;
height : auto;
opacity : 0;
}
.box.urun {
width : 20%;
height : 360px;
}
.box_in {
width : 100%;
height : 100%;
background :#eee;
overflow : hidden;
position : relative;
}
.box_in a.dz{
position : absolute;
z-index : 1;
left : 0;
background : #67bc4d;
color : #fff;
padding : 5px;
font-size : 11px;
text-decoration : none;
}
.box_in a.dz:hover{
position : absolute;
z-index : 1;
background : #666;
color : #fff;
padding : 5px;
font-size : 11px;
text-decoration : none;
}
.box.urun .box_in {
background : #fff;
border : #ddd solid 1px;
box-sizing : border-box;
position : relative;
min-height : 100%;
transition : all 0.15s linear;
}
.box.urun:hover .box_in {
box-shadow : 0 3px 10px 3px rgb(0 0 0 / 0.1);
border : #ccc solid 1px;
}
.box.urun .box_in .resimbox {
width : 100%;
height : 200px;
display : table;
text-align : center;
overflow : hidden;
}
.box.urun .box_in .resim {
height : 200px;
padding : 10px;
display : table-cell;
vertical-align : middle;
}
.box.urun .box_in .resim img {
max-width : 100%;
max-height : 100%;
}
.box.urun .box_in .bilgi {
width : 100%;
height : 30px;
line-height : 30px;
color : #33912c;
text-align : center;
font-size : 12px;
overflow : hidden;
display : none;
}
.box.urun .box_in a.baslik {
display : block;
width : 100%;
padding : 0 10px;
height : 40px;
line-height : 20px;
color : #333;
text-align : center;
overflow : hidden;
text-decoration : none;
box-sizing : border-box;
margin : 0 0 5px 0;
}
.box.urun .box_in div.fiyat {
width : 100%;
height : 30px;
text-align : center;
font-size : 18px;
padding : 0 5px;
box-sizing : border-box;
margin-top : 10px;
}
.box.urun .box_in span.eskifiyat {
color : #999;
font-weight : 400;
padding-right : 5px;
text-decoration : line-through;
}
.box.urun .box_in span.fiyat {
color : #33912c;
padding-left : 5px;
}
.box.urun .box_in .fiyat b {
float : left;
padding-right : 2px;
font-weight : 400;
}
.box.urun .box_in .taksit {
width : 100%;
height : 25px;
line-height : 25px;
color : #888;
text-align : center;
font-size : 12px;
}
.sptbox {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
box-sizing : border-box;
}
.odemealan {
float : left;
width : 50%;
height : auto;
box-sizing : border-box;
padding : 10px;
}
.odemealan.osec {
padding-right : 20px;
}
.odeme_in {
width : 100%;
height : auto;
margin : 15px 0 10px 0;
position : relative;
background : #fff;
padding : 15px;
box-sizing : border-box;
background : #eee;
}
.odeme_in a.uogy {
float : right;
font-size : 13px;
color : #d22f5a;
text-decoration : none;
}
.odeme_in .baslik {
width : 100%;
box-sizing : border-box;
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;
box-sizing : border-box;
border-bottom : 1px solid #fff;
}
.insatir input, .insatir select, .insatir textarea {
border : #ddd solid 1px;
outline : 0;
width : 100%;
box-sizing : border-box;
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-sizing : border-box;
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;
box-sizing : border-box;
}
#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);
box-sizing : border-box;
background : #fff;
}
#popic b.anabaslik {
text-align : left;
font-weight : 600;
font-size : 15px;
width : 100%;
display : block;
padding : 0 20px;
color : #333;
background : #ddd;
height : 40px;
line-height : 40px;
box-sizing : border-box;
border-bottom : 1px solid #ccc;
margin-bottom : 10px;
}
#popic b {
padding-left : 20px;
padding-bottom : 10px;
display : inline;
color : #666;
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;
box-sizing : border-box;
font-weight : 600;
margin-left : 20px;
margin-bottom : 20px;
cursor : pointer;
color : #fff;
border-radius : 3px;
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;
box-sizing : border-box;
margin-bottom : 15px;
border-radius : 5px;
}
.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 : #fcbe01;
font-weight : 700;
}
.bankalar span.kurbas {
color : #fcbe01;
font-weight : 700;
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 : #ddd solid 1px;
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 : #333;
background : #eee;
border-radius : 5px;
margin : -10px;
margin-bottom : 0;
padding : 10px;
position : relative;
z-index : 1;
}
.siparis_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #fff;
padding : 15px;
box-sizing : border-box;
}
.kargo_detay {
width : 100%;
height : auto;
overflow : hidden;
color : #333;
background : #fff;
padding : 10px;
border-radius : 5px;
box-sizing : border-box;
}
.kargo_detay b {
float : right;
}
.siparis_detay a {
line-height : 50px;
color : #333;
text-decoration : none;
}
.siparis_satir_str {
width : 100%;
height : 50px;
line-height : 50px;
border-bottom : 1px solid rgb(0 0 0 / 0.1);
box-sizing : border-box;
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 : 700;
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 : #fcbe01;
}
.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%;
height : 90px;
padding : 15px 0px 0 0px;
position : relative;
box-sizing : border-box;
}
.siparis_tamamla .hr {
position : absolute;
width : 100%;
height : 25px;
border-bottom : 1px solid #eee;
}
.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 : #3aa521;
}
.siparis_tamamla .bolum b.tamam, .siparis_tamamla .bolum i.tamam {
background : #fcbe01;
cursor : pointer;
}
.siparis_tamamla .bolum.tamam i.active {
color : #666;
background : #fff;
}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #666;
font-size : 14px;
line-height : 40px;
}
.siparis_tamamla .bolum span.active {
color : #666;
}
.siparis_tamamla .bolum span.tamam {
color : #666;
cursor : pointer;
}
#footer {
width : 100%;
padding : 30px 0 0 0;
background : #fff;
background : #fafafa;
height : auto;
margin-top : 20px;
border-top : 1px solid #ddd;
}
.footer.center {
padding : 0 30px;
}
#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 : #aaa;
}
#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;
box-sizing : border-box;
}
#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 : #333;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #111;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #fcbe01;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #111;
line-height : 25px;
}
#up {
position : fixed;
background : #fcbe01;
width : 30px;
height : 30px;
line-height : 30px;
padding : 7px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 20px;
right : 20px;
text-align : center;
border-radius : 5px;
}
#up i {
color : #fff;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
.copyright {
width : 100%;
padding : 20px 0;
border-top : 1px solid rgba(0,0,0,0.15);
margin-top : 20px;
text-align : left;
background : #fff;
}
.copyright .center {
padding : 0 30px;
}
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, #mobilsepet, #filter {
display : none;
}
.slide {
position : relative;
z-index : 0;
}
.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;
}
.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);
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
color : #fff;
background : #fcbe01;
}
.owl-carousel .owl-nav button.owl-prev {
left : 10px;
}
.owl-carousel .owl-nav button.owl-next {
right : 10px;
}
.owl-carousel .owl-dots {
width : 100%;
position : absolute;
bottom : 15px;
text-align : center;
}
.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 : #fcbe01;
}
.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%;
box-sizing : border-box;
}
.loginbox_in {
float : right;
width : 100%;
max-width : 450px;
padding : 20px;
box-sizing : border-box;
background : #fff;
border : #ddd solid 1px;
border-bottom : 2px solid #fcbe01;
}
.login {
text-align : left;
float : left;
width : 50%;
box-sizing : border-box;
}
.login_in {
float : left;
width : 100%;
max-width : 450px;
padding : 20px 30px;
box-sizing : border-box;
}
.login b, .loginbox b {
display : block;
color : #fcbe01;
font-size : 20px;
line-height : 35px;
}
.loginbox b {
color : #fcbe01;
}
.login span, .loginbox span {
display : block;
color : #666;
}
.loginbox span {
border-bottom : 1px solid #ddd;
padding-bottom : 15px;
}
input.ifo {
border : #ddd solid 1px;
outline : 0;
width : 100%;
box-sizing : border-box;
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%;
box-sizing : border-box;
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;
box-sizing : border-box;
}
.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 : #fcbe01;
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 #fcbe01;
}
.tab-content {
display : none;
padding : 25px 15px;
box-sizing : border-box;
overflow-y : auto;
min-height : 300px;
}
.tab-content p {
font-weight : 400;
color : #333;
}
.tab-content a {
text-decoration : none;
color : #fcbe01;
}
.tab-content a.tg {
text-decoration : none;
color : #333;
}
.page_in a {
font-weight : 400;
text-decoration : none;
color : #fcbe01;
}
.page_in b, .page_in strong {
color : #432e4c;
}
.tab-content h2 {
margin : 0;
padding : 0;
font-size : 14px;
height : auto;
color : #fcbe01;
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 : #fcbe01;
color : #fff;
margin-top : 12.5px;
}
a.giris:hover {
background : #f7ba00;
}
a.hemenuyeol {
float : left;
cursor : pointer;
line-height : 22px;
padding : 5px 10px;
background : #fcbe01;
color : #fff;
border : 0;
margin-top : 12.5px;
text-decoration : none;
}
a.hemenuyeol:hover {
background : #fcbe01;
}
#mega li.mobiluser, #mega li.mobilmenubaslik, #mega li.mobilhsp {
display : none;
}
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;
box-sizing : border-box;
line-height : 50px;
color : #aaa;
text-decoration : none;
}
a.unuttum i{
float : left;
font-size : 25px;
margin : 0 5px 0 0px;
}
a.unuttum:hover{
color : #fcbe01;
}
.kargosec label span{
    display: block;
    width: 100%;
    border: 2px solid #eee;
	border-radius : 5px;
	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;
}
.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: 2px solid #3aa521;
}
.kargosec :checked + span em {
	color : #3aa521;
}
@media screen and (max-width:1024px) {
.center {
max-width : 948px;
}
.box.banner {
width : 50%;
}
.box.minibanner {
width : 25%;
}
.box.minibanner.son {
display : none;
}
.box.urun.son {
display : none;
}
.box.urun {
width : 33.33%;
}
.image {
width : calc(100% + 20px);
margin : -10px;
margin-top : -15px;
height : 333px;
margin-bottom : 15px;
border : 0;
border-bottom : 1px solid #ddd;

}
.zoom-desc {
width : 100%;
}
a.cloud-zoom-gallery {
width : auto;
height : 100px;
margin-bottom : 0;
margin-right : 15px;
margin-top : 15px;
}
a.cloud-zoom-gallery:last-child {
margin-right : 0;
}
.zoom-desc img {
width : auto;
height : 100px;
}
}
@media screen and (max-width:768px) {
	
.yer .center {
padding : 0 0px;
}
.footer.center {
padding : 0 10px;
}
.copyright .center {
padding : 0 10px;
}
#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 #ddd;
margin-top : -10px;
padding-top : 20px;
}
#footer .footer .alan.kurumsal{
border-bottom : 1px solid #ddd;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left: 0px;
margin-right: 10px;
}
#tabalan a#exit {
display : none;
}#topbar .tel a span {
display : none;
}
#content .alan.paytr {
width:100%;
padding:0px;
margin-left:0;
}
.bankalar i {
color : #666;
float : none;
display : block;
}
.sepetbaslik i {
height : 44px;
line-height : 44px;
}
.sepetbaslik{
font-weight : 500;
}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #aaa;
font-size : 10px;
line-height : 40px;
}
.login, .loginbox {
width : 100%;
padding : 0;
}
.middle {
padding : 10px;
padding-top : 100px;
}
.sayfapage iframe {
top : 0;
right : 0;
width : 100%;
position : relative;
}
.loginbox_in {
max-width : 100%;
}
#mega li.kuryemenu {
float : none;
display : block;
background : #666;
}
#mega li.mobiluser {
float : none;
display : block;
line-height : 40px;
}
#mega li.mobilmenubaslik, #mega li.mobilmenubaslik:hover {
float : none;
display : block;
line-height : 44px;
background : #fcbe01;
}
#mega li.mobilmenubaslik a,#mega li.mobilmenubaslik:hover a{
text-transform : capitalize;
color : #333;
background : #fcbe01;
font-weight : 500;
}
#mega li.mobilhsp {
float : none;
display : block;
}
.center {
padding : 0 5px;
}
.sepetbaslik {
height : 44px;
line-height : 44px;
margin-bottom : -44px;
}
#mobilmenubaslik {
display : block;
height : 44px;
line-height : 44px;
margin-bottom : -44px;
background : red;
}
.mobilmenubaslik i {
margin-top : 7px;
}
#header {
height : 0px;
min-height : 0px;
margin-bottom : 0;
}
#menu {
min-height : 50px;
height : 50px;
background : #fff;
box-shadow : 0 2px 10px 0 rgb(0 0 0 / 0.1);
}
a#mobillogo {
float : left;
margin-left : 40px;
display : block;
width : 192px;
height : 44px;
}
a#mobillogo img {
margin-top : 12px;
height : 25px;
width : auto;
}
a#mobilsearch, a#mobilbasket {
position : absolute;
right : 0;
top : 3px;
display : block;
width : 32px;
height : 30px;
padding : 7px 6px;
text-align : center;
font-weight : normal;
}
a#mobilsearch {
right : 37px;
}
a#mobilbasket span.say {
width : 14px;
height : 14px;
line-height : 14px;
text-align : center;
font-size : 10px;
border-radius : 7px;
display : block;
position : absolute;
color : #fff;
top : 5px;
left : 5px;
background : #3aa521;
}
a#mobilsearch i, a#mobilbasket i {
width : 32px;
height : 30px;
line-height : 30px;
font-size : 25px;
color : #333;
text-align : center;
}
a#mobilmenu {
position : absolute;
left : 0;
top : 0;
display : block;
width : 32px;
height : 30px;
padding : 7px 6px;
text-align : center;
}
a#mobilmenu i {
width : 32px;
height : 30px;
line-height : 30px;
font-size : 30px;
color : #333;
margin-top : 2px;
text-align : center;
display : none;
transition : all 0.2s linear;
}
a#mobilmenu i.ac {
display : block;
}
#header #arama {
float : none;
width : 100%;
height : 80px;
position : absolute;
top : 44px;
left : 0;
padding : 20px;
background : #fff;
display : none;
}
button#clear {
top : 8px;
}
#search {
width : 100%;
top : 60px;
}
#header #arama.goster {
display : block;
}
#header .arama {
max-width : 100%;
height : 80px;
}
#header .arama input.keyword {
margin-top : 0;
}
#header .arama button.ara {
margin-top : 0;
}
#header a#logo, .mega, .m_none, #header #sepet, #lang, #header .tag, .secim {
display : none;
}
.topbanner,.lokasyon {
width : 100%;
}
.lokasyon_in {
background : url(../img/banner2.png) center center no-repeat;
background-size : 100% auto;
}
.mega {
display : block;
position : absolute;
top : -44px;
left : -280px;
width : 280px;
height : 100%;
min-height : 600px;
background : #444;
padding-bottom : 300px;
overflow-x : scroll;
}
#mega li {
float : none;
display : block;
line-height : 40px;
}
#mega li#first {
margin-left : 0;
}
#mega li a {
font-size : 15px;
font-weight : 400;
text-transform : capitalize;
}
#mega li a.grp {
pointer-events : none;
}
#mega li a i {
display : none;
}
#mega li:hover a {
background : #333;
color : #fff;
}
#mega li.active:hover a, #mega li:hover a {
background : #333;
color : #fff;
}
#mega .altmenu {
position : relative;
width : 100%;
padding : 0 0;
box-sizing : border-box;
display : none;
border-top : 1px solid #444;
}
#mega .altmenu_in {
width : 100%;
min-height : 100%;
background : #333;
box-shadow : 0 0 0 0 rgb(0 0 0 / 0);
padding : 5px 15px;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
}
#mega .menu {
float : none;
width : 100%;
min-height : 100%;
}#topbar .sosyal {
    padding-left: 0px;
}
#mega .menu a.tum {
background : none;
width : 100%;
display : block;
font-size : 14px;
line-height : 30px;
padding : 0;
text-transform : capitalize;
}
#mega .menu a.tum:hover {
text-decoration : underline;
}
#mega .menualan {
float : left;
width : 100%;
}
#mega li.active .menualan a, #mega li .menualan a {
width : 100%;
display : block;
font-size : 13px;
line-height : 25px;
padding : 0;
text-transform : capitalize;
color : #fff;
background : none;
}
#mega li .menualan a b {
font-weight : 400;
}
#mega li .menualan a:hover b {
background : none;
color : #fff;
}
#mega .banner {
display : none;
}
#mega #mobilsepet {
display : block;
margin-top : 15px;
line-height : 55px;
}
#mega li#mobilsepet a {
text-transform : capitalize;
font-size : 18px;
}
#mega li#mobilsepet a i {
display : block;
font-size : 35px;
}
#mega li:hover .altmenu #sepetmenu {
position : relative;
display : block;
top : 10px;
right : 0;
margin : 0;
padding : 5px 0;
width : 100%;
background : none;
}
.filtre {
padding : 5px;
display : block;
height : auto;
}
ul#filtre {
list-style : none;
margin : 0;
padding : 0;
}
#filtre li {
float : none;
display : block;
padding-right : 5px;
padding-bottom : 5px;
}
#filtre li i {
float : right;
font-size : 10px;
height : 45px;
line-height : 45px;
margin-left : 10px;
}
#filtre li.goster i.inp {
float : right;
font-size : 10px;
height : 45px;
line-height : 45px;
margin-left : 10px;
transform : rotate(0deg);
color : #fff;
}
#filtre li a {
color : #666;
text-decoration : none;
display : block;
padding : 0 8px;
line-height : 45px;
background : #eee;
border-radius : 5px;
cursor : pointer;
}
#filtre li:hover a {
color : #fff;
background : #fcbe01;
}
#filtre li:hover i {
color : #fff;
}
#filtre .filtremenu {
position : relative;
left : 0;
top : 0;
bottom : 5px;
padding : 2px;
min-width : 170px;
height : auto;
box-sizing : border-box;
display : none;
z-index : 2;
background : #fff;
box-shadow : 0 3px 5px 0 rgb(0 0 0 / 0);
border : #ccc solid 0;
border-radius : 5px;
}
#filtre .filtremenu_in {
max-height : 170px;
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;
border-radius : 5px;
}
#filtre .filtremenu_in::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
#filtre li.goster .filtremenu {
display : block;
}
#filtre li.select {
height : 25px;
padding : 10px;
}
.box.banner {
width : 66.66%;
}
.box.minibanner {
width : 33.33%;
}
.box.minibanner.orta {
width : 50%;
}
.box.urun {
width : 33.33%;
}

.kutu {
display: block;
}
.images {
float : none;
width : 100%;
padding : 5px;
}
.description {
float : none;
width : 100%;
padding : 5px;
}
.description b#baslik {
clear : both;
margin-top : 15px;
}
a.cloud-zoom-gallery {
float : left;
border-radius : 5px;
width : 14%;
height : auto;
overflow : hidden;
padding : 1px;
margin-bottom : 1%;
margin-left : -3px;
border : #fff solid 2px;
}
.zoom-desc img {
width : 100%;
height : auto;
}
img.taksit {
width : 100%;
height : auto;
}
#product-description .product-description, #product-description .other {
width : 100%;
height : auto;
padding : 5px;
box-sizing : border-box;
}
.page_left, .sepet {
width : 100%;
}
.page_left h3 {
display : none;
}
.siparis_in .str {
width : 100%;
}
.siparis {
width : 100%;
padding : 10px 0;
}
.siparis_in {
padding : 10px 5px;
}
.odeme {
width : 100%;
padding : 10px 5px;
box-sizing : border-box;
}
#tabalan {
height : 90px;
border-bottom : 0;
}
#tabs {
margin : 0;
padding : 0;
width : 100%;
height : 80px;
list-style : none;
box-sizing : border-box;
}
#tabs li {
float : left;
width : 33.33%;
position : relative;
box-sizing : border-box;
overflow : hidden;
padding : 5px;
}
#tabs a {
float : left;
width : 100%;
margin-right : 0;
padding : 15px 5px;
height : 68px;
line-height : 30px;
text-decoration : none;
color : #444;
border : rgb(0 0 0 / 0.06) solid 2px;
border-radius : 5px;
background : #eee;
box-sizing : border-box;
display : block;
text-align : center;
font-size : 12px;
}
#tabs a:hover {
background : #fff;
border : #fcbe01 solid 2px;
}
#tabs a:focus {
outline : 0;
}
#tabs #current a, #tabs #current a::after {
background : #fff;
z-index : 3;
color : #fcbe01;
border : #fcbe01 solid 2px;
}
#content .alan {
width : 100%;
padding : 0 5px;
box-sizing : border-box;
}
#content .alan .odeme_alan {
float : left;
width : 100%;
height : auto;
padding-right : 0;
box-sizing : border-box;
}
#content .alan .toplam {
float : left;
width : 100%;
height : auto;
box-sizing : border-box;
border-radius : 5px;
background : #fff;
text-align : center;
line-height : 20px;
padding : 20px 0;
font-size : 18px;
margin-top : 35px;
}
.siparis_satir_str.no {
padding : 0 5px;
width : 20%;
}
.siparis_satir_str.tarih {
padding : 0 5px;
width : 30%;
}
.siparis_satir_str.odeme {
display : none;
}
.siparis_satir_str.tutar {
display : none;
}
.siparis_satir_str.durum {
padding : 0 5px;
width : 50%;
}
.siparis_detay {
padding : 5px;
}
#topbar a.home.left {
display : none;
}
}
@media screen and (max-width:480px) {
.yer a:first-child{display : none;}
#topbar .tel {
float : left;
}
#topbar .tel a {
padding-left : 0;
}
#topbar a.left {
display : none;
}
.description .right #balon {
top : -100px;
}
.box.urun {
height : 290px;
}
.box.urun .box_in {
text-align : center;
}
.box.urun .box_in .kdv {
font-size : 11px;
width : 100%;
text-align : center;
border-top : 1px solid #ddd;
}
.box.urun .box_in .eskifiyat {
display : none;
}
.box.urun .box_in .fiyat {
float : none;
width : auto;
display : inline-block;
margin-left : 0;
margin-right : 0;
text-align : center;
padding-left : 0;
}
.description .container {
font-size : 11px;
overflow : hidden;
}
.product h3 {
font-size : 23px;
}
.description .populer {
display : none;
}
.description span.footer {
display : none;
}
.description span.footer.var {
display : block;
}
.lokasyon,.topbanner {
padding : 5px;
}
.box {
padding : 5px;
}
.box.banner {
width : 100%;
height : auto;
}
.box.banner img {
width : 100%;
height : auto;
}
.box.minibanner.orta {
display : none;
}
.box.minibanner {
width : 50%;
height : auto;
}
.box.minibanner img {
float : left;
width : 100%;
height : auto;
}
.box.urun {
width : 50%;
}
.box.urun .box_in .resimbox {
height : 110px;
}
.box.urun .box_in .resim {
height : 110px;
}
#footer .mobil {
display : none;
}
#footer .sosyal {
padding : 15px 0;
}
#footer .bilgi {
padding : 15px;
box-sizing : border-box;
}
#footer .footer .alan {
width : 50%;
margin-top : 15px;
}
#footer .footer .alan.soz {
display:none;
}
}