/*----------------------------------------------------------------

[Table of contents]

1.  Global Classes
2.  Buttons
3.  Table
4.  Top
5.  Custom menu
6.  Header
7.  Menu
8.  Login Search
9.  Get in touch
10. Content
11. Cart
12. Panel Business hours
13. Footer
14. Modal windows

-----------------------------------------------------------------*/


/* ------------------------------------------------------------- */
/* => Global Classes
/* ------------------------------------------------------------- */

* {outline:none !important;}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #222;
    font-size: 14px;
    line-height: 22px;
}

a {
    color: #ad1000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
a:hover, a:focus {
    color: #232323;
    text-decoration: none;
}
a:focus {
    outline:none;
    outline:none;
    outline-offset:0
}
a, a:visited {
    text-decoration:none
}
.fa {
    font-size: 14px;
}

/* Override the bootstrap defaults */

h1, h2, h3, h4, h5, h6 {
    color: #3d3d3d;
    line-height: 1.2;
}

h1 {
    font-size: 33px;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10.2px;
}

sub, sup {
    font-size: 70%;
}
.text-danger {
    color: #ad1000
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c4c4c4;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color:transparent;   
}

.gastro-editor {
    margin-bottom:20px;
}
.gastro-editor iframe {
    max-width:100% !important;
}
.gastro-editor img {
    margin-bottom:10px;
}
.gastro-editor .gastro-img-left {
    margin-right:20px;
}
.gastro-editor .gastro-img-right {
    margin-left:20px;
}
.gastro-editor .gastro-img-center {
    margin-bottom:10px;
}

form {
    margin: 0;
}
legend {
    font-size: 18px;
    padding: 7px 0px;
    border-color: #c4c4c4;
}
label {
    font-size: 13px;
    font-weight: normal;
}
.form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c4c4c4;
}
.form-control:focus {
    border-color:#187e00;
    outline:0;
    box-shadow:none;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 13px;
    font-weight: normal;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
textarea.form-control {
    resize: none;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 13px;
}
.input-group .input-group-addon {
    font-size: 13px;
    height: 24px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

/* alert */
.alert {
    padding: 8px 14px 8px 14px;
    border-radius: 0px
}

.add-on {
    border: none;
}
.remove-delivery-time {
    cursor: pointer;    
}
.panel {
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid #c4c4c4;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.no-rounded-border {
    border-radius: 0px; 
}

/* list group */
.list-group {
    background-color: #e6e6e6;
}
.list-group a {
    border: none;
    padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #fff;
    background-color: #e6e6e6;
}

a.list-group-item {
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #949798;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: none;
}
a.list-group-item {
    color: #232323;
}
a.list-group-item .list-group-item-heading {
    color: #333
}
a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #949798;
    color: #fff;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    color: #fff;
    background-color: #949798 !important;
    border-color: #949798;
}

/* ------------------------------------------------------------- */
/* => Buttons
/* ------------------------------------------------------------- */

.buttons {
    margin: 1em 0;
}
.btn {
    padding: 7px 12px;
    font-size: 12px;
    border-radius: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-xs {
    font-size: 9px;
}
.btn-sm {
    font-size: 10.2px;
}
.btn-lg {
    font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}
.btn-group > .btn-xs {
    font-size: 9px;
}
.btn-group > .btn-sm {
    font-size: 10.2px;
}
.btn-group > .btn-lg {
    font-size: 15px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 0;
}
.btn-default {
    color: #fff;
    background-color: #5a5a5a;
    border: none;
}
.btn-default:hover {
    color:#5a5a5a;
    background-color:#e6e6e6;
}
.btn-primary {
    background-color: #187e00;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border: none;
    position: relative;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color:#fff;
    background-color:#5a5a5a;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image:none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color:#5a5a5a;
}
.btn-special {
    background-color: #187e00;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    border: none;
    position: relative;
    min-width: 150px;
    width: auto;
}
.btn-special:hover, .btn-special:active, .btn-special.active {
    background-color: #5a5a5a;
    color: #fff;
}
/*.btn-special:after,
.btn-special:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid;
    right: -17px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-special:after {
    z-index: 2;
    border-left-color: #187e00;
}

.btn-special:hover:before,
.btn-special:hover:after {
    border-left-color: #5a5a5a;
}*/

.btn-radio {
    color: #ffffff;
    background-color: #737678;
    border: none;
    box-shadow: none;
    text-align: left;
}
.btn-radio .fa {
    margin:0 5px 0 0;
}

.btn-radio:hover, .btn-radio:active, .btn-radio.active, .btn-radio.disabled, .btn-radio[disabled] {
    background-color: #ff6600;
    color: #fff;
}
.btn-group .btn-radio {
    margin-left:0px !important;
    font-size:13px;
}
.btn-warning {
    color: #ffffff;
    text-shadow: none;
    background-color: #faa732;
    background-image: none;
    border-color: transparent;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: none;
}
.btn-danger {
    color: #ffffff;
    background-color: #da4f49;
    border: none;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: none;
}
.btn-success {
    color: #ffffff;
    text-shadow: none;
    background-color: #5bb75b;
    background-image: none;
    background-repeat: repeat-x;
    border-color: transparent;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: none;
}
.btn-info {
    color: #ffffff;
    background-color: #ff6600;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #187e00;
}
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #ffffff;
    background-color: #363636;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
}
.btn-switch {
    color: #383838;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    margin: 0 4px 0 0;
}
.btn-switch:hover {
    color: #fff;
    background-color: #383838;
    border: 1px solid #383838;
}

.btn-form {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
    border-radius: 4px;
    padding: 9px 12px;
    background-color: #383838;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}
.btn-form:hover, .btn-form:focus {
    color:#fff;
    text-decoration: none;
    background-color: #187e00;
}
.checkout-popup {
    margin: 0 0 0 0; 
}

#cart-checkout {
    float: right;   
}
#checkout-message {
    width: 100%;
    float: right;
    text-align: right;
    padding: 10px 0 0 0;    
}

@media (max-width: 767px) {
    #cart-checkout {
        float: left;
        margin: 10px 0 0 0; 
    }
    #checkout-message {
        text-align: left;
    }   
}

@media (max-width: 459px) {
    #buttons-order .pull-right {
        margin-top: 10px;
        float: left !important;
        width: 100%;
    }
}


/* ------------------------------------------------------------- */
/* => Table
/* ------------------------------------------------------------- */

.table {
    width:100%;
    margin-bottom:20px
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top:1px solid #c4c4c4;
}
.table>thead>tr>th {
    border-bottom:1px solid #c4c4c4;
}
.table>tbody+tbody {
    border-top:1px solid #c4c4c4;
}
.table .table {
    background-color:#fff;
}
.table-bordered {
    border:1px solid #c4c4c4;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border:1px solid #c4c4c4;
}

.table-custom thead {
    background-color: #187e00;
    color: #fff;
}
.table-custom > tbody > tr:nth-of-type(2n+2) {
    background-color: #e6e6e6;
}
.table-custom > tbody {
    border-bottom: 1px solid #c4c4c4;
}
.table-custom > thead > tr > th,
.table-custom > tbody > tr > th,
.table-custom > tfoot > tr > th,
.table-custom > thead > tr > td,
.table-custom > tbody > tr > td,
.table-custom > tfoot > tr > td {
    padding: 8px 16px;  
}

