/* fonts */

@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);


/* general */

* {
    box-sizing: border-box;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.disabled {
    pointer-events: none;
    opacity: 0.7;
}

html {
    direction: rtl;
    min-height: 100%;
}

body {
    background: black /*url(../images/front/bg.jpg) no-repeat center top / cover;
    background-attachment: fixed*/;
    /*min-height: 800px;*/
    font-family: 'Open Sans Hebrew', 'Arial', sans-serif;
    color: white;
    text-align: right;
    position: relative;
    min-height: 100%;
}

body.menu {
    background: black url(../images/front/bg.jpg) no-repeat center top / cover;
    background-attachment: fixed;
}

body.kiosk {
    background-image: url(../images/front/bg_kiosk.jpg?1);
}

html, body {
    height: 100%;
}


a, a:focus, a:hover {
    text-decoration: none;
    color: #ffda47;
}

input, textarea {
    color: #2f2f2f;
}

button {
    background: white;
}

.clear {
    clear: both;
}

.logo {
    display: inline-block;
    background: url(../images/front/logo.png) no-repeat;
    width: 179px;
    height: 66px;
    vertical-align: middle;
    margin: 10px 0 0;
}

body .content {
    width: 1000px;
    margin: 15px auto 0;
    position: relative;
    overflow: auto;
}

.main_wrap {
    min-height: 100%;
}

header {
    background: black;
    border-bottom: 11px solid #c0272d;
    box-shadow: 0 0 10px black;
}

header .container {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

body.menu header .container {
    text-align: right;
}


header .text-left img {
    margin-bottom: -8px;
}

header .kasher {
    font-size: 30px;
    padding-top: 4px;
}

footer {
    background: black;
    color: white;
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
}

footer .container {
    padding: 15px 15px;
}

footer .top {
    background: url('/images/front/footer.jpg') repeat-x top center;
    height: 24px;
    box-shadow: 0 0 10px black;
    position: relative;
}

footer .top:before {
    content: '';
    background: url('/images/front/footer_left.png') no-repeat;
    width: 151px;
    height: 143px;
    position: absolute;
    left: 10px;
    top: -95px;
}

footer .top:after {
    content: '';
    background: url('/images/front/footer_right.png') no-repeat;
    width: 120px;
    height: 157px;
    position: absolute;
    right: 20px;
    top: -105px;
}

footer .contact {
    display: block;
    margin: 0;
    text-align: center;
}

footer .copy {
    color: #8f8f8f;
    font-size: 14px;
    font-family: 'Alef', Helvetica, Arial, sans-serif;
}

footer .web3d {
    float: left;
    margin-top: 10px;
    background: url(/images/front/web3d.png) no-repeat;
    width: 145px;
    height: 28px;
}

footer .ssl {
    margin: 0 auto;
}

footer .ssl img {
    max-width: 160px;
}

footer .working_hours {
    display: inline-block;
    text-align: right;
}

body.kiosk footer a {
    pointer-events: none;
}

/* main pages */

.main {
    text-align: center;
    min-height: 600px;
    padding-top: 0;
    background: rgba(0,0,0,0.8);
}

.main .slogan {
    margin-bottom: 80px;
}

.main .home_links a {
    display: inline-block;
    position: relative;
    margin: 0 30px;
    font-size: 22px;
    color: white;
    text-align: center;
}

.main .home_links a span {
    display: block;
    color: #c0272d;
    border: 1px solid white;
    font-weight: bold;
}

.main .regions {
    bottom: 0px;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.main .regions span {
    color: #c0272d;
}

.main input[type=text],
.main input[type=password],
.main select,
.main button,
a.btn {
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
    border: none;
    width: 400px;
    margin-bottom: 15px;
    color: #535353;
}

.main button.half,
.main a.btn.half {
    width: 190px;
}

.main select {
    width: 200px;
    margin-left: 15px;
}

.main label {
    width: 400px;
    text-align: right;
}

.main input.cente#c0272d {
    text-align: center;
}

.main input[type=password].half {
    width: 190px;
    margin: 0  0 20px 10px;
}

.main input[type=password].half:last-child {
    margin-left: 0;
}

.main input[type=submit],
.main button.fancy {
    background: url(../images/front/bg_category.png) center center no-repeat;
    width: 260px;
    background-size: contain;
    color: white;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    border: none;
    font-size: 24px;
    line-height: 56px;
    text-align: center;
}

.main .choose_location h4{
    font-size: 24px;
}

.main .center {
    max-width: 400px;
    margin: 0 auto;
}

.pac-item {
    text-align: right;
    direction: rtl;
}

.pac-item-query {
    padding-left: 3px;
    padding-right: 0;
}

.alert {
    text-align: right;
}

/* menu */

.inner .logo {
    display: block;
    margin: 10px auto;
}

.menu_wrapper {
    clear: both;
    overflow: hidden;
    position: relative;
    min-height: 750px;
}

.menu_wrapper .categories {
    width: 210px;
    float: right;
    clear: right;
    min-height: 1px;
}


.menu_wrapper .categories ul {
    width: 210px;
    list-style: none;
    margin: 0;
    padding: 50px 0 0 10px;
    transition: all 0.4s ease-in-out;
    background: rgba(0,0,0,0.8);
    top: 10px;
}

.menu_wrapper .categories ul li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.menu_wrapper .categories ul li a {
    display: block;
    padding: 0 20px;
    line-height: 38px;
    color: white;
    font-size: 18px;
    font-style: italic;
}

.menu_wrapper .categories ul li a.active {
    line-height: 38px;
    background: url(../images/front/bg_category.png) no-repeat;
}

.menu_wrapper .categories ul li ul {
    list-style: none;
    margin: 0 7px 0 0;
    padding: 0;
    width: 100%;
    display: none;
}

.menu_wrapper .categories ul li a.active + ul {
    display: block;
}

.menu_wrapper .categories ul li ul li {
}

.menu_wrapper .categories ul li ul li a {
    display: block;
    padding: 0 10px;
    font-weight: bold;
    color: #e72e15;
    background: white;
    border-bottom: 1px solid black;
    font-size: 14px;
    line-height: 25px;
    margin: 0 20px;
}

.menu_wrapper .categories ul li ul li a.active {
    position: relative;
    color: white;
    background: #e72e15;
    line-height: 25px;
}

.menu_wrapper .center {
    float: right;
    width: 560px;
    margin-right: 15px;
    transition: all 0.4s ease-in-out;
    background: rgba(0,0,0,0.8);
}


.menu_wrapper ul.tags {
    list-style: none;
    display: block;
    border-bottom: 1px solid white;
    padding: 0;
    margin: 0 0 10px;
    font-size: 18px;
    font-style: italic;
}

.menu_wrapper ul.tags li {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #f1f1f1;
}

.menu_wrapper ul.tags li a {
    color: #f1f1f1;
    padding: 5px 20px;
    display: block;
}

.menu_wrapper ul.tags li a.active {
    position: relative;
    border-bottom: 1px solid #c0272d;
    margin-bottom: -1px;
    color: #c0272d;
}

.menu_wrapper ul.tags li a.active:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #c0272d transparent transparent transparent;
}


.menu_wrapper .products {
    padding: 10px;
}

.menu_wrapper .products .description {
    display: none;
}

.menu_wrapper .products ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.menu_wrapper .products ul li {
    display: block;
    float: right;
    width: 175px;
    margin: 0 0 30px 5px;
    position: relative;
    cursor: pointer;
}

.menu_wrapper .products ul li .image_wrapper {
    display: block;
    position: relative;
}

.filter-tag-6 .image_wrapper:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/images/front/tags/6.png?2) no-repeat;
    background-size: contain;
    width: 40px;
    height: 35px;
}

