/* [1] Ortak Siniflar */

.ortala {
    margin: 0px auto
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.pa {
    position: absolute
}

.pr {
    position: relative
}

.pf {
    position: fixed
}

.temizle {
    clear: both;
}

.radius {
    border-radius: 4px;
}

b {
    font-weight: bold;
}

caption, th {
    text-align: left;
}

strong {
    font-weight: bold;
}


/* [2] Katmanlar */

.la {
    z-index: 1
}

.lb {
    z-index: 2
}

.lc {
    z-index: 3
}

.ld {
    z-index: 4
}

.le {
    z-index: 5
}

.lf {
    z-index: 6
}

.lg {
    z-index: 7
}

.lh {
    z-index: 8
}

.li {
    z-index: 9
}

.lj {
    z-index: 10
}

body {
    background: #f6e4b4 url(../images/bg.jpg) no-repeat top center;
    font-family: Arial, Helvetica, sans-serif;
    height: 100% !important;
}

.boyut {
    width: 1170px;
}

#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}


/* loading */

#load {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #282a2a;
    z-index: 1000;
}

#load> img {
    width: 100%;
    height: 100%;
    display: block;
}

#modalEfekt {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #282a2a;
    z-index: 1000;
}

.loader {
    position: absolute;
    top: 39%;
    left: 45%;
}

#modal {
    font-size: 24px;
    color: white;
    text-align: center;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    z-index: 1001;
}

.close {
    position: absolute;
    top: -13px;
    right: -12px;
    font-size: 20px;
    cursor: pointer;
    background: url(../images/modalKapat.png) no-repeat;
    width: 23px;
    height: 28px;
}


/* loading */

#loading {
    width: 150px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-animation: fadeIn 1s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeIn 1s 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeIn 1s 1;
    -o-animation-fill-mode: forwards;
    animation: fadeIn 1s 1;
    animation-fill-mode: forwards;
}

#loading h1 {
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

#loading> img {
    margin-bottom: 30px;
    min-height: 98px;
}

.preloadImg {
    display: none;
}

.wrap {
    -webkit-animation: translate 1000ms infinite ease-in-out alternate, zindex 2000ms infinite ease-in-out;
    -moz-animation: translate 1000ms infinite ease-in-out alternate, zindex 2000ms infinite ease-in-out;
    -o-animation: translate 1000ms infinite ease-in-out alternate, zindex 2000ms infinite ease-in-out;
    animation: translate 1000ms infinite ease-in-out alternate, zindex 2000ms infinite ease-in-out;
    position: absolute;
}

.meyve {
    width: 50px;
    height: 50px;
    background-image: url(../images/loading/1.png);
    background-size: 50px 50px;
    background-position: no-repeat;
    -webkit-animation: scale 1000ms infinite ease-in-out alternate;
    -webkit-animation-delay: -500ms;
    -moz-animation: scale 1000ms infinite ease-in-out alternate;
    -moz-animation-delay: -500ms;
    -o-animation: scale 1000ms infinite ease-in-out alternate;
    -o-animation-delay: -500ms;
    animation: scale 1000ms infinite ease-in-out alternate;
    animation-delay: -500ms;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.meyve:after {
    content: '';
    width: 50px;
    height: 13px;
    background: #262828;
    position: absolute;
    top: 70px;
    border-radius: 50%;
}

#wrap2 {
    -webkit-animation-delay: -1000ms;
    -moz-animation-delay: -1000ms;
    -o-animation-delay: -1000ms;
    animation-delay: -1000ms;
}

#meyve2 {
    background-image: url(../images/loading/2.png);
    -webkit-animation-delay: -1500ms;
    -moz-animation-delay: -1500ms;
    -o-animation-delay: -1500ms;
    animation-delay: -1500ms;
}

#wrap3 {
    -webkit-animation-delay: -1500ms;
    -moz-animation-delay: -1500ms;
    -o-animation-delay: -1500ms;
    animation-delay: -1500ms;
}

#meyve3 {
    background-image: url(../images/loading/3.png);
    -webkit-animation-delay: -2000ms;
    -moz-animation-delay: -2000ms;
    -o-animation-delay: -2000ms;
    animation-delay: -2000ms;
}

#wrap4 {
    -webkit-animation-delay: -2500ms;
    -moz-animation-delay: -2500ms;
    -o-animation-delay: -2500ms;
    animation-delay: -2500ms;
}

#meyve4 {
    background-image: url(../images/loading/4.png);
    -webkit-animation-delay: -3000ms;
    -moz-animation-delay: -3000ms;
    -o-animation-delay: -3000ms;
    animation-delay: -3000ms;
}

@-webkit-keyframes translate {
    100% {
        transform: translateX(100px);
    }
}

@-moz-keyframes translate {
    100% {
        transform: translateX(100px);
    }
}

@-o-keyframes translate {
    100% {
        transform: translateX(100px);
    }
}

@keyframes translate {
    100% {
        transform: translateX(100px);
    }
}

@-webkit-keyframes scale {
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes scale {
    100% {
        transform: scale(1);
    }
}

@-o-keyframes scale {
    100% {
        transform: scale(1);
    }
}

@keyframes scale {
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes zindex {
    25% {
        z-index: 1;
    }
    75% {
        z-index: -1;
    }
}

@-moz-keyframes zindex {
    25% {
        z-index: 1;
    }
    75% {
        z-index: -1;
    }
}

@-o-keyframes zindex {
    25% {
        z-index: 1;
    }
    75% {
        z-index: -1;
    }
}

@keyframes zindex {
    25% {
        z-index: 1;
    }
    75% {
        z-index: -1;
    }
}

@-webkit-keyframes fadeIn {
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    100% {
        opacity: 1;
    }
}


/* yapraklar */

.solYaprak {
    background: url(../images/solYaprak.png) no-repeat;
    width: 79px;
    height: 610px;
    position: fixed;
    left: 0;
    z-index: 9;
}

.sagYaprak {
    background: url(../images/sagYaprak.png) no-repeat;
    width: 64px;
    height: 557px;
    position: fixed;
    right: 0;
    z-index: 9;
}


/* header */

header {}

header .headerTop {
    background: url(../images/topBg.png) no-repeat top center;
    width: 100%;
    height: 57px;
}

header .headerTop .topSol {
    float: left;
    line-height: 54px;
}

header .headerTop .topSol p {
    font-size: 11px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
}

header .headerTop .topSag {
    float: right;
    line-height: 54px;
}

header .headerTop .topSag .telefon {
    background: url(../images/telefonBg.png) no-repeat center;
    width: 94px;
    height: 50px;
    float: left;
    display: block;
    margin-right: 20px;
}

header .headerTop .topSag .telefon a {
    background: url(../images/telefonicon.png) no-repeat left center;
    font-size: 11px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    display: block;
    padding-left: 20px;
    margin-left: 12px;
}

header .headerTop .topSag .topLinkler {
    float: left;
}

header .headerTop .topSag .topLinkler ul {
    margin-left: -20px;
}

header .headerTop .topSag .topLinkler ul li {
    float: left;
    margin-left: 20px;
}

header .headerTop .topSag .topLinkler ul li a {
    font-size: 11px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .headerTop .topSag .topLinkler ul li a:hover {
    color: #fff;
}


/* giris yapildi */

header .headerTop .topSag .giris-yapildi {
    float: left;
    line-height: 54px;
}

header .headerTop .topSag .giris-yapildi> ul {
    float: left;
    margin-left: -20px;
}

header .headerTop .topSag .giris-yapildi ul> li {
    float: left;
    margin-left: 20px;
}

header .headerTop .topSag .giris-yapildi ul> li> a {
    font-size: 11px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
    padding-left: 10px;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .headerTop .topSag .giris-yapildi ul> li> a:hover {
    color: #fff;
}

header .headerTop .topSag .giris-yapildi ul> li> a.login {
    background: url('../images/login.png') no-repeat left center;
    padding-left: 28px;
}

header .headerTop .topSag .giris-yapildi ul> li> a.order {
    background: url('../images/orders.png') no-repeat left center;
    padding-left: 32px;
}


/* giris menu */

#dropdown-1 {
    margin-top: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border: none;
    width: 170px;
}

#dropdown-1:after {
    position: absolute;
    top: -4px;
    left: 10px;
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #282a2a;
    display: inline-block;
}

#dropdown-1 .dropdown-menu {
    border: none;
}

nav#giris-menu {
    background: url(../images/karaTahta.jpg) repeat;
}

nav#giris-menu li {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 20px;
}

nav#giris-menu li:hover a {
    background: #fff;
    color: #282a2a !important;
}

nav#giris-menu li a {
    display: block !important;
    color: #fff !important;
    text-decoration: none;
    line-height: 24px;
    padding: 6px 15px;
    margin: 0;
    white-space: nowrap;
    font-size: 11px;
    font-family: 'kg_ten_thousand_reasons_altRg';
}


/* sepet */

.sepet-urun {
    width: 100%;
    position: relative;
}

.sepet-urun .sepet {
    position: absolute;
    top: -30px;
    right: 0;
}

.sepet-urun .sepet.anasepet {
    position: absolute;
    top: -4px !important;
    right: -8px;
}

.sepet-urun .sepet a {
    background: url(../images/sepet.png) no-repeat left center;
    height: 88px;
    line-height: 88px;
    min-height: 88px;
    display: block;
    z-index: 4;
    position: relative;
    padding-left: 84px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
}

.sepet-urun .sepet a span {
    position: absolute;
    left: 26px;
    top: 6px;
}


/* sepet */

.sepet-bos {
    padding: 20px;
    font-size: 12px;
    font-family: 'kg_turning_tablesregular';
    color: #282a2a;
    text-align: center;
}

.sepet-bos p {
    font-size: 12px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    background: url(../images/sepetBos.png) no-repeat top center;
    padding-top: 64px;
}

nav#sepet-urun {
    float: left;
    width: 100%;
}

nav#sepet-urun ul {
    padding: 10px 20px 20px 20px;
    float: left;
    max-height: 300px;
}

nav#sepet-urun ul li {
    float: left;
    width: 100%;
    border-bottom: 2px dotted #eee;
    padding-bottom: 10px;
    padding-top: 10px;
}

nav#sepet-urun ul li:last-child {
    border: none;
    padding-bottom: 0;
}

