/*.filter-title{
  display: flex;
  width: 50px;
  min-width: 50px;
}

.filter-labels{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.check1, .grade1{
  width: 112px;
  min-width: 112px;
}*/
.filter-title{

}
.event-blocks-holder .block-favorite{
  display: none !important;
}
.ob_filter{
  display: flex;
}
.ob_filter .filter-title{
  /*width: 100px;
  min-width: 100px;*/
  margin: unset !important;
  width: 180px;
  min-width:180px;
  box-sizing: border-box;
  padding-right: 7px;
}
.ob_filter .check11{
  width: 209px;
  min-width: 209px;
}

.ob_filter .filter-labels{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}



.cafe_desc{
  font-family: Suisse Intl;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}
.title_block-gastro, .cafe_title{
  word-break: break-word !important;
}
.gastro-title{
  word-break: break-word;
}
.cafe_title{
  font-family: 'vl2', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 72px;
  /* identical to box height, or 180% */
  letter-spacing: -2px;
  text-transform: lowercase;
}

.kitchens1{
  float: left;
  /*height: 80px;*/
  margin-top: 12px !important;
  margin-right: 130px !important;
}
.check1{
  float: left;
  margin-top: 12px !important;
  /*margin-right: 34px !important;*/

  /*height: 45px;*/

}
.facility1{
  float: left;
  margin-right: 122px !important;
  /*height: 370px;*/
}

.grade1{
  float: left;
  margin-right: 58px !important;
}
@media (max-width: 1500px){

  .check11 {
    width: 207px;
  }
}


@media (max-width: 1023px){
  .kitchens1{
    margin-right: 80px !important;
    height: 65px !important;
  }
  .gastro-title, .gastro-desc {
    width: 100%;
    margin-left: 0;
  }

  .labels-kitchens1 .filter-label{
    font-size: 9px !important;
  }
  .labels-check1 .filter-label{
    font-size: 9px !important;
  }
  .labels-grade1 .filter-label{
    font-size: 9px !important;
  }
  .labels-facility1 .filter-label{
    font-size: 9px !important;
  }
  .facility1{
    margin-right: 73px !important;
    height: 293px;
    margin-top: 7px !important;
  }
  .grade1{
    margin-right: 30px !important;
    margin-top: 9px !important;
    height: 30px !important;
  }



}

.filter__mobile {
  display: none;
}
.gastro-filter .h1 {
  display: none;
}
.gastro-filter .gastro-filter-close {
  display: none;
}
.gastro-filter .wrap {
  padding: 0;
}
@media screen and (max-width: 768px){
  .filter__mobile {
    background: #E72734;
    padding: 16px 0;
    overflow: hidden;
    display: block;
    margin: 0 -8px;
    width: calc(100% + 16px);
  }
  .filter__mobile-list {
    display: flex;
    overflow: auto;
    margin-right: 8px;
    margin-left: 16px;
    flex-wrap: wrap;
    margin-bottom: -8px;
  }
  .filter__mobile-list-item {
    background: rgba(246, 246, 246, .2);
    transition: .2s;
    margin-right: 8px;
    cursor: pointer;
    padding: 9px 26px;
    height: min-content;
    border-radius: 3px;
    margin-bottom: 8px;
  }
  .filter__mobile-list-item input{
    position: absolute;
    opacity: 0;
    z-index: -1;
  }

  .filter__mobile-list-item.icon {
    padding: 6px 16px;
    height: 36px;
  }
  .filter__mobile-list-item:hover svg,
  .filter__mobile-list-item.active svg,
  .filter__mobile-list-item.active p{
    color: #262626
  }
  .filter__mobile-list-item svg {
    color: #ffffff;
  }
  .filter__mobile-list-item p {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
  }
  .filter__mobile-list-item.active {
    background: #ffffff;
  }

  .filter__mobile-list::-webkit-scrollbar { display: none; }

  .filter__mobile-list { -ms-overflow-style: none; }

  .filter__mobile-list { overflow: -moz-scrollbars-none; }

  .gastro-filter .h1 {
    margin: 14px 0 18px 8px !important;
    display: block;
  }
  .gastro-filter {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(100%);
    transition: .2s;
    z-index: 1000;
    background: #FAF2EF;
    width: 100% !important;
    margin-left: 0 !important;
    overflow: auto;
    padding-bottom: 54px;
    max-height: 100vh;
  }
  .gastro-filter.active {
    transform: translateX(0);
  }
  .gastro-filter .gastro-filter-close {
    right: 10px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    display: block;
    background: no-repeat url(/local/templates/v3_new_header/images/icon-close-big-red.svg) center center;
    background-size: contain;
    transition: .3s filter;
    filter: grayscale(1) brightness(.5);
  }
  .gastro-filter .ob_filter {
    flex-direction: column;
    background: #ffffff;
    padding: 13px 16px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
  }
  .gastro-filter .ob_filter.rating-wrapper {
    display: none !important;
  }
  .gastro-filter .ob_filter .filter-title {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    margin-bottom: 7px !important;
  }
  .filter-title.grade1, .labels-grade1 {
    display: none !important;
  }
  .filter-buttons1 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FAF2EF;
  }
  .gastro-filter .filter-block {
    background: none;
    margin: 0;
    padding: 0 8px;
  }
  .gastro-filter form {
    padding-bottom: 0;
  }
  .gastro-filter form > .wrap {
    padding: 0 !important;
  }
  .gastro-filter .filter-label {
    font-size: 14px;
    line-height: 18px;
    background: rgba(245, 245, 245, .2);
    color: #999999;
  }
  .gastro-filter .filter-label.active {
    background: rgba(245, 245, 245, 1);
    color: #262626;
  }
  .gastro-filter .filter-blocks {
    margin-top: 0;
    max-height: calc(100vh - 120px);
    overflow: auto;
  }
}