.product-description-container {
    
}
.caption-option a.more,
.caption-option a.less {
    margin: 0 !important;
    display: inline;    
}
.caption-option .product-description {
    margin: 0 0 2px 0;
    line-height:19px;
}
.product-description + [data-readmore-toggle], .product-description[data-readmore] {
    margin-bottom: 10px;
    display: block;
    width: auto !important;
}
h4.product-option-name {
    font-size: 15px;
    margin: 0 0 2px 0;  
}

@media (max-width:991px) {
    .table-custom > thead > tr > th,
    .table-custom > tbody > tr > th,
    .table-custom > tfoot > tr > th,
    .table-custom > thead > tr > td,
    .table-custom > tbody > tr > td,
    .table-custom > tfoot > tr > td {
        padding: 8px 8px;   
    }
}
@media (max-width:460px) {
    
    .table-custom {
        font-size: 12px;
    }
    .table-custom > thead > tr > th,
    .table-custom > tbody > tr > th,
    .table-custom > tfoot > tr > th,
    .table-custom > thead > tr > td,
    .table-custom > tbody > tr > td,
    .table-custom > tfoot > tr > td {
        padding: 8px 4px;   
    }
}



@media (min-width:768px) {
    .container {
        width:750px;
    }
}
@media (min-width:992px) {
    .container {
        width:970px;
    }
}
@media (min-width:1200px) {
    .container {
        width:970px;
    }
}

/* ------------------------------------------------------------- */
/* => Top
/* ------------------------------------------------------------- */

#top {
    display: none;
    background-color: #e6e6e6;
    padding: 4px 0px 3px 0;
    min-height: 40px;
}
#top .container {
    padding: 0 20px;
}
#top #currency .currency-select {
    text-align: left;
}
#top #currency .currency-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #5a5a5a;
}
#top .btn-link, #top-links li, #top-links a {
    color: #949798;
    text-shadow: none;
    text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
    color: #187e00;
}
#top-links .dropdown-menu a {
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#top-links .dropdown-menu a:hover {
    color: #FFF;
}
#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
#top-links {
    padding-top: 6px;
}
#top-links a + a {
    margin-left: 15px;
}
#top-links .btn-special,
#top-links:hover .btn-special {
    color: #fff;
}
#top-links .top-checkout {
    margin: -5px 0 0 0;
}
#top-links .dropdown-menu {
    background-color: #e6e6e6;
    border: none;
    margin: 13px 0 0 0;
    padding: 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}
#top-links .dropdown-menu > li > a {
    padding:0;
    font-size:12px;
}
#top-links .dropdown-menu > li > a:hover,
#top-links .dropdown-menu > li > a:focus {
    background-color:transparent;
    color:#187e00;  
}
@media (max-width: 767px) {
    #top {
        display: block;
    }
}


/* ------------------------------------------------------------- */
/* => Custom menu
/* ------------------------------------------------------------- */

#custom-menu-container {
    background-color: #f1f1f1;
    margin: 0 0 0 0;
}
#custom-menu-container .navbar {
    border: none;
    margin: 0;
    min-height: auto;
    border-radius: 0;
    padding: 22px 0 0 0;
}

#custom-menu ul.nav > li {
    margin: 0 30px 0 0;
    padding: 0 0 23px 0;
}
#custom-menu ul.nav > li:last-child {
    margin: 0;
}
#custom-menu ul.nav > li > a {
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 0;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
#custom-menu ul.nav > li > a:hover,
#custom-menu ul.nav > li.active > a,
#custom-menu ul.nav > li:hover a {
    color: #ff6600;
    background-color: transparent;
}



#custom-menu ul.nav > li.dropdown .dropdown-menu ul li a {
    display: block;
    padding: 4px 15px;
    clear: both;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
#custom-menu ul.nav > li.dropdown .dropdown-menu ul li a:before {
    content: "»";
    padding: 0 5px 0 0;
}
#custom-menu ul.nav > li.dropdown .dropdown-menu ul li a:hover,
#custom-menu ul.nav > li.dropdown .dropdown-menu ul li.active a {
    color: #ff6600;
    background-color: transparent;
}


.dropdown-icon {
    display: none;
}

#custom-menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 0px 18px 2px 18px;
    float: left;
    left: 15px;
    background-color: #187e00;
}

#custom-menu .btn-navbar:hover, #custom-menu .btn-navbar:focus, #custom-menu .btn-navbar:active, #custom-menu .btn-navbar.disabled, #custom-menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #ff6600;
}


@media (min-width: 768px) {

    #custom-menu .dropdown-menu {
        padding: 0 0 5px 0;
        margin: 0 0 0 -10px;
        display: inline-block;
        list-style: none;
        font-size: 14px;
        background-color: #383838;
        border: 5px solid #fff;
        border-top: none;
        box-shadow: none;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #custom-menu .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

}
@media (max-width: 767px) {
    #custom-menu .dropdown {
        position: relative;
    }

    #custom-menu-container {
        margin: 0;
    }
    #custom-menu-container .container {
        padding: 0;
    }
    #custom-menu-container .navbar {
        padding: 0;
    }
    #custom-menu-container .navbar-header {
        padding: 4px 0;
    }
    #custom-menu ul.nav > li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #fff;
    }
    #custom-menu ul.nav > li:first-child {
        border-top: 1px solid #fff;
    }
    #custom-menu ul.nav > li > a {
        min-height: 15px;
        padding: 10px 15px;
        color: #fff;
        background-color: #383838;
    }
    #custom-menu ul.nav > li > a:hover,
    #custom-menu ul.nav > li.active > a,
    #custom-menu ul.nav > li:hover a,
    #custom-menu .nav > li.open > a {
        color: #fff;
        background-color: #ff6600;
    }

    #custom-menu ul.nav .dropdown-menu {
        padding: 0;
    }
    #custom-menu ul.nav .dropdown-menu li {
        border-top: 1px solid #ffb380;
    }

    #custom-menu ul.nav > li.dropdown .dropdown-menu ul li a:hover,
    #custom-menu ul.nav > li.dropdown .dropdown-menu ul li.active a {
        color: #fff !important;
        background-color: #fa802e;
    }

}


/* ------------------------------------------------------------- */
/* => Header
/* ------------------------------------------------------------- */

#header {
    height: 450px;
    background-size: cover !important;
    position: relative;
    background: url(../image/bg-header.jpg) center center no-repeat;
}

#header .container {
    position: relative;
    min-height: 450px;
}


@media (max-width: 767px) {
    #header .container {
        min-height: 350px;
    }
    #header {
        height: 350px;
         background-size: cover !important;
        background: url(../image/bg-header-small.jpg) center center no-repeat;
    }
}

/* logo */

#logo {
    position: absolute;
    margin: 0 auto;
    left: 15px;
    top: 50%;
    -ms-transformtransform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}  
#logo a {
    width: auto;
    display: inline-block;
}  

#logo a img {
    max-width: 100%;
}

/* breadcrumb */
.breadcrumb {
    display: none;
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #dddddd;
    background-color: #f5f5f5;
}
.breadcrumb i {
    font-size: 15px;
}
.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 28px;
    height: 28px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.breadcrumb > li a {
    color: #424242;
}
.breadcrumb > li a:hover,
.breadcrumb > li.active a {
    color: #ad1000;
}

/* ------------------------------------------------------------- */
/* => Menu
/* ------------------------------------------------------------- */

#menu-container {
    padding-top: 0px;
}
.navbar {
    border: none;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
#menu {
    background-color: #e6e6e6;
    min-height: 40px;
    border-radius: 0;
    padding-top: 25px;
}
@media (max-width: 767px) {
    #menu {
        padding-top: 0px;
    }
    #menu .nav > li {
        border-bottom: 1px solid #fff;
    }
}
#menu .nav > li {
    margin: 0 23px 0 0;
}
#menu .nav > li:hover a,
#menu .nav > li.active a {
    background-color: #ff6600;
    text-decoration: none;
}

