/* Compiled Less CSS File */
/* Generated from "style.css" */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic,100,100italic&subset=latin,latin-ext);

@renk1: #2B95D3;
@renk2: #77C04B;
@renk1light: @renk1 + #222;
@renk1dark: @renk1 - #222;
@renk2dark:  @renk2 - #222;

@mavis: #E1F5FF;

.opacity(@deger){ opacity:@deger; -webkit-opacity:@deger; }
.transition(@deger){ transition:@deger; -webkit-transition:@deger; }
.border-radius(@deger){ border-radius:@deger; -webkit-border-radius:@deger; }
.text-shadow(@deger){ text-shadow:@deger; -webkit-text-shadow:@deger; }

body { font-family: 'Roboto', sans-serif; font-size: 14px;  line-height: 1.4; color: #555; }
a { text-decoration: none;  transition: all 0.2s ease-in-out;  color: #666; }
a:hover { color: @renk1; text-decoration: none; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
.bold { font-weight: 700; }
.bold2 {  font-weight: 600; }
.bold3 { font-weight: 500; }
.bosluk10 {  height: 10px; }
.bosluk15 { height: 15px; }
.bosluk20 { height: 20px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.clear { clear: both; }
.f-left {  float: left; }
.f-right { float: right; }
.link { text-decoration: underline; }
.font14 { font-size: 14px;  }
.font11 { font-size: 11px !important; }
.font13 { font-size: 13px !important; }
.font16 { font-size:16px; }
img {  display: block; width: 100%; height: auto; }
p { margin-bottom: 15px; }
.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-20 {  margin-bottom: 20px; }
.m-bottom-30 { margin-bottom: 30px; }
.m-bottom-40 { margin-bottom: 40px; }
.p-right-0 { padding-right: 0; }
.p-left-0 {  padding-left: 0; }
.p-left-5 { padding-left: 5px; }
input,
select,
button,
textarea { font-family: 'Roboto', sans-serif; font-size: 13px; outline:none; .transition(all 0.3s); }
.border { border-bottom: 1px solid #EEE; height: 1px; margin-bottom: 15px; }
.table > thead > tr > th { font-size: 16px; font-weight: 600; }
a.label {  color: #FFF; font-weight: 400; font-size: 11px; border-radius: 0; margin-right: 5px; }
#map { width: 100%;  height: 450px; position: relative; border: 1px solid #CCC;  }
.mobile-select { display: none; }
.center { text-align: center; }
.page-bg { background: #EEE; width: 100%; max-width: 1400px; margin: 0 auto; }
ul.disc { margin-bottom: 15px; }
ul.disc li { list-style-type: disc; margin-left: 15px; }
.btn { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.btn a { color:#FFF; }
.label { border-radius:0em; font-weight:500; }
.panel { border-radius: 0 !important;  }
.table td { vertical-align:middle !important; }
.img-inline { width:auto !important; height:auto; }
.table-16 { font-size: 16px; font-weight: 300; }
.alert { .border-radius(0); }
.breadcrumb { padding: 0; margin-top: -10px; }

.site-top-banner { width: 100%; height: 48px; text-align: center; background: #FABB00; }
.site-top-banner img { margin: 0 auto; width: auto;  }

.header-top { height: 75px; line-height: 75px; background: @renk1; color: #fff; }
.header-top a { color: #fff; }
.header-top .logo { float: left; margin-top: 22px; }
.header-top .arama { float: left; font-size: 22px; }
.header-top .sepet { float: left; font-size: 22px; margin-left: 30px; } 
.header-top .uyelik { float: left; margin-left: 30px; border-left: 1px solid #fff; line-height: 45px; margin-top: 15px; } 
.header-top .uyelik a { margin-left: 20px; font-size: 16px;  }
.header-top .mobile-uyelik { display: none; float: left; margin-left: 30px; padding-left: 30px; border-left: 1px solid #fff; line-height: 45px; margin-top: 15px; position: relative; }
.header-top .mobile-uyelik .uye-menu { display: none; position: absolute; z-index: 320; background: #eee; .border-radius(5px); padding: 15px 20px; line-height: 1.4; right: 0;  } 
.header-top .mobile-uyelik .uye-menu a { color: #555; display: block; padding: 2px 0; }
.header-top .mobile-uyelik .uye-menu a:hover { color: @renk1; }

.header-top .container { position: relative; }

.header-top .search { position: absolute; z-index: 5000; left: 15px; right: 15px; line-height: 1.4; color: #666; display: none;  }
.header-top .search .txt-search { width: 100%; background: #fff; height: 45px; border: none; margin-top: 15px; .border-radius(20px); padding:0 50px; font-size: 16px; }
.header-top .search .btn-search { position: absolute; top: 20px; left: 10px; background: none; border: none; font-size: 20px; color: #888; }
.header-top .search a#search-kapat { position: absolute; top: 22px; right: 15px; font-size: 20px; color: #999; }

.header { height: 65px; line-height: 65px; background: #fff; color: @renk1; position: relative; z-index: 300; }
.header a { color: @renk1; }
.header .menu { float: left; }
.header .menu ul li { float: left; margin-right: 25px;  }
.header .menu ul li a { display: block; font-size: 16px; }
.header .menu ul li i { margin-right: 5px; }
.header .mobile-toggle { display: none; padding: 10px; .border-radius(5px); border: 1px solid @renk1; line-height: 1.4; float: left; margin-top: 12px; cursor: pointer;  }

.header .menu ul li .sub-menu-container { display: none; position: absolute; z-index: 1000; left: 0; right: 0; height: auto; background: #f3f6f9; border-bottom: 1px solid @renk1; }
.header .menu ul li .sub-menu-container .container { padding-top: 20px; padding-bottom: 20px; line-height: 1.4; }
.header .menu ul li .sub-menu-container ul li a { padding: 3px 0; }
.header .menu ul li .sub-menu-container ul li a:hover { color: @renk2; }
.header .menu ul li .sub-menu-container i { color: #fff; font-size: 28px; position: absolute; margin-left: 20px; margin-top: -30px;  }


.header .musteri { float: right; font-size: 26px; }
.header .musteri .icon { float: left; color: @renk2; font-size: 42px; margin-right: 10px; margin-top: 2px; }
.header .musteri .m-hatti { font-size: 30px; font-weight: 600; float: left; line-height: 1.1; margin-top: 12px;  }
.header .musteri .m-hatti span { display: block; font-size: 13px;  }

.mobile-menu { display: none; position: fixed; z-index: 10000; width: 80%; top: 0; bottom: 0; background: #333; }
.mobile-menu .menu-content { overflow-y: scroll; height: 100%;   }
.mobile-menu .menu-content .menu-baslik { padding: 25px; background: #222; color: #BBB; font-size: 24px; }
.mobile-menu .menu-content .menu-baslik .fa-close { float: right; cursor: pointer; }
.mobile-menu .menu-content ul li a { padding: 10px 25px; border-bottom: 1px solid #444; display: block; font-size: 16px; color: #999; font-weight: 300;  }
.mobile-menu .menu-content ul li a:hover { color: #EEE; }
.mobile-menu .menu-content ul li i { width: 25px; }
.mobile-menu .menu-content ul li ul li a { padding-left: 50px; font-size: 14px; }


.slider-bg { background: #F0F3F6; padding-top: 30px; }
.slider-kapsa { position: relative; width: 100%; height: 100%;  overflow: hidden; }
.slider-kapsa .tp-caption { width: 100% !important; left: 0 !important; text-align: center; }
.slider-kapsa .title-top { font-size: 2.6em; color: #FFF; text-shadow: 1px 1px 1px #333; display:block; font-weight: 300; padding: 30px 0 10px;   }
.slider-kapsa .title-bottom { font-size: 1.6em; color: #FFF; text-shadow: 1px 1px 1px #333; display:block; font-weight: 400; padding: 10px 0 25px;  }
.slider-kapsa .btn-slider a { padding: 10px 25px; background: rgba(255,255,255,0.7); border: 1px solid #333; .border-radius(4px); color: #333; }
.slider-kapsa .btn-slider a:hover { color: #333;  }
.slider-kapsa .tparrows { display: none !important; }
.slider-kapsa .tp-bullets.hidebullets { opacity: 1 !important; -webkit-opacity: 1 !important; }

.slider-reklam { height: 362px; background: #fff; padding: 14px; }
.slider-reklam .baslik { height: 85px; font-size: 22px; color: @renk1; padding: 5px 10px; text-align: center; }
.slider-reklam .banner-250 { width: 250px; height: 250px; text-align: center; font-size: 36px; font-weight: 700; color: #999; border: 1px solid #ddd; }

.home-urun-content { background: #F0F3F6; padding-top: 30px;  }
.home-right .image-block { border: 1px solid #ddd; margin-bottom: 20px; }

.sub-header { height: 200px; background: url('../../images/sub-image.jpg') center top no-repeat; position: relative; display: none; }
.sub-header .container { height: 200px; position: relative;  }
.sub-header .sub-text { text-align: center; position: absolute; bottom: 30px; left: 15px; right: 15px; color: #111; } 
.sub-header .sub-text .baslik { font-size: 36px; .text-shadow(1px 1px 3px #fff);  }
.sub-header .sub-text .aciklama { font-size: 18px;  }

.content.sub { background: #F0F3F6; }
.content h1 { color: @renk2; margin-bottom: 15px; }
.content p { font-size: 16px; font-weight: 300;  }
.content .urun-yedek { background: #F0F3F6; padding: 70px 0; text-align: center; }
.content .urun-yedek h2 { color: @renk2; margin-bottom: 20px; font-size: 28px; }
.content .urun-yedek .item { background: #ffF; border: 6px solid @mavis; padding: 20px;   } 
.content .urun-yedek .item .baslik { font-size: 22px; color: @renk2; margin-bottom: 10px;  }
.content .urun-yedek .item .aciklama { font-size: 16px; font-weight: 300;   }
.content .guven .baslik { color: @renk2; margin-top: 70px; font-size: 24px; margin-bottom: 25px; }
.content .guven .aciklama { font-size: 16px; font-weight: 300; margin-bottom: 25px; padding-right: 25px; }
.content .guven .nasil-calisiyor a { display: inline-block; padding: 12px 25px; background: @renk2; color: #fff; font-size: 17px; font-weight: 300; }
.content .ebulten { background:#F0F3F6; padding: 70px 0; text-align:center; color:#111; }
.content .ebulten .baslik {  font-size:32px; font-weight: 300;  }
.content .ebulten .aciklama { margin-bottom:15px; font-weight: 300; font-size: 16px;  }
.content .ebulten .bulten { width:60%; margin:0 auto; position:relative; }
.content .ebulten .bulten .txt-bulten { width:100%; height:50px; border:1px solid @renk1; background:#FFF; padding:0 15px; padding-right:70px; }
.content .ebulten .bulten .btn-bulten { width:60px; height:50px; border:none; background: @renk1; color:#FFF; font-size:28px; position:absolute; top:0; right:0;  }
.content .page-content { margin: 40px 0; background: #fff; padding: 40px; }

.content .full-page { margin: 40px 0; }
.content .full-page.m-bottom-10 { margin-bottom: 10px; }
.content .full-page .haberler .item { border: 6px solid @mavis; padding: 20px; background: #fff; height: 400px; margin-bottom: 30px; }
.content .full-page .haberler .item .image { margin: -20px; margin-bottom: 15px; }
.content .full-page .haberler .aciklama { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } 
.content .full-page .haberler .detay a { color: @renk2; }

.content .full-page .haber-detay { padding: 20px; background-color: #fff; border: 1px solid #ddd; }
.content .full-page .haber-detay .image { float: left; width:30%;  }
.content .full-page .haber-detay .icerik { float: right; width: 68%; }

.content .full-page .nasil .item { border: 6px solid @mavis; padding: 20px; background: #fff; height: 300px; margin-bottom: 30px; }
.content .full-page .nasil .icon { text-align: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.content .full-page .nasil .icon i { color: @renk2; font-size: 66px;  }
.content .full-page .nasil .baslik { font-size: 16px; margin-bottom: 10px;  }
.content .full-page .nasil .aciklama { font-weight: 300; }

.content .full-page .hakkimizda .bg-yesil { height: 250px; margin-bottom: 30px; background: @renk2; color: #fff; padding: 30px; padding-top: 60px; text-align: center; font-size: 18px; font-weight: 300;  }
.content .full-page .hakkimizda .image-h2 { max-height: 738px; overflow: hidden; }
.content .full-page .hakkimizda h3 { color: @renk2; font-size: 18px; }
.content .full-page .hakkimizda .sorular { text-align: center; margin: 40px 0; }
.content .full-page .hakkimizda .sorular .baslik { font-size: 28px; margin-bottom: 5px;  }
.content .full-page .hakkimizda .sorular .aciklama { font-size: 16px; font-weight: 300; margin-bottom: 15px; }
.content .full-page .hakkimizda .sorular .ulasin a { padding: 10px 25px; background: @renk2; color: #fff; font-size: 14px; display: inline-block; .border-radius(5px); }



.content .paketler .item { border: 6px solid @mavis; padding: 20px; text-align: center; }
.content .paketler .item .baslik { font-size: 24px; color: @renk2; padding-bottom: 20px; border-bottom: 1px solid #ddd;  }
.content .paketler .item .tutar { font-size: 32px; font-weight: bold; color: #888; padding: 12px 0; border-bottom: 1px solid #ddd; }
.content .paketler .item .tutar span { font-size: 18px; font-weight: normal; }
.content .paketler .item .ozellik { padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 300; }
.content .paketler .item .ozellik .o-item { padding: 2px 0; }
.content .paketler .item .ozellik .o-item i { color: @renk2; margin-right: 5px; }
.content .paketler .item .satin-al a { padding: 12px 25px; background: @renk2; color: #fff; font-size: 18px; display: inline-block; .border-radius(5px); }
.content .paketler.magaza .item .satin-al a { padding: 12px 25px; background: #aaa; color: #fff; font-size: 18px; display: inline-block; .border-radius(5px); }
.content .paketler.magaza .item { border: 6px solid #aaa; margin-bottom:20px; }
.content .paketler .item.secildi { border: 6px solid @renk2; }
.content .paketler .item.secildi .satin-al a { padding: 12px 25px; background: @renk2; color: #fff; font-size: 18px; display: inline-block; .border-radius(5px); }

.content .magaza-odeme { margin-bottom: 30px; }
.content .magaza-odeme a { padding: 12px 25px; background: @renk2; color: #fff; font-size: 18px; display: inline-block; .border-radius(5px); }

.content .iletisim .baslik  { font-size: 22px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ddd;  }

.content .uye-login { background:@mavis; padding:10px;  }
.content .uye-login .login-baslik { font-size:18px; font-weight:600; padding:10px 20px 20px; }
.content .uye-login .login-icerik { background:#FFF; padding:20px; padding-bottom:1px; }
.content .uye-login .login-icerik .alert { /*margin-bottom:0;*/ }
.content .uye-login .login-icerik .sifremi-unuttum { margin-top:-5px; font-size:12px; color:#004A6F; float:right; }
.content .uye-login .login-icerik span.hatirla {  margin-top:-5px; font-size:12px;  display:block; float:left; margin-bottom:15px; }
.content .uye-login .aciklama { padding:0 20px; margin-bottom:15px; }
.content .login-uye-ol { position:absolute; left:15px; right:15px; bottom:32px; background:rgba(255,255,255,0.8); padding:25px 0; text-align:center; }
.content .login-uye-ol .baslik { font-size:22px;  margin-bottom:5px;  }
.content .login-uye-ol .aciklama { margin-bottom:10px; font-size:14px;   }
.content .login-uye-ol .kayit-ol { text-align:center; }
.content .login-uye-ol .kayit-ol a { background:@renk1; padding:10px 20px; color:#FFF; font-size:16px; display:inline-block;  }

.content .sifre-hatirlatma { background:#fff; padding:50px; padding-left:150px; border:1px solid #DDD;   }
.content .sifre-hatirlatma .icon { float:left; width:150px; height:150px; line-height:150px; text-align:center; background:@renk1; color:#FFF; .border-radius(50%); font-size:88px;   }
.content .sifre-hatirlatma .icerik { margin-left:180px;   }
.content .sifre-hatirlatma .baslik { font-size:26px; font-weight:500; margin-bottom:10px;  }
.content .sifre-hatirlatma .aciklama { padding-bottom:15px; margin-bottom:15px; font-size:16px; border-bottom:1px solid #CCC;   }
.content .sifre-hatirlatma .sifre-icerik { width:70%;  }

.content .firsatlar .firsat-baslik { color:@renk1; font-size:20px; line-height:22px; font-weight:800; margin-bottom:25px;  }
.content .firsatlar .firsat-kolon { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd;   }
.content .firsatlar .firsat-kolon .icon { float:left; width:20%; margin-right:3%; background:@renk1; color:#FFF; height:80px; line-height:80px; text-align:center; font-size:40px; border-radius:5px;  }
.content .firsatlar .firsat-kolon .icon img { padding-right:15px; }
.content .firsatlar .firsat-kolon .icon img.padding { padding-right:25px; }
.content .firsatlar .firsat-kolon .icerik {   float:left; width:75%; }
.content .firsatlar .firsat-kolon .baslik { font-size:14px; color:#111; font-weight:600; margin-bottom:10px;  }

.content .detay-image-slider { position: relative; }
.content .detay-image-slider .mega-foto { position: absolute; right: 0; bottom: 101px; background: rgba(0,0,0,0.5); color: #fff; padding: 8px; font-size: 16px; }
.content .detay-image-slider .ps-current { max-height: 350px !important; overflow: hidden !important; background: #888;  }
.content .detay-image-slider .ps-current ul { max-height: 350px; }
.content .detay-image-slider .ps-current ul li img { width: auto; max-height: 350px; }

.content .sidebar { margin-bottom:40px; }
.content .sidebar .menu .menu-baslik { padding:20px; font-size:22px; font-weight:300; background:@renk2; color:#FFF;  }
.content .sidebar .menu ul li a { padding:10px 20px; font-size:16px; font-weight:300; border-bottom:1px solid #ddd; background: #fff; display:block;   }
.content .sidebar .menu ul li a:hover { color: @renk1; }
.content .sidebar .menu ul li a.active { color: @renk1; }
.content .sidebar .menu ul li.active a { color: @renk1; }

.content .hesabim { background: #fff; padding: 20px; margin-bottom: 40px;  }
.content .hesabim .adresler .adres-baslik { font-size:16px; background:#666; color:#FFF; padding:10px 15px;  }
.content .hesabim .adresler .adres-baslik span { float:right; }
.content .hesabim .adresler .adres-baslik a { font-size:13px; color:#FFF; }
.content .hesabim .adresler .adres-baslik i { margin-right:7px; }
.content .hesabim .adresler .adres-icerik { border:1px solid #DDD; padding:15px; border-top:none; background: #fff; font-size: 14px;  }
.content .hesabim .adresler .adres-icerik p { font-size: 14px; }
.content .hesabim .adresler .isim { font-size:16px; font-weight:600; margin-bottom:10px;  }
.content .hesabim .adresler p { margin-bottom:10px;  }
.content .hesabim .adresler .adres { margin-bottom:30px; }
.content .hesabim .table .siparis-bg { border: 10px solid @mavis; padding: 10px;  }
.content .hesabim .table .gizle { display: none; }
.content .hesabim .magaza-logo { padding: 5px; border: 1px solid #ddd; margin-bottom: 10px; display: inline-block; }
.content .hesabim .magaza-logo img { width: auto; max-width: 200px;  }

.content .sidebar .kategoriler-kapsa { background:#DEE2E5; padding:20px; color:#111;  }
.content .sidebar .kategoriler-kapsa .border { height:1px; border-top:1px solid #BBB; border-bottom:1px solid #FFF; margin:0 -20px;  margin-bottom:15px;  }
.content .sidebar .kategoriler-kapsa i { margin-right:7px; transition:all 0.2s; -webkit-transition:all 0.2s; }
.content .sidebar .kategoriler-kapsa .kategori-grup { margin-bottom:20px; }
.content .sidebar .kategoriler-kapsa .kategori-grup .kategoriler-baslik { font-size:16px; margin-bottom:15px; font-weight:700;  }
.content .sidebar .kategoriler-kapsa .kategori-grup ul.numara li { float:left; width:23%; margin:0% 1%; margin-bottom:5px; }
.content .sidebar .kategoriler-kapsa .kategori-grup ul.numara li a {  height:30px; line-height:30px; text-align:center; background:#FFF; display:block;   }
.content .sidebar .kategoriler-kapsa .kategori-grup ul.menu li { margin-bottom:3px;  }
.content .sidebar .kategoriler-kapsa .kategori-grup ul.menu li a { color:#444; }
.content .sidebar .kategoriler-kapsa .kategori-grup ul.menu li a:hover i { margin-right:10px; }
.content .sidebar .kategoriler-kapsa .daha-fazla { font-size:14px; font-weight:600; position:absolute; z-index:1; bottom:0; background:#DEE2E5; padding-top:10px; cursor:pointer;  }
.content .sidebar .kategoriler-kapsa .daha-fazla i { margin-left:7px;  }
.content .sidebar .kategoriler-kapsa .daha-az { font-size:14px; font-weight:600; background:#DEE2E5; padding-top:10px; cursor:pointer; position:relative; z-index:5;  }
.content .sidebar .kategoriler-kapsa .daha-az i { margin-left:7px;  }
.content .sidebar .kategoriler-kapsa .kategori-grup .kategoriler-icerik { max-height:200px; overflow:hidden; position:relative; }
.content .sidebar .kategoriler-kapsa .kategori-grup .kategoriler-icerik.block { max-height:100%; }

.content .urunler-list .item { height:380px; margin-bottom: 30px; background: #fff; padding: 15px; border: 1px solid #DEE2E5;  }
.content .urunler-list .urun-image { height:180px; overflow:hidden; border:1px solid #DEE2E5; margin-bottom:15px;   }
.content .urunler-list .urun-aciklama { font-size:16px; color:@renk1; margin-bottom:10px; font-weight:500; }
.content .urunler-list .urun-fiyat { font-size:22px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #DEE2E5; margin-bottom:10px;   }
.content .urunler-list .urun-fiyat span { float:right; color:#999; text-decoration:line-through; font-size: 12px; margin-top: 4px; }
.content .urunler-list .urun-fiyat em { font-size:16px; font-weight:400; padding-bottom:10px;  margin-bottom:10px;   }
.content .urunler-list .urun-fiyat i { margin-left:8px; }
.content .urunler-list .urun-sepet a { background:@renk2; padding:10px 20px; color:#FFF; font-size:16px; font-weight:600; display:inline-block;   }

.content .magazalar .item { padding: 15px; background: #FFF; border: 1px dashed #ccc; margin-bottom: 10px; }
.content .magazalar .item a { display: block; }
.content .magazalar .item .logo { width: 150px; border: 1px solid #ddd;  float: left; }
.content .magazalar .item .icerik { margin-left: 165px; } 
.content .magazalar .item .baslik { font-size: 16px; margin-bottom: 5px; color: @renk2; }
.content .magazalar .item .aciklama { font-size: 13px; }

.content .magaza-bilgi { margin-bottom: 30px;  }
.content .magaza-bilgi .magaza-logo { float: left; width: 150px; margin-left: 30px; padding: 5px; background: #fff; border: 1px solid #DDD; margin-top: -75px; position: relative; z-index: 10; margin-right: 25px; }
.content .magaza-bilgi .magaza-adi { font-size: 24px; font-weight: 600; margin-top: 25px;  }

.content .tabs-kapsa .tabs-icerik { border:1px solid #DDD; border-top:none; padding:30px; padding-bottom:0; }
.content .tabs-kapsa .nav-tabs  li a { font-size:16px; border-radius:0; } 
.content .tabs-kapsa .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background:@renk1; border:1px solid @renk1; color:#FFF; }
.content .tabs-kapsa .urunler { border:1px solid #DDD; position:relative; margin-bottom:30px; }
.content .tabs-kapsa .urunler .image { padding:15px 10px; height: 150px; overflow: hidden; }
.content .tabs-kapsa .urunler .marka {  width:64px; float:right; margin-right:10px; margin-top:-10px; /*position:absolute; top:135px; right:10px;*/ }
.content .tabs-kapsa .urunler .marka.yatay {  width:80px; }
.content .tabs-kapsa .urunler .ilan-no { padding:0 10px; font-size:10px; color:#999;  }
.content .tabs-kapsa .urunler .aciklama { padding:10px; padding-top:5px; margin-bottom:5px; }
.content .tabs-kapsa .urunler .fiyat { padding:10px; background:#eee; font-size:18px; font-weight:700; color:#E12500;  }
.content .tabs-kapsa .urunler .fiyat i { font-size:14px; }
.content .tabs-kapsa .urunler .fiyat span { color:#666; font-size:10px; margin-top: 6px; float:right; font-weight:400;}
.content .tabs-kapsa .tab-detay { padding:20px 0 30px; }
.content .tabs-kapsa .tab-detay .detay-image-kapsa { border:1px solid #DDD; background: #fff; margin-bottom: 30px; }
.content .tabs-kapsa .tab-detay .detay-image-kapsa img { padding:20px; }
.content .tabs-kapsa .tab-detay .galeri { margin-bottom:30px; }
.content .tabs-kapsa .tab-detay .galeri img { border:1px solid #DDD; }
.content .tabs-kapsa .tab-detay .yorumlar .yorum { padding:0 15px; }
.content .tabs-kapsa .tab-detay .yorumlar .bg1 { background:#F9F9F9; padding:20px 0; }
.content .tabs-kapsa .tab-detay .yorumlar .bg2 { background:#eee; padding:20px 0; }
.content .tabs-kapsa .tab-detay .yorumlar .isim { font-size:16px; font-weight:600; margin-bottom:3px; }
.content .tabs-kapsa .tab-detay .yorumlar .baslik { font-size:16px; font-weight:600; margin-bottom:10px; }
.content .tabs-kapsa .tab-detay .yorum-ekle { margin-top:20px; }
.content .detay-left { padding-right:15px; }
.content .detay-right { padding-left:15px;  }
.content .detay-right .right-kolon { box-shadow:0 0 5px #BBB; background: #fff; }
.content .detay-right .fiyat { padding:12px; font-size:28px; font-weight:700; color:#E12500; }
.content .detay-right .fiyat i { font-size:16px; }
.content .detay-right .fiyat span { float:right; font-size:12px; color:#666; font-weight:400; }
.content .detay-right .yetkili .baslik { padding:15px; background:#eee; color:#333; font-size:16px;  }
.content .detay-right .yetkili .baslik span.logo { float:left; margin-right:10px; width:50px; display:block;  }
.content .detay-right .yetkili .baslik span.firma-baslik { float:left; margin-top:15px; }
.content .detay-right .yetkili .yetkili-bilgi { padding:0 10px; }
.content .detay-right .yetkili .yetkili-bilgi table td.border-none { border-top:none; }


.content .sepet-adimlari p { font-size: 14px; font-weight: 300;  }
.content .sepet-adimlari .sepet-baslik { font-size:20px; font-weight:400; background:@renk1;; color:#FFF; padding:10px 15px; margin-bottom:15px;  }
.content .sepet-adimlari .sepet-urun-adet { font-size:18px; font-weight:600; color:#333; margin-bottom:15px;}
.content .sepet-adimlari .sepet-tablo img { width:100px; border:1px solid #DDD; margin:inherit;  }
.content .sepet-adimlari .sepet-tablo th { background:#EEE; padding:15px 10px; }
.content .sepet-adimlari .sepet-tablo td { vertical-align:middle; }
.content .sepet-adimlari #adet { float:left;  width:50px; height:40px; line-height:40px; font-weight:600; background:#EEE; text-align:center; font-size:16px;    }
.content .sepet-adimlari .btn-adet { width:20px; height:20px; display:block; font-size:14px; border:none; color:#FFF; background:#888; }
.content .sepet-adimlari .btn-adet:hover { background:@renk2;; }
.content .sepet-adimlari .urun-adi { color:@renk2;; font-size:16px;  }
.content .sepet-adimlari .urun-fiyat { font-size:20px; font-weight:700; color:@renk2;;  }
.content .sepet-adimlari .urun-fiyat i { margin-right:7px; color:#888; font-size:15px; }
.content .sepet-adimlari .sepetten-cikar { float:left; margin-left:10px;    }
.content .sepet-adimlari .sepetten-cikar i {  margin-right:7px;  }
.content .sepet-adimlari .toplam-tutar { float:right; margin-right:10px; font-size:16px;  }
.content .sepet-adimlari .toplam-tutar span { font-size:22px; font-weight:700; color:@renk2;; margin-left:10px;  }
.content .sepet-adimlari .toplam-tutar span.kdv { font-size: 14px; color: #666; font-weight: normal; margin-left: 5px; }
.content .sepet-adimlari .toplam-tutar span i { font-size:16px; margin-right:7px; color:#888;  }
.content .sepet-adimlari .btn-alisverise-devam { float:left; }
.content .sepet-adimlari .btn-alisverise-devam a { padding:10px 15px; border:1px solid #DDD; background:#F5F5F5; font-size:16px; display:block;  }
.content .sepet-adimlari .btn-alisverise-devam i { margin-right:7px; }
.content .sepet-adimlari .btn-devam { float:right; }
.content .sepet-adimlari .btn-devam a { padding:10px 15px; background:@renk2;; color:#FFF; font-size:16px; display:block;  }
.content .sepet-adimlari .btn-devam input { padding:10px 15px; background:@renk2;; color:#FFF; font-size:16px; display:block; border: none; }
.content .sepet-adimlari .btn-devam i { margin-left:7px; }
.content .sepet-adimlari .sepet-site-bilgi { background:#EEE; border:1px solid #DDD; padding:20px;  }
.content .sepet-adimlari .sepet-site-bilgi .bilgi-item { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;    }
.content .sepet-adimlari .sepet-site-bilgi .bilgi-item:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0; }
.content .sepet-adimlari .sepet-site-bilgi .icon { float:left; width:50px; height:50px; line-height:50px; text-align:center; font-size:22px; margin-right:20px; background:@renk2;; color:#FFF; border-radius:50%;  }
.content .sepet-adimlari .sepet-site-bilgi .baslik { font-size:14px; font-weight:700; color:@renk2;; padding-top:5px;  }
.content .sepet-adimlari .sepet-steps { position:relative; }
.content .sepet-adimlari .sepet-steps .border { height:10px; background:#EEE; border:1px solid #DDD; position:absolute; left:15px; right:15px; top:20px;}
.content .sepet-adimlari .sepet-steps .step { text-align:center;  }
.content .sepet-adimlari .sepet-steps .sayi { width:50px; height:50px; line-height:47px; margin:0 auto 10px; background:#EEE; font-size:22px; border:1px solid #DDD; border-radius:50%; -webkit-border-radius:50%; text-align:center;   }
.content .sepet-adimlari .sepet-steps .sayi.active {  background:@renk2;; color:#FFF; border:none;   }
.content .sepet-adimlari .sepet-steps .baslik { font-size:16px; font-weight:600; margin-bottom:3px;  }
.content .sepet-adimlari .sepet-steps .baslik.active {  color:@renk2;; }
.content .sepet-adimlari .adresler .adres-baslik { font-size:16px; background:#666; color:#FFF; padding:10px 15px;  }
.content .sepet-adimlari .adresler .adres-baslik span { float:right; }
.content .sepet-adimlari .adresler .adres-baslik a { font-size:13px; color:#FFF; }
.content .sepet-adimlari .adresler .adres-baslik i { margin-right:7px; }
.content .sepet-adimlari .adresler .adres-icerik { border:1px solid #DDD; padding:15px; border-top:none;  }
.content .sepet-adimlari .adresler .isim { font-size:16px; font-weight:600; margin-bottom:10px;  }
.content .sepet-adimlari .adresler p { margin-bottom:10px;  }
.content .sepet-adimlari .siparis-detayi .detay-baslik { font-size:20px; font-weight:400; background:#888; color:#FFF; padding:10px 15px 5px;  }
.content .sepet-adimlari .siparis-detayi .detay-icerik {  padding:20px; background:#FFF; border:10px solid #888;   } 
.content .sepet-adimlari .siparis-detayi .sepet-item { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DDD; }
.content .sepet-adimlari .siparis-detayi .sepet-item .urun-image { float:left; width:30%;   }
.content .sepet-adimlari .siparis-detayi .sepet-item .urun-bilgi { float:right; width:65%; margin-top:10px;   }
.content .sepet-adimlari .siparis-detayi .sepet-item .urun-adi { margin-bottom:5px;  }
.content .sepet-adimlari .siparis-detayi .sepet-item .urun-fiyati { color:#555; font-size:20px; font-weight:600;  }
.content .sepet-adimlari .siparis-detayi .sepet-item .urun-fiyati i { font-size:16px; margin-right:7px; color:#888; }
.content .sepet-adimlari .siparis-detayi .toplam {  font-size:16px;  }
.content .sepet-adimlari .siparis-detayi .toplam span { padding-left:5px; font-size:22px; color:#555; font-weight:700;   }
.content .sepet-adimlari .siparis-detayi .toplam i { font-size:16px; margin-right:7px; color:#888; }
.content .sepet-adimlari .siparis-detayi span.kdv { font-size: 13px; color: #888; }
.content .sepet-adimlari #taksit { display: none; }
.content .sepet-adimlari #yeni-adres-ekle { display: none; }
.content .sepet-adimlari .yeni-adres { border: 10px solid #eee; padding: 20px; margin-top: 20px; }
.content .sepet-adimlari .alert-font { font-size: 16px;  }
.content .sepet-adimlari .alert-font span.tutar { font-size: 20px; font-weight: bold; }
.content .sepet-adimlari .alert-font span.kdv { font-size: 13px; }

.content .tab-pane { border:1px solid #DDD; border-top:none; padding:15px; background: #fff; }
.content .nav-tabs > li > a { border-radius:0; }
.content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top:3px solid @renk1; }

.content .mobile-filtrele { display: none; color: @renk2; font-size: 16px; padding: 10px; text-align: center; .border-radius(5px); border: 1px solid @renk2; cursor: pointer; margin-bottom: 20px; }

.content .yeni-urun-gonder { padding: 30px; background: #fff;  } 

.content .magaza-acma-kurallari { max-height: 300px; overflow-y: scroll; }
.content .magaza-acma-kurallari .baslik { font-size: 16px; margin-bottom: 15px; }
.content .magaza-acma-kurallari p { font-size: 14px; }


.musteriler { background: @renk1; padding: 40px 0; color: #fff; }
.musteriler .baslik { font-size: 24px; text-align: center; font-weight: 300; margin-bottom: 20px; text-decoration: underline; }

.popup-odeme .uye-kontrol { margin-bottom: 20px; }



.footer { background: #2F3339; padding: 30px 0; color: #BABABA; font-weight: 300; }
.footer a { color: #BABABA; }
.footer a:hover { color: #fff; }
.footer .footer-hakkimizda { float: left; width: 40%; }
.footer .footer-hakkimizda .logo { width: 80px; margin-bottom: 15px; }
.footer .footer-hakkimizda .aciklama { margin-bottom: 15px; }
.footer .footer-hakkimizda .sosyal i { width: 36px; height: 36px; line-height: 36px; font-size: 18px; text-align: center; border: 1px solid #BABABA; .border-radius(50%); margin-right: 5px; }
.footer .footer-hakkimizda .sosyal i:hover { border: 1px solid #fff; }

.footer .footer-right { float: right; }
.footer .footer-menu { float: left; margin-left: 25px; font-size: 13px; }
.footer .footer-menu .title { font-size: 14px; margin-bottom: 5px; font-weight: 400; }

.footer .mobile-footer-menu { display: none; }
.footer .mobile-footer-menu ul { margin-bottom: 5px;  }
.footer .mobile-footer-menu ul li a.title { color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 5px; display: inline-block; }
.footer .mobile-footer-menu ul li ul li a { font-size: 14px; font-weight: 300; padding: 2px 0; display: inline-block;  }

.footer-bottom { background: #000; color: #ccc; font-size: 13px; font-weight: 300; padding: 20px 0;  }
.footer-bottom a { color: #ccc; }
.footer-bottom .copy { float: left; }
.footer-bottom .imza { float: right; } 


label { display: block; margin-bottom: 5px; }
fieldset {  border: 1px solid #DDD; padding: 20px;  margin-bottom: 20px; }
legend { display: inline-block; width: auto;  padding: 0 10px; font-size: 18px; font-weight: 500; margin-top: -2px; margin-left: -10px;  }
.textbox { padding: 10px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.selectbox {  padding: 10px; border: 1px solid #DDD; width: 100%; margin-bottom: 15px; }
.select { padding: 10px; border: 1px solid #DDD; }
.textarea { padding: 10px; border: 1px solid #DDD; width: 100%; height: 120px; margin-bottom: 15px; }
.button {  padding: 10px 25px; background: @renk1; color: #FFF; font-size: 16px; border: none; }
.button:hover { background: @renk2; }
.button i { margin-right: 5px; }
.btn-sepet { padding: 10px 20px; background: @renk1; color: #fff; font-size: 14px; font-weight: bold;  }
.btn-sepet:hover { color: #fff; background: @renk1dark;  }

.popup-baslik {  padding:15px 20px; background:@renk1; color:#FFF; font-size:22px; }
.popup {  width: 700px;  }
.popup .sifremi-unuttum { margin-top:-5px; font-size:12px; color:#004A6F; float:right; }
.popup span.hatirla {  margin-top:-5px; font-size:12px;  display:block; float:left; margin-bottom:15px; }
.popup2 { width:400px;  }
.popup-icerik { padding:20px; background:#FFF; }
.popup .baslik, .popup2 .baslik { padding:15px 20px; background:@renk1; color:#FFF; font-size:18px; font-weight:600; }
.popup .aciklama, .popup2 .aciklama { padding:10px 20px; background:#DDD; } 

.overlay { position: fixed; top:0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); display: none; z-index: 200; }

@media (max-width: 1199px) {
  .slider-kapsa .tp-caption { width: 100% !important; left: 0 !important; }
  .content .guven .baslik { margin-top: 25px;  }
  .content .full-page .hakkimizda .bg-yesil { height: auto; padding-top: 30px; }
  .content .urunler-list .item { height: 400px; }
  .content .urunler-list .urun-sepet a { font-size: 14px; padding: 7px 15px; }
  .content .sifre-hatirlatma { padding-left: 70px; }
  .card-wrapper { display: none; }
}

@media (max-width: 992px) {
  .header .menu-hidden { display: none; }
  .header .mobile-toogle { display: block; }
  .content .guven { padding: 50px 0;  }
  .content .guven .baslik { margin-top: 0; }
  .footer .footer-hakkimizda { display: none; }
  .footer .footer-right { width: auto; display: inline-block; text-align: center; float: none; }
  .footer .footer-right .footer-menu { margin: 0 25px; }
  .footer .container { text-align: center; }
  .content .full-page .hakkimizda .bg-yesil { font-size: 16px; }
  .image-h1 { margin-bottom: 20px; }
  .filtre-hide { display: none; }
  .content .sifre-hatirlatma { padding-left: 50px; }
  .content .sepet-adimlari .sepet-steps .step { margin-bottom: 20px; }
  .content .sepet-adimlari .adresler .adres-icerik { margin-bottom: 20px; }
  .content .detay-left { padding-right:0; margin-bottom: 20px; }
  .content .detay-right { padding-left:0;  }
  .content .mobile-filtrele { display: block; }
}
@media (max-width: 768px) {
	.header-top .uyelik { display: none; }
	.header-top .mobile-uyelik { display: block; }
	.slider-kapsa .title-bottom { display: none; }
	.content .urun-yedek .item { margin-bottom: 20px; }
	.footer { padding: 30px 0 20px; }
	.footer .footer-right { display: none; }
	.footer .mobile-footer-menu { display: block; }
	.footer-bottom .copy { float: none; text-align: center; }
	.footer-bottom .imza { float: none; text-align: center; } 
	.content .guven .nasil-calisiyor { margin-bottom: 20px; }
	.content .ebulten .bulten { width: 100%; }
	.header .menu { display: none; }
	.header .mobile-toggle { display: block; }
	.content .urun-yedek { padding: 40px 0; }
	.content .ebulten { padding: 40px 0; }
	.content .page-content { padding: 20px; }
	.content .paketler .item { margin-bottom: 20px; }
	.content .full-page .haberler .item { height: auto; }
	.content .full-page .nasil .item { height: auto; }
	.content .uye-login { margin-bottom: 20px; }
	.content .sifre-hatirlatma { padding: 20px; }
	.content .sifre-hatirlatma .icon { display: none;   }
	.content .sifre-hatirlatma .icerik { margin-left:0;   }
	.content .sifre-hatirlatma .sifre-icerik { width: 100%; }
}
@media (max-width: 480px) {
	.header-top .mobile-uyelik { margin-left: 15px; padding-left: 15px;  }
	.header-top .sepet { margin-left: 15px; } 
	.header .musteri .icon { display: none; }
	.slider-kapsa .btn-slider { display: none; }
	.content .sepet-adimlari .btn-devam a { padding:7px 10px; font-size:13px;  }
	.content .sepet-adimlari .btn-alisverise-devam a { padding:7px 10px; font-size:13px;  }
}