@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.woff2') format('woff2'),
        url('../fonts/OpenSansRegular.woff') format('woff'),
        url('../fonts/OpenSansRegular.ttf') format('truetype'),
        url('../fonts/OpenSansRegular.svg#OpenSans') format('svg'),
        url('../fonts/OpenSansRegular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Matias';
    src: url('../fonts/Matias.eot');
    src: url('../fonts/Matias.woff2') format('woff2'),
        url('../fonts/Matias.woff') format('woff'),
        url('../fonts/Matias.ttf') format('truetype'),
        url('../fonts/Matias.svg#Matias') format('svg'),
        url('../fonts/Matias.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PoetsenOne-Regular';
    src: url('../fonts/PoetsenOne-Regular.eot');
    src: url('../fonts/PoetsenOne-Regular.woff2') format('woff2'),
        url('../fonts/PoetsenOne-Regular.woff') format('woff'),
        url('../fonts/PoetsenOne-Regular.ttf') format('truetype'),
        url('../fonts/PoetsenOne-Regular.svg#PoetsenOne-Regular') format('svg'),
        url('../fonts/PoetsenOne-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.woff2') format('woff2'),
        url('../fonts/OpenSansLight.woff') format('woff'),
        url('../fonts/OpenSansLight.ttf') format('truetype'),
        url('../fonts/OpenSansLight.svg#OpenSans-Light') format('svg'),
        url('../fonts/OpenSansLight.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

html {
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

body {
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #7e6d63;
    line-height: 1.2;
    background: #fff;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: auto;
}

header {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.section--header {
    border-bottom: 4px solid #f59b00;
}
.menu-restaurant-selector li {
    box-shadow: none!important;
    line-height: 26px;
}
main {
    flex-grow: 1;
    box-sizing: border-box;
}

footer {
    box-sizing: border-box;
}

p {
    margin: 0 0 20px;
    font-size: 1em;
}

a {
    font-size: 1em;
    -moz-transition: 0.4s 0.05s ease;
    -o-transition: 0.4s 0.05s ease;
    -webkit-transition: 0.4s 0.05s ease;
    transition: 0.4s 0.05s ease;
}

a:hover {
    -moz-transition: 0.4s 0.05s ease;
    -o-transition: 0.4s 0.05s ease;
    -webkit-transition: 0.4s 0.05s ease;
    transition: 0.4s 0.05s ease;
}

ol {
    font-size: 1em;
    padding: 0;
    margin: 0;
}

ul {
    font-size: 1em;
    padding: 0;
    margin: 0;
}
.container{
    /*rewrite dummy prop in main styles*/
    max-width: 100%;
}
.come-back {
    font-size: 1.2em;
    font-family: "Matias";
    color: #b2b2b2;
    border-bottom: 1px dashed #b2b2b2;
    margin: 10px 0;
    display: inline-block;
    padding-bottom: 2px;
}
.come-back:hover,.come-back:focus{
    color: #b2b2b2;
    text-decoration: none;
    outline: none;
}
.come-back:hover {
    border-bottom: 1px dashed transparent;
    color: #b2b2b2;
    text-decoration: none;
}

.flexslider .flex-direction-nav {
    display: none;
}
.flexslider ul{
    list-style-type: none;
}
.dish-description__available {
    font-size: 1.2em;
    font-family: "Matias";
    color: #00a8a8;
    margin: 0 0 25px 0;
}
.dish-description h1 {
    font-size: 2em;
    font-family: 'PoetsenOne-Regular';
    color: #7e6d63;
}

.dish-description__value {
    margin: 30px 0 25px;
}

.dish-description__value li {
    font-size: 13px;
    font-family: 'OpenSans-Light';
    color: #fff;
    display: inline-block;
    background: #f69d0f;
    border-radius: 20px;
    margin: 0 5px 0 0;
    padding: 7px 10px 9px;
}

.dish-description__composition,
.dish-description__composition p,
.dish-description__val p{
    font-size: 17px;
    font-family: 'Matias';
    color: #7e6d63;
    line-height: 1.7;
}

.dish-description__val { 
    padding-left: 20px; 
    border-left: 1px dashed #b2b2b2;
    font-size:16px;
}
.dish-description__val.noborder-nomargin {
    border: 0;
    padding-left: 0;
}
.dish-description__val p.desc-subtitle {
    font-size: 1.1em;
    font-family: 'Matias';
    color: #7e6d63;
    margin: 0 0 15px 0;
}

.dish-description__val table {
    width: 100%;
    font-size: 0.95em;
    font-family: 'Matias';
    color: #7e6d63;
    line-height: 1.7;
}

.dish-description__val table td:nth-of-type(1) {
    text-align: left;
}

.dish-description__val table td:nth-of-type(2) {
    text-align: right;
    color: #f69d0f;
}

.dish-description__val table strong {
    font-family: 'Matias';
    font-weight: normal;
    color: #478fc3;
}

.dish-text {
    margin: 35px 0;
}

.dish-text p {
    font-size: 1.1em;
    font-family: 'OpenSans';
    color: #7e6d63;
    line-height: 1.7;
}

.dish-tabs {
    margin: 40px -10px;
}

.dish-box {
    width: 100%;
    clear: both;
}

.dish {
    margin: 0 5px 30px 5px;
    -moz-transition: 0.4s 0.05s ease;
    -o-transition: 0.4s 0.05s ease;
    -webkit-transition: 0.4s 0.05s ease;
    transition: 0.4s 0.05s ease;
    position: relative;
}

.dish__block {
    padding: 7px;
    background-color: #fff;
}

.dish__block:after {
    content: '';
    width: 100%;
    display: table;
}

.dish__block img {
    width: 100%;
}

.dish-name {
    font-size: 1.6em;
    font-family: 'Matias';
    color: #7e6d63;
    margin: 15px 0 20px;
    height: 55px;
}

.dish__value {
    display: block;
    margin: 0;
    padding: 0;
}

.dish__value li {
    font-size: 13px;
    font-family: 'OpenSans-Light';
    color: #7e6d63;
    line-height: 1.2;
    margin-bottom: 5px;
    display: block;
}

.dish__index {
   /* padding-left: 20px;*/
   /* border-left: 1px dashed #b2b2b2;*/
}

.dish__index p {
    font-size: 13px;
    font-family: 'OpenSans-Light';
    color: #7e6d63;
    margin: 0 0 10px 0;
}
.single-page .dish__index p {
    margin: 0;
}
.single-page .dish__index {
    margin-bottom: 25px;
}
.dish__index span {
    font-size: 2em;
    font-family: 'Matias';
    display: block;
}

span.label-dish_index2 {
    color: #478fc3;
}
span.label-dish_index4 {
    color: #7e6d63;
}
.dish_link {
    font-size: 1.2em;
    font-family: 'Matias';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0px 10px 13px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 30%;
    display: none;
}

.dish_link:hover {
    color: #fff;
    text-decoration: none;
}

.dish:hover {
    box-shadow: 0px 10px 13px 0px rgba(106, 105, 20, 0.2);
    -moz-transition: 0.4s 0.05s ease;
    -o-transition: 0.4s 0.05s ease;
    -webkit-transition: 0.4s 0.05s ease;
    transition: 0.4s 0.05s ease;
}

.dish:hover .dish_link {
    display: block;
}

.nav-tabs {
    border-bottom: 0px;
    margin: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #f69d0f;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px dashed #f69d0f;
    cursor: default;
}

.nav-tabs > li > a {
    font-size: 1.8em;
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: 'Matias';
    color: #b2b2b2;
    border-bottom: 1px dashed #b2b2b2;
    padding: 0;
    margin: 0px 30px 0px 0px;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    border-bottom: 1px dashed transparent;
    background-color: transparent;;
}

.dish:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.menu-name {
    font-size: 2.5em;
    font-family: 'Matias';
    color: #7f6e62;
    text-transform: uppercase;
    margin: 70px 0;
    text-align: center;
}

.dish-menu .dish {
    margin: 0;
    padding:3px;
}

.dish-menu h2 {
    font-size: 1.2em;
    font-family: 'Matias';
    color: #00a8a8;
    text-transform: uppercase;
    margin: 0 0 0 -5px;
}

.dish-title-box {
    height: 43px;
}

span.label-dish_index1 {
    color: #96bb2d;
}

span.label-dish_index3 {
    color: #f69d0f;
}

.dish-menu__unit {
    margin-bottom: 60px;
}

.dish-menu__unit:after {
    content: '';
    display: table;
    width: 100%;
}

.filter {
    padding: 30px 15px;
    background: #fbf7ef;
    margin-right: 5px;
}

.filter-toggle {
    font-family: 'Matias';
    font-size: 17px;
    padding: 15px 20px;
    background-color: #f59b00;
    color: #fff;
    text-align: justify;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

.filter-toggle:after {
    content: "";
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    visibility: hidden;
}

.filter-toggle__text,
.filter-toggle__icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 1;
}

.filter-toggle__icon {
    transition: transform .4s;
}

.filter-toggle_show .filter-toggle__icon {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter-toggle_hide .filter-toggle__icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filter__menu {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #7e6d63;
}

.filter__menu li {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 2px 0;
}

.filter__menu:after {
    content: '';
    display: table;
    width: 100%;
}

.filter__menu li a {
    font-size: 1.2em;
    font-family: 'Matias';
    color: #7e6d63;
    padding-left: 35px;
    cursor: pointer;
}

.filter__menu li a._not-allowed {
    cursor: not-allowed;
}

.filter__menu li a.selected, .filter__menu li a:hover {
    color: #0fa9aa;
    text-decoration: none;
}

.filter-item_salads {
    background: url(../img/icon.png) 0px 6px no-repeat;
}

.filter-item_hot-dishes {
    background: url(../img/icon.png) 0px -290px no-repeat;
}

.filter-item_garnishes {
    background: url(../img/icon.png) 0px -37px no-repeat;
}

.filter-item_grill {
    background: url(../img/icon.png) 0px -330px no-repeat;
}

.filter-item_wok {
    background: url(../img/icon.png) 0px -78px no-repeat;
}

.filter-item_bar {
    background: url(../img/icon.png) 0px -373px no-repeat;
}

.filter-item_drinks {
    background: url(../img/icon.png) 0px -119px no-repeat;
}

.filter-item_bake {
    background: url(../img/icon.png) 0px -415px no-repeat;
}

.filter-item_dessert {
    background: url(../img/icon.png) 0px -161px no-repeat;
}

.filter-item_pizza {
    background: url(../img/icon.png) 0px -456px no-repeat;
}

.filter-item_soups {
    background: url(../img/icon.png) 0px -202px no-repeat;
}

.filter-item_dinner {
    background: url(../img/icon.png) 0px -499px no-repeat;
}

.filter-item_breakfasts {
    background: url(../img/icon.png) 0px -243px no-repeat;
}

.filter-item_bliny {
    background: url(../img/icon.png) 0px -544px no-repeat;
}
.filter-item_burgery-i-sjendvichi {
    background: url(../img/icon.png) 0px -590px no-repeat;
}
.filter-item_pasta {
    background: url(../img/icon.png) 0px -636px no-repeat;
}

.filter__index {
    margin-bottom: 30px;
}

.filter__index:after {
    content: '';
    display: table;
    width: 100%;
}

.filter__index p {
    font-size: 1.2em;
    font-family: 'Matias';
    color: #7e6d63;
}

.chek {
    width: 50%;
    margin: 10px 0;
    overflow: hidden;
    float: left;
}

.chek input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.chek input[type="checkbox"] + label {
    background: url(../img/square.png) 0px 3px no-repeat;
    padding: 0px 0px 0px 35px;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0px;
    font-size: 1.2em;
    font-family: 'Matias';
}

.chek input[type="checkbox"]:checked + label {
    background: url(../img/square_active.png) 0px 3px no-repeat;
}

.filter__index .chek:nth-of-type(1) > p {
    color: #96bb2d;
}

.filter__index .chek:nth-of-type(2) > p {
    color: #478fc3;
}

.filter__index .chek:nth-of-type(3) > p {
    color: #f69d0f;
}

.chek p {
    margin: 0;
}

.filter__food:after {
    content: '';
    display: table;
    width: 100%;
}

.filter__food_name {
    background: url(../img/filter.png) 2px 5px no-repeat;
    font-size: 15px;
    font-family: 'Matias';
    color: #7e6d63;
    padding-left: 35px;
}

p.chek_food {
    color: #f69d0f;
    margin: 0 0 15px 0;
}

.filter__food .chek input[type="checkbox"] + label {
    background: url(../img/square.png) 0px 1px no-repeat;
}

.filter__food .chek input[type="checkbox"]:checked + label {
    background: url(../img/square_active.png) 0px 1px no-repeat;
}

.filter__food .chek {
    width: 100%;
}

.reset_settings {
    font-size: 1.2em;
    font-family: 'Matias';
    color: #c3478f;
}

.reset_settings span {
    background: #c3478f;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    border-radius: 50%;
    margin-right: 13px;
}

.reset_settings:hover {
    color: #c3478f;
}
/*rewrite old styles for slick*/
.slick-next, .slick-prev{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.slick-next:before,.slick-prev:before{
    content:none;
}
.slick-next, .slick-next:focus, .slick-next:hover{
    background: #f69d0f url(../img/next-slick.png) 50% 50% no-repeat;
}
.slick-prev, .slick-prev:focus, .slick-prev:hover{
    background: #f69d0f url(../img/prev-slick.png) 50% 50% no-repeat;
}
@media (min-width: 1200px) {
    .menu-page .container {
        width: 970px;
    }
}
@media only screen and (max-width: 1200px) {
    .dish-description__value li {
        padding: 7px 8px 9px;
    }

    .nav-tabs > li > a {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 991px) {
    .dish-description__available {
        margin: 20px 0 20px 0;
    }
    .dish-gallery{
        margin-top:30px;
    }
    .dish-description__val {
        padding-left: 0px;
        border-top: 1px dashed #b2b2b2;
        border-left: 0px;
        padding-top: 20px;
        font-size:17px;
    }
    .dish-description__val table{
        font-size:1em;
    }
    .menu-name {
        font-size: 2.3em;
        margin: 55px 0;
    }

    .filter__menu li {
        width: 20%;
    }

    .chek {
        width: 33%;
    }

    .filter {
        margin: 0 10px;
    }

    .filter-toggle {
        margin: 0 10px;
    }

    .filter__food_name {
        background: url(../img/filter.png) 2px 0px no-repeat;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .dish-menu {
        margin-top: 35px;
    }

    .dish-menu .dish {
        min-height: 375px;
    }
    .dish__value li,
    .dish__index p,
    .dish-text{
        font-size:15px;
    }
}

@media only screen and (max-width: 767px) {
    .dish__index {
        padding-left: 0;
        border-top: 1px dashed #b2b2b2;
        border-left: 0px;
        padding-top: 10px;
    }

    .dish__index p {
        margin: 0;
    }

    .dish__index span {
        font-size: 1.6em;
    }

    .dish-description__value li {
        padding: 7px 10px 9px;
        margin: 5px 0;
        display: block;
        width: 250px;
        text-align: center;
    }

    .nav-tabs > li > a {
        font-size: 1.6em;
        margin: 0px 0px 15px;
        display: inline-block;
    }

    .dish-name {
        font-size: 1.4em;
        height: auto;
    }

    .menu-name {
        font-size: 2em;
        margin: 35px 0;
    }

    .filter__menu li {
        width: 100%;
    }

    .chek {
        width: 100%;
    }

    .dish-menu .dish {
        min-height: auto;
        margin-bottom: 30px;
    }

    .dish-menu__unit {
        margin-bottom: 30px;
    }

    .nav-tabs > li {
        width: 100%;
    }
}