#menu .nav > li:last-child {
    margin: 0;
}
#menu .nav > li.list-margin-top {
    margin-top: 1px;
}
#menu .nav > li > a {
    font-size: 18px;
    color: #fff;
    padding: 0 0 25px 0;
    min-height: 15px;
    background-color: #383838;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;  
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    color: #d8d1d1;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner li {
    
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 12px 16px;
    clear: both;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    background-color: #fff !important;
}
#menu .dropdown-inner li a:hover,
#menu .dropdown-inner li.active a {
    color: #FFFFFF;
    background-color: #fa802e !important;
}
#menu .dropdown-inner a:before {
    content: '»';
    padding: 0 5px 0 0;
}
#menu .see-all {
    display: none;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 0px 18px 2px 18px;
    float: right;
    background-color: #187e00;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #ff6600;
}

@media (min-width: 768px) {
    #menu .dropdown-menu {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none;
        font-size: 14px;
        background-color: #ff6600;
        border: none;
        box-shadow: none;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #menu .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

}
@media (max-width: 767px) {
    #menu-container {
        
    }

    .navbar-header {
        background-color: #383838;
    }
    .navbar-collapse {
        max-height: none;
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-nav {
        margin: 0 -15px;
    }
    #menu .nav > li {
        margin: 0 0 0 0;
    }
    #menu .nav > li:last-child {
        margin: 0;
    }
    #menu .nav > li > a {
        padding: 10px 15px 10px 15px;
        min-height: 15px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding: 0px;
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background-color: #fa802e;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #ff6600 !important;
        border-radius: 0;
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
        display: none;
    }
    .dropdown-menu {
        display: none;
    }

    #menu .dropdown {
        position: relative;
    }

    .dropdown-icon {
        border-left: 1px solid #e6e6e6;
        color: #fff;
        cursor: pointer;
        display: block;
        height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 10;
    }
    .dropdown-icon .fa {
        font-size: 10px;
        line-height: 40px;
    }
    .dropdown-icon .fa-minus {
        display: none;
    }
    .dropdown-icon.active .fa-plus {
        display: none;
    }
    .dropdown-icon.active .fa-minus {
        display: block;
    }
    
    #menu .nav > li.list-margin-top {
        margin-top: 0px;
    }

}

/* ------------------------------------------------------------- */
/* => Login Search
/* ------------------------------------------------------------- */

.login-search {
    min-height: 54px;
    background-color: #e6e6e6;
    margin: 0 0 20px 0;
}

.shop-login {
    padding:8px 0;
    font-size: 12px;
}

.shop-login .form-inline {
    float: left;
}

.shop-login .form-control {
    width: 165px;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #bbbbbb;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cdcdcd;
    border-left: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.shop-login .form-group {
    margin:0 12px 0 0;
}
.shop-login .form-inline .btn-form {
    letter-spacing: 0 !important;
    padding: 10px 20px; 
}


.shop-login .form-group:first-child .input-group-addon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none;
}
.input-group-addon {
    padding: 6px 17px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #cdcdcd;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #cdcdcd;
    border-radius: 4px
}
.shop-login .input-group-addon, .shop-login .input-group-btn {
    width: 44px;
}

.shop-login .form-control:focus {
    background-color: #f2f2f2;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.shop-login ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0 0 18px;
    font-size: 12px;
    line-height: 18px;
}
.shop-login ul li a {
    color: #7e7e7e;
}
.shop-login ul li a:hover {
    color: #187e00;
}

.shop-login ul.log-in-style li .fa {
    color: #7e7e7e;
    margin: 0 5px 0 0;
    font-size: 13px;
}

.shop-search {
    padding: 8px 0;
    position: relative;
}
.shop-search:before {
    content: '';
    width: 1px;
    height: 38px;
    background-color: #bfc3c9;
    position: absolute;
    top: 50%;
    left: -25px;
    margin: -19px 0 0 0;
}
#search {
    position: relative;
    width: 100%;
}
.shop-search .form-control {
    float: right;
    width: 212px;
    height: 38px;
    padding: 6px 40px 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #4e4e4e;
    background-color: #cdcdcd;
    background-image: none;
    border: 1px solid #cdcdcd;
    border-radius: 4px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-right: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.shop-search .form-control:focus {
    border-color:#cdcdcd;
    background-color: #fff;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.btn-search {
    color: #777777;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    text-shadow: 1px 1px #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: transparent;
    border: none;
}


@media (max-width:991px) {

    .shop-login {
        padding: 8px;
    }

    .shop-login .form-control {
        width: 100%;
    }
    .shop-login .form-group {
        margin: 0 0 10px 0;
    }
    .shop-login .input-group {
        width: 100%;
    }
    .shop-login .form-inline {
        width: 100%;
    }
    .shop-login .form-inline .form-group {
        display: block;
    }

    .shop-login .btn-form {
        float: right;
    }

    .shop-login ul {
        margin: -25px 0 0 10px;
    }
    .shop-login ul li {
        float: left;
        margin: 0 10px 0 0;
    }

    .shop-login ul.log-in-style {
        margin: 0 0 0 10px;
    }

    .shop-search {
        padding: 8px;
    }
    .shop-search:before {
        display: none;
    }
    .shop-search .form-control {
        width: 100%;
    }

    .shop-login .form-group:first-child .input-group-addon {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        border-left: 1px solid #cdcdcd;
    }

    .shop-search .form-control {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border-right: 1px solid #cdcdcd !important;
    }
}

@media (max-width:400px) {
    .shop-login ul li {
        float: none;
    }
    .shop-login ul.log-in-style li {
        float: left;
    }
}

/* ------------------------------------------------------------- */
/* => Get in touch
/* ------------------------------------------------------------- */

.get-in-touch {
    background-color: #949798;
    color: #fff;
    min-height: 44px;
    line-height: 44px;
    padding: 10px 20px;
    margin: 0;
    width: 100%;
    overflow: hidden;
}
.get-in-touch ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    position: relative;
    float: left; display: block;
    left: 50%;
}
.get-in-touch ul li {
    display: inline-block;
    float: left;
    list-style: none;
    position: relative;
    margin: 0 40px 0 0;
    position: relative; float: left;
    display: block;
    right: 50%;
}

.get-in-touch ul li:after {
    content: '';
    /*background-color: transparent !important;
    position: absolute;
    right: -24px;
    top: 50%;
    margin: -20px 0 0 0;
    width: 1px;
    height: 24px;    
    background-color: rgba(255,255,255, 0.4);*/
}
.get-in-touch ul li:last-child:after {
    display: none;
}
.get-in-touch ul li a {
    color: #fff;
}
.get-in-touch ul li i.fa {
    color: #6e0c13;
    font-size: 15px;
    padding: 0 6px 0 0;
}

@media (max-width:767px) {
    .get-in-touch {
        min-height: 34px;
        line-height: 34px;
    }

    .get-in-touch ul li:after {
        display: none;
    }
    .get-in-touch ul li {
        float: none;
        margin: 0 10px;
    }
}

/* ------------------------------------------------------------- */
/* => Content
/* ------------------------------------------------------------- */

#content {
    min-height: 600px;
}

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* -- product-filter --*/
#product-filter {
    padding: 10px 0 0 0;
}

#product-filter .form-control {
    border-radius: 0;
}
#product-filter .control-label {
    padding: 7px 0 0 0;
}