/*.filter-title{
  display: flex;
  width: 50px;
  min-width: 50px;
}

.filter-labels{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.check1, .grade1{
  width: 112px;
  min-width: 112px;
}*/
.filter-title{

}
.event-blocks-holder .block-favorite{
  display: none !important;
}
.ob_filter{
  display: flex;
}
.ob_filter .filter-title{
    /*width: 100px;
    min-width: 100px;*/
  margin: unset !important;
  width: 180px;
  min-width:180px;
  box-sizing: border-box;
  padding-right: 7px;
}
.ob_filter .check11{
  width: 209px;
  min-width: 209px;
}

.ob_filter .filter-labels{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}



.cafe_desc{
  font-family: Suisse Intl;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}
.title_block-gastro, .cafe_title{
  word-break: break-word !important;
}
.gastro-title{
  word-break: break-word;
}
.cafe_title{
  font-family: 'vl2', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 72px;
  /* identical to box height, or 180% */
  letter-spacing: -2px;
  text-transform: lowercase;
}

.kitchens1{
  float: left;
  /*height: 80px;*/
  margin-top: 12px !important;
  margin-right: 130px !important;
}
.check1{
  float: left;
  margin-top: 12px !important;
  /*margin-right: 34px !important;*/

  /*height: 45px;*/

}
.facility1{
  float: left;
  margin-right: 122px !important;
  /*height: 370px;*/
}

.grade1{
  float: left;
  margin-right: 58px !important;
}

.gastro-places .on-map-btn {
  display: none;
}
@media screen and (max-width: 1500px){

  .check11 {
    width: 207px;
  }
}


@media screen and (max-width: 1023px){
  .kitchens1{
    margin-right: 80px !important;
    height: 65px !important;
  }
  .gastro-title, .gastro-desc {
    width: 100%;
    margin-left: 0;
  }

  .labels-kitchens1 .filter-label{
    font-size: 9px !important;
  }
  .labels-check1 .filter-label{
    font-size: 9px !important;
  }
  .labels-grade1 .filter-label{
    font-size: 9px !important;
  }
  .labels-facility1 .filter-label{
    font-size: 9px !important;
  }
  .facility1{
    margin-right: 73px !important;
    margin-top: 7px !important;
  }
  .grade1{
    margin-right: 30px !important;
    margin-top: 9px !important;
    height: 30px !important;
  }

  .gastro-places .on-map-btn {
    display: block;
  }

  .gastro-places__top-wrapper {
    position: relative;
  }

  .gastro-places__top-wrapper h2 {
    padding-right: 140px;
  }

  .gastro-places__top-wrapper .on-map-btn {
    display: flex;
    padding: 6px 16px;
    background: #FFFFFF;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
  }

  .gastro-places__top-wrapper .on-map-btn img {
    width: 24px;
    height: 24px;
  }

  .gastro-places__top-wrapper .on-map-btn p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #E22C38;
    margin: 0 0 0 11px;
  }

  .maped .on-map {
    top: 80px !important;
    z-index: 2;
  }
}