.filter-tag-7 .image_wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/images/front/tags/7.png?1) no-repeat;
    width: 50px;
    height: 28px;
}

.menu_wrapper .products ul li img {
    width: 100%;
    height: 120px;
    border: 1px solid #6c6c4d;
}

.menu_wrapper .products ul li a {
    display: block;
    color: #dadada;
}

.menu_wrapper .products ul li .title {
    display: block;
    text-align: center;
    font-size: 14px;
    height: 43px;
    font-weight: bold;
/*    font-style: italic;
    background: #444;*/
}


.menu_wrapper .products ul li .price {
    color: white;
    position: absolute;
    left: 5px;
    top: 35px;
    font-size: 20px;
    width: 106px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: url(../images/front/bg_price.png) no-repeat;
}

.menu_wrapper .cart {
    width: 200px;
    float: right;
    position: relative;
    margin-right: 15px;
    margin-bottom: 50px;
}

.menu_wrapper .cart h3 {
    padding: 10px 20px;
    margin-top: 0;
    text-align: right;
    font-style: italic;
    border-bottom: 3px solid #c0272d;
}

.menu_wrapper .cart > .wrapper {
    width: 200px;
    transition: all 0.4s ease-in-out;
    background: rgba(0,0,0,0.8);
}

.menu_wrapper .cart > .wrapper.affix {
    top: 20px;
    z-index: 1;
}

.menu_wrapper .cart .list {
    margin-bottom: 20px;
}

.menu_wrapper .cart .list .wrapper {
    height: 270px;
    padding: 10px;
    overflow-y: auto;
}

.menu_wrapper .cart .list .wrapper.over {
}

.menu_wrapper .cart .list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu_wrapper .cart .list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    font-size: 14px;
    clear: both;
}

.menu_wrapper .cart .list ul li span.price {
    color: white;
    display: inline-block;
    font-size: 20px;
    float: right;
    font-style: italic;
}

.menu_wrapper .cart .list ul li span.comments {
    float: left;
    font-style: italic;
}

.menu_wrapper .cart .list ul li .buttons {
    float: left;
}

.menu_wrapper .cart .list ul li .buttons a {
    color: white;
}

.menu_wrapper .cart .list ul li a.minus,
.menu_wrapper .cart .list ul li a.plus {
    color: white;
    background: #434343;
    display: inline-block;
    text-align: center;
    width: 12px;
    line-height: 12px;
    border-radius: 50%;
    font-family: helvetica;
    cursor: pointer;
    font-size: 15px;
}

.menu_wrapper .cart .list ul li a.title {
    color: white;
    display: block;
}

.menu_wrapper .cart .shipment,
.menu_wrapper .cart .discount,
.menu_wrapper .cart .total,
.menu_wrapper .cart .subtotal {
    display: block;
    clear: left;
}

.menu_wrapper .cart .shipment,
.menu_wrapper .cart .discount {
    font-size: 14px;
    padding: 0 10px;
}

.menu_wrapper .cart .total,
.menu_wrapper .cart .subtotal {
    text-align: center;
    border-top: 3px solid #c0272d;
    font-size: 20px;
    line-height: 30px;
    background: black;
    padding: 10px 0;
    font-style: italic;
}

.menu_wrapper .cart .shipment > span,
.menu_wrapper .cart .discount > span{
    display: inline-block;
    float: left;
}

.menu_wrapper .cart .total > span,
.menu_wrapper .cart .subtotal > span {
    font-size: 30px;
    display: block;
}

.menu_wrapper .cart .notes {
    font-size: 12px;
    padding: 0 15px;
    margin: 10px 0 0;
    color: #c6c6c6;
}

.menu_wrapper .cart a.order {
    color: white;
    font-size: 24px;
    text-align: center;
    display: block;
    margin-top: 10px;
    background: #c0272d;
    line-height: 45px;
    font-style: italic;
}

.menu_wrapper .cart a.menu {
    color: white;
    font-size: 24px;
    line-height: 45px;
    display: none;
    margin-top: 10px;
    text-align: center;
    background: grey;
}

.open_profile {
    background: black;
    border-radius: 5px;
    color: white;
    text-align: center;
    display: block;
    line-height: 50px;
    font-size: 18px;
    width: 200px;
    position: absolute;
    left: 160px;
    top: 20px;
}

.open_profile:after {
    content: '';
    position: absolute;
    width: 41px;
    height: 41px;
    right: 8px;
    top: 4px;
    background: url(../images/front/icons.png) no-repeat -51px -1px;
}

.menu_wrapper div.order {
    position: absolute;
    left: 250px;
    right: 0;
    transform: translateY(-1000px);
    transition: all 0.4s ease-in-out;
    padding-top: 60px;
    background: rgba(0,0,0,0.8);
}

.menu_wrapper div.order .border {
    padding: 0 15px;
    margin-bottom: 10px;
    border-bottom: 3px solid #c0272d;
}

.menu_wrapper div.order h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    position: relative;
    clear: both;
    color: white;
    margin: 0;
}

.menu_wrapper div.order input[type=text],
.menu_wrapper div.order input[type=email],
.menu_wrapper div.order select,
.menu_wrapper div.order textarea {
    border: none;
    padding: 5px 10px;
}

.labeled_input {
    float: right;
    margin-bottom: 10px;
}

.labeled_input label {
    display: block;
    margin-bottom: 2px;
    color: #dadada;
    font-weight: normal;
    font-size: 16px;
}

.labeled_input input,
.labeled_input select {
    display: block;
    float: none !important;
    width: 100% !important;
}

.labeled_input input[type="checkbox"] {
    display: inline;
    width: auto !important;
}

.payment .long {
    width: 80%;
}

.menu_wrapper div.order select {
    color: #4f4f4f;
}
/*
.menu_wrapper div.order .personal .labeled_input {
    float: right;
    width: 23%;
    margin-left: 2%;
}
*/
.menu_wrapper div.order .personal .labeled_input:last-child {
    margin-left: 0;
}

.menu_wrapper div.order .labeled_input {
    float: right;
    width: 18%;
    margin-left: 2%;
}

.menu_wrapper div.order .labeled_input:last-child {
    margin-left: 0;
}

.menu_wrapper div.order .labeled_input.wide {
    float: right;
    width: 38%;
    margin-left: 2%;
}