#compare-total {
    display: none;
    margin: 0 0 10px 0;
    float: right;
}
.product-filter-sort-container {
    float: right;
    clear: both;
}
.product-filter-sort-container div:first-child {
    margin: 0 20px 0 0;
}

#input-sort,
#input-limit {
    width: 160px;
    margin: 0 0 0 10px;
}
#input-limit {
    width: 70px;
}

@media (max-width:991px) {
    
    #input-sort {
        width: 100px;
    }
    #input-limit {
        width: 65px;
    }

}

@media (max-width:460px) {

    #compare-total {
        float: left;
    }
    .product-filter-sort-container label {
        width: 100px;
    }
    .product-filter-sort-container div:first-child {
        margin: 0 0px 0 0;
    }
    #input-sort,
    #input-limit {
        width: 180px;
        margin: 0 0 10px 10px;
    }
}

/* -- category-list -- */
.category-list {

}
.category-list h3 {
}
.category-list ul {
    padding: 0;
}
.category-list ul li {
    list-style: none;
    display: inline-block;
    background-color: #e6e6e6;
    padding: 2px 10px;
    float: left;
    margin: 0 10px 10px 0;
}
.category-list ul li a {
    color: #5a5a5a;
}
.category-list ul li a:hover {
    color: #949798;
}


/* product list */
.product-thumb {
    border: 1px solid #c4c4c4;
    margin-bottom: 20px;
    overflow: auto;
    position: relative;
    min-height: 100px;
    -webkit-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}
.product-thumb:hover {
    border: 1px solid #e6e6e6;
}
.product-thumb .image {
    text-align: center;
    min-height: 228px;
}
.product-thumb .image a {
    display: block;
}
/*.product-thumb .image a:hover {
    opacity: 0.8;
}*/
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.product-grid .product-thumb .image {
    float: none;
    min-height: 100%;
}
.product-grid a.direct-buy,
.product-grid a.select-options {
    text-indent: -9999em;
}

@media (min-width: 768px) {
    .product-list .product-thumb .image {
        float: left;
    }

    .featured-specials-product .image {
        float: left !important;
    }

}
@media (max-width: 991px) {
    .product-thumb .image {
        min-height: 140px;
        width: 140px;
    }
}
@media (max-width: 767px) {
    .product-thumb .image {
        min-height: 180px;
        width: 180px;
        margin:0 auto;
    }
}
.product-thumb h4 {
    margin-top:5px;
}
.product-thumb .caption,
.product-grid .caption {
    padding: 10px 20px;
    line-height: 21px;
    /*min-height: 180px;*/
}
.product-thumb .caption p,
.product-grid .caption p {
    margin: 0 0 10px 0;
}
/*.product-list .product-thumb .caption,
.featured-specials-product .caption {
    margin-left: 0px;
}*/
.featured-specials-product.no-img .caption,
.product-list .product-thumb.no-img .caption {
    margin-left: 230px;
}
.caption a.more,
.caption a.less {
    display: inline-block;
    margin:0 0 4px 0;
}

/*@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 10px;
}
}*/
@media (max-width: 991px) {
    .featured-specials-product.no-img .caption,
    .product-list .product-thumb.no-img .caption {
        margin-left: 140px;
    }
    .product-thumb .caption,
    .product-grid .caption {
        padding: 10px 14px;
    }
    
    
}
@media (max-width: 767px) {
    .product-list .product-thumb .caption,
    .featured-specials-product .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .featured-specials-product.no-img .caption,
    .product-list .product-thumb.no-img .caption {
        margin-left: 0px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
    .product-grid a.direct-buy,
    .product-grid a.select-options {
        text-indent: 0;
    }
    .product-grid .caption {
        padding: 10px 20px;
    }
    .product-grid .button-group {
        position: relative !important;
    }
    .product-thumb p.price {
        margin-bottom:10px !important;
        margin-top:0px;
        
    }
    .caption a.more,
    .caption a.less {
        margin-bottom:10px;
    }
    
    .product-thumb h4 {
        margin-top:10px;
    }


}

.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #E69500;
}
h2.price {
    margin: 0;
}

.product-grid .product-description,
.product-grid .fixed-product-icon,
.product-grid .flex-product-icon  {
    display: none !important;
}
.product-grid .product-thumb {
    min-height: 400px;
    padding: 0 0 30px 0;
}
.product-grid .button-group {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.product-thumb p.price {
    font-size: 15px;
    font-weight: bold;
    color: #302e2e;
    background-color: #e6e6e6;
    display: inline-block;
    padding: 10px 14px;
    float: right;
    margin-top:10px;
    margin-bottom:24px;
    margin-left:24px;
}

@media (max-width: 991px) {
    .product-thumb p.price {
        font-size: 13px;
        padding: 8px 10px;
        margin-left: 14px;
        margin-top:5px;
    }
}
.product-thumb .price-new,
.product-thumb .price-old {
    font-weight: 700;
    display: block;
    text-align: center;
}
.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 400;
}
.product-grid .price {
    display: block;
    float: none;
    text-align: center;
    padding: 5px 25px;
}
.product-grid .price-old {
    margin-left: 0;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: none;
}
.product-thumb .button-group {
    background-color: #e6e6e6;
    overflow: auto;
}
.button-bg {
    background-color: #e6e6e6;
}