nav#sepet-urun ul li .sepet-urun-bilgi {
    float: left;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-resim {
    float: left;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-resim img {
    width: 40px;
    height: 40px;
    border: 2px solid #eee;
    border-radius: 0px;
    max-height: 40px;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-isim {
    float: left;
    width: 200px;
    margin-left: 10px;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-isim a {
    font-size: 12px;
    color: #282a2a;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 6px 0;
    font-family: 'kg_turning_tablesregular';
    line-height: 22px;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-isim a:hover {
    color: #af482f;
}

nav#sepet-urun ul li .sepet-urun-bilgi .sepet-urun-isim p {
    font-size: 11px;
    color: #232323;
}

nav#sepet-urun ul li .sepet-urun-sil {
    float: right;
}

nav#sepet-urun ul li .sepet-urun-sil a {
    background: url(../images/sepet-sil.png) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    text-indent: -9999px;
}

.sepet-repeat {
    width: 100%;
    position: absolute;
    top: -3px;
    left: 0px;
    background: url(../images/sepet-repeat.png) repeat-x bottom left;
    height: 3px;
}

.sepet-urun-alt {
    width: 100%;
    background: #282a2a;
    float: left;
    position: relative;
}

.sepet-urun-alt .sepet-urun-alt-buton {
    padding: 20px;
    float: left;
}

.sepet-urun-alt .sepet-urun-alt-buton a {
    width: 110px;
    height: 34px;
    background: #af482f;
    text-align: center;
    line-height: 34px;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    border-radius: 0px;
    font-size: 11px;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sepet-urun-alt .sepet-urun-alt-buton a:hover {
    background: #fff;
    color: #af482f;
}

.sepet-urun-alt .sepet-toplam {
    height: 32px;
    border: 2px solid #e1e1e1;
    text-align: center;
    line-height: 32px;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    border-radius: 0px;
    font-size: 11px;
    display: block;
    float: right;
    padding: 0 20px 0 20px;
    margin: 20px 20px 20px 0;
}

.sepet-urun-alt .sepet-toplam p {
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    font-family: 'kg_turning_tablesregular';
}

.sepet-urun-alt .sepet-toplam p span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}


/* scroll */

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover, .track3.dragging {
    background: #d9d9d9;
    /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3, .track3.dragging .handle3 {
    width: 10px;
}


/* menu */

header nav#menu {
    float: left;
    width: 100%;
    margin-top: 46px;
}

header nav#menu> ul.sol {
    float: left;
    margin-left: -80px;
}

header nav#menu> ul.sol> li {
    float: left;
    margin-left: 80px;
    position: relative;
    min-height: 80px;
}

header nav#menu> ul.sol> li> a {
    font-size: 14px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    display: block;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 108px;
}

header nav#menu> ul.sol> li> a:hover {
    color: #fff;
}

header nav#menu> ul.sol> li> a.m01 {
    background-image: url(../images/menu/m01.png);
    background-position: center 0;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    text-align: center;
}

header nav#menu> ul.sol> li> a.m01:hover {
    background-image: url(../images/menu/m01.png);
    background-position: center -30px;
}

header nav#menu> ul.sol> li> a.m02 {
    background-image: url(../images/menu/m02.png);
    background-position: center 0;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    text-align: center;
}

header nav#menu> ul.sol> li> a.m02:hover {
    background-image: url(../images/menu/m02.png);
    background-position: center -30px;
}

header nav#menu> ul.sol> li> a.m02.secili {
    background-image: url(../images/menu/m02.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sol> li> a.m02.subSecili {
    background-image: url(../images/menu/m02.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sol> li> a.m03 {
    background-image: url(../images/menu/m03.png);
    background-position: center 0;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    text-align: center;
}

header nav#menu> ul.sol> li> a.m03:hover {
    background-image: url(../images/menu/m03.png);
    background-position: center -30px;
}

header nav#menu> ul.sol> li a.m03.secili {
    background-image: url(../images/menu/m03.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sol> li a.m03.subSecili {
    background-image: url(../images/menu/m03.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sol> li> a.active {
    border-bottom: 5px solid #f9a719;
    padding-bottom: 6px;
}

header nav#menu #logo {
    background: url(../images/logo.png) no-repeat;
    width: 147px;
    height: 98px;
    position: absolute;
    left: 50%;
    right: 0;
    margin-left: -73.5px;
    margin-top: -18px;
}

header nav#menu #logo a {
    display: block;
    height: 98px;
    text-indent: -9999px;
}

header nav#menu> ul.sag {
    float: right;
}

header nav#menu> ul.sag> li {
    float: left;
    margin-left: 80px;
    position: relative;
}

header nav#menu> ul.sag> li> a {
    font-size: 14px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    display: block;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 108px;
}

header nav#menu> ul.sag> li> a:hover {
    color: #fff;
}

header nav#menu> ul.sag> li> a.m04 {
    background-image: url(../images/menu/m04.png);
    background-position: center 0;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    text-align: center;
}

header nav#menu> ul.sag> li> a.m04:hover {
    background-image: url(../images/menu/m04.png);
    background-position: center -30px;
}

header nav#menu> ul.sag> li> a.m04.secili {
    background-image: url(../images/menu/m04.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sag> li> a.m04.subSecili {
    background-image: url(../images/menu/m04.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sag> li> a.m05 {
    background-image: url(../images/menu/m05.png);
    background-position: center 0;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    text-align: center;
}

header nav#menu> ul.sag> li> a.m05:hover {
    background-image: url(../images/menu/m05.png);
    background-position: center -30px;
}

header nav#menu> ul.sag> li> a.m05.secili {
    background-image: url(../images/menu/m05.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sag> li> a.m05.subSecili {
    background-image: url(../images/menu/m05.png);
    background-position: center -30px;
    color: #fff;
}

header nav#menu> ul.sag> li> a.active {
    border-bottom: 5px solid #f9a719;
    padding-bottom: 10px;
}


/* subMenu */

.subMenu {
    background: url(../images/karaTahta.jpg) repeat;
    width: 240px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 80px;
    margin-left: -90px;
    display: none;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.subMenu:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #282a2a;
    border-width: 6px;
    margin-left: -6px;
}

.subMenu li {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.subMenu li:first-child {
    margin-top: 20px;
}

.subMenu li a {
    font-size: 12px;
    color: #fff;
    font-family: 'kg_ten_thousand_reasons_altRg';
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 24px;
}

.subMenu li a.limon {
    background: url(../images/subMenuicon/limonIcon.png) no-repeat top center;
    height: 24px;
    padding-top: 30px;
}

.subMenu li a.greyfurt {
    background: url(../images/subMenuicon/greyfurtIcon.png) no-repeat top center;
    height: 24px;
    padding-top: 30px;
}

.subMenu li a.portakal {
    background: url(../images/subMenuicon/portakalIcon.png) no-repeat top center;
    height: 24px;
    padding-top: 30px;
}

.subMenu li a.mandalina {
    background: url(../images/subMenuicon/mandalinaIcon.png) no-repeat top center;
    height: 24px;
    padding-top: 30px;
}

.subMenu li a.lime {
    background: url(../images/subMenuicon/limeIcon.png) no-repeat top center;
    height: 24px;
    padding-top: 30px;
}

.subMenu li a:hover {
    color: #e76d3c;
}


/* mobil menu */

.content {
    float: left;
    position: relative;
    width: 100px;
    display: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

#admin {
    background: url(../images/vitrinBg.png) repeat;
    width: 90px;
    height: 50px;
    color: #fff;
    border: none;
    padding: 0 0 0 12px;
    line-height: 54px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-family: 'kg_turning_tablesregular';
    cursor: pointer;
    font-size: 14px;
    text-shadow: 0px 3px 2px #000;
}

#settings {
    position: absolute;
    top: 0;
    right: 12px;
    padding: 0 0 0 0;
    border: none;
    outline: none;
    color: #888;
    font-size: 20px;
    cursor: pointer;
}

#settings:hover, #admin:hover {
    color: #f6e4b4;
}

.menuCizgi {
    background: url(../images/menuCizgi.png) no-repeat center;
    width: 24px;
    height: 50px;
}

#mobil-menu {
    display: none;
    position: absolute;
    z-index: 1000000;
    background: url(../images/karaTahta.jpg) repeat;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
    width: 120px;
    margin-top: 10px;
}

#mobil-menu a {
    display: block;
    height: 40px;
    padding: 0 0 0 10px;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    text-align: left;
    font-family: 'kg_turning_tablesregular';
    font-size: 13px;
}

#mobil-menu a:hover {
    color: #f6e4b4;
}

#mobil-menu a:hover> .fa {
    color: #f6e4b4;
}

#firstIcon, #secondIcon, #thirdIcon, #fourthIcon {
    position: absolute;
    margin-top: 10px;
    right: 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.4);
    opacity: 0.7;
}

#firstIcon {
    margin-right: 14px;
}

#secondIcon {
    margin-right: 11px;
}

#thirdIcon {
    margin-right: 11px;
}

#fourthIcon {
    margin-right: 13px;
}

#arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #222;
    margin-left: 15px;
    margin-top: -7px;
}


/* uyeGiris */

.girisSol {
    position: absolute;
    z-index: -1;
    background: url(../images/sagYaprak.png) no-repeat;
    width: 60px;
    height: 302px;
    top: -30px;
    left: -60px;
}

.girisSag {
    position: absolute;
    z-index: -1;
    background: url(../images/solYaprak.png) no-repeat;
    width: 79px;
    height: 320px;
    top: -30px;
    right: -78px;
}

.giris {
    background: url(../images/vitrinBg.png) repeat;
    padding: 40px 0;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6);
}

.giris .girisBaslik {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
}

.giris .girisBaslik:before {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 46px;
    height: 15px;
    left: 0;
    top: 8px;
}

.giris .girisBaslik:after {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 46px;
    height: 15px;
    right: 0;
    top: 8px;
}

.giris .girisBaslik h1 {
    font-size: 22px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    text-shadow: 0px 0px 10px #000;
}

.giris .girisForm input[type=text], .giris .girisForm input[type=password], .giris .girisForm textarea {
    background: url(../images/inputBg.png) no-repeat;
    width: 417px;
    height: 47px;
    border: 0;
    border-radius: 0px;
    line-height: 47px;
    text-indent: 5px;
    font-size: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .1s ease;
    color: #fff;
    margin-top: 6px;
    outline: none;
    font-family: 'kg_ten_thousand_reasons_altRg';
    text-shadow: 0px 0px 10px #000;
}

.giris .girisForm input::-webkit-input-placeholder {
    color: #fff;
    position: relative
}

.giris .girisForm input:-moz-placeholder {
    color: #fff;
    position: relative
}

.giris .girisForm input::-moz-placeholder {
    color: #fff;
    position: relative
}

.giris .girisForm input:-ms-input-placeholder {
    color: #fff;
    position: relative
}