.menu_wrapper div.order .first {
    margin-top: 25px;
}

.menu_wrapper div.order textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.menu_wrapper div.order label.checkbox {
    margin: 5px 0;
    display: block;
}

.menu_wrapper div.order div.payments {
    display: none;
    position: relative;
    margin-bottom: 40px;
}

.menu_wrapper div.order div.payments .border {
    padding-bottom: 30px;

}
.menu_wrapper div.order div.payments .split_payment {
    background: #c0272d;
    color: white;
    border-radius: 8px;
    border: none;
    padding: 5px 50px 5px 14px;
    position: absolute;
    bottom: -15px;
    font-size: 1.1em;
}

.menu_wrapper div.order div.payments .split_payment:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 3px;
    width: 40px;
    height: 30px;
    background: url(../images/front/icons.png) no-repeat -86px -61px;
}

.menu_wrapper div.order div.payment {
    padding: 10px 0;
    border-bottom: 1px dashed #c0272d;
}

.menu_wrapper div.order div.payment > * {
    margin-bottom: 10px;
    margin-left: 10px;
    float: right;
}

.menu_wrapper div.order div.payment > input[type="text"] {
    width: 20%;
}

.menu_wrapper div.order div.payment .labeled_input {
    width: 17%;
}

.menu_wrapper div.order div.payment .labeled_input.narrow {
    width: 10%;
}

.menu_wrapper div.order div.payment .close {
    position: absolute;
    left: 0;
    color: #c0272d;
    opacity: 1;
    text-shadow: none;
}

.menu_wrapper div.order div.payment .c#c0272dit_card {
    margin: 0;
    float: none;
    display: none;
}

.menu_wrapper div.order div.payment .c#c0272dit_card > * {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

.menu_wrapper div.order a.next {
    background: #c0272d; /*url(../images/front/bg_price2.png) no-repeat;*/
    color: white;
    padding: 10px 30px;
    border-radius: 0;
    display: inline-block;
    border: none;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-left: 10px;
    position: relative;
}

.menu_wrapper div.order a.prev {
    color: white;
    padding: 10px 30px;
    font-size: 24px;
    background: #585858;
    float: right;
    margin-right: 10px;
    border-radius: 0;
    line-height: 30px;
    display: none;
    position: relative;
}

.menu_wrapper div.order label {
    font-size: 14px;
    font-weight: normal;
}


.menu_wrapper.order .categories {
    transform: translateX(1000px);
    transition: all 0.4s ease-in-out;
}

.menu_wrapper.order .center {
    transform: translateX(1000px);
    transition: all 0.4s ease-in-out;
}
/*
.menu_wrapper.order .cart {
    transform: translateX(740px);
    transition: all 0.4s ease-in-out;
}
*/
.menu_wrapper.order .cart .order {
    display: none;
}

.menu_wrapper.order .cart .menu {
    display: block;
}

.menu_wrapper.order div.order {
    transform: translateY(0px);
    transition: all 0.4s ease-in-out;
    padding: 60px 10px 10px;
}




.menu_wrapper .profile {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 500px;
    transform: translateY(-1000px);
    transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0.5);
}

.menu_wrapper.profile .profile {
    transform: translateY(0);
    transition: all 0.4s ease-in-out;
}

.menu_wrapper.profile div.order,
.menu_wrapper.profile div.cart,
.menu_wrapper.profile .categories ul,
.menu_wrapper.profile div.center {
    transform: translateY(1000px);
}

.menu_wrapper .profile select {
    color: #4f4f4f;
}

.menu_wrapper .profile .profile_menu {
    background: #c0272d;
    border-radius: 5px;
    padding: 8px 10px 0;
    font-size: 18px;
    line-height: 1;
}

.menu_wrapper .profile .profile_menu .title {
    padding-right: 50px;
    margin: 10px 0 14px 40px;
    position: relative;
    display: inline-block;
}

.menu_wrapper .profile .profile_menu .title:after {
    content: '';
    position: absolute;
    right: 0;
    top: -13px;
    width: 40px;
    height: 40px;
    background: url(../images/front/icons.png) no-repeat -210px -3px;
}

.menu_wrapper .profile .profile_menu .menu {
    color: white;
    padding: 10px 15px 14px;
    margin-top: 2px;
    display: inline-block;
    outline: none;
}

.menu_wrapper .profile .profile_menu .menu.active {
    background: #262626;
    border-radius: 5px 5px 0 0;
}

.menu_wrapper .profile .profile_menu .change_password {
    color: #c7c7c7;
    background: #2d2d2d;
    padding: 10px 20px;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    margin-right: 80px;
    vertical-align: top;
}

.menu_wrapper .profile .profile_menu .back {
    color: white;
    font-size: 16px;
    padding-left: 45px;
    display: inline-block;
    position: relative;
    float: left;
    margin: 10px;
}

.menu_wrapper .profile .profile_menu .back:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 40px;
    height: 40px;
    background: url(../images/front/icons.png) no-repeat -130px -8px;
}

.menu_wrapper .profile .tab {
    display: none;
}

.menu_wrapper .profile .tab.active {
    display: block;
}

.menu_wrapper .profile .tab_profile .field {
    float: right;
    margin-left: 15px;
}

.menu_wrapper .profile .tab_profile .field:last-child {
    margin-left: 0;
}

.menu_wrapper .profile .tab_profile label {
    display: block;
    font-weight: normal;
    padding-right: 10px;
    font-size: 16px;
}

.menu_wrapper .profile .tab_profile input[type="text"],
.menu_wrapper .profile .tab_profile input[type="email"],
.menu_wrapper .profile .tab_profile textarea,
.menu_wrapper .profile .tab_profile select {
    color: #2d2d2d;
    border-radius: 10px;
    border: none;
    padding: 7px 10px;
    font-size: 16px;
}

.menu_wrapper .profile .tab_profile select {
    padding: 7px 10px 6px;
    /*
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    */
}

.menu_wrapper .profile .tab_profile input[type="button"] {
    color: white;
    border-radius: 10px;
    border: none;
    padding: 6px 20px 5px;
    font-size: 18px;
    background: #c0272d;
}

.menu_wrapper .profile .tab_profile > div {
    padding-bottom: 15px;
}

.menu_wrapper .profile .tab_profile .l1 {
    padding-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c0272d;
}

.menu_wrapper .profile .tab_profile .l1 input[type="text"],
.menu_wrapper .profile .tab_profile .l1 input[type="email"]{
    width: 207px;
}

.menu_wrapper .profile .tab_profile .l2 input[type="text"],
.menu_wrapper .profile .tab_profile .l2 select {
    width: 426px;
}

.menu_wrapper .profile .tab_profile .l2 span {
    display: inline-block;
    font-size: 20px;
    padding-right: 40px;
    position: relative;
    margin: 0 15px;
}

.menu_wrapper .profile .tab_profile .l2 span:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #c0272d url(../images/front/icons.png) no-repeat 5px 4px;
}

.menu_wrapper .profile .tab_profile .l3 input[type="text"] {
    width: 140px;
}