.product-thumb .button-group button {
    width: 114px;
    border: none;
    display: inline-block;
    float: left;
    background-color: transparent;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.product-thumb .button-group button + button {
    width: 114px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

.product-thumb .button-group a.select-options,
.product-thumb .button-group a.direct-buy {
    color: #5a5a5a;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 38px;
    float: right;
    margin: 0 15px 0 0;
    padding: 0 0 0 10px;
    position: relative;
    text-decoration: none;
}
.product-thumb .button-group a.select-options:hover,
.product-thumb .button-group a.direct-buy:hover {
    color: #187e00;
}
.product-thumb .button-group a.select-options:before,
.product-thumb .button-group a.direct-buy:before,
.product-thumb .button-group a.select-options:after,
.product-thumb .button-group a.direct-buy:after {
    content: '';
    width: 24px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: -20px;
    margin: -10px 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-thumb .button-group a.select-options:before,
.product-thumb .button-group a.direct-buy:before {
    opacity: 1;
    background: url(../image/icon-add-to-cart.png) 0 0 no-repeat;
}
.product-thumb .button-group a.select-options:after,
.product-thumb .button-group a.direct-buy:after {
    opacity: 0;
    background: url(../image/icon-add-to-cart.png) 0 -19px no-repeat;
}

.product-thumb .button-group a.select-options:hover:before,
.product-thumb .button-group a.direct-buy:hover:before {
    opacity: 0;
}
.product-thumb .button-group a.select-options:hover:after,
.product-thumb .button-group a.direct-buy:hover:after {
    opacity: 1;
}


.product-grid .product-thumb .button-group button,
.product-grid .product-thumb .button-group button + button {
    width:60px;
}


.product-thumb .button-group button.add-to-cart-normal,
.modal-dialog button.add-to-cart-normal {
    color: #5a5a5a;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 38px;
    float: right;
    margin: 0 15px 0 0;
    padding: 0 0 0 40px;
    position: relative;
    border: none;
    width: auto;
    background: none;
     -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-thumb .button-group button.add-to-cart-normal:hover,
.modal-dialog button.add-to-cart-normal:hover {
    color: #187e00;
}
.product-thumb .button-group button.add-to-cart-normal:before,
.product-thumb .button-group button.add-to-cart-normal:after,
.modal-dialog button.add-to-cart-normal:before,
.modal-dialog button.add-to-cart-normal:after {
    content: '';
    width: 24px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -10px 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-thumb .button-group button.add-to-cart-normal:before,
.modal-dialog button.add-to-cart-normal:before {
    opacity: 1;
    background: url(../image/icon-add-to-cart.png) 0 0 no-repeat;
}
.product-thumb .button-group button.add-to-cart-normal:after,
.modal-dialog button.add-to-cart-normal:after {
    opacity: 0;
    background: url(../image/icon-add-to-cart.png) 0 -19px no-repeat;
}

.product-thumb .button-group button.add-to-cart-normal:hover:before,
.modal-dialog button.add-to-cart-normal:hover:before {
    opacity: 0;
}
.product-thumb .button-group button.add-to-cart-normal:hover:after,
.modal-dialog button.add-to-cart-normal:hover:after {
    opacity: 1;
}

.product-grid .product-thumb .button-group button.add-to-cart-normal,
.product-grid .product-thumb .button-group button.add-to-cart-normal + button {
    width:60px;
}

.product-grid button.add-to-cart-normal {
    text-indent: -9999em;
}
.product-grid .product-thumb .button-group button.add-to-cart-normal {
    width: 16px;
}

@media (max-width: 440px) {
    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 60px;
    }
}

.img-thumbnail {
    border-radius: 0;
    border: 1px solid #c4c4c4;
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > li {
    margin-left: 20px;
}
.thumbnails {
    margin-left: -20px;
}
.thumbnails > img {
    width: 100%;
}
.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3{
        width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
        width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
        width: 100%;
    }
}


ul[role="tablist"] li:nth-child(2n+2) {
    display: none;
}


.deactivate {
    pointer-events: none;
    opacity: .5;
    transition: all 0.3s ease-in-out;
}

select, input[type="text"] {
    /*width: 160px;*/
    box-sizing: border-box;
}
section {
    padding: 8px;
    overflow: auto;
}
section > DIV {
    float: left;
    padding: 4px;
}
section > div + div {
    width: 40px;
    text-align: center;
}

/* -- search-container -- */
.search-container {

}
.search-container .form-control {
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px 0;
}

@media (max-width:767px) {
    .search-container div {
        margin-bottom: 10px;
    }
    .search-container .form-control {
        margin: 0 0 0 0;
    }
}


/* -- pagination --*/
.pagination {
    margin: 0;
}
.pagination>li>a, .pagination>li>span {
    color: #232323;
    border: 1px solid #c4c4c4;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #232323;
    background-color: #eee;
    border-color: #ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff;
    background-color: #ff6600;
    border-color: #c4c4c4;
}

/* ------------------------------------------------------------- */
/* => Cart
/* ------------------------------------------------------------- */

#cart {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 20px 0;
}
#cart ul {
    list-style: none;
    padding: 0;
}
.total-empty-cart {
    background-color: #e6e6e6;
    color: #302e2e;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}
.empty-cart {
    width: 90%;
    font-size: 13px;
    margin: 10px auto 0 auto;
    padding: 10px 15px;
    background-color: #267db7;
    color: #fff;
    position: relative;
}
.empty-cart:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #267db7 transparent;

}
#cart-headline {
    background-color: #e6e6e6;
    text-transform: uppercase;
    padding: 9px 9px 9px 60px;
    position: relative;
}
#cart-headline:before {
    content: '';
    width: 40px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 12px;
    margin: -12px 0 0 0;
    background: url(../image/icon-cart.png) 0 0 no-repeat;
}
#cart-headline h4 {
    color: #302e2e;
}

#payment-methods {
    margin:0 0 10px 0;
}
.payment-brands {
    float: left;
    padding: 0 0 0 10px;
}
.payment-brands a {
    margin: 0 4px;
    position: relative;
    display: block;
    float: left;
    height:20px;
}

.payment-brands a img {
    vertical-align: top;
}
.grayscale-img img {
    float: none !important;
}
.payment-caption {
    color: #7f7f7f;
}
.cart-container {
    background-color: #e6e6e6;
    margin: 0 0 10px 0;
}
.cart-product-neme-price {
    background-color: #949798;
    color: #fff;
    font-size: 13px;
    padding: 3px 0;
    margin: 0 0 1px 0;
}
.cart-total {
    color: #949798;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
}
.cart-total-container p:last-child {
    color: #232323;
}

.plus-minus-quantity {
    padding: 5px 15px 10px 0;
}
.plus-minus-quantity a i.fa-pencil {
    color: #5a5a5a;
    padding: 0 5px;
}
.product-options-container {

}
ul.product-options {
    width: 88%;
    background-color: #fff;
    color: #464646;
    margin: 0 0 1px 0;
}
ul.product-options li {
    padding: 1px 15px;
    position: relative;
}
ul.product-options li:before {
    content: '+';
    padding: 0 4px 0 0;
}

.price-with-options {
    position: relative;
}
.price-with-options:before {
    content: '%';
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    background-color: #FF8000;
    padding: 0 3px;
    position: absolute;
    left: -20px;
    top: 1px;
}
.product-quantity {
    color: #fff;
    background-color: #949798;
    padding: 1px 6px;
    margin: 0 1px;
}
.cart-trash {
    position: relative;
    top: 1px;
    margin: 0 7px 0 0;
    border: none;
    background-color: transparent;
}
.cart-trash .fa {
    font-size: 16px;
}
.cart-plus-icon,
.cart-minus-icon {
    color: #187e00;
    cursor: pointer;
    position: relative;
    top: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cart-minus-icon {
    color: #ad1000;
}
.cart-plus-icon:hover,
.cart-minus-icon:hover {
    color: #5a5a5a;
}

.worning-minimum-quantity {
    background-color: #fff;
    margin: 5px 0;
    padding: 5px 10px;
    font-size: 12px;
    line-height: normal;
}

/* ------------------------------------------------------------- */
/* => Panel Business hours
/* ------------------------------------------------------------- */

.panel-business-hours {
    background-color: #e4e8e9;
    margin: 0 0 20px 0;
}
.panel-business-hours-container {
    padding: 10px 30px 30px 30px;
    text-align: center;
}
#open-time-icon-small {
    display: inline-block;
    margin: 0 auto 10px auto;
}
.panel-business-hours-container h3 {
    color: #302e2e;
    border-bottom: 1px solid #c6cbce;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    font-size: 16px;
}

.week-day-container .worktime-hours {
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 14px 0 14px 0;
    border-bottom: 1px dashed #c4c4c4;
}
.worktime-hours.active:before,
.worktime-hours.active:after {
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin: -6px 0 0 0;
}
.worktime-hours.active:before {
    left: 0;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #187e00;
}
.worktime-hours.active:after {
    right: 0;
    border-width: 6px 6px 6px 0;
    border-color: transparent #187e00 transparent transparent;
}

.week-day-container .worktime-hours:last-child {
    border: none;
    margin: 2px 0 2px 0;
}
.week-day-container .worktime-hours:first-child {
    margin: 0 0 2px 0;
    border-bottom: 1px dashed #c4c4c4;
}

.week-day-container:last-child .worktime-hours:last-child {
    border: none;
}

.week-day {
    background-color: #72787a;
    color: #fff;
    display: inline-block;
    margin: 10px 0 10px 0;
    padding: 4px 16px;
    font-size: 13px;
}

