* {
    -webkit-font-smoothing: antialiased; 
}

.hide, .hidden, .hidden1, .show0,.showinline0 { display: none;}
.showinline1{display:inline;}
.show, .hidden0, .show1 { display: block!important; }
.inline, .inline1 { display: inline !important; }

.__hiddeninline1, .__showinline0 {display:none !important;}

.clear { clear:both; display:block;}
.clear1 { clear:both; height:1px; font-size:1px; line-height:1px; }
.f_clear:after {
    clear: both;
    content: "";
    display: block;
}
.has_js {display: none;}

.no-margin { margin: 0!important; }   /* ������� ������� */
.no-padding { padding: 0!important; }   /* ... */
.no-bg { background: none!important; }    /* ������� ��� */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

/*********** Andr'U Sender ***********/
.va-top { vertical-align: top; }
.va-bottom { vertical-align: bottom; }
.d-block { display:block; }
/*************************************/

.f-left { float: left; }
.f-right { float: right; }
.f-none{float:none;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}

.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.pos-fix { position: fixed; }

.border {border: 1px solid red;}
.center {
  margin:0 auto;
}

a img { border: none; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

.bold { font-weight:bold;}
.smallest { font-size:9px;}
.smaller { font-size:10px;}
.small { font-size:11px;}
.normal { font-size:12px;}
.large { font-size:13px;}
.larger { font-size:14px;}
.largest { font-size:15px;}
.max {font-size:16px;}

.red, .free {color: #c80202;}

.green {color: #008000;}
.blue {color: #0202c8;}
.white {color: #FFFFFF;}
.silver {color: #C0C0C0;}
.gray {color: #808080;}
.black {color: #000000;}

.bg_red {background-color: #fcc;}
.bg_green {background-color: #cfc;}
.bg_blue {background-color: #ccf;}
.bg_white {background-color: #FFFFFF;}
.bg_silver {background-color: #C0C0C0;}
.bg_gray {background-color: #808080;}
.bg_black {background-color: #000000;}

.hand{
    cursor: pointer;
}
.hand.underline-hover:hover{
    text-decoration:underline;
}

.cf:before, .cf:after { content: " ";  display: table;}
.cf:after { clear: both; }
.cf {*zoom: 1;}

.text_dots {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ------- Layout ------- */
.two_col .col {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.el_view .el_in {
    display: initial;
}
.el_view .el_out {
    display: none;
}
.el_view.toggle .el_out {
    display: initial;
}
.el_view.toggle .el_in {
    display: none;
}

/* ------- Arrows ------- */
.select_arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    z-index: 3;
    pointer-events: none;
}

/* ------- Buttons ------- */
/* Colors */
.btn_grey5 {
    color: #949494;
    background: #d3d3d3;
    border: 1px solid #c4c4c4;
}
.btn_grey5:focus, .btn_grey5:hover, .btn_grey5:active {
    color: #949494;
    border: 2px solid #c4c4c4;
}
.btn_white5 {
    color: #7f8289;
    background: white;
    border: 1px solid #cbcbcb;
}
.btn_white5:focus, .btn_white5:hover, .btn_white5:active {
    color: #7f8289;
    border: 2px solid #cbcbcb;
}
.btn_blue5 {
    color: white;
    background: #2ea8d1;
    border: 1px solid #2a93c0;
}
.btn_blue5:focus, .btn_blue5:hover, .btn_blue5:active {
    color: white;
    border: 2px solid #2a93c0;
}
.grad_grey5, .select_grad_grey5 select {
    color: black;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fefefe 0%,#eaeaea 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,#fefefe 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeaea',GradientType=0 );
    border: 1px solid #cbcbcb;
}
.grad_grey5:focus, .grad_grey5:hover, .grad_grey5:active,
.select_grad_grey5 select:focus, .select_grad_grey5 select:hover, .select_grad_grey5 select:active {
    color: black;
    border: 2px solid #cbcbcb;
}
.grad_grey5:active, .grad_grey5r {
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,#eaeaea 0%,#fefefe 100%);
    background: -o-linear-gradient(top, #eaeaea 0%,#fefefe 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%,#fefefe 100%);
    background: linear-gradient(to bottom,#eaeaea 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 );
}
.grad_blue5 {
    color: white;
    background: #20abd0;
    background: -moz-linear-gradient(top, #20abd0 0%, #1285b9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20abd0), color-stop(100%,#1285b9));
    background: -webkit-linear-gradient(top,#20abd0 0%,#1285b9 100%);
    background: -o-linear-gradient(top, #20abd0 0%,#1285b9 100%);
    background: -ms-linear-gradient(top, #20abd0 0%,#1285b9 100%);
    background: linear-gradient(to bottom,#20abd0 0%,#1285b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20abd0', endColorstr='#1285b9',GradientType=0 );
    border: 1px solid #1285b9;
}
.grad_blue5:focus, .grad_blue5:hover, .grad_blue5:active {
    color: white;
    border: 2px solid #0085BC;
}
.grad_blue5:active {
    background: #20abd0;
    background: -moz-linear-gradient(top, #1285b9 0%, #20abd0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1285b9), color-stop(100%,#20abd0));
    background: -webkit-linear-gradient(top,#1285b9 0%,#20abd0 100%);
    background: -o-linear-gradient(top, #1285b9 0%,#20abd0 100%);
    background: -ms-linear-gradient(top, #1285b9 0%,#20abd0 100%);
    background: linear-gradient(to bottom,#1285b9 0%,#20abd0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1285b9', endColorstr='#20abd0',GradientType=0 );
}
.grad_yellow5 {
    color: #1d1d1d;
    background: #fed22f;
    background: -moz-linear-gradient(top, #fed22f 0%, #fdb22a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed22f), color-stop(100%,#fdb22a));
    background: -webkit-linear-gradient(top,#fed22f 0%,#fdb22a 100%);
    background: -o-linear-gradient(top, #fed22f 0%,#fdb22a 100%);
    background: -ms-linear-gradient(top, #fed22f 0%,#fdb22a 100%);
    background: linear-gradient(to bottom,#fed22f 0%,#fdb22a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed22f', endColorstr='#fdb22a',GradientType=0 );
    border: 1px solid #dea425;
}
.grad_yellow5:focus, .grad_yellow5:hover, .grad_yellow5:active {
    color: #1d1d1d;
    border: 2px solid #dea425;
}
.grad_yellow5:active {
    background: #fed22f;
    background: -moz-linear-gradient(top, #fdb22a 0%, #fed22f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb22a), color-stop(100%,#fed22f));
    background: -webkit-linear-gradient(top,#fdb22a 0%,#fed22f 100%);
    background: -o-linear-gradient(top, #fdb22a 0%,#fed22f 100%);
    background: -ms-linear-gradient(top, #fdb22a 0%,#fed22f 100%);
    background: linear-gradient(to bottom,#fdb22a 0%,#fed22f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb22a', endColorstr='#fed22f',GradientType=0 );
}
.grad_green5 {
    color: white;
    background: #63b00e;
    background: -moz-linear-gradient(top, #63b00e 0%, #2c6103 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b00e), color-stop(100%,#2c6103));
    background: -webkit-linear-gradient(top,#63b00e 0%,#2c6103 100%);
    background: -o-linear-gradient(top, #63b00e 0%,#2c6103 100%);
    background: -ms-linear-gradient(top, #63b00e 0%,#2c6103 100%);
    background: linear-gradient(to bottom,#63b00e 0%,#2c6103 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b00e', endColorstr='#2c6103',GradientType=0 );
    border: 1px solid #2e6403;
}
.grad_green5:focus, .grad_green5:hover, .grad_green5:active {
    color: white;
    border: 2px solid #2e6403;
}
.grad_green5:active {
    background: #63b00e;
    background: -moz-linear-gradient(top, #2c6103 0%, #63b00e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6103), color-stop(100%,#63b00e));
    background: -webkit-linear-gradient(top,#2c6103 0%,#63b00e 100%);
    background: -o-linear-gradient(top, #2c6103 0%,#63b00e 100%);
    background: -ms-linear-gradient(top, #2c6103 0%,#63b00e 100%);
    background: linear-gradient(to bottom,#2c6103 0%,#63b00e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6103', endColorstr='#63b00e',GradientType=0 );
}
/* Dimensions */
.btn5 {
    margin-bottom: 1px;
    display: block;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.btn5:active {
    margin-top: 1px;
    margin-bottom: 0;
}
.btn_big5 {
    padding: 14px 15px;
    font-size: 18px;
}
.btn_big5:focus, .btn_big5:hover, .btn_big5:active {
    padding: 13px 14px;
}
.btn_big5 .arrow5 {
    width: 7px;
    height: 12px;
    margin: 4px 0 0 -22px;
    display: block;
    float: right;
}
.btn_big5.btn_grey5 .arrow5 {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/arrow_grey_right.png') no-repeat;
}
.btn_big5 .arrow5.back {
    margin: 4px -22px 0 0;
    float: left;
}
.btn_big5.grad_blue5 .arrow5, .btn_big5.grad_green5 .arrow5 {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/arrow_white_right.png') no-repeat;
}
.btn_big5.grad_yellow5 .arrow5.back {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/arrow_black_left.png') no-repeat;
}
.btn_big5.grad_yellow5 .arrow5,
.btn_small5.grad_yellow5 .arrow5 {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/arrow_black_right.png') no-repeat;
    background-size: 100%;
}
.btn_small5 {
    padding: 10px;
    font-size: 14px;
}
.btn_small5:focus, .btn_small5:hover, .btn_small5:active {
    padding: 9px;
}
.btn_small5 .arrow5 {
    width: 5px;
    height: 8px;
    margin: 5px 0 0 -22px;
    display: block;
    float: right;
}
.pill5 {
    padding: 8px 14px 8px 16px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
}
.pill5:focus, .pill5:hover, .pill5:active {
    padding: 7px 13px 7px 15px;
}
.pill5 img {
    vertical-align: middle;
}

/* ------- Form ------- */
.input5, .text5, .select_box5 select, .inputs_box5 .extra_col, .inputs_box5 input[type=text] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input5, .text5, .select_box5, .select_box5 select, .inputs_box5 {
    border-radius: 4px;
}
.input5, .text5, .inputs_box5, .inputs_box5 input[type=text] {
    color: black;
    background: #f9f9f9;
}
.input5, .text5, .inputs_box5 {
    border: 1px solid #cbcbcb;
}
/* input, textarea */
.input5, .text5 {
    padding: 11px 10px 10px;
    font-size: 14px;
}
.text5 {
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
}
/* select */
.select_box5 {
    position: relative;
}
.select_box5 select {
    font-size: 14px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    cursor: pointer;
}
.select_box5 select::-ms-expand {
    display: none;
}
.select_big5 select {
    padding: 14px 18px;
}
.select_big5 select:focus, .select_big5 select:hover, .select_big5 select:active {
    padding: 13px 17px;
}
.select_small5 select {
    padding: 10px 18px;
}
.select_small5 select:focus, .select_small5 select:hover, .select_small5 select:active {
    padding: 9px 17px;
}
.select_arrow5, .select_arrow5 img {
    position: absolute;
}
.select_arrow5 {
    width: 30px;
    top: 3px;
    right: 2px;
    bottom: 3px;
    z-index: 3;
    border: none !important;
    border-radius: 0 2px 2px 0;
    pointer-events: none;
}
.select_arrow5 img {
    margin-top: -3px;
    top: 50%;
    right: 10px;
}
/* container of combined inputs */
.inputs_box5 {
    overflow: hidden;
}
.inputs_box5 td {
    position: relative;
}
.inputs_box5 .extra_row {
    border-top: 1px solid #cbcbcb;
}
.inputs_box5 .extra_col {
    border-left: 1px solid #cbcbcb;
}
.inputs_box5 label {
    padding: 15px 18px;
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.inputs_box5 input[type=text] {
    width: 100%;
    padding: 15px 10px;
    font-size: 14px;
    border: none;
}
/* radio, checkbox */
.radio_btn5, .checkbox_btn5 {
    margin: 0;
    display: block;
    opacity: 0;
}
.radio_btn5 + label, .checkbox_btn5 + label {
    color: #444444;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
.radio_btn5 + label {
    padding: 2px 0 4px 29px;
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/icon_radial.png') 0 0 no-repeat;
}
.radio_btn5:checked + label {
    background-position: 0 -24px;
}
.checkbox_btn5 + label::before {
    width: 4px;
    height: 8px;
    content: "";
    display: block;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
    z-index: 2;
}
.checkbox_btn5 + label::after {
    width: 15px;
    height: 15px;
    content: "";
    display: block;
    border: 2px solid #acacac;
    border-radius: 4px;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
}
.checkbox_btn5:checked + label::after {
    background: #30a3ce;
    border: 2px solid #30a3ce;
}
.checkbox_btn5 + label span {
    padding: 0 0 3px 34px;
    display: inline-block;
}
/* checkbox slider */
.checkbox_slider5 {
    margin: 6px;
    position: absolute;
}
.checkbox_slider5 + label {
    width: 50px;
    height: 24px;
    display: block;
    border-radius: 24px;
    cursor: pointer;
    position: relative;
}
.checkbox_slider5 + label:before, .checkbox_slider5 + label:after {
    display: block;
    position: absolute;
    content: "";
}
.checkbox_slider5 + label:before {
    background: #cecece;
    border-radius: 24px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background 0.3s;
}
.checkbox_slider5 + label:after {
    width: 19px;
    background: white;
    border-radius: 100%;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
    top: 3px;
    bottom: 3px;
    left: 3px;
    transition: margin 0.3s;
}
.checkbox_slider5:checked + label:before {
    background: #30a3cf;
}
.checkbox_slider5:checked + label:after {
    margin-left: 25px;
}
/* quantity */
.item_qty_minus {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/btn_minus.png') 0 0 no-repeat;
}
.item_qty_plus {
    background: url('/National_Library/20170827070107oe_/https://eat24hours.com/static/v4/images/icons/btn_add.png') 0 0 no-repeat;
}
.item_edit_qty {
    line-height: 33px;
}
.item_edit_qty button {
    width: 33px;
    height: 33px;
    margin: 0;
    float: left;
    border: none;
    cursor: pointer
}
.item_qty_minus:active, .item_qty_plus:active {
    background-position: -33px 0;
}
.item_qty {
    width: 29px;
    margin: 0 5px !important;
    padding: 4px 0;
    float: left;
    color: black;
    font-size: 18px;
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}