.menu_wrapper .profile .tab_profile .l3 select {
    width: 190px;
}

.menu_wrapper .profile .tab_profile .l4 {
    clear: both;
}

.menu_wrapper .profile .tab_profile .l4 textarea {
    width: 965px;
}

.menu_wrapper .profile .tab_profile .l5 {
    text-align: left;
}

.menu_wrapper .profile .tab_profile .l5 input {
    margin-left: 5px;
}

.menu_wrapper .profile .tab_orders .wrapper {
    height: calc(95vh - 250px);
    overflow: auto;
}

.menu_wrapper .profile .tab_orders .user_order .date {
    color: #c0272d;
    font-size: 16px;
    padding-right: 17px;
    margin-top: 20px;
}

.menu_wrapper .profile .tab_orders .user_order .desc {
    background: white;
    padding: 3px;
    border-radius: 10px;
}

.menu_wrapper .profile .tab_orders .user_order .desc .product {
    float: right;
    width: 123px;
    margin: 10px 10px 0;
    color: #262626;
    text-align: center;
}

.menu_wrapper .profile .tab_orders .user_order img {
    width: 123px;
    height: 85px;
    margin-bottom: 5px;
}

.menu_wrapper .profile .tab_orders .user_order .repeat_order {
    float: left;
    font-size: 18px;
    padding: 80px 5px 20px;
    background: black url(../images/front/icons.png) no-repeat -289px 15px;
    color: white;
    border-radius: 4px;
}

.menu_wrapper .profile .tab_orders .user_order .price {
    float: left;
    line-height: 90px;
    width: 90px;
    text-align: center;
    font-size: 24px;
    background: #c0272d;
    border-radius: 50%;
    margin-left: 25px;
    margin-top: 20px;
}



.tooltip-inner {
    background: #c0272d;
    /*white-space: nowrap;*/
}

.tooltip.top .tooltip-arrow {
    border-top-color: #c0272d;
}

.free_popup .modal-title,
.free_popup .modal-body > .row {
    text-align: center;
}

.free_popup .item {
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 16px;
    width: 24%;
    display: inline-block;
    float: none;
}

.free_popup .item .price {
    color: white;
    position: absolute;
    left: 20px;
    top: 0px;
    font-size: 20px;
    width: 106px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: url(../images/front/bg_price.png) no-repeat;
}

.free_popup .item img {
    border: 1px solid #6c6c4d;
}


.inner .options {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 2;
}

.inner .options .inner {
    position: absolute;
    top: 50px;
    bottom: 50px;
    right: 50%;
    margin-right: -490px;
    padding: 0px 30px 20px;
    width: 980px;
    background: rgba(0,0,0,0.8);
}

.inner .options .close {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    display: block;
    text-align: center;
    width: 27px;
    font-size: 24px;
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
    z-index: 10;
}

.inner .options .close span {
    line-height: 22px;
}

.inner .options .description {
    margin-bottom: 40px;
    width: 260px;
    float: left;
    padding: 5px;
    position: relative;
}

.inner .options .description img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border: 1px solid #6c6c4d;
}

.inner .options .description .image_wrapper {
    float: right;
    margin: 0 0 30px 20px;
    display: block;
}

.inner .options .description h3 {
    font-size: 26px;
    color: white;
    margin: 10px 0 10px;
    font-style: italic;
}

.inner .options .description p {
    display: block;
    clear: right;
    font-size: 16px;
    color: white;
    max-height: calc(100vh - 500px);
    overflow-y: auto;
}

.inner .options .description .price {
    display: inline-block;
    font-size: 20px;
    background: url(../images/front/bg_price2.png) no-repeat;
    color: white;
    width: 121px;
    line-height: 56px;
    text-align: center;
    margin-top: 0;
    position: absolute;
    left: -50px;
    top: 140px;
}

.inner .options .wrapper {
    position: absolute;
    top: 6px;
    bottom: 25px;
    left: 300px;
    right: 0px;
    border-left: 1px solid #c0272d;
    padding: 0 10px;
}

.inner .options .wrapper > h3 {
    background: #c0272d;
    padding: 5px 10px;
    margin: 0;
}

.inner .options .wrapper .steps {
    list-style: none;
    padding: 0;
    margin: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.inner .options .wrapper .steps li {
    list-style: none;
    display: inline-block;
    background: #c0272d;
    color: white;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    padding: 0;
    position: relative;
}

.inner .options .wrapper .steps::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    border-bottom: 3px dotted #c0272d;
}

.inner .options .wrapper .steps li:first-child:before {
    display: none;
}

.inner .options .wrapper .steps li.done,
.inner .options .wrapper .steps li.current {
    background: white;
    color: #c0272d;
}

.inner .options .wrapper .steps li.done:before,
.inner .options .wrapper .steps li.current:before {
    border-bottom-color: white;
}

.inner .options .wrapper nav {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
}

.inner .options nav button,
.inner .options .end button {
    border: none;
    font-size: 20px;
    padding: 0;
    position: relative;
    width: 127px;
    height: 42px;
}

.inner .options button.next {
    background: url('/images/front/krancho_next.png') no-repeat;
}

.inner .options button.prev {
    background: url('/images/front/krancho_prev.png') no-repeat;
}

.inner .options .wrapper .pages {
    position: absolute;
    left: 0;
    top: 120px;
    bottom: 50px;
    right: 15px;
}

.inner .options .wrapper .page {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    display: none;
    font-style: italic;
}

.inner .options .wrapper .page.current {
    display: block;
}

.inner .options .option_control {
    margin-bottom: 0em;
}

.inner .options .comments {
    position: absolute;
    bottom: 80px;
    left: 25px;
    width: 260px;
    border: 3px solid #c0272d;
    background: white;
    color: black;
    line-height: 40px;
    font-size: 18px;
    padding: 0 10px;
}