.ul-business-hours {
    padding: 0;
    margin: 0;
}
.ul-business-hours li {
    float: left;
    list-style: none;
    margin: 0 40px 5px 0;
    position: relative;
}
.ul-business-hours li:last-child {
    margin: 0;
}
.ul-business-hours li:after {
    content: '';
    width: 1px;
    height: 22px;
    border-right: 1px dashed #9fa2a3;
    position: absolute;
    top: 3px;
    right: -20px;
}
.ul-business-hours li:last-child:after {
    display: none;
}
.business-hours-title {
    margin: 2px 20px 0 0;
}

.busines-hours-modal span.week-day {
    margin: 0;
}
.busines-hours-modal .week-day-container .worktime-hours {
    padding: 0;
}
.busines-hours-modal .week-day-container .worktime-hours:first-child,
.busines-hours-modal .week-day-container .worktime-hours,
.busines-hours-modal .week-day-container .worktime-hours:last-child{
    border: none;
    margin: 0;
}
.busines-hours-modal .week-day-container span.worktime-hours {
    padding: 0 0 0 10px;
}
.busines-hours-modal .week-day-container span.worktime-hours.active {
    color: #000;
}
.busines-hours-modal .week-day-container span.worktime-hours.active:before,
.busines-hours-modal .week-day-container span.worktime-hours.active:after {
    display: none !important;
}


@media (max-width:991px) {
    .worktime-hours {
        font-size: 16px !important;
    }
}
@media (max-width:400px) {
    .busines-hours-modal .business-hours-title {
        width: 100%;    
    }
    .busines-hours-modal .ul-business-hours li {
        width: 100%;
        margin: 0 0 5px;    
    }
    .busines-hours-modal .ul-business-hours li:after {
        display: none;  
    }
    .busines-hours-modal .worktime-hours {
        font-size: 15px !important;
    }
}


/* ------------------------------------------------------------- */
/* => Footer
/* ------------------------------------------------------------- */

footer {
    margin-top: 30px;
    background-color: #383838;
    color: #3d3d3d;
}
footer hr {
    border-top: none;
    border-bottom: 1px solid #bfc3c9;
}
footer a {
    font-size: 16px;
    color: #3d3d3d;
    text-decoration: none;
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
}
footer a:hover {
    color: #d8d1d1;
    text-decoration: none;
}
footer h5 {
    font-size: 22px;
    font-weight: 300;
    color: #3d3d3d;
    margin-bottom: 20px;
   font-family: 'Spartan', sans-serif;
}
footer ul li.active a {
    
}
.footer-top-container {
    padding: 80px 0;
}
.footer-top-container ul li {
    margin-bottom: 5px;
}
.footer-bottom-container {
    background-color: #949798;
    padding: 0 0 0 0;
}
.footer-powered {

}

/* ------------------------------------------------------------- */
/* => Modal windows
/* ------------------------------------------------------------- */

.modal-dialog {
    width:800px;
    margin:30px auto;
}

@media (max-width:810px) {
    .modal-dialog {
        width:95%;
    }

}
.modal-content {
    background-color: #fff;
    border: 7px solid #e7e7e7;
    border-radius: 0px;
}

h3.product-name {
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 5px 0 0 0;
    font-weight: 700;
}
#total-price {
    margin-bottom:10px;
}
#total-price strong {
    float: right;
    padding: 6px 20px;
    background-color: #e6e6e6;
    color: #302e2e;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.modal-separator {
    background-color: #c4c4c4;
    height: 1px;
    clear: both;
    margin: 5px 0 25px 0;
}

button.modal-close {
    padding: 0;
    color: #767474;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #767474;
    outline: 3px solid #e7e7e7;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    top: -12px;
    right: -12px;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(231,231,231,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(231,231,231,1);
    box-shadow: 0px 0px 0px 3px rgba(231,231,231,1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.modal-close i.fa {
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 3px;
}

button.modal-close:hover, button.modal-close:focus {
    color: #fff;
    background-color: #767474;
    text-decoration: none;
    cursor: pointer;
}

/* -- additives --*/
.additives {
    margin: 0 0 20px 0;
    color: #949798;
}

/* -- datepicker --*/
.form_datetime span.input-group-btn {
    display: block;
}


/* -- Opentime --*/
.modal-opentime-content {
    position: relative;
}
.opentime-conteiner {
    text-align: center;
    font-weight: 600;
}
.opentime-conteiner.opentime-closed .opentime-notice {
    background-color: #ad1000;
    color: #ffc7c1;
}
.opentime-notice {
    height: 36px;
    line-height: 36px;
    margin: 0 0 10px 0;
}
.opentime-conteiner.opentime-closed .closed-text {
    color: #ad1000;
}

.opentime-conteiner.opentime-closed-with-pre-order .opentime-notice {
    background-color: #d57900;
    color: #fff;
}
.opentime-conteiner.opentime-closed-with-pre-order .closed-text {
    color: #d57900;
}

.opentime-conteiner.opentime-open .opentime-notice {
    background-color: #187e00;
    color: #d7ffcd;
}

#open-time-icon {
    display: inline-block;
    margin: 0 auto 20px auto;
}

.modal-opening-times-content {
    margin: 20px 30px 80px 30px;
    text-align: center;
}

.modal-opentime-content h3 {
    border-bottom: 1px solid #c6cbce;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
}

.current-week-day {
    background-color: #72787a;
    color: #fff;
    display: inline-block;
    padding: 4px 40px;
    font-size: 13px;
}

.working-hours {
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}
.working-hours:before {
    content: '';
    width: 1px;
    height: 33px;
    position: absolute;
    top: 14px;
    left: 50%;
    background-color: #c4c4c4;
}
.working-hours:after {
    content: '';
    width: 260px;
    height: 1px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -130px;
    border-bottom: 1px dashed #c4c4c4;
}

.hours-without-rest.working-hours:before {
    display: none;
}
.hours-without-rest.working-hours:after {
    width: 120px;
    margin: 0 0 0 -60px;
}

.hours-before-rest,
.hours-after-rest {
    display: inline-block;
    padding: 0 10px;
}


@media (max-width: 380px) {
    .working-hours:before {
        display: none;
    }
    .hours-before-rest,
    .hours-after-rest {
        width: 100%;
        padding: 10px;
    }
}

/* -- Georestriction -- */
.modal-georestriction-content {
    background-color: #505456;
    position: relative;
    margin: 40px 30px 20px 30px;
    padding: 40px 30px 30px 30px;
    color: #fff;
}
.modal-georestriction-content .fa-map-marker {
    width: 54px;
    height: 54px;
    background-color: #ff6600;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 38px;
    line-height: 54px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -27px 0 0 -27px;
}
.modal-georestriction-content h3 {
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 25px 0;
}
.modal-georestriction-content h3 span {
    font-size: 27px;
}

.modal-georestriction-content .btn-radio {
    margin: 0 0 1px 0;
    overflow: hidden;
}
.modal-georestriction-content .btn-radio:nth-child(2n+1) {
    border-right: 1px solid #505456;
}

.product-options-img {
    float:left;
    margin:0 20px 10px 0;
}

@media (min-width: 768px) {

    .modal-georestriction-content .btn-radio:nth-child(4n-1),
    .modal-georestriction-content .btn-radio:nth-child(4n) {
        background-color: #8f9293;
    }

    .modal-georestriction-content .btn-radio:nth-child(4n-1):hover,
    .modal-georestriction-content .btn-radio:nth-child(4n):hover,
    .modal-georestriction-content .btn-radio:nth-child(4n-1).active,
    .modal-georestriction-content .btn-radio:nth-child(4n).active {
        background-color: #ff6600;
        color: #fff;
    }

}
@media (max-width: 991px) {
    .product-options-img {
        min-height: 140px;
        width: 140px;
        margin:0 20px 10px 0;   
    }
}
@media (max-width: 767px) {

    .modal-georestriction-content .btn-group {
        display: block;
    }

    .modal-georestriction-content .btn-radio:nth-child(even) {
        background-color: #8f9293;
    }
    .modal-georestriction-content .btn-radio:nth-child(even):hover,
    .modal-georestriction-content .btn-radio:nth-child(even).active {
        background-color: #ff6600;
        color: #fff;
    }

    .modal-georestriction-content .btn-radio:nth-child(2n+1) {
        border-right:none;
    }
    
}
@media (max-width: 460px) {
    .modal-georestriction-content {
        margin: 40px 15px 20px 15px;
        padding: 40px 20px 30px 20px;
    }
    .modal-georestriction-content .btn-radio {
        font-size: 11px;
    }
}


.modal-georestriction-footer {
    margin:0 30px 20px 30px;
    padding: 0 17px 0 0;
}
.modal-georestriction-footer button {
    float: right;
}

@media (max-width: 460px) {
    .modal-georestriction-footer {
        margin:0 20px 20px 20px;
    }
}


/* -- normal product-layout -- */
.product-extras-container {
    font-style: italic;
}
.product-extras > .pre-selected {
    margin-right:5px;
}
.product-extras strong,
.product-extras > span.extra > span.extra,
.modal-top-minus.extra {
    padding: 0 10px 0 0;
}
.product-extras span.extra i.fa,
.modal-top-minus.extra i.fa{
    margin: 0 0 0 5px;
    color: #ad1000;
    cursor: pointer;
}

.price-extras {
    display: inline;
    border-bottom:2px solid #e6e6e6;
    color: #302e2e;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    float: right;
    margin: 10px 0;
}

.modal-dialog section {
    padding: 0;
}
.modal-dialog section > DIV {
    float: left;
    padding: 0px;
    margin: 0;
    width: 100%;
}
.modal-dialog section > div + div {
    width: 40px;
    text-align: center;
}

#example {
    padding: 40px 0 0 0;
}
.modal-product-container {
    margin: 0 0 30px 0;
}
.modal-product-label {
    border: 1px solid #c4c4c4;
    border-bottom: transparent;
    padding: 5px 0 5px 15px;
}
.modal-product-label label {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

.modal-product-options {
    border: 1px solid #c4c4c4;
    background-color: #e6e6e6;
    padding: 8px 0;
    box-shadow: none;
}
.modal-product-options a {
    color: #232323;
    font-weight: normal;
}
.modal-product-options a:hover {
    color: #ad1000;
}

.border-separator {
    border-bottom: 1px dotted #686868;
}



/* -- product-layout menu flexible-menu -- */
.product-layout ul {
    list-style: none;
    padding: 0;
}

.product-layout .flexible-menu ul li i.fa {
    color: #ad1000;
    margin: 0 5px 0 0;
}
.product-layout .menu ul li i.fa {
    color: #187e00;
    margin: 0 5px 0 0;
}
.flex-product-icon,
.fixed-product-icon {
    display: inline-block;
    width: 41px;
    height: 41px;
    background-color: #949798;
    color: #fff;
    border-radius: 100%;
    font-size: 33px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    position: relative;
    margin: 5px 10px 10px 0;
}
.flex-product-icon:before,
.fixed-product-icon:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    margin: 0 0 0 -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #949798 transparent;
}

.product-icon-container {
    float:left;     
}
.product-ul-container {
    float:left;
}
.well {
    border-radius: 0;
    box-shadow: none;
    background-color: #e6e6e6;
}
.well .form-group input {
    width: 100%;
}


/* -- bundle modals -- */
.you-get {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #696969;
}

.panel.bundle {
    border-radius: 0;
    border: none;
}

#menu-bundle .placed-selection .panel-heading h3 {
    color: #000000;
}