.buton {
    background: url(../images/submitBg.png) no-repeat;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border-color: #ca3333;
    border-width: 0px;
    border-style: solid;
    height: 47px;
    line-height: 2.125em;
    color: white;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    margin-top: 20px;
    width: 417px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    font-size: 14px;
    font-family: 'kg_ten_thousand_reasons_altRg';
    text-align: center;
    box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.5);
}


/* uye giris
#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
display: none;
}

#uyegiris {
width: 637px;
height: 405px;
padding-bottom: 0px;
display:none;
background: url(../images/modalBg.png) no-repeat;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
top: 0 !important;
margin-top: inherit !important;
}

#uyegiris #uyegiris-ic {
	padding: 114px 72px 60px 60px;
}

#uyegiris-ust { text-align: center;margin-bottom: 14px; }

#uyegiris-ust h2 { color: #fff; font-size: 20px; font-family: 'kg_ten_thousand_reasons_altRg'; margin-bottom: 0px !important; }
#uyegiris-ust p { color: #fff;font-size: 14px; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#uyegiris .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#uyegiris .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#uyegiris .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#uyegiris .txt-fld input { width: 244px; padding: 8px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#uyegiris .txt-fld input.good_input { background: #DEF5E1 url(../images/good.png) 236px center no-repeat; }
#uyegiris .txt-fld input.error_input { background: #FDE0E0; }

p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../images/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; }
p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }

.modal_close {
	display:block;
	height:30px;
	width:30px;
	background: url(../images/modal-close.png);
	filter: alpha(opacity=50);
	position: absolute;
	right: 70px;
	top: 112px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.modal_close:hover {
	width: 30px;
	height: 30px;
	background: url(../images/modal-close.png);
	opacity: 1;
	filter: alpha(opacity=50);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#uyegiris-detay {
display: inline-block;
width: 100%;
text-align: center;
}
#uyegiris-detay p {
font-size: 13px;
color: #fff;
padding-top: 20px;
font-family: 'kg_turning_tablesregular';
text-align: center;
display: inline-block;
width: 100%;
}
#uyegiris-detay p a {
font-size: 13px;
color: #f6e4b4;
font-family: 'kg_ten_thousand_reasons_altRg';
background: url(../images/sifremi-unuttum-icon2.png) no-repeat left center;
padding-left: 26px;
}
#uyegiris-detay p a:hover { color: #fff; }
#uyegiris-detay img {
-webkit-border-radius: .1875em;
-moz-border-radius: .1875em;
-ms-border-radius: .1875em;
-o-border-radius: .1875em;
border-radius: .1875em;
}
#uyegiris-detay input[type=text], #uyegiris-detay input[type=password], #uyegiris-detay textarea {
background: url(../images/inputBg.png) no-repeat;
width: 417px;
height: 47px;
border: 0;
border-radius: 0px;
line-height: 47px;
text-indent: 15px;
font-size: 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all .1s ease;
color: #fff;
margin-top: 6px;
outline: none;
font-family: 'kg_ten_thousand_reasons_altRg';
}

#uyegiris-detay input::-webkit-input-placeholder{ color: #fff; position:relative}
#uyegiris-detay input:-moz-placeholder{ color: #fff; position:relative}
#uyegiris-detay input::-moz-placeholder{ color: #fff; position:relative}
#uyegiris-detay input:-ms-input-placeholder{ color: #fff; position:relative}

#uyegiris-detay a.share {
float: left;
margin-top: 14px;
margin-right: 4px;
}

#uyegiris-detay .send-email input[type=submit] {
line-height: 1.66667em;
height: 47px;
}

#uyegiris-detay .send-email input {
display: inline-block;
}

.buton {
background:url(../images/submitBg.png) no-repeat;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border-color: #ca3333;
border-width: 0px;
border-style: solid;
height: 47px;
line-height: 2.125em;
color: white;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
cursor:pointer;
outline: none;
margin-top: 10px;
width: 417px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
font-size:14px;
font-family: 'kg_ten_thousand_reasons_altRg';
text-align: center;
}
*/


/* slider */

#slider {
    position: relative;
    width: 100%;
    height: 407px;
}

#slider .sliderResim {
    margin-left: -18px;
	width: 100%;
}

#slider .sliderYazi {
    background: url(../images/sliderYaziBg.png) no-repeat;
    width: 433px;
    height: 193px;
    position: absolute;
    top: 50%;
    margin-top: -93px;
    margin-left: 106px;
}

#slider .sliderYazi h1 {
    font-size: 43px;
    color: #fff;
    letter-spacing: -2px;
    margin: 40px 0 0 87px;
    line-height: 18px;
    background: url(../images/yaziCizgi.png) no-repeat left bottom;
    display: block;
    padding-bottom: 14px;
}

#slider .sliderPortakal {
    background: url(../images/sliderPortakal.png) no-repeat;
    width: 157px;
    height: 96px;
    position: absolute;
    left: -20px;
    bottom: -7px;
}

#slider .sliderLimon {
    background: url(../images/sliderLimon.png) no-repeat;
    width: 267px;
    height: 170px;
    position: absolute;
    right: 0;
    bottom: -5px;
    right: -20px;
}


/* orta */

.orta {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.orta .ortaSol {
    float: left;
    width: calc(50% - 50px);
    margin-right: 50px;
    position: relative;
}

.orta .ortaSol .ortaResim {
    position: absolute;
    left: 0;
}

.orta .ortaSol .ortaYazi {
    float: left;
    padding-left: 240px;
    padding-top: 10px;
}

.orta .ortaSol .ortaYazi h1 {
    font-size: 18px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    line-height: 20px;
    width: 170px;
    line-height: 24px;
    margin-bottom: 12px;
}

.orta .ortaSol .ortaYazi h2 {
    font-size: 14px;
    color: #ff8b01;
    font-family: 'kg_turning_tablesregular';
    line-height: 20px;
    margin-bottom: 12px;
}

.orta .ortaSol .ortaYazi p {
    font-size: 16px;
    color: #854500;
    font-family: 'kg_turning_tablesregular';
    line-height: 22px;
}

.ortaCizgi {
    background: url(../images/ortaCizgi.png) no-repeat;
    width: 3px;
    height: 170px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    margin-top: -8px;
}

.orta .ortaSag {
    float: right;
    width: calc(50% - 50px);
    margin-left: 50px;
    position: relative;
}

.orta .ortaSag .ortaResim {
    position: absolute;
    left: 0;
}

.orta .ortaSag .ortaYazi {
    float: left;
    padding-left: 240px;
    padding-top: 10px;
}

.orta .ortaSag .ortaYazi h1 {
    font-size: 18px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    line-height: 20px;
    width: 170px;
    line-height: 24px;
    margin-bottom: 12px;
}

.orta .ortaSag .ortaYazi h2 {
    font-size: 14px;
    color: #ff8b01;
    font-family: 'kg_turning_tablesregular';
    line-height: 20px;
    margin-bottom: 12px;
}

.orta .ortaSag .ortaYazi p {
    font-size: 16px;
    color: #854500;
    font-family: 'kg_turning_tablesregular';
    line-height: 22px;
}


/* vitrin */

.vitrin {
    background: url(../images/vitrinBg.png) repeat;
    width: 100%;
    float: left;
    margin-top: 60px;
    position: relative;
}

.vitrinUst {
    background: url(../images/vitrinUst.png) repeat;
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0;
}

.vitrinUst .kucukMandalina {
    background: url(../images/kucukMandalina.png) no-repeat;
    width: 80px;
    height: 57px;
    position: absolute;
    right: 0;
    top: -42px;
	display: none;
}


/* meyveler */

.myv {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.myv-1 {
    background: url('../images/vitrinLime.png');
    width: 159px;
    height: 200px;
    left: -75px;
}

.myv-2 {
    background: url('../images/vitrinLimon.png');
    width: 190px;
    height: 187px;
    left: -80px;
}

.myv-3 {
    background: url('../images/vitrinPortakal.png');
    width: 143px;
    height: 174px;
    right: -80px;
}

.myv-4 {
    background: url('../images/vitrinGreyfurt.png');
    width: 170px;
    height: 192px;
    right: -90px;
}


/* vitrinBaslik */

.vitrinBaslik {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.vitrinBaslik .baslik {
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    padding-left: 191px;
    padding-right: 191px;
    position: relative;
}

.vitrinBaslik .baslik:before {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 178px;
    height: 15px;
    left: 0;
    top: 8px;
}

.vitrinBaslik .baslik:after {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 178px;
    height: 15px;
    right: 0;
    top: 8px;
}


/* tumUrunlerigoster */

.tumUrunlerigoster {
    position: absolute;
    top: 50px;
    right: 30px;
}

.tumUrunlerigoster a {
    background: url(../images/tumUrunlerbg.png) no-repeat;
    width: 164px;
    height: 26px;
    font-size: 11px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    text-align: center;
    display: block;
    line-height: 30px;
}


/* vitrinUrunler */

.vitrin ul {
    margin-top: 45px;
    background: url(../images/vitrinAltCizgi.png) no-repeat bottom center;
    padding-bottom: 55px;
    display: inline-block;
    width: 100%;
}

.vitrin ul:last-child {
    background: none;
}

.vitrin ul.bnone {
    background: none;
}

.vitrin ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    background: url(../images/vitrinAraCizgi.png) no-repeat left center;
}

.vitrin ul li:first-child {
    background: none;
}

.vitrin ul li .urunResim {
    width: 100%;
    height: 134px;
}

.vitrin ul li .urunResim img {}

.vitrin ul li .urunBilgi {
    margin-top: 24px;
}

.vitrin ul li .urunBilgi h1 {
    font-size: 16px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 15px;
}

.vitrin ul li .urunBilgi h2 {
    font-size: 14px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 15px;
}

.vitrin ul li .urunBilgi p {
    font-size: 16px;
    color: #ffbc1d;
    font-family: 'kg_turning_tablesregular';
}

.vitrin ul li .urunBilgi p span {
    font-size: 30px;
}

.vitrin ul li .urunButonlar {
    margin-top: 10px;
}

.vitrin ul li .urunButonlar .sepeteEkle {
    background: url(../images/sepeteEkleButon.png) no-repeat center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 6px;
}

.vitrin ul li .urunButonlar .sepeteEkle a {
    font-size: 11px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    background: url(../images/sepetIcon.png) no-repeat right center;
    padding-right: 20px;
}

.vitrin ul li .urunButonlar .otomatikSiparis {
    background: url(../images/otomatikSiparisButon.png) no-repeat center;
    height: 30px;
    line-height: 30px;
}

.vitrin ul li .urunButonlar .otomatikSiparis a {
    font-size: 11px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
}


/* footer */

footer {
    float: left;
    background: #282a2a;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: 30px;
}

footer:after {
    content: '';
    position: absolute;
    background: url(../images/footerTop.png) no-repeat;
    width: 100%;
    height: 57px;
    top: -57px;
    left: 0;
}

footer .foot {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 200px;
    background: #282a2a;
    position: relative;
    margin-bottom: 10px;
    z-index: 99;
}

footer .foot .foot-sol {
    float: left;
}

footer .foot .foot-sol nav#basliklar {
    margin-left: -100px;
    float: left;
}

footer .foot .foot-sol nav#basliklar ul {
    margin-left: 100px;
    float: left;
}