.inner .options .buttons {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.inner .options .buttons a {
    display: inline-block;
    width: 135px;
    height: 54px;
    margin: 0;
}

.inner .options .buttons a.ok {
    background: url('/images/front/krancho_ok.png') no-repeat;
}

.inner .options .buttons a.cancel {
    background: url('/images/front/krancho_cancel.png') no-repeat;
}

.inner .options .checkboxes_row h4,
.inner .options .checkboxes_row_exclusive h4,
.inner .options .checkboxes_row label,
.inner .options .checkboxes_row_exclusive label,
.inner .options .radios label,
.inner .options .radios_images label,
.checkboxes_row_images_hidden label {
    margin-left: 1em;
    font-size: 18px;
    font-weight: normal;
}

.inner .options .radios_images label {
    text-align: center;
}

.inner .options .checkboxes_row label,
.inner .options .checkboxes_row_exclusive label {
    display: inline-block;
}

.inner .options .radios h4,
.inner .options .radios_images h4,
.inner .options .checkboxes_row h4,
.inner .options .checkboxes_row_exclusive h4 {
    font-size: 24px;
}

.inner .options .checkboxes_row_limit h4 + span {
}

.inner .options .checkboxes_row_limit p {
    clear: both;
}


.inner .options .counters h4 {
}

.inner .options .counters > div {
    display: inline-block;
    margin: 0 0 2em 2em;
    text-align: center;
    font-size: 16px;
    vertical-align: top;
}

.inner .options .counters > div:last-child {
    margin-left: 0;
}

.inner .options .counters .name,
.inner .options .counters .editor {
    display: block;
    padding: 5px 0;
}

.inner .options .counters input {
    width: 30px;
    border: none;
    padding: 0;
    text-align: center;
    font-size: 20px;
    background: #c1272c;
    color: white;
    font-style: italic;
}

.inner .options .counters .editor button {
    width: 20px;
    border: 1px solid #c1272c;
    color: #c1272c;
    background: white;
    font-size: 10px;
    line-height: 18px;
    padding: 0;
}

.inner .options .counters .editor button:hover {
    border-color: white;
    color: white;
    background: #c1272c;
}

.inner .options .counters.sauces > div,
.inner .options .counters.sauces1 > div,
.inner .options .counters.sauces2 > div,
.inner .options .counters.sauces3 > div,
.inner .options .counters.sauces4 > div,
.inner .options .counters.sauces5 > div,
.inner .options .counters.sauces6 > div,
.inner .options .counters.ginger > div{
    margin-bottom: 1em;
    width: 27%;
}
/*
.inner .options .counters.sauces .name {
    display: none;
}
*/
.inner .options .counters.sauces .editor,
.inner .options .counters.sauces1 .editor,
.inner .options .counters.sauces2 .editor,
.inner .options .counters.sauces3 .editor,
.inner .options .counters.sauces4 .editor,
.inner .options .counters.sauces5 .editor,
.inner .options .counters.sauces6 .editor,
.inner .options .counters.ginger .editor{
    float: left;
    margin-right: 5px;
    padding: 0;
}

.inner .options .counters.sauces .editor button,
.inner .options .counters.sauces1 .editor button,
.inner .options .counters.sauces2 .editor button,
.inner .options .counters.sauces3 .editor button,
.inner .options .counters.sauces4 .editor button,
.inner .options .counters.sauces5 .editor button,
.inner .options .counters.sauces6 .editor button,
.inner .options .counters.ginger .editor button{
    display: block;
}

.inner .options .counters.sauces .editor input,
.inner .options .counters.sauces1 .editor input,
.inner .options .counters.sauces2 .editor input,
.inner .options .counters.sauces3 .editor input,
.inner .options .counters.sauces4 .editor input,
.inner .options .counters.sauces5 .editor input,
.inner .options .counters.sauces6 .editor input,
.inner .options .counters.ginger .editor input{
    font-size: 16px;
    width: 20px;
}

.inner .options label {
    font-weight: normal;
}


.inner .options .pizza_options {
    padding: 0;
}

.inner .options .pizza_options li {
    list-style: none;
    display: inline-block;
    width: 22%;
    margin-left: 2%;
    margin-bottom: 22px;
    text-align: center;
    vertical-align: top;
}

.inner .options .pizza_options li a {
    display: inline-block;
    color: white;
}

.inner .options .pizza_addon_selector {
    position: fixed;
    background: #333;
    left: 50%;
    top: 50%;
    display: none;
    width: 600px;
    height: 430px;
    transform: translate(-50%,-50%);
    z-index: 100;
}

.inner .options .pizza_addon_selector h5 {
    font-size: 20px;
    text-align: center;
}

.inner .options .pizza_addon_selector a {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
}

.inner .options .pizza_addon_selector a.cancel2 {
    border: 1px solid white;
    padding: 5px 10px;
}

.inner .options .pizza_base,
.inner .options .pizza_2_base {
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 200px;
}

.inner .options .pizza_base img,
.inner .options .pizza_2_base img{
    height: auto;
    border: none;
}

.inner .options .pizza_base .addon,
.inner .options .pizza_2_base .addon{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.inner .options .nav > li > a {
    padding: 5px 15px;
}

.pizza_cart,
.pizza_2_cart {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pizza_cart a,
.pizza_2_cart a {
    color: black;
    background: white;
    display: inline-block;
    line-height: 10px;
    width: 11px;
    text-align: center;
    border-radius: 50%;
    padding-bottom: 1px;
}

.checkboxes_row_images_exclusive.addons label {
    font-size: 20px;
    margin-left: 4em;
    margin-bottom: 2em;
}

.checkboxes_row_images_hidden img {
    border: 3px solid white;
    border-radius: 50%;
}

.checkboxes_row_images_hidden label {
    text-align: center;
    margin-left: 1em;
    font-size: 18px;
    width: 16%;
    vertical-align: top;
    margin-bottom: 1em;
}

.checkboxes_row_images_hidden input:checked + label img {
    border-color: #c1272c;
}

.checkboxes_row_images_hidden.salads label {
    margin-left: 0;
    font-size: 15px;
    margin-bottom: 2em;
    padding: 0 5px;
}

.checkboxes_row_images_hidden.checkboxes_row_images_hidden_x input:checked + label .image_wrap {
    display: inline-block;
    position: relative;
}

.checkboxes_row_images_hidden.checkboxes_row_images_hidden_x input:checked + label .image_wrap:after {
    content: '×';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 75px;
    background: rgba(0,0,0,0.5);
    color: white;
    font-size: 40px;
}

.checkboxes_column label {
    font-size: 16px;
}

.qtip {
    font-size: 16px;
    direction: rtl;
    line-height: 1.2;
}

.qtip-content {
    text-align: right;
}

h2.cat_title {
    font-size: 24px;
    padding: 0 10px;
}

h3.cat_desc {
    font-size: 16px;
    margin-top: 0;
}

.welcome {
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    text-align: center;
}


.policy {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}

.policy .inner {
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    bottom: 50px;
    border: 1px solid #c0272d;
    background: black;
    padding: 20px 30px;
}

.policy .inner h1 {
    margin: 0;
}

.policy .inner .scroll {
    overflow-y: auto;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 70px;
    bottom: 20px;
}

.policy .inner .close {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #c0272d;
    border: 3px solid #c0272d;
    border-radius: 50%;
    display: block;
    text-align: center;
    width: 27px;
    line-height: 0px;
    font-size: 12px;
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
}

.policy .inner .close span {
    top: 0;
    line-height: 22px;
}


.modal-backdrop.in {
    z-index: 100000 !important;
}

.modal {
    z-index: 100001 !important;
    text-align: center;
    padding: 0!important;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}

.modal-content {
    border: 1px solid #c0272d;
    background: black;
    border-radius: 0;
    font-size: 18px;
}

.modal-content .close {
    color: #c0272d;
    opacity: 1;
    text-shadow: none;
    /*    border: 2px solid #ffda47;
        border-radius: 50%;*/
}

.modal-header,
.modal-footer {
    border: none;
}

.modal-footer .btn,
.btn.btn-primary {
    background: #c0272d;
    color: white;
    border: none;
}

.bootstrap-dialog.type-primary .modal-header {
    background: transparent;
    border-bottom: 1px solid #c0272d;
}

.bootstrap-dialog .bootstrap-dialog-title {
    font-size: 1em;
}

.bootstrap-dialog .bootstrap-dialog-close-button {
    float: left;
}



ul.operators {
    list-style: none;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
}

ul.operators li {
    width: 30%;
    margin-left: 1%;
}

ul.operators li a.btn {
    width: 100%;
}


header .operator {
    text-align: right;
}

.modal-body img {
    max-width: 100%;
}


#auth_dialog .modal-header {
    position: absolute;
    left: 0;
    z-index: 1;
}

#auth_dialog .tab-pane {
    padding: 1em;
    text-align: center;
}

#auth_dialog input[type="text"],
#auth_dialog input[type="password"],
#auth_dialog .tab-content button {
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
    border: none;
    width: 400px;
    margin-bottom: 15px;
    color: #535353;
}

