@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext');
@import url('keyframes.css');
@import url('owl.carousel.css');

::selection {
color : #fff;
background : #d00;
}
::-moz-selection {
color : #fff;
background : #d00;
}
* {
font-family: 'Open Sans', sans-serif;
}
b, strong, h1, h2, h3 {
font-weight : 600;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-size : 13px;
font-weight : 400;
background :#f0f0f0;
}
.center {
margin : 0 auto;
width : 1000px;
}
.clear {
clear : both;
}
.right {
float : right;
}
#slopen,#slclose,#left {
display : none
}
#load {
width : 100%;
height : 100%;
position : fixed;
z-index : 1;
background : url(../img/load.gif) center center no-repeat #f0f0f0;
cursor : pointer;
top : 0;
left : 0;
}
#load.hide {
display : none;
}
#pop {
width : 100%;
height : 100%;
position : fixed;
z-index : 89;
background : url(../img/load.svg) center center no-repeat rgba(0, 0, 0, 0.5);
display : none;
top : 0;
left : 0;
}
#overlay {
width : 100%;
height : 100%;
position : fixed;
z-index : 2;
background : url(../img/load.svg) center center no-repeat rgba(0, 0, 0, 0.5);
display : none;
cursor : pointer;
top : 0;
left : 0;
}
#overlay.open {
display : block;
}
#header {
width : 100%;
min-width : 1000px;
height : 100px;
background :#fff;
position : relative;
z-index : 4;
}
#logo {
float : left;
width : 300px;
height : 100px;
position : relative;
margin-left : -100px;
}
.logo_line {
position : absolute;
width : 100px;
height : 100px;
top : 10px;
background : url(../img/logo_line.png) center  center no-repeat;
transition : all 0.25s linear;
}
.logo {
float : left;
width : 100px;
height : 100px;
margin-top : 10px;
background : url(../img/logo2.png) center  center no-repeat;
transition : all 0.25s linear;
}
#logo:hover .logo {
transition : all 0.25s linear;
}
#logo:hover .logo_line {
animation-name : spin;
animation-duration : 1s;
transition : all 0.25s linear;
}
#logo a b{
position : absolute;
left : 100px;
top : 63px;
font-size : 12.5px;
font-weight : 400;
letter-spacing: -0.4px;
color : #555;
}
.tel{
width : 550px;
height : 40px;
line-height : 40px;
font-size : 12px;
color : #666;
padding-left : 201px;
}
.iframe{
float : right;
width : 230px;
height : 40px;
overflow : hidden;
}
.sepet_hatirlat{
width : 100%;
height : 60px;
line-height : 38px;
border : 1px solid #ddd;
box-sizing : border-box;
padding : 10px;
background : #fbfbfb;
}
.sepet_hatirlat a{
float : right;
font-weight : 600;
font-size : 15px;
text-decoration : none;
}
.icerik_alan a.kare{
float : left;
display : block;
width : 100px;
height : 80px;
border : 1px solid #ddd;
box-sizing : border-box;
padding : 10px;
background : #fbfbfb;
text-align : center;
padding-top : 30px;
text-decoration  :none;
color : #666;
margin-top : 10px;
margin-right : 10px;
font-weight : 600;
transition : all 0.2s linear;
}
.icerik_alan a.kare:hover{
border : 1px solid #d00;
text-decoration  :none;
}
.tel span{
background : url(../img/tel.png) left 10px center no-repeat;
padding-left : 30px;
font-weight : 600;
color : #333;
}
input#arama{
float : left;
width : 555px;
padding : 0 10px;
padding-left : 30px;
height : 40px;
line-height : 40px;
border : 1px solid #ddd;
box-sizing : border-box;
background : url(../img/arama2.png) left 5px center no-repeat #fbfbfb;
color : #333;
border-radius : 3px;
outline : 0;
}
input#arama:focus{
padding : 0 8px;
padding-left : 29px;
line-height : 38px;
border : 2px solid #ccc;
background : url(../img/arama2.png) left 4px center no-repeat #fff;
}
input#ara{
position : absolute;
width : 50px;
height : 30px;
margin : 5px;
margin-left : -55px;
margin-top : 5px;
outline : 0;
border : 0;
padding : 6px 11px;
background : #888;
box-sizing : border-box;
color : #fff;
font-size : 12px;
cursor : pointer;
border-radius : 3px;
transition : all 0.2s linear;
}
input#ara:hover {
background : #d00;
color : #fff;
}
a#hesap,a#sepet{
float : right;
padding : 0 10px;
padding-left : 30px;
height : 40px;
line-height : 40px;
border : 1px solid #ddd;
box-sizing : border-box;
background : url(../img/user.png) left 5px center no-repeat #fbfbfb;
font-weight : 600;
text-decoration : none;
color : #333;
border-radius : 3px;
}
a#sepet{
padding-left : 33px;
background : url(../img/basket.png) left 5px center no-repeat #fbfbfb;
margin-left : 15px;
}
a#hesap:hover{
padding : 0 9px;
padding-left : 30px;
line-height : 38px;
background : url(../img/user.png) left 5px center no-repeat #fff;
border : 2px solid #ccc;
text-decoration : none;
color : #d00;
}
a#sepet:hover{
padding : 0 9px;
padding-left : 32px;
background : url(../img/basket.png) left 4px center no-repeat #fff;
line-height : 38px;
border : 2px solid #ccc;
text-decoration : none;
color : #d00;
}
#markalar {
width : 100%;
height : 70px;
background : #fff;
box-shadow : 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
#markalar a{padding : 5px 0 ;
float : left;
width : 8.2%;
height : 60px;
text-align : center;
display : block;
border-right : 1px solid #ddd;
}
#markalar a:last-child{
border-right : 0;
}
#markalar a:hover{
border-bottom : 2px solid #d00;
}
#markalar a.sec{
background :#f0f0f0;
border-bottom : 0px solid #d00;
cursor : default;
}
#markalar a img{
width : 70%;
}
#menu {
width : 100%;
min-width : 1000px;
height : 34px;
background : url(../img/header_bg.png) #d31e2c;
box-shadow : 0 0 8px 0 rgba(0, 0, 0, 0.25);
padding : 5px 0 ;
position : relative;
z-index : 3;
}
ul#mega {
list-style : none;
margin : 0;
padding : 0;
width : 100%;
}
#mega li {
float : left;
text-transform: uppercase;
}
#mega li.all,#mega li.all:hover {
font-weight : 600;
background : url(../img/menu.png) left 10px center no-repeat rgba(0, 0, 0, 0.15);
padding-left : 22px;
height : 44px;
margin-top : -5px;
margin-right : 5px;
cursor : pointer;
border-radius : 0;
}
#mega li.all a,#mega li.all:hover a{
line-height : 44px;
color : #fff;
padding : 0 10px;
}
#mega li a {
display : block;
line-height : 34px;
text-decoration : none;
color : #fff;
padding : 0 7.5px;
text-shadow : 1px 1px rgba(0, 0, 0, 0.8);
}
#mega li:hover{
background : #fff;
border-radius : 3px;
}
#mega li:hover a {
text-decoration : none;
color : #d00;
text-shadow : 1px 1px rgba(0, 0, 0, 0);
}
.menu{
position : absolute;
left : 0;
margin-top : -491px;
width : 100%;
transition : all 0.25s linear;
}
.menu.open {
margin-top : 20px;
}
.menu_ic {
margin : 0 auto;
width : 1000px;
padding : 5px;
background : #fff;
box-sizing : border-box;
position : relative;
z-index : 2;
}
.menu_ic.golge {
box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.menu_ic .ok{
position : absolute;
width : 22px;
height : 10px;
background : url(../img/ok.png);
margin-top : -15px;
}
.menu_ic .menu_item{
float : left;
width : 16.6%;
box-sizing : border-box;
padding : 5px;
}
.menu_ic .menu_item .altmenu{
width : 100%;
min-height : 150px;
max-height : 230px;
border : 1px solid #ddd;
box-sizing : border-box;
overflow : hidden;
background : #fff;
}
.scrll {
width : 100%;
max-height : 156px;
overflow-x : hidden;
overflow-y : auto;
}
.scrll::-webkit-scrollbar-track {
background-color : #F5F5F5;
}
.scrll::-webkit-scrollbar {
width : 4px;
background-color : #F5F5F5;
}
.scrll::-webkit-scrollbar-thumb {
background-color : #aaa;
}
.menu a{
display : block;
color : #222;
line-height : 25px;
white-space : nowrap;
text-transform: capitalize;
font-weight : 400;
font-size : 12px;
padding : 0 6px;
text-decoration : none;
}
.menu a span{
color : #aaa;
margin-left : 5px;
font-size : 10px;
}
.menu a.ana{
color : #000;
line-height : 35px;
border-bottom : 1px solid #ddd;
font-weight : 600;
font-size : 13px;
background : #fafafa;
padding-left : 6px;
}
.menu a.ana img{
float : left;
margin-top : 6px;
margin-right : 6px;
}
.menu a:hover {
color : #d00;
background : #fafafa;
}
.slogan {
width : 100%;
height : 40px;
line-height : 40px;
color : #fff;
background : #444;
margin : 5px;
margin-left : -5px;
margin-bottom : -5px;
padding : 5px;
}
.slogan form{
margin : 0;
padding : 0;
width : 50%;
float : right;
}
.slogan span{
font-weight : 600;
padding : 2.5px 7.5px;
background : #333;
border-radius : 3px;
border : 1px solid #555;
}
.slogan span:first-child{
margin-left : 5px;
}
.slogan input.arama{
width : 100%;
float : right;
margin : 5px;
outline : 0;
border : 1px solid #444;
padding : 5px 10px;
padding-left : 25px;
background : url(../img/arama.png) left 5px center no-repeat #333;
box-sizing : border-box;
color : #fff;
font-size : 12px;
}
.slogan input::-webkit-input-placeholder {
color: #aaa;
font-size : 12px;
}
.slogan input:-moz-placeholder {
color: #aaa;
font-size : 12px;
}
.slogan input::-moz-placeholder {
color: #aaa;
font-size : 12px;
}
.slogan input:-ms-input-placeholder {  
color: #aaa;
font-size : 12px;
}
.slogan input.ara{
position : absolute;
width : 50px;
right : 5px;
margin : 5px;
outline : 0;
border : 1px solid #444;
padding : 5px 10px;
background : #333;
box-sizing : border-box;
color : #fff;
font-size : 12px;
cursor : pointer;
}
.slogan input.ara:hover{
background : #333;
}
#page {
margin : 20px auto;
width : 1000px;
box-sizing : border-box;
padding : 5px;
min-height : 550px;
background : #fff;
box-shadow : 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.page {
margin : 20px auto;
width : 1000px;
box-sizing : border-box;
min-height : 700px;
}
.kategori_baslik{
width : 100%;
padding : 5px;
margin : -5px;
height : 40px;
background : #666;
}
.kategori_baslik h1{
display : inline-block;
margin : 0;
padding : 5px;
font-size  :17px;
color : #fff;
}
.alt_baslik{
width : 100%;
padding : 5px;
margin : -5px;
margin-bottom : 10px;
background : #fafafa;
border-bottom : 1px solid #ddd;
box-shadow : 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.yer{
width : 100%;
padding : 5px;
margin : -5px;
margin-bottom : 10px;
background : #fafafa;
border-bottom : 1px solid #ddd;
box-shadow : 0 1px 5px 0 rgba(0, 0, 0, 0.1);
height : 35px;
line-height : 35px;
}
.yer a{
float : left;
padding : 0 5px;
text-decoration : none;
color : #333;
}
.yer a:hover{
color : #d00;
}
.kategori_baslik select{
float : right;
margin : 5px;
outline : 0;
border : 1px solid #777;
padding : 0 5px;
height : 25px;
line-height : 24px;
padding-left : 25px;
background : url(../img/sirala.png) left 5px center no-repeat #555;
box-sizing : border-box;
color : #fff;
font-size : 12px;
-webkit-appearance: none;
-moz-appearance: none;
cursor : pointer;
transition : all 0.15s linear;
}
.kategori_baslik select:hover{
background : url(../img/sirala.png) left 5px center no-repeat #eee;
color : #333;
}
.alt_baslik a{
float : left;
display : inline-block;
width : 160px;
padding-left : 26px;
margin : 5px;
height : 30px;
line-height : 30px;
text-decoration : none;
color : #333;
border : 1px solid #eee;
background : url(../img/sec_bg.png) left 7px center no-repeat #fdfdfd;
overflow : hidden;
transition : all 0.1s linear;
}
.alt_baslik a span{
color : #aaa;
margin-left : 5px;
font-size : 10px;
}
.alt_baslik a:hover{
background : url(../img/sec_bg.png) left 7px center no-repeat #fff;
border : 1px solid #ddd;
}
.alt_baslik a.sec{
color : #d00;
background : url(../img/sec_bg1.png) left 7px center no-repeat #fff;
border : 1px solid #ddd;
}
#page.icerik {
background : url(../img/icerik_bg.png) left top repeat-y #fff;
}
#page.icerik .icerik_alan a{
color : #d00;
}
.icerik_menu {
float : left;
margin : -5px;
margin-right : 10px;
padding : 15px 10px;
width : 150px;
min-height : 500px;
}
.icerik_alan {
float : left;
width : 810px;
padding-right : 5px;
}
.icerik_alan h1{
color : #d00;
margin-top : 5px;
padding : 0;
font-size : 20px;
}
.alan {
width : 150px;
border-bottom : 1px solid #ddd;
padding-bottom : 10px;
margin-bottom : 10px;
}
.alan b {
display : block;
font-size : 14px;
text-transform : uppercase;
padding-bottom : 10px;
color : #666;
}
.alan a {
display : block;
line-height : 22px;
text-decoration : none;
color : #333;
}
.alan a.sec,.alan a:hover {
text-decoration : none;
color : #d00;
}
.iform {
float : left;
width : 30%;
padding : 10px;
box-sizing: border-box;
background : #fafafa;
border:1px solid #eee;
}
.iform b{
color : #d00;
font-size : 15px;
}
textarea.ifo{
width : 100%;
box-sizing: border-box;
height : 80px;
line-height : 20px;
padding : 10px;
background :#fff;
border:1px solid #ddd;
margin-top : 12.5px;
outline:0;
color : #333;
transition : all 0.25s linear;
}
input.ifo{
width : 100%;
box-sizing: border-box;
height : 38px;
line-height : 18px;
padding : 10px;
background :#fff;
border:1px solid #ddd;
margin-top : 12.5px;
outline:0;
color : #333;
transition : all 0.25s linear;
}
textarea.ifo:focus,input.ifo:focus{
background :#fff;
border:1px solid #ccc;
box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
input.giris{
float:right;
cursor:pointer;
line-height : 22px;
padding : 10px 15px;
background :#666;
color :#ddd;
border:0;
margin-top : 12.5px;
outline:0;
text-transform: uppercase;
transition : all 0.15s linear;
}
input.giris:hover{
background :#d00;
color :#fff;
}
.bilgialan{
float : left;
width : 70%;
box-sizing : border-box;
position : relative;
}
.login{
float : left;
width : 50%;
height : 400px;
box-sizing : border-box;
padding : 15px;
padding-right: 20px;
}
.yeniuye{
float : right;
width : 50%;
margin-top : -5px;
margin-right : -5px;
height : 400px;
box-sizing : border-box;
background :#fafafa;
padding : 20px;
padding-left: 25px;
border-left : #ddd solid 1px;
border-bottom : #ddd solid 1px;
}
.login b,.yeniuye b{
display : block;
color : #d00;
font-size : 20px;
}
.login span,.yeniuye span{
display : block;
color : #888;
font-size : 14px;
border-bottom : #ddd solid 1px;
padding-bottom: 15px;
}
#slide {
float : left;
margin : 5px;
width : 700px;
height : 380px;
background : #fff;
border : #ddd solid 1px;
}
#urunslide {
float : left;
margin : 5px;
width : 460px;
height : 360px;
background : #fff;
border-radius : 3px;
border : 2px solid #ccc;
margin-bottom : 10px;
overflow : hidden;
}
.flexslider {
width : 100%;
height : 380px;
position : relative;
background : url(../img/load.gif) center center no-repeat #fff;
overflow : hidden;
}
#urunslide .flexslider{
height : 360px;
background : #fff;
}
.flexslider .slides > li {
display : none;
}
.flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : 380px;
display : block;
text-align : center;
}
#urunslide .flexslider .flexresim{
height : 360px;
}
#urunslide .flexslider .flexresim table {
width : 100%;
height : 360px;
border : 0;
padding : 0;
margin : 0;
border-collapse : collapse;
}
#urunslide .flexslider .flexresim table td {
text-align : center;
vertical-align : center;
}
.flexslider .slides, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
.flexslider .flex-direction-nav {
display : none;
}
.flex-control-nav {
position : absolute;
bottom : 15px;
right : 15px;
}
.flex-control-nav li {
float : left;
margin : 3px;
text-indent : -9999px;
}
.flex-control-nav li a {
background : #666;
width : 20px;
height : 20px;
line-height : 30px;
display : block;
cursor : pointer;
border-radius : 3px;
}
.flex-control-nav li a.active {
background : #d00;
cursor : default;
}
#slide2 {
float : left;
margin : 5px;
box-sizing : border-box;
width : 268px;
height : 382px;
padding : 15px;
background : #333;
color :#9d9d9d;
}
#slide2 .kargo,#slide2 .ucretsiz,#slide2 .kart{
font-size : 15px;
text-transform : uppercase;
width : 100%;
padding-top : 2px;
box-sizing : border-box;
padding-left : 60px;
background : url(../img/hizli.png) left top no-repeat;
line-height : 18px;
height : 45px;
color : #ddd;
}
#slide2 .kargo b,#slide2 .ucretsiz b,#slide2 .kart b{
display : block;
font-weight : 600;
font-size : 18px;
color : #ccc;
}
#slide2 .ucretsiz{
background : url(../img/kargo.png) left top no-repeat;
}
#slide2 .kart{
background : url(../img/kart.png) left top no-repeat;
}
#slide2 p{
padding-bottom : 16px;
margin-bottom : 16px;
border-bottom : 1px solid #444;
box-shadow : inset  0 -1px 0 0 #292929;
}
#slide2 p:last-child{
border-bottom : 0;
}
#slide3 {
margin : 5px;
box-sizing : border-box;
width : 980px;
height : 130px;
border : #ddd solid 1px;
background : #fafafa;
color : #444;
clear : both;
overflow : hidden;
padding : 5px;
}
#slide3 .salan{
float : left;
width : 33.3%;
height : 118px;
border-right : 1px solid #ddd;
box-sizing : border-box;
padding : 10px;
}
#slide3 .kargo,#slide3 .ucretsiz,#slide3 .kart{
text-transform : uppercase;
padding-top : 2px;
box-sizing : border-box;
padding-left : 60px;
background : url(../img/hizli.png) left top no-repeat;
line-height : 18px;
height : 45px;
color : #d00;
}
#slide3 .kargo b,#slide3 .ucretsiz b,#slide3 .kart b{
display : block;
font-weight : 600;
font-size : 15px;
}
#slide3 .ucretsiz{
background : url(../img/kargo.png) left top no-repeat;
}
#slide3 hr{
height : 1px;
border : 0;
background : #ddd;
}
#slide3 .kart{
background : url(../img/kart.png) left top no-repeat;
}
#slide3 p{
padding-bottom : 10px;
margin-bottom : 10px;
}
#slide3 .salan:last-child{
border-right : 0;
}
.baslik {
display : block;
padding : 5px;
box-sizing : border-box;
width : 100%;
clear : both;
}
.baslik span {
display : block;
width : 100%;
height : 18px;
border-bottom : 1px solid #aaa;
margin-bottom : 20px;
}
.baslik a {
display : inline-block;
height : 36px;
line-height : 36px;
border : #aaa solid 1px;
padding : 0 10px;
background : #fff;
text-transform : uppercase;
font-weight : 600;
color : #333;
text-decoration : none;
}
.baslik a:hover {
color : #d00;
text-decoration : none;
}
.urunbox {
float : left;
padding : 5px;
width : 20%;
box-sizing : border-box;
height : 276px;
}
.owl-carousel{
padding : 5px;
box-sizing : border-box;
}
.owl-carousel .urunbox {
width : 100%;
padding : 0px;
height : 266px;
}
.urun {
width : 100%;
height : 266px;
background : #fff;
box-sizing : border-box;
padding : 10px;
border : #ddd solid 1px;
position : relative;
transition : all 0.15s linear;
}
.urun:hover {
border : #d00 solid 1px;
}
.urun .resim {
width : 100%;
height : 160px;
background : #fff;
box-sizing : border-box;
text-align : center;
overflow : hidden;
}
.urun .resim table {
width : 100%;
height : 160px;
border : 0;
padding : 0;
margin : 0;
border-collapse : collapse;
}
.urun .resim table td {
text-align : center;
vertical-align : center;
}
.urun .bilgi {
width : 100%;
height : 130px;
box-sizing : border-box;
padding-top : 5px;
}
.urun .bilgi a.baslik {
display : block;
line-height : 20px;
height : 40px;
overflow : hidden;
text-decoration : none;
color : #333;
}
.urun .bilgi a.sepetle {
float : left;
}
.urun .bilgi span.fiyat {
float : left;
margin-top : -25px;
color : #d00;
}
.urun .bilgi span.fiyat b {
font-size : 17px;
font-weight : 600;
}
input.sepetle {
margin-top : 10px;
float : right;
padding : 0 10px;
background : #fbfbfb;
outline : 0;
cursor : pointer;
height : 30px;
line-height : 28px;
border : 1px solid #ddd;
box-sizing : border-box;
font-weight : 600;
color : #333;
transition : all 0.1s linear;
border-radius : 3px;
}
input.sepetle:hover {
background : #d00;
color : #fff;
border : 1px solid #d00;
}
#popic {
position : relative;
margin : 0 auto;
width : 300px;
height : 220px;
background : #fff;
margin-top : 12%;
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.3);
text-align : center;
padding : 30px 50px;
z-index : 2;
border-radius : 3px;
}
#popic b {
font-size : 20px;
font-weight : 400;
display : block;
text-align : center;
color : #41ad49;
}
#tick {
margin : 0 auto;
width : 78px;
height : 78px;
padding : 15px;
box-sizing : border-box;
border-radius : 40px;
background : #41ad49;
margin-bottom : 20px;
}
a.devam {
float : right;
padding : 0 10px;
height : 40px;
line-height : 40px;
border : 1px solid #ddd;
box-sizing : border-box;
background : #fbfbfb;
font-weight : 600;
text-decoration : none;
color : #333;
border-radius : 3px;
margin-left : 15px;
margin-right : 15px;
cursor : pointer;
}
a.devam:hover{
padding : 0 9px;
line-height : 38px;
border : 2px solid #ccc;
text-decoration : none;
color : #d00;
}
input.tamam {
float : right;
padding : 0 10px;
height : 40px;
line-height : 40px;
border : 1px solid #41ad49;
box-sizing : border-box;
background : url(../img/on.png) left 10px center no-repeat #41ad49;
font-weight : 600;
text-decoration : none;
color : #fff;
border-radius : 3px;
margin-left : 10px;
padding-left : 30px;
margin-right : 45px;
cursor : pointer;
}
input.tamam:hover{
background : url(../img/on.png) left 10px center no-repeat #2da036;
}
.aciklama {
float : left;
width : 506px;
height : 357px;
position : relative;
padding : 5px;
}
.aciklama h1 {
color : #d00;
font-size : 22px;
font-weight : 400;
display : block;
margin : 0;
padding : 0;
margin-bottom : 10px;
}
.aciklama a:link, .aciklama a:visited {
float : left;
text-decoration : none;
font : 12px;
color : #d00;
}
.aciklama a:hover {
text-decoration : underline;
color : #d00;
}
.aciklama p {
padding : 15px 0;
}
.sepetleal {
border : #ddd solid 1px;
width : 484px;
padding : 10px;
position : absolute;
bottom : 0;
height : 35px;
}
input.adet {
border : #ddd solid 1px;
outline : 0;
float : left;
height : 35px;
line-height : 35px;
color : #d00;
background : #fff;
background : url(../img/adet.png) left top no-repeat #fff;
font-weight : 400;
width : 80px;
padding-left : 5px;
box-sizing : border-box;
}
input.sepetle2, input.tamamla {
height : 35px;
line-height : 35px;
padding : 0 10px;
float : right;
background : url(../img/sepet.png) left 6px top 6px no-repeat #d00;
text-decoration : none;
padding-left : 40px;
padding-right : 15px;
color : #fff;
font-weight : 400;
text-transform : uppercase;
border : 0;
cursor : pointer;
outline : 0;
transition : all 0.2s linear;
}
 input.tamamla {
float : none;
padding-left : 10px;
padding-right : 10px;
background : #444;
}
input.sepetle2:hover{
background : url(../img/sepet.png) left 6px top 6px no-repeat #666;
}
input.tamamla:hover {
background : #d00;
}
.fiyatbaslik {
width : 60px;
display : inline-block;
float : left;
color : #333;
font-size : 15px;
font-weight : 600;
height : 30px;
line-height : 30px;
margin-right : 10px;
}
.fiyat2 {
display : inline-block;
float : left;
color : #d00;
font-size : 20px;
font-weight : 600;
height : 30px;
line-height : 30px;
}
.aciklamasi {
margin : 5px;
width : 980px;
height : 250px;
border : #ddd solid 1px;
border-top : 2px solid #d00;
box-sizing : border-box;
padding : 10px;
margin-bottom : 10px;
}
#tick img{
animation-name : buyut;
animation-duration : 1s;
}
.sptable {
border-collapse : collapse;
border : 0;
box-sizing : border-box;
background : #fff;
border : 5px solid #fff;
border-bottom:1px solid #ddd;
width : 100%;
margin-top : 5px;
}
.sptable tr:first-child td{
font-weight : 600;
text-transform : uppercase;
font-size : 14px;
line-height :40px;
color : #d00;
}
.sptable tr td{
border-bottom:1px solid #ddd;
padding : 5px 0;
}
.sptable a:link, .sptable a:visited {
float : left;
text-decoration : none;
color : #000;
font-weight : 400;
}
.sptable a:hover {
text-decoration : none;
color : #d00;
}
.delete {
width : 20px;
height : 20px;
background : url(../img/delete.png) center center no-repeat;
border : #ddd solid 2px;
box-sizing : border-box;
}
.delete:hover {
background : url(../img/delete1.png) center center no-repeat;
}
.odemealan {
width : 100%;
padding : 15px 0;
box-sizing : border-box;
}
.adres {
float : left;
box-sizing : border-box;
width : 48%;
margin : 1%;
min-height : 420px;
padding : 10px;
border : #ddd solid 2px;
background : #fff;
}
.fatura {
line-height:20px;
height:20px;
padding : 10px 0;
color : #d00;
margin  :10px 0;
}
.fatura input{
float : left;
margin-top : 4px;
}
.faturax {
display : none;
}
.osec {
float : right;
box-sizing : border-box;
width : 48%;
margin : 1%;
height : 445px;
padding : 10px;
border : #ddd solid 2px;
background : #fff;
}
.odemealan .baslik{
font-weight : 600;
text-transform : uppercase;
font-size : 14px;
color : #d00;
border-bottom : #ddd solid 1px;
padding-bottom : 10px;
margin-bottom : 10px;
}
.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 {
width : 100%;
height : 38px;
line-height : 20px;
padding : 0 10px;
background : #fff;
border : #ddd solid 1px;
margin-top : 5px;
outline : 0;
box-sizing : border-box;
transition : all 0.30s ease-in-out;
}
.insatir input:focus,.insatir select:focus {
background : #fff;
border : #ccc solid 1px;
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.25);
transition : all 0.30s ease-in-out;
}
.insatir textarea {
width : 100%;
height : 60px;
line-height : 18px;
padding : 10px;
background : #fff;
border : #ddd solid 1px;
margin-top : 5px;
margin-bottom : 5px;
outline : 0;
box-sizing : border-box;
transition : all 0.30s ease-in-out;
resize: none;
}
.insatir textarea:focus {
background : #fff;
border : #ddd solid 1px;
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.25);
transition : all 0.30s ease-in-out;
}
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 0px;
font-size:14px;
vertical-align:middle;
cursor:pointer;
border-bottom : 1px solid #ddd;
padding-bottom : 14px;
margin-bottom : 14px;
font-weight : 600;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -53px;
}
label.css-label {
background-image:url(../img/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label.css-label span{
font-size : 12px;
display : block;
font-weight : 300;
}
#sonuc{
width : 100%;
height : 100px;
margin : 10px 0;
display : none;
background : url(../img/load2.gif) top left no-repeat #fff;
}
#sonuc_ic{
width : 100%;
background : #fff;
border : 1px solid #aaa;
background  :#fbfbfb;
padding : 15px;
box-sizing : border-box;
box-shadow : 0 0 5px 2px rgba(0, 0, 0, 0.1);
}
#ok1 {
width : 17px;
height : 9px;
position : absolute;
background : url(../img/ok1.png) top left no-repeat;
margin-top : -24px;
margin-left : -5;
}
#popi2 {
width : 100%;
height : 100%;
position : fixed;
z-index : 9999;
top : 0;
left : 0;
}
#popic2 {
position : relative;
margin : 0 auto;
width : 380px;
height : 240px;
background : #fff;
margin-top : 10%;
box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
text-align : center;
padding : 20px;
}
#popic2.full,#popic2.kart {
position : relative;
margin : 0 auto;
width : 390px;
height : 80%;
background :#fff;
top : 10%;
box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
text-align : center;
box-sizing : border-box;
padding : 20px;
}
#popic2 b.anabaslik {
font-size : 18px;
width : 100%;
display : block;
font-weight : 400;
margin : -20px;
margin-bottom : 15px;
padding-left : 20px;
padding-right : 20px;
color : #fff;
background : #d00;
height  :50px;
line-height :50px;
}
#popic2 b.tutar {
font-size : 15px;
display : block;
text-align : center;
color : #41ad49;
margin : 10px 0;
}
#popic2 p {
margin-bottom : 40px;
}
.bankalar {
width:100%;
background:#fdfdfd;
border:1px solid #ddd;
padding : 10px;
text-align : left;
box-sizing:border-box;
margin-bottom : 15px;
}
.bankalar hr{
height : 1px;
border : 0;
background:#ddd;
margin : 10px 0;
}
.bankalar hr:last-child{
height : 0px;
margin : 0;
}
.xkapa {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url('../img/x.png') center center no-repeat #d00;
}
#maillist {
width : 100%;
height : 60px;
padding : 10px 0;
box-sizing : border-box;
background : #666;
box-shadow : 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
.maillist_baslik {
float : left;
width : 50%;
height : 40px;
line-height : 40px;
color : #eee;
}
.maillist_baslik b {
display : block;
font-size : 14px;
text-transform : uppercase;
color : #fff;
}
.maillist_form {
float : left;
width : 50%;
height : 40px;
position : relative;
}
.maillist_form input.mail {
width : 100%;
box-sizing : border-box;
height : 30px;
line-height :30px;
margin-top : 5px;
padding : 0 15px;
box-sizing : border-box;
border : 1px solid #777;
padding-left : 25px;
background : url(../img/email.png) left 5px center no-repeat #555;
outline : 0;
border-radius : 2px;
color : #fff;
}
.maillist_form input.mail_al {
position : absolute;
width : 60px;
height  :30px;
top : 0;
right : -5px;
margin : 5px;
outline : 0;
border : 1px solid #777;
padding : 5px 10px;
background : #444;
box-sizing : border-box;
color : #fff;
font-size : 12px;
cursor : pointer;
}
.maillist_form input.mail_al:hover {
transition : all 0.2s linear;
background : #333;
}
#footer {
width : 100%;
height : 270px;
background : #fff;
}
.footer {
float : left;
height : 170px;
width : 20%;
}
.footer.sosyal {
float : left;
width : 28%;
}
.footer b {
display : block;
font-size : 14px;
text-transform : uppercase;
padding : 20px 0;
}
.footer a {
display : block;
line-height : 22px;
text-decoration : none;
color : #333;
}
.footer a:hover {
text-decoration : none;
color : #d00;
}
.footer a.icons {
float : right;
box-sizing : border-box;
width : 50px;
height : 50px;
display : block;
border-radius : 50px;
background : #eee;
margin-top : 25px;
margin-left : 12px;
text-align : center;
transition : all 0.5s linear;
}
.footer a.icons .fa {
line-height : 50px;
font-size : 25px;
color : #333;
}
.footer a.icons:hover {
background : #333;
}
.footer a.icons:hover .fa {
color : #fff;
}
.footer a.icons .fa {
line-height : 50px;
font-size : 25px;
color : #333;
}
.footer a.google {
float : right;
width : 130px;
height : 44px;
background : url(../img/uygulama.png);
margin-top : 35px;
}
.footer a.apple {
float : right;
width : 121px;
height : 44px;
background : url(../img/uygulama.png) bottom left;
margin-top : 35px;
margin-left : 40px;
margin-right : 5px;
}
.footer_alt {
width : 100%;
padding : 20px 0;
margin : 20px 0;
height : 80px;
line-height : 20px;
box-sizing : border-box;
border-top : 1px solid #ddd;
}
.footer_alt .banka {
float : left;
width : 500px;
height : 40px;
background : url(../img/bankalar.png);
}
.footer_alt .visa {
float : right;
width : 309px;
height : 40px;
background : url(../img/visa.png);
}
#copyright {
width : 100%;
height : 50px;
line-height : 50px;
background : #eee;
border-top : 1px solid #ccc;
}
a.filnet {
float : right;
margin-top : 15px;
display : block;
width : 22px;
height : 22px;
background : url(../img/filnet.png) top left no-repeat;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 90px;
}
#up {
position : fixed;
bottom : 5px;
right : 5px;
background : #666;
color : #ddd;
padding : 10px;
border-radius : 3px;
cursor : pointer;
opacity : 0;
}
#up.goster {
opacity : 1;
transition : all 0.2s linear;
}
#up.goster:hover {
background : #d00;
color : #fff;
}
@media screen and (max-width:480px) {
#page {
margin-top : 0px;
width : 100%;
overflow : hidden;}
.center {
width : 100%;
}
#urunslide {
height : 360px;
margin : 0px;
width : 100%;
background : #fff;
border : 0px;
border-bottom :1px solid #ddd;;
}
.aciklama {
width : 100%;
height : 400px;
box-sizing : border-box;
padding-bottom : 20px;
}
.sepetleal {
width : 100%;
box-sizing : border-box;
bottom : 10px;
height : 55px;
}
#slide {
margin : 0px;
width : 100%;
height : 200px;
background : #fff;
border : 0px;
}
.flexslider {
height : 200px;
}
.flexslider .flexresim{
height : 200px;
}
.flexslider .flexresim img{
width : 100%;
}
.mbyok,.owl-carousel .owl-controls,#markalar{
display : none;
}
#maillist{
padding : 10px;
box-sizing : border-box;
}
.maillist_form {
width : 100%;
}
.footer {
height : auto;
width : 50%;
box-sizing : border-box;
padding-left : 10px;
}
.footer_alt .visa {
float : right;
width : 100%;
height : 40px;
background : url(../img/visa.png) center center no-repeat;
}
#copyright{
padding : 0 10px;
box-sizing : border-box;
}
a.filnet:hover {
width : 22px;
}
.urun {
width : 100%;
height : 266px;
background : #fff;
box-sizing : border-box;
padding : 5px;
border : #ddd solid 1px;
position : relative;
transition : all 0.15s linear;
}
input.sepetle {
padding : 0 5px;
font-size : 12px;
border-radius : 0;
}
#popic {
padding : 30px;
margin-top : 30%;
}
#header,#menu {
min-width : 100%;
overflow : hidden;
position : relative;
z-index : 87;
}
#header a#hesap{
width : 40px;
padding : 15px;
margin-right : -5px;
margin-top  : 45px;
overflow : hidden;
box-sizing : border-box;
text-indent : -999px;
background : url(../img/user.png) center center no-repeat #fbfbfb;
}
#header a#sepet{
width : 40px;
padding : 15px;
margin-right : 15px;
margin-top  : 45px;
overflow : hidden;
box-sizing : border-box;
text-indent : -999px;
background : url(../img/basket.png) center center no-repeat #fbfbfb;
}
#logo {
width : 200px;
margin-left : 10px;
margin-top : 10px;
}
#logo a b{
left : 0px;
}
.tel{
width : 100%;
height : 30px;
line-height : 30px;
font-size : 12px;
padding-left : 10px;
box-sizing : border-box;
position : absolute;
top : 0;
left : 0;
border-bottom : 1px solid #ddd;
}
#left {
display : block;
width : 100%;
min-height : 100%;
background : #555;
z-index : 86;
position : absolute;
left : -1500px;
top : 0;
box-sizing : border-box;
padding-top : 150px;
}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
margin : 0;
padding : 0;
border : 0;
list-style : none;
font-weight : normal;
text-decoration : none;
position : relative;
}
#cssmenu a {
outline : 0;
line-height : 50px;
padding-left : 10px;
font-size : 16px;
box-sizing : border-box;
color : #ddd;
}
#cssmenu {
width : 100%;
}
#cssmenu > ul > li > a {
display : block;
border-bottom : 1px solid #666;
}
#cssmenu > ul > li > a > span {
display : block;
}
#cssmenu > ul > li > a:hover {
text-decoration : none;
}
#cssmenu > ul > li.active {
border-bottom : none;
}
#cssmenu ul ul {
display : none;
}
#cssmenu ul ul a {
display : block;
background : #444;
border-bottom : 1px solid #555;
padding-left : 20px;
box-sizing : border-box;
text-transform : capitalize;
}
#slopen,#slclose {
display : block;
font-weight : 600;
background : url(../img/menu.png) left 10px center no-repeat;
padding-left : 30px;
height : 49px;
float : left;
text-transform: uppercase;
color : #fff;
line-height : 50px;
margin-top : -10px;
margin-right : 5px;
cursor : pointer;
border-radius : 0;
box-sizing : border-box;
width : 100%;
}
#slclose {
display : none;
}
.alt_baslik a{
width : 48%;
box-sizing : border-box;
margin : 1%;
}
.urunbox {
width : 50%;
height : 276px;
}
.login,.yeniuye {
width : 100%;
height : auto;
}
.yeniuye{
float : left;
margin-top : 0;
margin-right : 0;
border-left : 0;
border-top : #ddd solid 1px;
border-bottom : 0;
}
.adres,.osec {
width : 98%;
height : auto;
}
#popic2 {
position : relative;
margin : 0 auto;
width : 100%;
height : 280px;
background : #fff;
box-sizing : border-box;
margin-top : 20%;
box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
text-align : center;
padding : 15px;
}
#popic2.full,#popic2.kart {
position : relative;
margin : 0 auto;
width : 100%;
height : 90%;
background :#fff;
top : 5%;
box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
text-align : center;
box-sizing : border-box;
padding : 15px;
}
.xkapa {
top: -5px;
}
#page.icerik {
background : #fff;
}
.icerik_alan {
float : left;
width : 100%;
padding-right : 5px;
}
.iframe{
display : none;
}
.aciklamasi {
margin : 0px;
width : 100%;
height : 250px;
border : #ddd solid 1px;
border-top : 2px solid #d00;
box-sizing : border-box;
padding : 10px;
margin-bottom : 10px;
box-sizing : border-box;
}
.iform {
width : 100%;
}
.bilgialan{
width : 100%;
}
.kategori_baslik select{
width  :1px;
position :Absolute;
right :5px;
}
.kategori_baslik h1{
display : inline-block;
margin : 0;
padding : 5px;
font-size  :14px;
color : #fff;
line-height : 30px;
font-weight : 400;
}
}