footer .foot .foot-sol nav#basliklar ul h1 {
    font-size: 16px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 15px;
    text-transform: uppercase;
}

footer .foot .foot-sol nav#basliklar ul li {}

footer .foot .foot-sol nav#basliklar ul li a {
    font-size: 12px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    line-height: 24px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

footer .foot .foot-sol nav#basliklar ul li a:hover {
    color: #f6e4b4;
}

footer .foot .foot-sag {
    float: right;
}

footer .foot .foot-sag .foot-telefon {
    float: right;
}

footer .foot .foot-sag .foot-telefon .telefon-resim {
    float: left;
    margin-right: 20px;
}

footer .foot .foot-sag .foot-telefon .telefon-numara {
    float: left;
    margin-top: 6px;
}

footer .foot .foot-sag .foot-telefon .telefon-numara h1 {
    font-size: 14px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 5px;
}

footer .foot .foot-sag .foot-telefon .telefon-numara h2 {
    font-size: 34px;
    color: #fff;
    letter-spacing: -2px;
}

footer .foot .foot-sag .foot-adres {
    float: right;
    margin-top: 20px;
}

footer .foot .foot-sag .foot-adres p {
    font-size: 14px;
    color: #f6e4b4;
    font-family: 'kg_turning_tablesregular';
}

footer .foot .foot-sag nav#foot-sosyal {
    margin-top: 20px;
    float: right;
}

footer .foot .foot-sag nav#foot-sosyal ul {
    float: left;
    margin-left: -10px;
}

footer .foot .foot-sag nav#foot-sosyal ul li {
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 10px;
}

footer .foot .foot-sag nav#foot-sosyal ul li a {
    display: block;
    height: 32px;
    text-indent: -9999px;
}

footer .foot .foot-sag nav#foot-sosyal ul li.fb {
    background: url(../images/fb.png) no-repeat;
}

footer .foot .foot-sag nav#foot-sosyal ul li.tw {
    background: url(../images/tw.png) no-repeat;
}

footer .footerAlt {
    width: 100%;
    background: url(../images/footerAlt.png) no-repeat;
    height: 74px;
    display: table;
}

footer .footerAlt .footerAltSol {
    float: left;
    display: table-cell;
}

footer .footerAlt .footerAltSol p {
    font-size: 11px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    padding-top: 40px;
}

footer .footerAlt .footerAltSag {
    float: right;
    padding-top: 23px;
}

#iq {
    background: url(../images/iq.png) no-repeat;
    width: 16px;
    height: 62px;
    position: fixed;
    right: 0;
    bottom: 0;
    text-indent: -99999px;
    margin-right: 10px;
    margin-bottom: 20px;
    z-index: 999;
}

#iq a {
    display: block;
    height: 62px;
}


/* icerikSlider */

.icerikSlider {
    position: relative;
    width: 100%;
    height: 237px;
}

.icerikSlider img {
    width: 100%;
    height: auto;
}

.icerikSlider .icerikSliderYazi {
    background: url(../images/icerikSlideryaziBg.png) no-repeat;
    width: 329px;
    height: 140px;
    position: absolute;
    top: 50%;
    margin-top: -70px;
    text-align: center;
    line-height: 140px;
}

.icerikSlider .icerikSliderYazi h1 {
    font-size: 42px;
    color: #fff;
    letter-spacing: -1px;
}


/* icerik */

.icerik {
    float: left;
    width: 100%;
    min-height: 500px;
    background: url(../images/sayfaBg.jpg) repeat;
    margin-top: 30px;
    margin-bottom: 83px;
    position: relative;
    padding-top: 10px;
}

.icerik:before {
    content: '';
    background: url(../images/sayfatopBg.png) epeat;
    width: 100%;
    height: 23px;
    position: absolute;
    top: -23px;
    left: 0;
}

.icerik:after {
    content: '';
    background: url(../images/sayfabottomBg.png) repeat;
    width: 100%;
    height: 23px;
    position: absolute;
    bottom: -23px;
    left: 0;
}

.icerik .icerikMenu {
    float: left;
    width: 260px;
    min-height: 300px;
    background: url(../images/vitrinBg.png) repeat;
    margin-left: -20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}


/* icerikMenuBaslik */

.icerikMenuBaslik {
    width: 100%;
    text-align: center;
}

.icerikMenuBaslik .baslik {
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    padding-left: 56px;
    padding-right: 56px;
    position: relative;
}

.icerikMenuBaslik .baslik:before {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 46px;
    height: 15px;
    left: 0;
    top: 8px;
}

.icerikMenuBaslik .baslik:after {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 46px;
    height: 15px;
    right: 0;
    top: 8px;
}

.icerik .icerikMenu ul {
    padding: 30px;
}

.icerik .icerikMenu ul li {
    padding-bottom: 10px;
}

.icerik .icerikMenu ul li a {
    font-size: 14px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    line-height: 24px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-shadow: 0px 2px 6px #000;
    display: block;
}

.icerik .icerikMenu ul li a.aktif {
    background: url(../images/menuAktif.png) no-repeat;
    line-height: 34px;
    padding-left: 15px;
    text-shadow: 0px 2px 6px #382800;
    margin-left: -15px;
}

.icerik .icerikMenu ul li a:hover {
    color: #f6e4b4;
}


/* icerikYazi */

.icerik .icerikYazi {
    width: 930px;
    display: inline-block;
}

.icerik .icerikYazi.yaziGenis {
    width: 100%;
}

.icerik .icerikYazi .icerikYaziPad {
    padding: 0 30px 30px 30px;
}

.icerik .icerikYazi .icerikYaziPad p {
    font-size: 13px;
    color: #808080;
    line-height: 26px;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 10px;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu ul {
    float: left;
    margin-left: -10px;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu ul li {
    float: left;
    background: url(../images/menuOk.png) no-repeat right center;
    padding-right: 25px;
    margin-left: 10px;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu ul li:last-child {
    background: none;
    padding-right: 0;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu ul li a {
    font-size: 12px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.icerik .icerikYazi .icerikYaziPad .yaziMenu ul li a:hover {
    color: #e76d3c;
}


/* galeri */

.galeri {
    float: left;
}

.galeri ul {
    margin-left: -30px;
    float: left;
}

.galeri ul li {
    width: 140px;
    height: 140px;
    background: url(../images/resimBg.png) no-repeat;
    background-size: 140px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

.galeri ul li a {
    display: block;
}

.galeri ul li img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    padding: 10px;
}


/* numara */

.numara {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    clear: both;
    background: url(../images/vitrinAltBg.png) no-repeat;
    background-size: 100% 58px;
    height: 58px;
    line-height: 58px;
}

.numara ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-left: -10px;
}

.numara li {
    display: inline-block;
    margin-left: 10px;
}

.numara li:first-child {
    margin-left: 0;
}

.numara a {
    line-height: 34px;
    display: inline-block;
    text-decoration: none !important;
    color: #854500 !important;
    font-size: 12px !important;
    border-radius: 100%;
    font-family: 'kg_turning_tablesregular';
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.numara a:first-child, .paginate a.first {
    margin-left: 0;
}

.numara a:last-child, .paginate a.last {
    margin-right: 0;
}

.numara a.more {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 0 none !important;
    background: transparent !important;
    margin-left: 0;
    margin-right: 0;
}

.numara a.active {
    color: #fff !important;
    background: url(../images/noBgAktif.png) no-repeat;
    width: 30px;
    text-shadow: none;
}


/* sertifikalar */

.sertifikalar {
    float: left;
    margin-top: 20px;
}

.sertifikalar ul {
    margin-left: -30px;
    float: left;
}

.sertifikalar ul li {
    width: 140px;
    height: 200px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

.sertifikalar ul li a {
    display: block;
}

.sertifikalar ul li img {
    width: 140px;
    height: 200px;
}


/* iletisim formu */

.iletisim-formu {
    width: 100%;
    background: #fff url(../images/formCizgi.png) repeat-x top;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.07);
}

.iletisim-formu .form {
    position: relative;
    padding: 37px 30px 30px 30px;
}

.iletisim-formu .form .f {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    position: relative;
}

.iletisim-formu .form .f span {
    font-size: 11px;
    color: #888;
    display: block;
    font-family: 'kg_turning_tablesregular';
}

.iletisim-formu .form .f input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    outline: none;
    text-indent: 10px;
    margin-top: 10px;
    padding: 0;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
}

.iletisim-formu .form .f .guvenlik-kodu {
    position: absolute;
    right: 5px;
    top: 30px;
    width: 70px;
}

.iletisim-formu .form #gonder {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    background: #fff;
    ;
    outline: none;
    text-indent: 10px;
    background-color: #282a2a;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    border-radius: 0px;
    font-family: 'kg_turning_tablesregular';
}

.iletisim-formu .form #gonder:hover {
    background: #af482f;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.iletisim-formu .form .f textarea {
    width: 100%;
    height: 100px;
    line-height: 20px;
    border: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    outline: none;
    text-indent: 10px;
    margin-top: 13px;
    padding: 10px 0 0 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
}

.iletisim-formu .form label.error {
    background: #d15941;
    padding: 10px;
    color: #FFF;
    font-size: 11px;
    margin-top: 10px;
    display: block;
    position: relative;
    font-family: 'kg_turning_tablesregular';
}

.iletisim-formu .form label.error:after {
    bottom: 100%;
    left: 4%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(35, 35, 35, 0);
    border-bottom-color: #d15941;
    border-width: 4px;
    margin-left: -4px;
}


/* iletisim */

nav#bilgiler {
    display: inline-block;
    width: 100%;
}

nav#bilgiler ul {}

nav#bilgiler ul li {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 12px;
}

nav#bilgiler ul li:last-child {
    padding: 0;
    margin: 0;
}

nav#bilgiler ul li:last-child {
    border: none
}

nav#bilgiler ul li img {
    float: left;
    margin-right: 20px;
    width: 34px;
}