#auth_dialog input[type="submit"] {
    background: #da0000;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
    border: none;
    width: 100px;
}

.old_ie {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
    background: black;
    font-size: 2em;
    text-align: center;
    background: black url("../images/front/bg.jpg") no-repeat fixed center top / cover ;
    padding: 0 2em;
}

.old_ie .logo {
    background: rgba(0, 0, 0, 0) url("../images/front/logo_big.png") repeat scroll 0 0;
    display: inline-block;
    height: 108px;
    margin-bottom: 20px;
    margin-top: 50px;
    width: 244px;
}

.old_ie a {
    color: #ffda47;
}

.select2-results__option {
    color: black;
}


.sms_sender {
    position: fixed;
    left: 0;
    top: 200px;
    width: 250px;
    border: 1px solid red;
    padding: 15px;
    background: rgba(0,0,0,0.5);
}


.spinner {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}

#circularG{
    position:absolute;
    left: 50%;
    top: 50%;
    margin-top: -64px;
    margin-left: -64px;
    width:128px;
    height:128px;
}

.circularG{
    position:absolute;
    background-color:#c0272d;
    width:30px;
    height:30px;
    border-radius:19px;
    animation-name:bounce_circularG;
    animation-duration:1.1s;
    animation-iteration-count:infinite;
    animation-direction:normal;
}

#circularG_1{
    left:0;
    top:51px;
    animation-delay:0.41s;
}

#circularG_2{
    left:13px;
    top:13px;
    animation-delay:0.55s;
}

#circularG_3{
    top:0;
    left:51px;
    animation-delay:0.69s;
}

#circularG_4{
    right:13px;
    top:13px;
    animation-delay:0.83s;
}

#circularG_5{
    right:0;
    top:51px;
    animation-delay:0.97s;
}

#circularG_6{
    right:13px;
    bottom:13px;
    animation-delay:1.1s;
}

#circularG_7{
    left:51px;
    bottom:0;
    animation-delay:1.24s;
}

#circularG_8{
    left:13px;
    bottom:13px;
    animation-delay:1.38s;
}




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

    100%{
        transform:scale(.3);
    }
}

@media(min-width:1300px)
{
    body .content {
        width: 1200px;
    }

    header .container {
        width: 1230px;
        max-width: 1230px;
    }

    .menu_wrapper .center {
        width: 750px;
    }

    .menu_wrapper .products ul li {
        width: 235px;
    }

    .menu_wrapper .products ul li img {
        height: 150px;
    }

    .menu_wrapper .products ul li .title {
        height: 26px;
    }

    .menu_wrapper .products ul li .price {
        top: 30px;
    }

    .menu_wrapper div.order label {
        font-size: 16px;
    }


    .menu_wrapper .categories,
    .menu_wrapper .categories ul{
        width: 220px;
    }
}