.panel-heading.bundle {
    background-color: #5a5a5a;
    color:#ffffff;
    border-radius: 0;
    border: none;
}
.panel-body.bundle {
    padding: 10px 0 0;
    border: 1px solid #c4c4c4;
    border-top:none;
}
.panel-body.bundle .modal-product-container,
.panel-body.bundle .form-group  {
    margin-bottom: 0;
}

.panel-body.bundle .modal-product-options {
    border: none;
}

.panel-body.bundle .modal-product-label {
    border-left: none;
    border-right: none;
    border-bottom:1px solid #C4C4C4;
}
.panel-body.bundle .product-extras {
    padding-bottom: 10px;
}

#menu-bundle .flex-product-icon,
#menu-bundle-fixed .fixed-product-icon {
    float: left;
    margin: 0 10px 0 0;
}

#menu-bundle .flex-product-icon:before,
#menu-bundle-fixed .fixed-product-icon:before {
    top: 27px;
    left: 93%;
}


#menu-bundle .productForChoice {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
#menu-bundle .productForChoice:hover {
    opacity: 0.8;
}

#menu-bundle .modal-top {
    margin-bottom: 20px;
}

#menu-bundle .panel-heading h3 {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}
#menu-bundle .panel-heading h3 a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#menu-bundle .panel-body {
    background-color: #e6e6e6;
}
#menu-bundle .panel-body .row {
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #424242;
}
#menu-bundle .panel-body .row:last-child {
    border:none;
    margin:0;
}

#menu-bundle #example {
    padding: 0;
}

.wizard .steps {
    background-color: #f5f5f5;
    border-radius: 5px;
    border:1px solid #dddddd;
    margin-bottom: 20px;
}

.wizard > .content {
    margin: 0 0 5px 0 !important;
    min-height: 50px;
    overflow-y: hidden;
    background-color: #ffffff;
    padding-top: 5px;
}

.wizard > .actions {
    margin-bottom: 20px;
}
.wizard > .actions li:last-child {
    margin: 0;
}
.wizard > .actions a {
    border-radius: 0;
    background-color: #187E00;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.wizard > .actions a:hover,
.wizard > .actions a:active {
    border-radius: 0;
    background-color: #5A5A5A;
}


.wizard .steps ul li a {
    background-color: transparent;
    padding: 3px 10px;
    margin:0;
    font-style: italic;
    font-size:13px;
    text-transform: lowercase;
    position: relative;
}
.wizard .steps ul li a:after {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0.35355em;
    left: 80%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    z-index: 2;
    background: inherit;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin-left: 0;
}

.wizard .steps ul li.disabled a,
.wizard .steps ul li.current a,
.wizard .steps ul li.current2 a,
.wizard .steps ul li.done a{
    background-color: transparent !important;
    padding: 8px 10px;
    margin:0;
    color: #424242;
}
.wizard .steps ul li.disabled a:hover,
.wizard .steps ul li.current a:hover,
.wizard .steps ul li.current2 a:hover,
.wizard .steps ul li.done a:hover {
    background: none !important;
    padding: 8px 10px;
    margin:0;
    color: #424242;
}
.wizard .steps ul li a .number {
    font-size: 13px;
    font-weight: bold;
    color:#ffffff;
    font-style: normal;
    background-color:#424242;
    padding: 5px 11px;
    border-radius:100%;
    margin-right:5px;
}
.wizard .steps ul li.current a .number {
    background-color: #d25400;
}

.wizard .steps ul li.done a {
    color: #989898;
}

.wizard .steps ul li.done a .number {
    background-color: #989898;
}

.wizard > .content > .body {
    padding: 0;
    width: 100%;
    position: relative;
}

.wizard .row.product-options {
    width: 100%;
}

.wizard .text-primary {
    color: #424242;
}
.wizard .text-primary:hover {
    color: #AD1000;
}

.wizard .modal-product-label {
    border:none
}

.wizard .modal-product-options {
    border: none;
}

.wizard .modal-product-container {
    margin:0;
    border:1px solid #C4C4C4;

}

.wizard .control-label {
    margin: 0 !important;
}

.wizard .modal-product-label {
    border-bottom: 1px solid #C4C4C4;
}

.wizard .form-group {
    margin-bottom:20px;
}

@media (max-width:810px) {

    .wizard > .steps > ul > li {
        width: 100%;
    }

    .wizard .steps ul li a::after {
        display: none;
    }
}


/* -- checkout modal -- */

.busines-hours-modal {
    background-color: #e4e8e9;
    padding: 10px;
}

    .busines-hours-modal h3 {
        margin: 0;
        padding: 0;
        font-size:13px;
        color: #302e2e;
        text-transform: uppercase;
        line-height: 22px;
    }

    .busines-hours-modal #open-time-icon-small {
        width:17px;
        height:17px;
        float: left;
        margin: 2px 0 0 0;
        padding: 0;
        margin-right: 10px;
    }

    .busines-hours-modal .week-day {
        background-color: transparent;
        color: #302e2e;
        padding: 0;
        margin: 0 20px 0 0;
    }
    
    .busines-hours-modal .worktime-hours {
        font-size: 16px;
        color: #5a5f61;
        position: relative;
        top:2px
    }