nav#bilgiler ul li p {
    font-size: 13px;
    color: #808080;
    margin-bottom: 10px;
    line-height: 20px !important;
    padding: 7px 0 0 0 !important;
    margin: 0 !important;
    float: left;
}


/* iletisimHarita */

.iletisimHarita {
    margin-top: 20px;
    float: left;
    position: relative;
}

.iletisimBilgi {
    position: absolute;
    background: #282a2a;
    width: 500px;
    height: 160px;
    left: 50%;
    margin-left: -250px;
    top: -10px;
    display: none;
    border-radius: 0px;
    z-index: 99;
}

.iletisimBilgi:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #282a2a;
    border-width: 6px;
    margin-left: -6px;
}

.iletisimBilgi .iletisimBilgiPad {
    padding: 6px;
}

.haritaFrame {
    width: 100%;
    height: 148px;
}

.iletisimPin {
    left: 50%;
    bottom: 84px;
    margin-left: -10px;
    position: absolute;
    cursor: pointer;
}

.haritaYazi {
    font-size: 11px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    position: absolute;
    display: inline-block;
    top: -50px;
    line-height: 14px;
    text-align: center;
    margin-left: -8px;
}

.haritaPin {
    width: 10px;
    height: 10px;
    border: 5px solid #f6e4b4;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #282a2a;
    z-index: 10;
    position: absolute;
}

.haritaNokta {
    position: absolute;
    height: 50px;
    width: 50px;
    top: -25px;
    left: -25px;
    z-index: 2;
    opacity: 0;
    border: 10px solid rgba(2460, 228, 180, 1);
    ;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: pinflash 2s ease-out;
    -moz-animation: pinflash 2s ease-out;
    animation: pinflash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes "pinflash" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}


/* sikcasorulanSorular */

.itemsContainer {
    margin-top: 10px;
    clear: both;
}

.headlineTitle {
    font-weight: bold;
    padding: 5px 0;
}

.item {
    margin: 0 0 12px 0;
    border-radius: 0px;
}

.itemContents {
    display: none;
    margin: 10px 0 0 0;
    padding: 20px;
    background: url(../images/karaTahta.jpg) repeat;
}

.itemContents p {
    color: #fff !important;
    font-family: 'kg_ten_thousand_reasons_altRg' !important;
    font-size: 12px !important;
}

.itemTitle {
    background: #fff;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 12px;
    color: #808080;
    font-family: 'kg_turning_tablesregular';
    padding-left: 17px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
}

.itemTitle h3 {
    background: url(../images/menuOk.png) no-repeat left center;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.openedContent {
    display: block;
}

.acik {
    background: url(../images/menuOkasagi.png) no-repeat left center !important;
    padding-left: 30px !important;
}


/* genisTahta */

.genisTahta {
    width: 100%;
    height: 500px;
    background: url(../images/vitrinBg.png) repeat;
    margin-bottom: 70px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    text-align: center;
    overflow: hidden;
}

.genisTahta .genisTahtaResim {
    display: inline-block;
}

.genisTahta .genisTahtaAciklama {}

.genisTahta .genisTahtaAciklama h1 {
    font-size: 70px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 20px;
    text-shadow: 0px 2px 10px #000;
}

.genisTahta.bosSepet .genisTahtaAciklama h1 {
    font-size: 60px;
}

.genisTahta .genisTahtaAciklama p {
    font-size: 12px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 20px;
    text-shadow: 0px 2px 6px #000;
}

.genisTahta .genisTahtaAciklama a {
    background: url(../images/sepeteEkleButon.png) no-repeat;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    display: inline-block;
}


/* kayit */

.contactInfo {
    background: #fff;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.07);
    position: relative;
    padding-top: 80px;
}

.contactInfo:after  {
    content: '';
    position: absolute;
    left: -23px;
    right: 0;
    top: 0;
    background: url(../images/tente.png) no-repeat;
    width: 920px;
    height: 76px;
    background-size: 920px;
}

.contactInfo.tenteBuyuk {
    padding-top: 0px;
}

.contactInfo.tenteBuyuk:after {
    content: '';
    position: absolute;
    left: -23px;
    right: 0;
    top: 0;
    background: none;
    width: 920px;
    height: 76px;
    background-size: 920px;
}

#addButton {
    background: #ff8b01;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 5px 0;
    outline: none;
    -webkit-appearance: none;
    font-weight: 500;
    font-family: 'kg_turning_tablesregular';
    border: 0;
}

#removeButton {
    background: #bea366;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
    font-weight: 500;
    font-family: 'kg_turning_tablesregular';
    border: 0;
    display: none;
}


.GeneralForm {
    display: block;
    border: none;
    clear: both;
    padding: 0;
    margin: 0px;
    min-width: inherit;
}

.GeneralForm {
    font-size: 12px;
    color: #888;
    font-family: 'kg_turning_tablesregular';
    padding: 30px;
    display: block;
}

.GeneralForm .SectionText {
    padding-bottom: 20px;
    font-size: 11px;
    color: #282a2a;
}

.GeneralForm .formTable {
    width: 100%;
}

.GeneralForm .formTable tr {
    text-align: left;
    vertical-align: top;
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%;
}

.GeneralForm .formTable tr td {
    padding: 4px 0;
    width: 100%;
    position: relative;
    display: inline-block;
}

.guvenlik-kodu {
    position: absolute;
    right: 0;
    top: 11px;
    width: 70px;
}

.GeneralForm .formTable label {
    display: block;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.chck {
    position: relative;
    top: -7px;
}

.GeneralForm .formTable label.error {
    background: #d15941;
    padding: 10px;
    color: #FFF;
    font-size: 11px;
    margin-top: 10px;
    display: block;
    position: relative;
    font-family: 'kg_turning_tablesregular';
}

.GeneralForm .formTable label.error:after {
    bottom: 100%;
    left: 4%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(35, 35, 35, 0);
    border-bottom-color: #d15941;
    border-width: 4px;
    margin-left: -4px;
}

.GeneralForm .formTable input {
    padding: 4px;
    border: 1px solid #e1e1e1;
    width: 100%;
    font-size: 12px;
    border-radius: 0px;
    background: transparent;
    height: 26px;
    outline: none;
    text-indent: 6px;
    color: #808080;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
}

.GeneralForm .formTable textarea {
    overflow: auto;
    padding: 4px;
    border: 1px solid #e1e1e1;
    border-radius: 0px;
    width: 100%;
    font-size: 12px;
    font-family: Arial;
    background: none;
    height: 92px;
    outline: none;
    box-shadow: none;
    text-indent: 6px;
    color: #808080;
}

.GeneralForm .formTable .konu {}

.GeneralForm .formTable .btn {
    border: 0;
}

.GeneralForm .formTable .btn input {
    width: auto;
}

.GeneralForm .formTable textarea.error, .GeneralForm .contactForm select.error, .GeneralForm .contactForm input.error {
    background: #f3fbfd;
}

.GeneralForm .formTable .radio {
    padding: 0px;
    background: none;
    border: none;
    width: 20px;
    font-size: 12px;
}

.GeneralForm .formTable .konu {
    border-radius: 0px;
}

.GeneralForm .formTable input.focus {
    background: #FFFBE3;
}

.GeneralForm .formTable input.guvenlikKod {
    width: 144px;
    font-size: 12px;
    font-weight: bold;
    float: left;
    border-radius: 0px;
    margin: 3px 0 0 10px;
}

.GeneralForm .formTable .check {
    width: 15px;
    display: block;
    height: 21px;
    float: left;
    margin: 0 8px 0 0;
    border: 0;
    background: none;
}

.GeneralForm .formTable select {
    background: url(../images/menuOkasagi.png) no-repeat right 10px center;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    width: 100%;
    font-size: 12px;
    padding: 4px;
    height: 38px;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    text-indent: 4px;
    border-radius: 0px;
    color: #808080;
}

.GeneralForm .formTable select.error {
    background-color: #faebe7!important;
    border: 1px dashed #ca3333 !important;
    color: #000 !important;
}

.GeneralForm .formTable input.error {
    background-color: #faebe7!important;
    border: 1px dashed #ca3333 !important;
    color: #000 !important;
}

.GeneralForm .formTable .yildizGerekli {
    color: #f00;
    display: inline-table;
    margin-left: 5px;
}

.GeneralForm .formTable .smallText {
    font-weight: normal;
    font-size: 10px;
    margin: 10px 0 0;
    clear: both;
}

.GeneralForm .formTable .security_image {
    border: 2px solid #e1e1e1;
    float: left;
    border-radius: 0px;
}

.GeneralForm .actionBgLeft {
    background: url(../images/butonsol.png) no-repeat right top;
    padding: 0 0 0 12px;
    float: right;
    margin: 10px 24px 0 0;
}

.GeneralForm .actionBgLeft .actionBgRight {
    background: url(../images/butonsag.png) no-repeat right top;
    height: 24px;
    padding: 4px 12px 0 0;
    font-weight: bold;
    float: right;
}

.GeneralForm .actionBgLeft .actionBgRight a {
    color: #fff;
}

.GeneralForm .actionBgLeft .actionBgRight a:hover {
    color: #fff;
}

.GeneralForm .actionBgLeft .actionBgRight input {
    background: none;
    color: #fff;
    border: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

.harita {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    border-radius: 0px;
}

.btn {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #282a2a;
    -webkit-appearance: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    outline: none;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    font-family: 'kg_turning_tablesregular';
}

.btn:hover {
    background: #af482f;
    -webkit-appearance: none;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}


/* password */

.strength_meter {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 100%;
    height: 36px;
    z-index: 0;
    border-radius: 0px;
    padding-right: 0px;
}

.button_strength {
    text-decoration: none;
    color: #FFF;
    font-size: 13px;
    display: none;
}

.strength_meter div {
    width: 0%;
    height: 36px;
    text-align: right;
    color: #000;
    line-height: 36px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 0px;
    border-radius: 0px;
}

.strength_meter div p {
    position: absolute;
    top: 8px;
    right: 15px;
    color: #f00 !important;
    font-size: 11px !important;
    padding-bottom: 0 !important;
}

.veryweak {
    background-color: #FFA0A0;
    border-color: #F04040!important;
    width: 25%!important;
}

.weak {
    background-color: #FFB78C;
    border-color: #FF853C!important;
    width: 50%!important;
}

.medium {
    background-color: #FFEC8B;
    border-color: #FC0!important;
    width: 75%!important;
}

.strong {
    background-color: #C3FF88;
    border-color: #8DFF1C!important;
    width: 100%!important;
}


/* hesap */

nav#hesap {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

nav#hesap ul {
    float: left;
    margin-left: -30px;
    margin-top: -30px;
}

nav#hesap ul li {
    float: left;
    width: 420px;
    height: 332px;
    background: url(../images/hesapBg.png) no-repeat;
    box-shadow: 0px -12px 12px -14px rgba(0, 0, 0, 0.3);
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    background-size: 420px;
	display: table;
}