@media(max-width:1023px) {
    header .slogan,
    header .kosher{
        display: none;
    }

    header .kasher {
        font-size: 20px;
        padding-top: 0;
        text-align: right;
    }

    body,
    body.menu {
        background: black;
    }

    body .content {
        width: auto;
        margin: 0;
    }

    .h1, h1 {
        font-size: 30px;
    }

    .main {
        padding: 0 15px;
        min-height: 0;
    }


    header img {
        max-width: 100%;
    }

    .logo {
        background-size: contain;
        height: 62px;
        width: 100%;
    }

    .main_wrap {
        min-height: 70%;
    }

    .main .slogan {
        margin-bottom: 30px;
    }

    .main .slogan img {
        max-width: 100%;
    }

    .main .home_links a {
        margin: 0 5px 20px;
        width: 29%;
        font-size: 12px;
    }

    .main .home_links a img {
        height: auto;
        max-width: 100%;
    }

    .main input[type="text"],
    .main input[type="password"],
    .main select,
    .main label,
    .main button {
        max-width: 90%;
    }

    .main input.half[type="password"] {
        margin-bottom: 15px;
    }

    .main input[type="submit"] {
        margin-bottom: 15px;
    }

    .main select {
        width: 400px;
        margin: 0 auto 15px;
        display: block;
    }
/*
    .main .home_links a {
        display: block;
    }
*/
    .main .bottom img {
        max-width: 100%;
    }

    footer {
        height: auto;
        padding-bottom: 50px;
    }

    footer .contact {
        margin: 20px;
    }

    footer .contact span,
    footer .copy {
        display: block;
    }

    footer .copy,
    footer .web3d,
    footer .ssl,
    footer .container > .pull-left {
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        margin: 10px auto;
        display: block;
        float: none !important;
    }

    footer .ssl img {
        max-width: 190px;
    }

    footer .web3d {
        display: inline-block;
        margin-top: 20px;
    }

    .main button.half, .main a.btn.half {
        float: none !important;
        margin-bottom: 15px;
    }

    .inner .logo {
        height: 100px;
        width: 100%;
        background-size: 125px;
        background-position: 10px 10px;
        background-color: black;
        z-index: 100;
        float: none;
        position: fixed;
        top: 0px;
        left: 0px;
        margin: 0;
    }

    .menu_wrapper {
        min-height: 0;
    }
    /*
        .menu_wrapper ul.tags {
            position: fixed;
            left: 0;
            right: 0;
            top: 115px;
            margin: 0;
            z-index: 101;
            padding-right: 59px;
            background: #2d2d2d;
        }

        .menu_wrapper ul.tags li {
            float: right;
        }

        .menu_wrapper ul.tags li a {
            line-height: 30px;
            border-right: 1px solid #4a4a4a;
        }
    */

    .menu_wrapper ul.tags li a {
        font-size: 16px;
        font-style: normal;
    }

    .menu_wrapper a.open_menu {
        /*position: fixed;
        right: 0;
        bottom: 0;*/
        background: #c0272d;
        color: white;
        /*
        line-height: 30px;
        font-size: 20px;
        z-index: 100;*/
    }

    .menu_wrapper a.open_menu.active {
        color: white !important;
    }
    /*
        .menu_wrapper ul.tags li a.open_menu.active {
            width: 164px;
        }
    */
    .menu_wrapper .categories > ul {
        background: rgba(0,0,0,0.9) none repeat scroll 0 0;
        bottom: 40px;
        overflow: auto;
        position: fixed;
        top: 142px;
        z-index: 1000;
        border-left: 4px solid #c0272d;
        display: none;
        border-radius: 0;
        width: 220px;
        padding-top: 10px;
    }

    .menu_wrapper .categories > ul li a {
        font-size: 16px;
    }

    .menu_wrapper .categories > ul li ul {
        background: rgba(255,255,255,0.2);
    }

    .menu_wrapper .categories ul li ul li a {
        margin: 0;
    }

    .menu_wrapper .center {
        float: none;
        width: auto;
        margin: 0;
    }

    .menu_wrapper .open_cart {
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px 10px;
        font-size: 18px;
        line-height: 30px;
        color: #c0272d;
        background: white;
        position: fixed;
        z-index: 50;
        text-align: center;
    }

    .menu_wrapper .open_cart .price {
        float: left;
    }

    .menu_wrapper .cart {
        float: none;
        margin: 0;
        position: fixed;
        width: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: black;
        z-index: 300;
        display: none;
    }

    .menu_wrapper .cart > .wrapper {
        width: auto;
        position: absolute;
        padding-bottom: 0px;
        top: 0;
        bottom: 40px;
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .menu_wrapper .cart a.order {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 50%;
        text-align: center;
        padding: 5px 0;
        font-size: 18px;
        line-height: 30px;
        border-right: 1px solid white;
    }

    .menu_wrapper .cart a.menu {
        position: fixed;
        display: block;
        bottom: 0;
        left: 50%;
        right: 0;
        text-align: center;
        padding: 5px 0;
        font-size: 18px;
        line-height: 30px;
    }

    .menu_wrapper .cart a.order:after {
        display: none;
    }

    .menu_wrapper .cart .list {
        border-radius: 0;
    }

    .menu_wrapper .cart .list ul li {
        font-size: 18px;
    }

    .menu_wrapper .cart .list .shipment {
        font-size: 16px;
    }

    .menu_wrapper .cart .list .wrapper {
        min-height: 220px;
    }

    .menu_wrapper .cart .list ul li a.minus,
    .menu_wrapper .cart .list ul li a.plus {
        width: 20px;
        line-height: 20px;
        margin-left: 5px;
    }

    .open_profile {
        top: auto;
        bottom: -44px;
        width: 110px;
        margin: 0;
        z-index: 100;
        padding-left: 5px;
        left: 0px;
        text-align: left;
        line-height: 30px;
        font-size: 14px;
        border: 1px solid red;
    }

    .open_profile::after {
        width: 30px;
        height: 30px;
        right: 1px;
        top: 1px;
        background: url(../images/front/icons.png) no-repeat -33px -1px;
        background-size: 330px;
    }

    .menu_wrapper .products {
        padding: 0;
    }

    .menu_wrapper .products ul li {
        width: 48%;
        margin: 0 1% 15px 1%;

    }

    .menu_wrapper .products ul li .title {
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }

    .menu_wrapper ul.tags {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .menu_wrapper ul.tags li {
        margin-left: 10px;
    }

    .menu_wrapper ul.tags li a {
        padding: 5px 5px;
    }


    .menu_wrapper .products > ul li img {
        width: 100%;
        height: auto;
    }

    .menu_wrapper .products > ul li .price {
        font-size: 16px;
        top: 44px;
        left: 1px;
        background: #c0272d;
        width: 70px;
        height: 30px;
        line-height: 30px;
    }

    .menu_wrapper .products > ul li .price:after {
        display: none;
    }

    .menu_wrapper .products ul li .title {
        font-style: normal;
        background: none;
    }

    h2.cat_title {
        margin: 0;
    }

    .inner .options {
        z-index: 2000;
    }

    .inner .options .inner {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        width: auto;
        padding: 15px;
        overflow-y: auto;
    }

    .inner .options .description {
        height: auto;
        width: auto;
        float: none;
        margin-bottom: 10px;
    }

    .inner .options .description img {
        float: none;
        margin: 0 auto 10px;
        max-width: 220px;
        display: block;
    }

    .inner .options .description h3 {
        margin: 0;
        font-size: 24px;
    }

    .inner .options .description p {
        margin-left: 0;
        font-size: 17px;
        max-height: none;
        overflow-y: visible;
    }

    .inner .options .wrapper {
        bottom: auto;
        top:  auto;
        left: 0;
        right: 0;
        position: relative;
        overflow-y: visible;
        border-left: none;
    }

    .inner .options .wrapper .pages {
        position: relative;
        left: auto;
        top: 0;
        bottom: 0;
        right: auto;
    }

    .inner .options .wrapper .page {
        position: relative;
        overflow-y: visible;
    }

    .inner .options .wrapper nav {
        left: 0;
        right: 0;
        position: fixed;
        bottom: 0;
        margin: 20px 0;
        height: 30px;
    }

    .inner .options .wrapper .pages {
        padding-bottom: 50px;
    }

    .inner .options .wrapper > h3 {
        font-size: 20px;
    }

    .inner .options .checkboxes_row label,
    .inner .options .checkboxes_row_exclusive label {
        font-size: 16px;
    }

    .inner .options .checkboxes_row label br,
    .inner .options .checkboxes_row_exclusive label br {
        display: none;
    }

    .inner .options .small_comments .buttons a,
    .inner .options .large_comments .buttons a {
        line-height: 40px;
        width: 110px;
    }

    .inner .options .checkboxes_row_images {
        float: none;
        width: auto;
    }

    .inner .options .radios_images label {
        width: 100px;
        vertical-align: top;
    }

    .inner .options .counters div {
        margin-left: 1em;
        margin-bottom: 1em;
    }

    .inner .options .pizza_options li {
        width: 30%;
    }

    .inner .options .pizza_options li a img {
        max-width: 100%;
    }

    .inner .options .comments,
    .inner .options .buttons {
        position: relative;
        bottom: auto;
        left: 0;
        right: 0;
        width: 100%;
        margin: 10px 0;
    }

    .inner .options .buttons a.ok {
        float: left;
    }

    .inner .options .wrapper .steps::before {
        top: 14px;
    }

    .inner .options .wrapper .steps li {
        font-size: 18px;
        width: 30px;
        line-height: 30px;
    }

    .inner .options .wrapper nav {
        left: 0;
        right: 0;
        position: fixed;
        bottom: 0;
        margin: 20px 0;
        height: 30px;
    }

    .inner .options .wrapper > h3 {
        font-size: 20px;
    }

    .menu_wrapper div.order {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        width: auto;
        padding: 15px;
        overflow-y: auto;
        z-index: 400;
        transform: none;
        background: black;
        display: none;
    }

    .menu_wrapper div.order .personal .labeled_input,
    .menu_wrapper div.order .address .labeled_input {
        width: 48%;
    }

    .menu_wrapper div.order div.payments {
        display: block;
    }

    .menu_wrapper div.order div.payment .labeled_input,
    .menu_wrapper div.order div.payment .labeled_input.narrow {
        width: 39%;
    }

    .menu_wrapper div.order input[type="text"],
    .menu_wrapper div.order input[type="email"],
    .menu_wrapper div.order select,
    .menu_wrapper div.order textarea {
        border-radius: 5px;
    }

    .menu_wrapper div.order a.prev {
        display: inline-block;
    }

    .checkboxes_row_images_hidden label {
        width: 26%;
    }

    .checkboxes_row_images_hidden.salads label {
        width: 31%;
    }

    .checkboxes_row_images_exclusive.addons label {
        margin-left: 2em;
    }

    .inner .options .counters > div:last-child {
        margin-left: 1em;
    }

    .inner .options .counters.sauces,
    .inner .options .counters.sauces1,
    .inner .options .counters.sauces2,
    .inner .options .counters.sauces3,
    .inner .options .counters.sauces4,
    .inner .options .counters.sauces5,
    .inner .options .counters.sauces6,
    .inner .options .counters.ginger {
        display: flex;
        flex-wrap: wrap;
    }

    .inner .options .counters.sauces > div,
    .inner .options .counters.sauces1 > div,
    .inner .options .counters.sauces2 > div,
    .inner .options .counters.sauces3 > div,
    .inner .options .counters.sauces4 > div,
    .inner .options .counters.sauces5 > div,
    .inner .options .counters.sauces6 > div,
    .inner .options .counters.ginger > div{
        width: 43%;
        display: block;
        height: auto;
        text-align: right;
        margin-left: 7%;
    }

    .inner .options .counters.sauces img,
    .inner .options .counters.sauces1 img,
    .inner .options .counters.sauces2 img,
    .inner .options .counters.sauces3 img,
    .inner .options .counters.sauces4 img,
    .inner .options .counters.sauces5 img,
    .inner .options .counters.sauces6 img,
    .inner .options .counters.ginger img {
        margin-left: 15px;
        max-width: calc(100% - 40px);
    }

    .policy {
        z-index: 500;
    }

    .policy .inner {
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        padding: 10px 15px;
    }

    .policy .inner .scroll {
        left: 15px;
        right: 15px;
    }

    .welcome {
        font-size: 14px;
    }

    .menu_wrapper .profile {
        background: black none repeat scroll 0 0;
        bottom: 0;
        height: auto;
        left: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
        transform: none;
        transition: none 0s ease 0s ;
        z-index: 500;
        display: none;
    }

    .menu_wrapper .profile .profile_menu .title {
        display: block;
    }

    .menu_wrapper .profile .profile_menu .menu {
        font-size: 16px;
        padding: 10px 5px 14px;
    }

    .menu_wrapper .profile .profile_menu .change_password {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .menu_wrapper .profile .tab_profile .field {
        margin-left: 2%;
        width: 48%;
    }

    .menu_wrapper .profile .tab_profile .l1 input[type="text"],
    .menu_wrapper .profile .tab_profile .l1 input[type="email"],
    .menu_wrapper .profile .tab_profile .l2 input[type="text"],
    .menu_wrapper .profile .tab_profile .l2 select,
    .menu_wrapper .profile .tab_profile .l3 select,
    .menu_wrapper .profile .tab_profile .l4 textarea{
        width: 100%;
    }

    .menu_wrapper .profile .tab_orders .wrapper {
        height: auto;
        width: 100%;
        overflow: visible;
    }

    .menu_wrapper .profile .tab_orders .user_order .price {
        line-height: 70px;
        width: 70px;
        margin-left: 15px;
    }

    .menu_wrapper .profile .tab {
        margin-top: 40px;
    }

    .spinner {
        z-index: 10000;
    }

    .inner .options .description .price {
        left: 0;
        top: 110px;
        z-index: 100;
    }

    .inner .options .pizza_addon_selector {
        width: 100%;
        height: auto;
    }

    .inner .options .pizza_addon_selector img {
        max-width: 15vw;
    }

    .add_to_mobile {
        display: inline-block;
        background: url(/images/front/add_to_mobile.png) no-repeat right center;
        background-size: auto auto;
        background-size: 35px;
        line-height: 60px;
        padding-right: 45px;
    }

    .qtip {
        font-size: 14px;
    }

    .qtip-content {
        padding: 0 5px;
    }

    .ui-autocomplete {
        z-index: 10000;
    }

    .free_popup .item {
        width: 49%;
    }

    .payment .long {
        width: 55%;
    }
}

@media(max-width:374px)
{
    .inner .options .counters.sauces > div,
    .inner .options .counters.ginger > div{
        width: 100%;
        display: block;
        height: auto;
        text-align: right;
        float: none;
        margin-left: 0;
    }
}

@media(min-height:1900px) {

    body {
        font-size: 16px;
    }

    .main {
        padding-top: 400px;
    }

    .main_wrap {
        min-height: calc(100vh - 180px);
    }

    .menu_wrapper .products ul li {
        width: 245px;
        margin: 0 0 30px 20px;
    }

    .menu_wrapper .products ul li .title {
        font-size: 16px;
    }

    .menu_wrapper .products ul li img {
        width: 100%;
        height: auto;
    }

    .inner .options .option_control {
        margin-bottom: 2em;
    }

    .option_control,
    .checkboxes_column label,
    .inner .options .checkboxes_row h4,
    .inner .options .checkboxes_row_exclusive h4,
    .inner .options .checkboxes_row label,
    .inner .options .checkboxes_row_exclusive label,
    .inner .options .radios label,
    .inner .options .radios_images label,
    .checkboxes_row_images_hidden label,
    .checkboxes_row_images_hidden.salads label {
        font-size: 20px;
    }

    .checkboxes_column label {
        margin-bottom: 10px;
    }

    .checkboxes_row_images_exclusive.addons label {
        width: 40%;
        margin-left: 1em;
    }

    .checkboxes_row_images_exclusive.addons img {
        width: 100%;
    }

    .inner .options .radios_images label {
        max-width: 28%;
        width: 28%;
    }

    .inner .options .radios_images img {
        width: 100%;
    }

    .checkboxes_row_images_hidden label {
        width: 29%;
    }

    .checkboxes_row_images_hidden img {
        width: 100%;
    }

    .inner .options .counters.sauces > div {
        width: 43%;
    }

    .inner .options .counters.sauces > div img {
        width: 80%;
    }

    .inner .options .counters.sauces .editor input {
        font-size: 20px;
        width: 30px;
    }

    .inner .options .counters > div {
        width: 43%;
        font-size: 20px;
    }

    .inner .options .counters > div img {
        width: 100%;
    }

    .inner .options .counters .editor button {
        width: 30px;
        font-size: 20px;
        line-height: 26px;
    }

    .option_control h4 {
        font-size: 24px;
    }

    .option_control .col-sm-4 {
        width: 50%;
    }

    /*
        .inner .options .inner {
            top: 50%;
            bottom: auto;
            height: 800px;
            margin-top: -400px;
        }

     */
}