.filter__mobile {
  display: none;
}
.gastro-filter .h1 {
  display: none;
}
.gastro-filter .gastro-filter-close {
  display: none;
}
.gastro-filter .wrap {
  padding: 0;
}
@media screen and (max-width: 768px){
  .filter__mobile {
    background: #E72734;
    padding: 16px 0;
    overflow: hidden;
    display: block;
    margin: 0 -8px;
    width: calc(100% + 16px);
  }
  .filter__mobile-list {
    display: flex;
    overflow: auto;
  }
  .filter__mobile-list-item {
    background: rgba(246, 246, 246, .2);
    transition: .2s;
    margin-right: 8px;
    cursor: pointer;
    padding: 9px 26px;
    height: min-content;
    border-radius: 3px;
  }
  .filter__mobile-list-item.icon {
    padding: 6px 16px;
    height: 36px;
  }
  .filter__mobile-list-item.active svg,
  .filter__mobile-list-item.active p {
    color: #262626
  }
  .filter__mobile-list-item svg {
    color: #ffffff;
  }
  .filter__mobile-list-item p {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  /*.filter__mobile-list .filter__mobile-list-item:first-child {*/
  /*  margin-left: 16px;*/
  /*}*/
  .filter__mobile-list .filter__mobile-list-item:last-child {
    margin-right: 16px;
  }
  .filter__mobile-list-item.active {
    background: #ffffff;
  }

  .filter__mobile-list::-webkit-scrollbar { display: none; }

  .filter__mobile-list { -ms-overflow-style: none; }

  .filter__mobile-list { overflow: -moz-scrollbars-none; }

  .gastro-filter .h1 {
    margin: 14px 0 18px 8px !important;
    display: block;
  }
  .gastro-filter {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(100%);
    transition: .2s;
    z-index: 1000;
    background: #FAF2EF;
    width: 100% !important;
    margin-left: 0 !important;
    overflow: auto;
    padding-bottom: 54px;
    max-height: 100vh;
  }
  .gastro-filter.active {
    transform: translateX(0);
  }
  .gastro-filter .gastro-filter-close {
    right: 10px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    display: block;
    background: no-repeat url(/local/templates/v3_new_header/images/icon-close-big-red.svg) center center;
    background-size: contain;
    transition: .3s filter;
    filter: grayscale(1) brightness(.5);
  }
  .gastro-filter .ob_filter {
    flex-direction: column;
    background: #ffffff;
    padding: 13px 16px 8px;
    margin-bottom: 8px;
    border-radius: 4px;
  }
  .gastro-filter .ob_filter.rating-wrapper {
    display: none !important;
  }
  .gastro-filter .ob_filter .filter-title {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    margin-bottom: 7px !important;
  }
  .filter-title.grade1, .labels-grade1 {
    display: none !important;
  }
  .filter-buttons1 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FAF2EF;
  }
  .gastro-filter .filter-block {
    background: none;
    margin: 0;
    padding: 0 8px;
  }
  .gastro-filter form {
    padding-bottom: 0;
  }
  .gastro-filter form > .wrap {
    padding: 0 !important;
  }
  .gastro-filter .filter-label {
    font-size: 14px!important;
    line-height: 18px;
    background: rgba(245, 245, 245, .2);
    color: #999999;
  }
  .gastro-filter .filter-label.active {
    background: rgba(245, 245, 245, 1);
    color: #262626;
  }
  .gastro-filter .filter-blocks {
    margin-top: 0;
    max-height: calc(100vh - 120px);
    overflow: auto;
  }
  .gastro-filter .filter-label:not(.active):hover {
    background: none;
  }

  .gastro-places__top-wrapper h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .title_block-gastro {
    font-size: 32px !important;
    line-height: 36px !important;
    height: auto !important;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 350px) {
  .gastro-places__top-wrapper .on-map-btn {
    display: flex;
    padding: 4px 9px;
  }

  .gastro-places__top-wrapper .on-map-btn img {
    width: 20px;
    height: 20px;
  }

  .gastro-places__top-wrapper .on-map-btn p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 8px;
  }

  .gastro-places__top-wrapper h2 {
    padding-right: 113px;
  }
}