nav#hesap ul li a {
    display: block;
    min-height: 100%;
    width: 100%;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

nav#hesap ul li .hesap-resim {
    text-align: center;
}

nav#hesap ul li .hesap-resim img {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
}

nav#hesap ul li .hesap-baslik {
    margin-top: 20px;
    text-align: center;
}

nav#hesap ul li .hesap-baslik p {
    font-size: 22px !important;
    color: #282a2a !important;
    text-shadow: 0px 2px 0px #fff;
    display: block !important;
    min-height: 100%;
    line-height: 38px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px 0 20px !important;
}


/* URUNLER */

#urunler {
    width: 100%;
    height: auto;
}

.baslikUrun {
    float: right;
}

.baslikUrun h1 {
    float: left;
}

.baslikUrun .siralama {
    width: auto;
    float: right;
}

.baslikUrun .siralama .kat {
    width: 34px;
    height: 30px;
    background: #dc791b url(../images/icon-kare.png) no-repeat center center;
    border: 2px solid #dc791b;
    float: left;
    cursor: pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.baslikUrun .siralama .kat:hover, .baslikUrun .siralama .kataktif {
    width: 34px;
    height: 30px;
    background: url(../images/icon-kare2.png) no-repeat center center;
    border: 2px solid #dc791b;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.baslikUrun .siralama .liste {
    width: 34px;
    height: 30px;
    background: #dc791b url(../images/icon-list.png) no-repeat center center;
    border: 2px solid #dc791b;
    float: left;
    margin: 0px 10px 0 5px;
    cursor: pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.baslikUrun .siralama .liste:hover, .baslikUrun .siralama .listeaktif {
    width: 34px;
    height: 30px;
    background: url(../images/icon-list2.png) no-repeat center center;
    border: 2px solid #dc791b;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.baslikUrun .siralama .drpSiralama {
    background: #fff url(../images/menuOkasagi.png) no-repeat right 10px center;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    width: 140px;
    font-size: 12px;
    padding: 4px;
    height: 34px;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    text-indent: 4px;
    color: #808080;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.06);
}

#urunler .urun-vitrin {
    width: 100%;
    float: left;
    margin-left: -20px;
    margin-top: -20px;
}

#urunler .urun-vitrin .urun {
    position: relative;
    width: calc(33.3% - 20px);
    height: 350px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.04);
}

#urunler .urun-vitrin .urun:hover {
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
}

#urunler .urun-vitrin .urun.otoUrun {
    height: 410px;
}

#urunler.ilgiliUrunler {
    margin-bottom: 30px;
    margin-top: 10px;
    float: left;
    text-align: left;
}

#urunler.ilgiliUrunler h1 {
    font-size: 24px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 20px;
    line-height: 34px;
    text-align: center;
}

#urunler.ilgiliUrunler .urun-vitrin .urun {
    position: relative;
    width: calc(25% - 20px);
    height: 350px;
    float: left;
    margin-top: 20px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.09);
}

#urunler.ilgiliUrunler .urun-vitrin .urun .uresim .icresim .enicresim {
    max-width: 160px;
    max-height: 140px;
}

#urunler .urun-vitrin .urun .yeni-urun {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 9px;
    line-height: 11px;
    border-radius: 50%;
    color: #fff;
    display: table;
}

#urunler .urun-vitrin .urun .yeni-urun span {
    display: table-cell;
    vertical-align: middle;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitrin .urun .yeni-urun.renkbir {
    background: url(../images/renkBgbir.png) no-repeat;
}

#urunler .urun-vitrin .urun .yeni-urun.renkiki {
    background: url(../images/renkBgiki.png) no-repeat;
}

#urunler .urun-vitrin .urun .yeni-urun.renkuc {
    background: url(../images/renkBguc.png) no-repeat;
    color: #b2b131;
}

#urunler .urun-vitrin .urun .yeni-urun.renkdort {
    background: url(../images/renkBgdort.png) no-repeat;
}

#urunler .urun-vitrin .urun .yeni-urun.solust {
    top: 20px !important;
    left: 20px !important;
}

#urunler .urun-vitrin .urun .yeni-urun.sagust {
    top: 20px !important;
    right: 20px !important;
}

#urunler .urun-vitrin .urun .yeni-urun.solalt {
    bottom: 20px !important;
    left: 20px !important;
}

#urunler .urun-vitrin .urun .yeni-urun.sagalt {
    bottom: 20px !important;
    right: 20px !important;
}

#urunler .urun-vitrin .urun .haftalik {
    background: #d15941;
    width: 100%;
    height: 60px;
    display: table;
    position: relative;
}

#urunler .urun-vitrin .urun .haftalik:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url(../images/haftalikRepeat.png) repeat;
    width: 100%;
    height: 3px;
}

#urunler .urun-vitrin .urun .haftalik .sol {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding-left: 10px;
    line-height: 18px;
}

#urunler .urun-vitrin .urun .haftalik .sol h1 {
    font-size: 12px;
    color: #f5e7d3;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitrin .urun .haftalik .sol p {
    font-size: 10px;
    color: #fff;
    line-height: inherit;
    padding: 0;
}

#urunler .urun-vitrin .urun .haftalik .sag {
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../images/birAyBg.png) no-repeat;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    display: table;
}

#urunler .urun-vitrin .urun .haftalik .sag h1 {
    font-size: 10px;
    color: #f5e7d3;
    font-family: 'kg_turning_tablesregular';
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*#urunler .urun-vitrin .urun:hover .uresim{border:solid 1px #fdf1f2;}*/

#urunler .urun-vitrin .urun:hover .urunadi a {
    color: #e76d3c;
}

#urunler .urun-vitrin .urun .uresim {
    width: 100%;
    height: 200px;
    display: table;
    position: relative;
    overflow: hidden;
    text-align: center
}

#urunler .urun-vitrin .urun .uresim .icresim {
    #position: absolute;
    #top: 50%;
    #left: 50%;
    display: table-cell;
    vertical-align: middle;
}

#urunler .urun-vitrin .urun .uresim .icresim a {
    display: block;
}

#urunler .urun-vitrin .urun .uresim .icresim .enicresim {
    max-width: 180px;
    max-height: 160px;
    #position: relative;
    #top: -50%;
    #left: -50%;
}

#urunler .urun-vitrin .urun .urunadi {
    margin: 0 20px 0 20px;
}

#urunler .urun-vitrin .urun .urunadi a {
    font-size: 14px;
    line-height: 20px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    display: block;
}

#urunler .urun-vitrin .urun .urunadi a:hover {
    color: #e76d3c;
}

#urunler .urun-vitrin .urun .urunadi span {
    font-size: 11px;
    color: #888;
    font-family: 'kg_turning_tablesregular';
    padding-top: 8px;
    display: block;
}

#urunler .urun-vitrin .urun .ufiyat {
    margin-top: 0px;
    margin: 20px 20px 0 20px;
}

#urunler .urun-vitrin .urun .ufiyat .piyasafiyati {
    width: auto;
    float: left;
    font-size: 14px;
    color: #ccc;
    text-decoration: line-through;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitrin .urun .ufiyat .satisfiyati {
    width: auto;
    float: right;
    font-size: 14px;
    color: #bfa462;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitrin .urun .sepete-ekle {
    float: left;
    width: 100%;
    margin-top: 18px;
}

#urunler .urun-vitrin .urun .sepete-ekle a {
    height: 30px;
    background: url(../images/sepeteAt.png) no-repeat center;
    text-align: center;
    line-height: 36px;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    font-size: 13px;
    display: block;
    transition: none;
}

#urunler .urun-vitrin .urun .firsaturunu {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 74px;
    left: 0px;
}

#urunler .urun-vitrin .urun .yeniurun {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#urunler .urun-vitrin .urun .indirimli {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#urunler .urun-vitrin .urun .hizligonderi {
    width: 35px;
    height: 37px;
    position: absolute;
    bottom: 80px;
    right: 0px;
}

#urunler .urun-vitrin .urun .ucretsizgonderi {
    width: 35px;
    height: 37px;
    position: absolute;
    bottom: 80px;
    left: 0px;
}


/* YATAY SIRALAMA */

#urunler .urun-vitriniki {
    float: left;
}

#urunler .urun-vitriniki .urun2 {
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.06);
    position: relative;
    float: left;
    margin-left: 0;
}

#urunler .haftanin-vitrin .urun2 {
    width: 100%;
    height: 140px !important;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.06);
    position: relative;
    float: left;
    margin-left: 0;
}

#urunler .urun-vitriniki .urun2:hover {
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.09);
}

#urunler .urun-vitriniki .urun2:last-child {
    border: none
}

#urunler .urun-vitriniki .urun2:hover .uresim {}

#urunler .urun-vitriniki .urun2:hover .urunadi a {
    display: block;
}

#urunler .urun-vitriniki .urun2 .haftalik {
    background: #d15941;
    width: 100%;
    height: 60px;
    display: table;
    position: relative;
}

#urunler .urun-vitriniki .urun2 .haftalik:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url(../images/haftalikRepeat.png) repeat;
    width: 100%;
    height: 3px;
}

#urunler .urun-vitriniki .urun2 .haftalik .sol {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding-left: 10px;
    line-height: 18px;
}

#urunler .urun-vitriniki .urun2 .haftalik .sol h1 {
    font-size: 12px;
    color: #f5e7d3;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitriniki .urun2 .haftalik .sol p {
    font-size: 10px;
    color: #fff;
    line-height: inherit;
    padding: 0;
}

#urunler .urun-vitriniki .urun2 .haftalik .sag {
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../images/birAyBg.png) no-repeat;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    display: table;
}

#urunler .urun-vitriniki .urun2 .haftalik .sag h1 {
    font-size: 10px;
    color: #f5e7d3;
    font-family: 'kg_turning_tablesregular';
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#urunler .urun-vitriniki .urun2 .uresim {
    width: 80px;
    height: 80px;
    display: table;
    #position: relative;
    overflow: hidden;
    text-align: center;
    float: left;
    background: #fff;
}

#urunler .urun-vitriniki .urun2 .uresim .icresim {
    #position: absolute;
    #top: 50%;
    #left: 50%;
    display: table-cell;
    vertical-align: middle;
}

#urunler .urun-vitriniki .urun2 .uresim .icresim a {
    display: block;
}

