﻿@font-face { font-family: 'din_condensed_medium-webfont'; src: url('../fonts/din_condensed_medium-webfont.eot') format('embedded-opentype'); }

@font-face { font-family: 'din_condensed_medium-webfont'; src: url('../fonts/din_condensed_medium-webfont.ttf') format('truetype'); }

@font-face { font-family: 'din_condensed_medium-webfont'; src: url('../fonts/din_condensed_medium-webfont.woff') format('woff'); }

html { min-height: 100%; position: relative; }

a { text-decoration: none !important; }

body { font-family: 'din_condensed_medium-webfont' !important; height: 100%; margin-bottom: 110px; }
a:hover, a:active, a:focus { outline: none; }
.pad20 { padding-bottom: 20px; }

.pad30 { padding-bottom: 30px; }

.pad40 { padding-bottom: 40px; }

.pad100 { padding-bottom: 100px; }

.f26 { font-size: 26px !important; }
.f22 { font-size: 22px !important; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }

.col-centered { float: none !important; margin: 0 auto; }

.masthead { padding-left: 0px; padding-right: 0px; position: relative; }

    .masthead .header-btn { background-color: #58595B; padding: 10px 5px 5px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left: 10px; cursor: pointer; }

        .masthead .header-btn span { color: #ffffff; font-size: 21px; }

        .masthead .header-btn img { width: 16px; margin-right: 5px; }

.flexslider { border: none !important; margin: 0 0 10px !important; }

.flex-control-nav { bottom: 0px !important; z-index: 99999 !important; width: auto !important; right: 0 !important; }

body > div > section.meze-nav > nav > ul > li a { font-size: 21px; color: #ffffff; padding: 5px 15px !important; }

/*body > div > section.meze-nav > nav > ul > li a:focus, body > div > section.meze-nav > nav > ul > li a:hover { background-color: #BA3E3E !important; }*/

body > div > section.meze-nav > nav > ul li { background-color: #A5A7AA; }

/*body > div > section.meze-nav > nav > ul li:hover, body > div > section.meze-nav > nav > ul li:active, body > div > section.meze-nav > nav > ul li:focus { background-color: #BA3E3E !important; }*/

.nav > li > a:hover, .nav > li > a:focus { background: none !important; }

section.meze-nav > nav > ul li.active { background-color: #BA3E3E !important; }

.meze-nav.active { position: fixed; top: -4px; width: 1140px; z-index: 999; transition-property: all; transition-duration: 0.5s; transition-delay: 0.5s; transition-timing-function: ease-in-out; }

.orders.active { margin-top: 0px !important; position: fixed; top: 60px; width: 1140px; z-index: 999; transition-property: all; transition-duration: 0.5s; transition-delay: 0.5s; transition-timing-function: ease-in-out; }

.order-items { max-width: 720px; float: left; }
.order-price { width: 110px; float: right; text-align: center; padding-top: 5px; }

    .order-price p { color: #ffffff; font-size: 21px; margin-bottom: 0px; }

.nav-justified { border-collapse: separate; border-spacing: 1px; }

.header-pages { margin-top: 10px; background-color: #CFD1D2; text-align: center; font-size: 21px; color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.sub-pages { color: #CFD1D2; background-color: transparent; cursor: pointer; padding-top: 5px; margin-top: 0px; padding-bottom: 5px; text-align: center; font-size: 21px; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -ms-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

    .sub-pages.selected { background-color: #CFD1D2 !important; color: #ffffff !important; }

.products-list { /*max-height: 900px; overflow: hidden;*/ }

    .products-list .thumbnail { border: none; margin-bottom: 0px; }

    .products-list .caption h4 { text-align: center; }

        .products-list .caption h4 a { font-size: 21px; color: #6D6E71; }

            .products-list .caption h4 a:hover, .products-list .caption h4 a:focus { text-decoration: none; color: #BA3E3E; }

.products-button-wrap { position: absolute; top: 25%; left: 50%; margin-left: -68px; -ms-opacity: 0; opacity: 0; }

    .products-button-wrap img { cursor: pointer; }

.social-icons { padding-right: 10px; }

    .social-icons a img { margin-left: 5px; }

.orders { margin-top: 5px; background-color: #cfd1d2; border-radius: 5px; /*background: url(../Images/order_bg.png); background-repeat: no-repeat; background-size: 100% 100%;*/ }

    .orders .order-item { width: 50px; margin: 10px 5px; }

.order-items > div { float: left; position: relative; }

.delete-icon { cursor: pointer; left: 35px; opacity: 0; position: absolute; top: 10px; }

.back-to { color: #000; float: right; font-size: 18px; text-align: right; text-decoration: underline !important; width: 50%; }

.order-complete { width: 70px; color: #ffffff; text-align: center; margin-top: 15px; }
    .order-complete a, .order-complete a:focus, .order-complete a:hover { color: #FFF; text-decoration: none; font-size: 15px; }
    .order-complete p { line-height: 1.2; }

.btn-go-cart, .btn-add-cart { -moz-appearance: none; background-color: #ffffff; border: medium none; border-radius: 5px; color: #000000; float: right; font-size: 20px; margin-right: 10px; margin-left: 5px; margin-top: 15px; padding-bottom: 5px; padding-top: 5px; }

.footer { display: none; position: fixed; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 110px; overflow: hidden; }

.mCSB_dragger_bar { background-color: #CFD1D2; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #BA3E3E !important; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #BA3E3E !important; }

ul.account-nav { list-style: none; padding: 0px; color: #ffffff; display: none; }

    ul.account-nav li a { color: #CCCECF; font-size: 16px; }

        ul.account-nav li a:hover { color: #ffffff; text-decoration: none; }

.header-btn-wrap { position: absolute; right: 0; z-index: 999; }

.product-detail-description { margin: 10px; }

.row.hesap-ayarlari-row { margin-top: 40px; }

.form-horizontal.hesap-ayarlari input, .form-horizontal.hesap-ayarlari select, .form-horizontal.hesap-ayarlari textarea { max-width: 100% !important; }

.form-horizontal.hesap-ayarlari label { text-align: left !important; font-size: 17px; }

.form-horizontal.hesap-ayarlari .form-inline .form-group { margin-left: 0; margin-right: 0; }

    .form-horizontal.hesap-ayarlari .form-inline .form-group input { width: 100%; }

.btn-cart { font-size: 18px !important; background: #414042 !important; color: #ffffff !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; padding: 3px 18px !important; }

.btn-save { font-size: 24px !important; background: #414042 !important; color: #ffffff !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; padding: 3px 18px !important; }

.btn-detay { font-size: 20px !important; background: #ffffff !important; color: #414042 !important; font-weight: bold !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; }

.btn-tekrarla { margin-left: 5px; font-size: 20px !important; background: #ffffff !important; color: #414042 !important; font-weight: bold !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; }

.row.siparislerim-row { margin-top: 40px; }

    .row.siparislerim-row .table-responsive table th, .row.siparislerim-row .table-responsive table td { border-bottom: none !important; border-top: none !important; text-align: center; font-weight: bold; }

    .row.siparislerim-row .table-responsive table tr.space { height: 5px; }

    .row.siparislerim-row .table-responsive table th { font-size: 21px; color: #BA3E3E; }

    .row.siparislerim-row .table-responsive table tbody tr td div td { font-size: 20px; color: #414042; background-color: #e4e5e6; }

    .row.siparislerim-row .table-responsive table td.first { -ms-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -ms-border-top-left-radius: 10px; border-top-left-radius: 10px; }

    .row.siparislerim-row .table-responsive table td.last { -ms-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -ms-border-top-right-radius: 10px; border-top-right-radius: 10px; }

.row.adreslerim-row { /*margin-top: 40px;*/ }

    .row.adreslerim-row .form-horizontal.adres-giris input, .row.adreslerim-row .form-horizontal.adres-giris select, .row.adreslerim-row .form-horizontal.adres-giris textarea { max-width: 100% !important; background: #E4E5E6; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; color: #A5A7AA; font-size: 20px; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

    .row.adreslerim-row .form-horizontal.adres-giris p { font-size: 20px; }

    .row.adreslerim-row .form-horizontal.adres-giris h1.active { color: #BA3E3E; }

    .row.adreslerim-row h1 { color: #C4C7CD; font-size: 24px; font-weight: bold; }

.adress-registered { width: 100%; background: #E4E5E6; padding: 20px 20px 20px 50px; -ms-border-radius: 5px; border-radius: 5px; position: relative; cursor: pointer; margin-bottom: 10px; }

    .adress-registered h2 { margin-top: 0px; font-size: 20px; }

    .adress-registered p { margin: 0 0 0; font-size: 14px; }

    .adress-registered img { position: absolute; top: 50%; left: 14px; }

    .adress-registered .is-active { width: 25px; height: 25px; background: url(../Images/grey_dot.png) no-repeat center center; position: absolute; top: 50%; left: 14px; }

        .adress-registered .is-active.active { background: url(../Images/black_dot.png) no-repeat center center !important; }


.adress-registered-popup { width: 100%; background: #E4E5E6; padding: 10px 10px 10px 50px; -ms-border-radius: 5px; border-radius: 5px; position: relative; cursor: pointer; margin-bottom: 10px; text-align: left; }

    .adress-registered-popup h2 { margin-top: 0px; font-size: 18px; margin-bottom: 0px !important; }

    .adress-registered-popup p { margin: 0 0 0; font-size: 14px; }

    .adress-registered-popup img { position: absolute; top: 50%; left: 14px; }

    .adress-registered-popup .is-active { width: 25px; height: 25px; background: url(../Images/grey_dot.png) no-repeat center center; position: absolute; top: 50%; left: 14px; }

        .adress-registered-popup .is-active.active { background: url(../Images/black_dot.png) no-repeat center center !important; }




.row.cart-summary-row { margin-top: 40px; }

    .row.cart-summary-row .table.cart-summary-table thead tr th { font-size: 21px; color: #ba3e3e; border-bottom: none; }

    .row.cart-summary-row .table.cart-summary-table tbody tr td { border-top: none; }

        .row.cart-summary-row .table.cart-summary-table tbody tr td.first { width: 100px; }

        .row.cart-summary-row .table.cart-summary-table tbody tr td.second { max-width: 230px; }



.meze-item { position: relative; }

.plus-meze { background-color: #ba3e3e; position: absolute; border-radius: 15px; width: 30px; height: 30px; color: #ffffff; top: 0; right: 0; }

    .plus-meze span { font-size: 20px; }

.cart-total { width: 280px; float: right; }

    .cart-total .cart-list-group { list-style: none; padding: 0; }

        .cart-total .cart-list-group .cart-list-group-item { float: left; }

            .cart-total .cart-list-group .cart-list-group-item div.first { width: 150px; }

            .cart-total .cart-list-group .cart-list-group-item div.last { width: 130px; }

            .cart-total .cart-list-group .cart-list-group-item div { float: left; }

                .cart-total .cart-list-group .cart-list-group-item div span { margin-left: 20px; font-size: 22px; }

            .cart-total .cart-list-group .cart-list-group-item.first,
            .cart-total .cart-list-group .cart-list-group-item.second { border-bottom: 3px solid #333; }

            .cart-total .cart-list-group .cart-list-group-item div input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; border: none; font-size: 22px; margin-left: 20px; max-width: 110px; }

.btn-devam { font-size: 26px !important; background: #333333 !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; color: #ffffff; }

    .btn-devam:hover { color: #ffffff !important; }

.cart-progress { width: 80%; margin: 0 auto; list-style: none; margin-top: 50px; }

    .cart-progress li { float: left; color: #C4C7CD; font-size: 22px; }

        .cart-progress li.odd { width: 10%; text-align: center; }

        .cart-progress li.even { width: 15%; margin-top: 15px; }

        .cart-progress li.active { color: #ba3e3e; }

        .cart-progress li.grey-bar { height: 3px; background-color: #C4C7CD; }

            .cart-progress li.grey-bar.active { background-color: #ba3e3e; }

.btn.teslimat-item { width: 100%; background-color: #333333; margin-bottom: 5px; -ms-border-radius: 10px; border-radius: 10px; }

    .btn.teslimat-item span { color: #ffffff; margin-left: 10px; }

.panel-default > .panel-heading { cursor: pointer; }

.payment-section { width: 100%; }

    .payment-section h1 { font-size: 26px !important; color: #C4C7CD; text-align: center; }

        .payment-section h1.active { color: #ba3e3e; }

.payment-holder { background-color: #E6E7E8; padding: 10px; }

    .payment-holder .credit-card-no input[type="text"], .payment-holder .credit-expire-date input[type="text"], .payment-holder .credit-security-code input[type="text"] { font-size: 22px; width: 24%; text-align: center; -ms-border-radius: 5px; border-radius: 5px; }

    .payment-holder .card-owner input[type="text"] { font-size: 22px; width: 100%; max-width: 100%; text-align: center; -ms-border-radius: 5px; border-radius: 5px; }

    .payment-holder .payment-head { font-size: 22px; }

    .payment-holder textarea { width: 100%; font-size: 22px; border: none; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; max-width: 100%; -ms-border-radius: 5px; border-radius: 5px; }

    .payment-holder input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; border: none; }

.connect-button { width: 100%; position: relative; font-size: 26px; font-weight: bold; height: 50px; -ms-border-radius: 10px; border-radius: 10px; }

    .connect-button span { display: block; margin-top: 0px; padding-top: 8px; }

    .connect-button img { position: absolute; left: 10px; }

    .connect-button.face { background-color: #3B5998; color: #ffffff; }

    .connect-button.e-mail { background-color: #ffffff; color: #A09FA0; }

        .connect-button.e-mail img { top: 5px; }

.login-form label { font-size: 20px; color: #ffffff; font-weight: normal; }

.login-form input[type="text"], .login-form input[type="password"] { width: 100%; max-width: 100%; border: none; -ms-border-radius: 10px; border-radius: 10px; outline: none; }

.login-form button { -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; background-color: #ffffff; color: #333; font-size: 22px; -ms-border-radius: 10px; border-radius: 10px; }

.login-form .form-inline .form-group { width: 49%; }

.fancybox-outer, .fancybox-inner, .fancybox-skin { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 10px !important; }

.btn-sepet-duzenle { padding: 6px 0px !important; }

#login-panel, #customer-panel, #cart-panel { display: none; position: relative; }

.modal-dialog { font-family: Arial; }

#LblLocationError { display: none; }

/*CORRECTIONS*/

@media (min-width: 768px) {
    .form-horizontal.hesap-ayarlari .form-inline .form-group { width: 49%; }
}

@media (min-width: 1200px) {
    .form-horizontal.hesap-ayarlari .form-inline .form-group.second { margin-left: 4px !important; margin-right: 0 !important; border: none; -ms-border-radius: 10px; border-radius: 10px; }
}

@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

/*DÜZENLEMER*/

.payment-holder { background: transparent !important; padding: 10px; }

    .payment-holder textarea { background-color: #E6E7E8; }

    .payment-holder input[type="text"] { background-color: #E6E7E8; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

.panel-holder { font-size: 22px; }

.panel-default { border-color: transparent !important; }

.panel-heading { background-color: #E6E7E8 !important; border-bottom: 1px solid transparent; -ms-border-radius: 10px; border-radius: 10px; -ms-border-top-left-radius: 10px !important; border-top-left-radius: 10px !important; -ms-border-top-right-radius: 10px !important; border-top-right-radius: 10px !important; text-align: center; }

    .panel-heading.active a h4 { color: #ba3e3e !important; }

    .panel-heading a h4 { color: #58595B; font-size: 28px; }

.panel-body { border-top-color: transparent !important; }

.detailed-info { margin-left: 20px; }

    .detailed-info a { font-size: 15px; text-decoration: underline !important; color: #58595B; }

.regular-style { color: #58595B; font-size: 22px; }

.payment-holder .master-pass label { font-size: 22px; font-weight: 400; }

.payment-holder .master-pass input[type="text"] { font-size: 22px; }

.payment-holder .master-pass .form-group { margin-bottom: 5px; }

.payment-holder .master-pass .btn-master-pass { font-size: 22px; width: 100%; padding: 0px 12px !important; background-color: #A5A7AA; }

.payment-methods input[type="radio"] { margin: 10px -20px 0 !important; }

.btn-give-order { font-size: 26px !important; background: #333333 !important; border: none !important; -ms-border-radius: 10px !important; border-radius: 10px !important; color: #ffffff; width: 100% !important; }

    .btn-give-order:hover { color: #ffffff !important; }

.contract-terms { font-size: 20px; font-weight: 400; margin-bottom: 20px; }

.cart-item-count { background: url("../Images/red_dot.png") no-repeat center center; -ms-background-size: cover; background-size: cover; width: 20px; height: 20px; position: absolute; top: 0; left: 10px; text-align: center; }

    .cart-item-count span { font-size: 15px !important; font-weight: bold; }
.meze-nav.active { margin-top: 0px !important; }

.meze-nav { margin-top: -5px; }
    .meze-nav img { width: 100%; }

.products-button-wrap img { margin-left: 0px !important; }

div.products-button-wrap > a > img:nth-last-of-type(2) { margin-top: -10px !important; }

#PnlPaymentMethod > div.radio { width: 200px; }

#CmbDeliveryHours { margin-top: 5px; }

#Contract { display: none; }

@media (max-width: 991px) {
    .meze-nav.active { width: auto; left: 0; }
}


.col-header {
font-weight: bold;
background-color:lightgray;
}


.admin-nav {
    font-size: 20px;
    list-style-type: none;
    overflow: hidden;
}
    .admin-nav li {
        float: left;
        text-align: center;
        padding: 16px;
    }