.checkout-panel {
    border:1px solid #c4c4c4;
    margin-bottom:20px;
}
    
    .checkout-panel h1 {
        font-size: 13px;
        color: #393939;
        border-bottom:1px solid #c4c4c4;
        margin:0;
        padding:7px 20px;
    }

    .checkout-panel-body {
        background-color: #e6e6e6;
        padding: 7px 20px;
        position:relative;
        min-height: 41px;
    }

    .checkout-panel-body h2 {
        display: none;
    }

    .checkout-panel-body input[type="radio"] {
        padding: 0;
        margin: 0 5px 0 0;
        position: relative;
        top:1px;
    }
    .checkout-panel-body .osc-item-pay img {
        margin-right: 5px;
        position: relative;
        top:-1px;
    }
    
    .checkout-panel-body label {
        margin: 0;
    }

    .checkout-panel-body .date {
        position: relative;
    }

    .checkout-panel-body .date input {
        border: 1px solid #cccccc;
        width: auto;
        text-align: center;
        font-size: 12px;
        color:#232323;
    }

    .checkout-panel-body .osc-load {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:5px;
    }

.osc-content .osc-header a {
    color: #f00;
    padding: 0px 0 0 0px;
    font: normal 11px arial;
}
.osc-content .osc-header a.bg-danger {
    display: block;
    padding: 10px;
    margin: 10px 0;
}

.osc-header h1 {
    margin: 0 0 0 0;
    padding: 0px 0 0 0px;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px; 
    border-bottom:1px solid #c4c4c4;
}
    .osc-header h1 .min-order {
        font-style: italic;
        font-size: 12px;
        color:#ad1000;
    }

.osc-header h2 {
    margin: 7px 0 0 0;
    padding: 0px 0 19px 0px;
    font: normal 16px arial;
    color: #545454;
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-color: #187E00 !important;
    border-radius: 0 !important;
}

.order-block {
    margin-top: 20px;
}

.order-block h1 {
    background-color: #E6E6E6;
    text-transform: uppercase;
    padding: 9px;
    position: relative;
    font-size: 16px;
    color:#302e2e;
    
}

    .order-block .content_summary_meth {
        background-color: #e6e6e6;
    }

        .order-block .content_summary_meth ul {
            list-style-type: none;
            padding: 0;
        }   

    .order-block .no-background {
        background-color: #ffffff;
    }

    .order-block .cart-totals {
        color:#302e2e;
        font-style: italic;
        float:right;
    }

        .order-block .cart-totals div {
            margin:5px 10px 5px;
        }

        .order-block .cart-totals div:last-child {
            background-color: #ff6600;
            color:#ffffff;
            font-style:normal;
            font-size: 16px;
            font-weight: bold;
            padding:10px 10px 10px 30px;
            margin-right:0;
        }

#osc-summary-data {
    min-height: 80px;
}
    #osc-summary-data .osc-load {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:100px;
    }

.osc-load {
    background-image: url('../image/loading.gif');
    position: absolute;
    width: 32px;
    height: 32px;
    display: none;
}

.osc-wait {
    background-image: url("../image/loading.gif");
    float: right;
    height: 9px;
    margin-right: 9px;
    margin-top: 16px;
    width: 9px;
    display: none;
}

.osc-error {
    display: block;
    color:red;
}

.osc-coupon,
.osc-voucher, 
.osc-comment,
.use-bill-sel,
.use-ship-sel {
    display: none;
    margin:10px 0;
}

.colCh input[type=checkbox] {
    margin-right:5px;
}
.colCh label {
    display: inline;
}
    .colCh .control-label {
        margin-bottom: 0;
        position: relative;
        top:4px;
    }

#osc-personal > .row > div {
    margin-bottom: 20px;
}

.req-indicator {
    margin-bottom: 20px;
}

.req-indicator div.required {
    display: inline-block;
    background-color: #aaaaaa;
    padding: 2px 6px;
    line-height: 12px;
}

    div.required i {
        font-size: 12px;
        color:#ffffff;
    }

.form-group div.required {
    position: absolute;
    right:25px;
    top:9px;
    background-color:#d4d4d4;
    display: inline-block;
    padding: 2px 6px;
    line-height: 12px;
}
    .form-group.option div.required {
        right:42px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-group.option div.required {
        right:55px;
    }
} 
.change-delivery {
    position: absolute;
    background-color: #ad1000;
    line-height: 12px;
    padding:2px 3px;
    top:8px;
    right:25px;
}
    .change-delivery:hover {
        opacity: 0.7;
    }
    .change-delivery i {
        color:#ffffff;
        font-size: 12px;
        padding: 0 1px 2px 1px;
    }

.second-modal-dialog {
    transform: translate(0px, 0px);
    transition: transform 0.3s ease-out 0s;
    width: 800px;
    margin: 30px auto;
    position: relative;
}

.second-modal-content {
    background-color: #FFF;
    border: 7px solid #E7E7E7;
    border-radius: 0px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    position: relative;
}

.mfp-bg {
    z-index: 1052;
}

.mfp-wrap {
    z-index: 1053;
}

.mfp-content {
    z-index: 2000;
}

#osc-pay-btn {
    width: 95%;
    position: relative
}
    #osc-pay-btn .osc-wait {
        float: none;
        position: absolute;
        margin: 0;
        padding:0;
        top:12px;
        left: 10px;
    }

    #osc-pay-btn a {
        color: #ffffff;
    }

.second-modal-content h1 {
    margin-bottom: 20px;
}

.osc-forg-link {
    margin-right: 0px;
    float:left;
    line-height:32px;
}

@media (max-width:810px) {
    .second-modal-dialog {
        width:95%;
    }
}
@media (max-width:767px) {
    .mb-10 {
        margin-bottom: 20px;    
    }
}

/* Safari fix for select */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: menulist-button !important;
        line-height:28px !important;
    }
}

@media (max-width:360px) {
    #osc-shipping-data label {
        font-size: 11px;    
    }
    #osc-payment-data label {
        font-size: 11px;    
    }
}

.sidebar ul.nav-tabs > li > a {
    border-radius: 0;
    padding:7px 15px;
    margin:0;
}
.sidebar ul.nav-tabs {
    border:0;
}