#urunler .urun-vitriniki .urun2 .uresim .icresim .enicresim {
    max-width: 80px;
    max-height: 50px;
    #position: relative;
    #top: -50%;
    #left: -50%;
}

#urunler .urun-vitriniki .urun2 .urunadi {
    width: 250px;
    height: 30px;
    margin: 0 auto;
    margin-top: 22px;
    float: left;
    margin-left: 20px;
}

#urunler .urun-vitriniki .urun2 .urunadi a {
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    font-family: 'kg_turning_tablesregular';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    display: block;
}

#urunler .urun-vitriniki .urun2 .urunadi span {
    font-size: 11px;
    color: #888;
    display: block;
    padding-top: 5px;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitriniki .urun2 .urunadi a:hover {
    color: #e76d3c;
}

#urunler .urun-vitriniki .urun2 .ufiyat {
    width: 150px;
    height: 30px;
    margin-top: 28px;
    float: left;
    text-align: right;
}

#urunler .urun-vitriniki .urun2 .ufiyat .piyasafiyati {
    width: auto;
    font-size: 11px;
    color: #ccc;
    text-decoration: line-through;
    padding-bottom: 5px;
    ;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitriniki .urun2 .ufiyat .satisfiyati {
    width: auto;
    font-size: 14px;
    color: #bfa462;
    font-family: 'kg_turning_tablesregular';
}

#urunler .urun-vitriniki .urun2 .sepete-ekle {
    float: left;
    margin-top: 24px;
    margin-right: 20px;
}

#urunler .urun-vitriniki .urun2 .sepete-ekle a {
    width: 120px;
    height: 30px;
    background: url(../images/sepeteAt.png) no-repeat center;
    text-align: center;
    line-height: 36px;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    font-size: 13px;
    display: block;
    transition: none;
    margin-left: 20px;
}

#urunler .urun-vitriniki .urun2 .firsaturunu {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 10px;
    right: 220px;
}

#urunler .urun-vitriniki .urun2 .yeniurun {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 10px;
    right: 260px;
}

#urunler .urun-vitriniki .urun2 .indirimli {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 10px;
    right: 180px;
}

#urunler .urun-vitriniki .urun2 .hizligonderi {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 10px;
    right: 140px;
}

#urunler .urun-vitriniki .urun2 .ucretsizgonderi {
    width: 35px;
    height: 37px;
    position: absolute;
    top: 10px;
    right: 100px;
}

#urunler .urun-vitriniki .urun2 .yeni-urun {
    display: none
}

#urunler .urun-vitriniki .urun2 .tukendi {
    display: none
}

#urunler .urun-vitrin .urun .tukendi {
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    display: table;
    top: 50%;
    margin-top: -52px;
    left: 50%;
    margin-left: -52px;
    background: url(../images/tukendiBg.png) no-repeat;
}

#urunler .urun-vitrin .urun .tukendi span {
    display: table-cell;
    vertical-align: middle;
    font-family: 'kg_turning_tablesregular';
}


/* vitrinAlt */

.vitrinAlt {
    background: url(../images/vitrinAltBg.png) no-repeat;
    width: 100%;
    height: 231px;
    margin: 50px 0 80px 0;
    position: relative;
}

.vitrinAlt .otomatikSiparis {
    float: left;
}

.vitrinAlt .otomatikSiparis .resim {
    float: left;
    padding: 15px 0 10px 15px;
}

.vitrinAlt .otomatikSiparis .aciklama {
    float: left;
    margin-left: 20px;
    width: 420px;
    padding-top: 40px;
}

.vitrinAlt .otomatikSiparis .aciklama h1 {
    font-size: 24px;
    color: #282a2a;
    font-family: 'kg_turning_tablesregular';
    padding-bottom: 10px;
}

.vitrinAlt .otomatikSiparis .aciklama p {
    font-size: 16px;
    color: #854500;
    font-family: 'kg_turning_tablesregular';
    line-height: 26px;
}

.vitrinAlt .otomatikSiparis .aciklama a {
    background: url(../images/sepeteEkleButon.png) no-repeat;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    font-family: 'kg_turning_tablesregular';
    width: 120px;
    margin-top: 10px;
}

.vitrinAlt .sizdenGelenler {
    background: url(../images/sizdenGelenBg.png) no-repeat;
    position: absolute;
    right: 0;
    top: -18px;
    width: 364px;
    height: 262px;
}

.vitrinAlt .sizdenGelenler .sizdenGelenlerPad {
    padding-top: 60px;
}

.vitrinAlt .sizdenGelenler .sizdenGelenlerPad h1 {
    font-size: 18px;
    color: #f3a855;
    font-family: 'kg_ten_thousand_reasonsRg';
    text-align: center;
}


/* otoSiparis */

.otoSiparis {
    width: 100%;
    background: url(../images/vitrinBg.png) repeat;
    margin-bottom: 70px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    text-align: center;
    overflow: hidden;
}

.otoSiparis .otoSiparisResim {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 10px;
}

.otoSiparis .otoSiparisBaslik {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.otoSiparis .otoSiparisBaslik .baslik {
    display: inline-block;
    text-align: center;
    margin-top: 80px;
    padding-left: 200px;
    padding-right: 200px;
    position: relative;
}

.otoSiparis .otoSiparisBaslik .baslik:before {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 178px;
    height: 15px;
    left: 0;
    top: 8px;
}

.otoSiparis .otoSiparisBaslik .baslik:after {
    content: '';
    position: absolute;
    background: url(../images/vitrinBaslikip.png) no-repeat;
    width: 178px;
    height: 15px;
    right: 0;
    top: 8px;
}

.otoSiparis .otoSiparisBaslik h1 {
    font-size: 34px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    text-shadow: 0px 2px 10px #000;
}


/* tab */

#otoSiparisTabwrapper {
    width: 600px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}

#otoSiparisTab_container {}

#otoSiparisTab {
    list-style: none;
    margin: 0 0 0 -10px;
    font: 0.75em arial;
}

#otoSiparisTab li {
    display: inline;
}

#otoSiparisTab li a {
    background: url(../images/menuAktif.png) no-repeat;
    font-family: 'kg_turning_tablesregular';
    color: #fff;
    font-size: 14px;
    width: 200px;
    height: 30px;
    line-height: 34px;
    display: inline-block;
    margin: 0 0 10px 10px;
}

#otoSiparisTab li a:hover {
    background: url(../images/tabAktif.png) no-repeat;
}

#otoSiparisTab li.active a {
    background: url(../images/tabAktif.png) no-repeat;
}

#otoSiparisTab li.active a:hover {
    background: url(../images/tabAktif.png) no-repeat;
}

#otoSiparisTab_content_container {
    width: 100%;
    margin-top: 40px;
}

.otoSiparisTab_content {
    display: none;
}

.otoSiparisTab_content h1.baslik {
    font-size: 28px;
    color: #f6e4b4;
    font-family: 'kg_ten_thousand_reasonsRg';
    padding-bottom: 30px;
    text-shadow: 0px 6px 10px #000;
}

.otoSiparisTab_content p {
    font-size: 16px;
    color: #fff;
    font-family: 'kg_ten_thousand_reasons_altRg';
    padding-bottom: 10px;
    line-height: 28px;
    text-shadow: 0px 6px 10px #000;
}

.otoSiparisTab_content ul.scnklr {}

.otoSiparisTab_content ul.scnklr li {
    font-size: 16px;
    color: #fff;
    font-family: 'kg_ten_thousand_reasons_altRg';
    line-height: 28px;
    text-shadow: 0px 6px 10px #000;
    margin-bottom: 20px;
}

.otoSiparisTab_content ul.scnklr li span {
    font-size: 30px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    margin-right: 10px;
}

.otoSiparisTab_content ul.scnklr li a {
    font-size: 16px;
    color: #fff;
    font-family: 'kg_ten_thousand_reasons_altRg';
    line-height: 28px;
    text-shadow: 0px 6px 10px #000;
    margin-bottom: 20px;
}

.basla {
    display: inline-block;
    margin-bottom: 60px;
}

.basla a {
    background: url(../images/baslaButon.png) no-repeat center;
    width: 331px;
    height: 64px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: 'kg_turning_tablesregular';
    display: block;
    line-height: 66px;
}


/* detaySayfa */

.genisTahta.detaySayfa {
    height: auto;
}

.genisTahta.detaySayfa .detayWrapper {
    margin: 30px;
}

.genisTahta.detaySayfa .detayWrapper .detayContent {
    background: url(../images/karton.jpg) repeat;
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5)
}

.genisTahta.detaySayfa .detayWrapper .detayContentPad {
    padding: 30px;
}

/* sepetList */

.sepetList {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.siparis-list article {
    margin-bottom: 20px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);
}

.siparis-list article .us {
    background: #fff
}

.siparis-list article .us .sag {
    background: #ffffff;
    border-left: 1px solid #eaeaea;
    position: relative;
}

.siparis-list article .us .sol {
    padding: 30px;
    position: relative;
}

.siparis-list article .us .sol div h4 a {
    font-size: 17px;
    color: #555;
    font-weight: 700
}

.siparis-list article .us .sol div h4 a:hover {
    color: #000;
}

.siparis-list article .us .sol div h4 span {
    color: #f5771b;
    font-weight: 400;
    font-size: 13px;
    margin-left: 5px;
    top: 0px
}

.siparis-list article .us .sol div .sl-fiyat {
    color: #f5771b;
    font-weight: 600;
    font-size: 14px;
}

.siparis-list article .us .sol ul {
    margin-top: 28px
}

.siparis-list article .us .sol ul li {
    width: 48%;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: 14px
}

.siparis-list article .us .sol ul li:nth-child(2n+1) {
    margin-right: 2%
}

.siparis-list article .us .sol ul label {
    width: 95px;
    color: #888;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px
}

.firefox .siparis-list article .us .sol ul label {
    text-shadow: 0 0 1px rgba(30, 30, 30, .1)
}

.siparis-list article .us .sol ul span {
    color: #666
}

.siparis-list article .us .sol ul span .ss-clock {
    font-size: 17px;
    color: #a1a0a0;
    top: -2px;
    left: -23px;
    position: absolute;
}

.siparis-list article .us .sol nav {
    margin-top: 40px
}

.siparis-list article .us .sol nav a {
    border-radius: 3px;
    margin-right: 7px;
    font-size: 14px;
    padding: 6px 12px;
    min-width: 50px;
    color: white;
    text-align: center
}

.siparis-list article .us .sol nav a.ivent-detay {
    background: #7e7b7b;
    transition: .2s
}

.siparis-list article .us .sol nav a.ivent-iptal {
    background: #46acf4;
    padding-left: 30px;
    transition: .2s
}

.siparis-list article .us .sol nav a.ivent-detay span {
    display: none
}

.siparis-list article .us .sol nav a.ivent-detay:hover span {
    display: inline-block;
    margin-right: 3px
}

.siparis-list article .us .sol nav a.ivent-detay:hover {
    background: #666
}

.siparis-list article .us .sol nav a.ivent-iade {
    background: #ec412b;
    padding-left: 30px
}

.siparis-list article .us .sol nav a.ivent-iade:hover {
    background: #f6422a
}

.siparis-list article .us .sol nav a.ivent-iade i {
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 15px
}

.siparis-list article .us .sol nav a.ivent-iptal i {
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 15px
}

.siparis-list article .us .sol nav span.iade-note {
    color: #888;
    top: 7px;
    left: 2px
}

.siparis-list article .us .sag {
    display: flex;
    justify-content: center;
}

.siparis-list article .us .sag a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.siparis-list article .us .sag figure {
    padding: 0 16px
}

.siparis-list article .us .sag figure img {
    width: 100%
}

.siparis-list article .us .sag .ivent-iade {
    display: block;
    text-align: center
}

.siparis-list article .us .sag .plb {
    width: 100%;
    color: #f5771b;
    bottom: 10px;
    text-align: center
}

.siparis-list article .us .sag .plb span {
    display: block
}

.siparis-list article .us .sag .plb .kalem-notu {
    font: 300 11px "Open Sans";
    color: #666;
}

.siparis-list article .us .sag a:hover .plb .kalem-notu {
    color: #222
}

.siparis-list article .as {
    padding: 18px 22px 17px 22px;
    border-top: 1px solid #eaeaea;
}

.siparis-list article .as label {
    font-family: open sans;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px
}

.firefox .siparis-list article .as label {
    text-shadow: 0 0 1px rgba(30, 30, 30, .1)
}

.siparis-list article .as li {
    margin-right: 50px
}

.siparis-list article .as li i {
    color: #bab7b7;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 2px
}

.siparis-list article .as li span {
    padding-left: 18px
}

.siparis-list article .as li.no span {
    color: #e52a2a
}

.siparis-list article .as li.yes span {
    color: #409a09
}

.fx-stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.wS75 {
    width: 75%;
}

.wS25 {
    width: 25%;
}

.cl> * {
    float: left;
}

.cbi> * {
    box-sizing: border-box;
}

.row:after {
    content: " ";
    display: block;
    clear: both;
}


/*
@ sepet liste */

@media screen and ( min-width: 1024px) {
    /*
	.t 	{ width: 90%; max-width: 1100px }	 */
}

{
    background-color: #fff
}

> .r-body> .t {
    padding-bottom: 150px
}

footer .as {
    background: #eee url(image/f_sep_ff.png) repeat-x 0 0
}

.monitor {
    /*background: #eeeeee;*/
    height: 150px
}

.monitor .adim {
    font-size: 20px;
    top: 90px
}

.monitor .adim span {
    color: #7d7c7c
}

.monitor .adim span.on {
    color: #f79811
}

.monitor .adim i {
    color: #bababa;
    padding: 0 24px;
    top: 2px;
    font-family: 'Source Sans  padding:Pro'
}

.monitor .prt {
    font-size: 23px;
    top: 30px;
    width: 123px
}

.monitor .prt h1 {
    color: #a5a3a3;
    font-size: 23px
}

.monitor .prt em {
    color: #bfbfbf;
    font-size: 20px;
    margin: 0 6px;
    top: 2px
}

.monitor .prt span {
    color: #ffb026;
    font-weight: 400
}

.monitor .prt i {
    color: #bfbfbf;
    font-size: 20px;
    margin-left: 16px;
    top: 4px
}

.siparis-list article .us {
    min-height: 180px
}

.siparis-list article .us .sag figure {
    padding: 20px;
}

.siparis-list .sol h3 {
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    color: #565656;
    margin-bottom: 10px;
    font-family: 'kg_turning_tablesregular';
}

.siparis-list .sol p {
    font-family: 'kg_turning_tablesregular';
}

.siparis-list .sol .r2 {
    margin-bottom: 50px
}

.siparis-list .sol .r2 div {
    font-size: 15px
}

.siparis-list .sol .r2 div label {
    color: #7f7f7f;
    margin-right: 25px
}

.siparis-list .sol .r2 div span {
    color: #f58b42
}

.siparis-list .sol .r2 div i {
    color: #c6c5c5;
    font-size: 14px;
    margin: 0 4px 0 0;
    top: 2px
}

.siparis-list .adet {
    margin-right: 30px;
}

.siparis-list .adet label {
    position: absolute;
    font-size: 14px;
    top: -25px;
    left: 1px;
    color: #666;
}

.siparis-list .adet {
    background: #e0dfdf;
    padding: 4px;
    width: 90px;
    box-sizing: border-box;
    height: 48px;
    position: relative;
}

.siparis-list .adet input {
    box-sizing: border-box;
    text-align: center;
    width: 63%;
    height: 100%;
    outline: none;
    border: 0;
    font-size: 14px;
    font-family: 'kg_turning_tablesregular';
}

.siparis-list .adet span {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%
}

.siparis-list .adet span a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 49.5%
}

.siparis-list .adet span a:first-child {
    border-bottom: 1px solid #fcfcfc
}

.siparis-list .adet a i {
    color: #605b5b;
    cursor: pointer;
    font-size: 14px;
    tansition: .3s;
	position: relative;
	display: inline-block;
}

.siparis-list .adet a:first-child i {
    top: 3px
}

.siparis-list .adet span a:hover i {
    color: #000
}

.siparis-list .fiyat {
    top: -8px
}

.siparis-list .fiyat p {
    font-size: 28px !important;
    font-weight: 400;
    color: #9d7a61 !important;
    line-height: 24px !important;
    padding-bottom: 0 !important;
}

.siparis-list .fiyat p sup {
    font-size: 15px;
    font-weight: 400
}

.siparis-list .fiyat p em {
    font-style: normal;
    color: #bebcbc;
    font-size: 25px;
    font-weight: 300;
    padding-left: 15px
}

.siparis-list .fiyat p strong {
    color: #777;
    font-weight: 300;
    font-size: 13px;
    padding-left: 5px;
    top: -4px;
    position: relative;
}

.siparis-list .fiyat> span {
    color: #bebcbc;
    left: 2px;
    font-size: 14px;
    top: 2px;
    position: relative;
    font-family: 'kg_turning_tablesregular';
}

.siparis-list .fiyat> span i {
    font-style: normal;
    display: inline-block;
}

.siparis-list .kargo {
    margin: 5px 0 0 40px;
}

.siparis-list .kargo i {
    margin: 0 8px 0 0;
    color: #bbbaba
}

.siparis-list .kargo> span {
    top: -2px;
    color: #555
}

.siparis-list .kargo em {
    margin-left: 5px
}

.siparis-list .vazgec {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    right: 30px;
    bottom: 18px;
    position: absolute;
}

.siparis-list article:hover .vazgec {
    visibility: visible;
    opacity: 1;
    right: 30px
}

.siparis-list .vazgec span {
    color: #9d7a61;
    padding-right: 6px;
    font-family: 'kg_turning_tablesregular';
    font-size: 14px;
}

.siparis-list .vazgec i {
    color: #c0b9b9;
    font-size: 13px;
    top: 2px;
	display: inline-block;
}



.siparis-list .vazgectim {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    right: 30px;
    bottom: 18px;
    position: absolute;
}

.siparis-list article:hover .vazgectim {
    visibility: visible;
    opacity: 1;
    right: 30px
}

.siparis-list .vazgectim span {
    color: #9d7a61;
    padding-right: 6px;
    font-family: 'kg_turning_tablesregular';
    font-size: 14px;
}

.siparis-list .vazgectim i {
    color: #9d7a61;
    font-size: 16px;
    top: 2px;
	display: inline-block;
}

.siparis-list .sag .detaybuton {
    color: #fff;
    margin: 0 auto;
    display: block;
    background: #ff8b01;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-family: 'kg_turning_tablesregular';
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.siparis-list .sag .detaybuton:hover {
    background: #555
}

nav.step .buton {
    background: #79ac56;
    font: 700 19px 'Open Sans';
    padding: 9px 21px;
    border-radius: 2px;
    color: white;
}

nav.step .total {
    float: left;
    font-size: 36px;
    margin: 1px 0 0 0;
    color: #ff8b01;
    font-family: 'kg_turning_tablesregular';
}

nav.step .total sup {
    font-size: 18px !important;
    color: #ff8b01;
	vertical-align: super;
    font-size: smaller;
}

nav.step .total em {
    font-size: 32px;
    color: #999;
    margin-left: 15px
}

.onayButonlar {
    float: right;
    margin: 10px 0 0 0;
}
.onayButonlar a {
    display: inline-block;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    -webkit-appearance: none;
    border: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    outline: none;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    font-family: 'kg_turning_tablesregular';
}
.onayButonlar a.devamet {
    background: #9d7a61;
}
.onayButonlar a.tamamla {
    background: #282a2a;
}
.onayButonlar a:hover {
    background: #af482f;
}

nav.step .kargo {
    margin: 0 0 0 35px;
    top: 18px;
    color: #fff;
}

nav.step .kargo i {
    color: #bbbaba;
    top: 3px;
    margin-right: 6px
}

nav.step .kargo .free {
    color: #6aba32;
}

.bos-note {
    align-items: center;
    border: 1px solid #9d7a61;
    font-size: 19px;
    justify-content: center;
    text-align: center
}

.note-table {
    display: table;
    height: 300px;
    text-align: center;
    width: 100%;
}
.note-table > div {
    display: table-cell;
    vertical-align: middle;
}

.bos-note p {
    padding: 20px 0 0 0
}

.bos-note i {
    color: #fff;
    font-size: 60px
}

.bos-note a {
    color: #fff;
    width: 150px;
    margin: 20px auto auto auto;
    display: block;
    background: #9d7a61;
    text-align: center;
    padding: 14px;
    font-size: 13px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.solfoot {
    position: absolute;
    bottom: 30px;
}

.sepetAdet {
    text-align: center;
    margin: 20px 0 0 0;
}
.sepetAdet .adeti {
    margin: 0px 0px 10px 0;
    display: inline-block;
}
.sepetAdet .sepeteekle.pro {
    display: inline-block;
    width: 55px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    font-family: 'Droid Serif', serif;
    font-weight: 400;
    font-style: italic;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: #9f7962;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-left: 5px;
}
.sepetAdet .adeti .input-number.pro {
    width: 40px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
}