* {
   padding: 0;
   margin: 0;
   border: 0
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

:active,
:focus,
a:active,
a:focus {
   outline: none
}

::-webkit-input-placeholder {
   color: #9b9b9b
}

::-moz-placeholder {
   color: #9b9b9b
}

:-ms-input-placeholder {
   color: #9b9b9b
}

::-ms-input-placeholder {
   color: #9b9b9b
}

::placeholder {
   color: #9b9b9b
}

aside,
footer,
header,
nav,
section {
   display: block
}

body,
html {
   min-width: 320px;
   overflow-x: hidden
}

body {
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

button,
input,
textarea {
   font-family: inherit;
   font-size: inherit
}

input::-ms-clear {
   display: none
}

input[type=text]::-ms-clear,
input[type=text]::-ms-reveal {
   display: none;
   width: 0;
   height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
   display: none
}

button {
   cursor: pointer
}

button::-moz-focus-inner {
   padding: 0;
   border: 0
}

a {
   color: inherit
}

a,
a:hover,
a:visited {
   text-decoration: none
}

ul li {
   list-style: none
}

img {
   vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: inherit;
   font-size: inherit
}

div {
   display: block
}

.hidden {
   display: none !important
}

.invisible {
   visibility: hidden !important
}

.flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.flex,
.flex-col {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.flex--centered {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.halfs {
   display: grid;
   grid-template-columns: 50% 50%;
   /*height: 560px*/
}

.halfs__info {
   background: #fff
}

.halfs__photo {
   overflow: hidden;
   position: relative;
   z-index: 2;
   background-color: #000;
}

.halfs__photo:before {
   content: '';
   display: block;
   height: 0;
   width: 100%;
   padding-bottom: calc(54 /65 * 100%);
}

#img_video {
   z-index: -1;
}

.halfs__photo .bx-yandex-view-map,
.halfs__photo .bx-yandex-map,
.halfs__photo .bx-yandex-view-layout,
.halfs__photo video,
.halfs__photo img {
   width: 100% !important;
   height: 100% !important;
   position: absolute;
   left: 0;
   top: 0;
   -o-object-fit: cover;
   object-fit: cover;
}

body .half__slider,
body .half__slider .slick-track {
   height: auto;
}

.halfs__content {
   max-width: 296px
}

.halfs__content .btn {
   margin-top: 8px
}

.halfs--landing .btn {
   padding: 11px
}

@media (max-width:767px) {
   .halfs__photo video {
      /*display: none;*/
   }

   .halfs--about .halfs {
      height: auto;
      grid-template-columns: 1fr;
      grid-template-areas: "info""content"
   }

   .halfs--about .halfs__info {
      grid-area: info;
      padding: 36px 24px;
      position: relative
   }

   .halfs--about .halfs__content {
      grid-area: content;
      max-width: 100% !important
   }
}

@font-face {
   font-family: Pobeda;
   src: url(../fonts/Pobeda-Bold.woff) format("woff");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: Blogger Sans;
   src: url(../fonts/Bloggersans.woff) format("woff");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: Blogger Sans;
   src: url(../fonts/BloggerSans-Bold.woff) format("woff"),
    url(../fonts/BloggerSans-Bold.woff2) format("woff2"), 
    url(../fonts/BloggerSans-Bold.ttf) format("ttf");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: Blogger Sans;
   src: url(../fonts/Bloggersansmedium.woff) format("woff");
   font-weight: 500;
   font-style: normal
}

h1,
h2,
h3,
h4,
h5 {
   font-family: Pobeda, Helvetica, sans-serif;
   text-transform: uppercase
}

h1 {
   font-size: 56px;
   line-height: 56px;
   font-weight: 700
}

@media (max-width:767px) {
   h1 {
      font-size: 40px;
      line-height: 40px
   }
}

h2 {
   font-size: 48px;
   line-height: 48px;
   font-weight: 700
}

@media (max-width:767px) {
   h2 {
      font-size: 32px;
      line-height: 34px
   }
}

h3 {
   font-size: 40px;
   line-height: 40px;
   font-weight: 700
}

@media (max-width:767px) {
   h3 {
      font-size: 28px;
      line-height: 30px
   }
}

h4 {
   font-size: 30px
}

h4,
h5 {
   line-height: 30px;
   font-weight: 700
}

h5 {
   font-size: 28px
}

@media (max-width:767px) {
   h5 {
      font-size: 24px;
      line-height: 26px;
      font-family: Blogger Sans, Helvetica, sans-serif;
      text-transform: none
   }
}

h6 {
   font-weight: 700
}

h6,
p {
   font-size: 20px;
   line-height: 24px;
   font-family: Blogger Sans, Helvetica, sans-serif
}

p {
   font-weight: 400
}

@media (max-width:767px) {
   p {
      font-size: 16px;
      line-height: 20px
   }
}

p.big {
   font-size: 28px;
   line-height: 32px
}

@media (max-width:767px) {
   p.big {
      font-size: 24px;
      line-height: 26px
   }
}

p.small {
   font-size: 14px;
   line-height: 16px;
   color: #ababab
}

@media (max-width:767px) {
   p.small {
      font-size: 12px;
      line-height: 14px
   }
}

button:disabled {
   pointer-events: none
}

.btn {
   background: transparent;
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   cursor: pointer;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   text-align: center;
   color: #000
}

.btn:hover {
   color: #fff;
   background-color: #000
}

.btn--maxWidth {
   width: 100%
}

.btn--white {
   border-color: #fff;
   color: #fff
}

.btn--white:hover {
   color: #000;
   background-color: #fff
}

.btn_outline {
   border: 1px solid
}

.btn_outline--small {
   padding: 6px
}

.btn_outline--medium,
.btn_outline--small {
   font-size: 14px;
   line-height: 16px;
   font-family: Blogger Sans, Helvetica, sans-serif;
   font-weight: 700
}

.btn_outline--medium {
   padding: 15px 20px
}

.btn_outline--big {
   font-size: 20px;
   line-height: 24px;
   font-family: Blogger Sans, Helvetica, sans-serif;
   font-weight: 700;
   padding: 10px 15px;
   border: 2px solid
}

.btnIcon {
   position: relative;
   width: 48px;
   height: 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: transparent;
   color: #000;
   border: 2px solid;
   cursor: pointer;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.btnIcon:hover {
   color: #000;
   background-color: #fff
}

.btnIcon--white {
   color: #fff
}

.btnIcon--fill {
   background: #fff
}

.btnIcon__badge {
   top: 0;
   right: 0;
   padding: 1px 5px 0 6px;
   position: absolute;
   background: #f03;
   color: #fff;
   font-family: Pobeda, Helvetica, sans-serif;
   font-weight: 700;
   font-size: 14px;
   line-height: 16px
}

.btnAdd {
   cursor: pointer;
   background: transparent;
   color: #000;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   display: grid;
   grid-template-columns: 50% 50%;
   width: 250px;
   height: 48px;
   max-width: 100%;
   font-size: 20px;
   line-height: 24px;
   font-weight: 700
}

.btnAdd:hover .btnAdd__price {
   background-color: #000;
   color: #fff
}

.btnAdd__price {
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.btnAdd__btn,
.btnAdd__price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
   border: 2px solid #000
}

.btnAdd__btn {
   background: #000;
   color: #fff
}

.btnSocial {
   background: #fff;
   border: 1px solid #ababab;
   width: 100%;
   padding: 9px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
   position: relative
}

.btnSocial--checked:after {
   content: "";
   width: 20px;
   height: 20px;
   position: absolute;
   top: 2px;
   right: 2px;
   background-image: url(../images/icons/check.png);
   background-position: 50%;
   background-repeat: no-repeat
}

.btnSocial img {
   margin-right: 7px
}

.btnSocial p {
   font-size: 14px;
   line-height: 16px;
   color: #000
}

.slider__nav {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   margin-top: 16px;
   padding-top: 8px;
   border-top: 1px solid #d1d1d1
}

.slider__nav,
.slider__nav>.slick-dots {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center
}

.slider__nav>.slick-dots {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center
}

.slider__nav>.slick-dots li {
   cursor: pointer
}

.slider__nav>.slick-dots li button {
   display: none
}

.slider__nav>.slick-dots li:before {
   content: "";
   display: block;
   height: 8px;
   width: 8px;
   background-color: rgba(0, 0, 0, .7);
   margin: 0 6px;
   -webkit-transition: .2s ease;
   -o-transition: .2s ease;
   transition: .2s ease
}

.slider__nav>.slick-dots li.slick-active:before {
   border: 1px solid rgba(0, 0, 0, .7);
   background-color: transparent
}

.slider__arrow {
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
   height: 40px;
   width: 40px;
   cursor: pointer;
   background-image: url(../images/arrow_left.svg);
   background-position: 50%;
   background-repeat: no-repeat
}

.slider__arrow--next {
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg)
}

.slider--floatArrows .slider__arrow {
   background-color: #fff;
   position: absolute;
   top: calc(50% - 24px);
   left: 0;
   z-index: 1;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.slider--floatArrows .slider__arrow:hover {
   background-color: transparent;
   -webkit-box-shadow: inset 0 0 0 2px #000;
   box-shadow: inset 0 0 0 2px #000;
   -webkit-filter: invert(1);
   filter: invert(1)
}

.slider--floatArrows .slider__arrow--next {
   left: calc(100% - 40px)
}

.carousel {
   margin: 0 18px !important
}

.carousel__slide {
   margin: 0 2px !important;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important
}

.carousel .slick-list {
   overflow: visible !important
}

.tabs {
   cursor: pointer;
   background: transparent;
   color: #000;
   display: grid;
   grid-template-columns: 50% 50%;
   width: 100%;
   height: 48px;
   max-width: 100%;
   font-size: 20px;
   line-height: 24px;
   font-weight: 700
}

.tabs,
.tabs__item {
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.tabs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
   border: 2px solid #000
}

.tabs__item--active {
   background: #000;
   color: #fff;
   border: 2px solid #000
}

@media (max-width:767px) {
   .tabs {
      height: 32px
   }

   .tabs__item {
      font-size: 14px;
      line-height: 16px
   }
}

.header {
   width: 100%;
   padding: 40px 48px 0;
   position: fixed;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #fff;
   z-index: 100;
   top: 0;
   -webkit-transition: top .5s ease;
   -o-transition: top .5s ease;
   transition: top .5s ease
}

.header--scrolled {
   top: -140px
}

.header--black {
   color: #000;
   position: relative
}

.header--black .header--scrolled .header__center {
   display: none
}

.header--black .header__restaurant {
   color: #000 !important;
   margin-bottom: 4px
}

.header--black .header__chooseRestaurant {
   color: #000
}

@media (max-width:1279px) {
   .header--black {
      position: fixed
   }

   .header--black .header__center {
      display: none
   }
}

.header .header__burger,
.header .header__cartFloat,
.header .header__phoneFloat {
   z-index: 1000;
   -webkit-transition: visibility 0s linear .2s, opacity .2s ease;
   -o-transition: visibility 0s linear .2s, opacity .2s ease;
   transition: visibility 0s linear .2s, opacity .2s ease;
   position: fixed
}

.header .header__cartFloat {
   visibility: hidden;
   opacity: 0
}

.header .header__booking,
.header .header__center,
.header .header__left,
.header .header__phone,
.header .header__user {
   visibility: visible;
   opacity: 1;
   -webkit-transition: all .2s, visibility 0s linear, opacity .2s;
   -o-transition: all .2s, visibility 0s linear, opacity .2s;
   transition: all .2s, visibility 0s linear, opacity .2s
}

.header__burger {
   top: -48px;
   left: 16px
}

.header__phoneFloat {
   bottom: -48px;
   right: 16px
}

.header--scrolled .header__burger {
   top: 16px;
   -webkit-transition: top .2s .2s;
   -o-transition: top .2s .2s;
   transition: top .2s .2s
}

.header--scrolled .header__phoneFloat {
   bottom: 16px;
   -webkit-transition: bottom .2s .2s;
   -o-transition: bottom .2s .2s;
   transition: bottom .2s .2s
}

.header--scrolled .header__cart {
   position: fixed;
   top: 66px;
   right: 48px;
   margin-top: -48px;
   margin-right: -30px;
   border-color: #000;
   -webkit-transition: top .2s .2s;
   -o-transition: top .2s .2s;
   transition: top .2s .2s
}

.header--scrolled .header__booking,
.header--scrolled .header__center,
.header--scrolled .header__left,
.header--scrolled .header__phone,
.header--scrolled .header__user {
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all .2s, visibility 0s linear .2s, opacity .2s ease;
   -o-transition: all .2s, visibility 0s linear .2s, opacity .2s ease;
   transition: all .2s, visibility 0s linear .2s, opacity .2s ease
}

.header__left {
   width: calc(50% - 109px);
   padding-top: 20px
}

.header__left,
.header__left nav ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.header__left nav ul li {
   margin-right: 24px
}

.header__center {
   width: 218px
}

.header__right {
   width: calc(50% - 109px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   margin-top: 10px;
   margin-bottom: auto
}

.header__logo {
   margin-bottom: 12px
}

.header__restaurant {
   color: #fff !important;
   margin-bottom: 4px
}

.header__chooseRestaurant {
   color: #fff;
   opacity: .5;
   font-size: 15px;
   line-height: 16px;
   cursor: pointer;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease
}

.header__chooseRestaurant:hover {
   opacity: .8
}

.header__booking {
   margin-left: 25px
}

.header__user {
   margin-left: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.header__user+.header__userMenu {
   display: none;
   width: 125px;
   height: 129px;
   background-image: url(../images/icons/box.svg);
   background-repeat: no-repeat;
   background-position-y: bottom;
   padding: 30px 14px 16px;
   position: absolute;
   top: 98px;
   margin-right: 24px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.header__user+.header__userMenu:hover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.header__user+.header__userMenu li {
   position: relative;
   text-align: center
}

.header__user+.header__userMenu li a {
   color: #000;
   font-size: 14px;
   position: relative
}

.header__user+.header__userMenu li a.header__userMenu--badged {
   padding-right: 20px
}

.header__user:hover+.header__userMenu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.header__cart {
   border-color: #fff;
   margin-left: 15px;
   margin-top: 0;
   margin-right: 0;
   top: 0;
   right: 0;
   -webkit-transition: top .2s ease, right .2s ease, margin-right .2s ease, margin-top .2s ease;
   -o-transition: top .2s ease, right .2s ease, margin-right .2s ease, margin-top .2s ease;
   transition: top .2s ease, right .2s ease, margin-right .2s ease, margin-top .2s ease
}

.header__cart:hover .btnIcon {
   border-color: #f03;
   color: #f03
}

.header__cart.active .btnIcon {
   color: #f03
}

@media (max-width:1279px) {

   .header__chooseRestaurant,
   .header__left,
   .header__right {
      display: none
   }

   .header__center {
      margin: auto
   }

   .header__burger {
      height: 48px;
      bottom: 14px;

      /*top: calc(100% - 62px) !important;*/
      top: auto !important;
      left: 14px
   }

   .header__phoneFloat {
      bottom: 14px !important;
      left: 70px
   }

   .header__cartFloat {
      bottom: 14px;
      right: 14px
   }

   .header .header__burger,
   .header .header__cartFloat,
   .header .header__phoneFloat {
      visibility: visible;
      opacity: 1;
      -webkit-transition: visibility 0s linear, opacity .2s;
      -o-transition: visibility 0s linear, opacity .2s;
      transition: visibility 0s linear, opacity .2s
   }

   .header .header__burger.active .btnIcon,
   .header .header__cartFloat.active .btnIcon,
   .header .header__phoneFloat.active .btnIcon {
      color: #f03
   }
}

.header__burger.active .btnIcon {
   color: #f03
}

.header__float .btnIcon {
   -webkit-box-shadow: none;
   box-shadow: none
}

.header--scrolled .header__float .btnIcon {
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16)
}

.main {
   padding: 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100vh
}

@media (max-width:767px) {
   .main {
      padding: 16px 24px 32px
   }
}

@media (max-width:480px) {
   .main {
      padding: 16px 24px 75px
   }
}

.main h1 {
   color: #fff;
   margin-top: 90px
}

.main h2,
.main p {
   max-width: 460px;
   text-align: center
}

.main h2 {
   margin-top: auto;
   margin-bottom: 16px
}

.main h2,
.main p {
   color: #fff
}

.main--about p {
   max-width: 100%
}

.main--about h1 {
   margin-top: 138px
}

.main--about h2 {
   margin-bottom: 0
}

@media (max-width:767px) {
   .main--about {
      padding: 16px 24px
   }

   .main--about>.logo {
      display: none
   }
}

@media (max-width:480px) {
   .main--about {
      padding: 16px 24px 75px
   }
}

.index__mobile {
   background: #fff
}

.halfs--index .halfs__content {
   max-width: 381px
}

.halfs--index .halfs__content h2,
.halfs--index .halfs__content h5 {
   margin-bottom: 8px
}

.halfs--index .halfs__content p {
   margin-bottom: 24px
}

.dish h2 {
   margin-bottom: 16px
}

.dish h5 {
   margin-bottom: 0
}

.invite h2 {
   margin-bottom: auto
}

.invite p {
   margin-bottom: 16px
}

.invite .btn {
   background: #fff
}

@media (max-width:1279px) {
   .invite .btn_outline {
      border-color: #fff;
      color: #000
   }
}

.chefMobile {
   margin-bottom: 10px;
   background: #fff
}

.chefMobile img {
   -o-object-fit: cover;
   object-fit: cover;
   height: 100%;
   width: 100%
}

.chefMobile__info {
   padding: 24px
}

.chefMobile__info h2,
.chefMobile__info h5,
.chefMobile__info p {
   margin-bottom: 8px
}

.dishMobile {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   min-height: 360px;
   width: 100%;
   overflow: hidden;
   color: #fff;
   padding: 24px;
   z-index: 1
}

.dishMobile img {
   position: absolute;
   -o-object-fit: cover;
   object-fit: cover;
   height: 100%;
   width: 100%;
   z-index: -1;
   top: 0;
   left: 0
}

.dishMobile h2 {
   margin-bottom: auto
}

.instruction__card img {
   margin-bottom: 16px
}

.instructionMobile {
   margin-top: 25px
}

.instructionMobile__card {
   padding: 24px;
   min-height: 328px !important;
   -webkit-box-shadow: inset 0 0 0 2px #000;
   box-shadow: inset 0 0 0 2px #000;
   background-size: contain;
   background-position: 50%;
   background-repeat: no-repeat
}

.instructionMobile__card--preview {
   -webkit-box-shadow: none;
   box-shadow: none;
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat
}

.instructionMobile__title {
   color: #fff
}

.instructionMobile__tip {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.instructionMobile__tip h2 {
   margin-right: 8px
}

.booking {
   padding: 56px 0;
   background: transparent
}

.booking .btn {
   font-size: 48px;
   line-height: 48px;
   font-family: Pobeda, Helvetica, sans-serif;
   font-weight: 700;
   text-align: center;
   padding: 20px 32px;
   border-width: 4px;
   min-width: 320px;
   margin-right: 40px
}

.booking .btn:hover {
   border-color: #fff
}

.booking .btn:last-child {
   margin-right: 0
}

@media (max-width:767px) {
   .booking {
      background: #fff;
      padding: 24px 16px
   }

   .booking .btn {
      color: #000;
      min-width: auto;
      width: 50%;
      font-size: 30px;
      line-height: 32px;
      border-width: 2px;
      padding: 16px 0 12px;
      margin-right: 8px
   }
}

@media (max-width:480px) {
   .booking .btn {
      font-size: 24px;
      line-height: 24px
   }
}

.cards {
   padding-top: 2px;
   background: #fff
}

.cards .slide {
   margin-right: 2px
}

.cards .slide:last-child {
   margin-right: 0
}

.cards .card__btn:hover {
   border-color: #fff
}

.reviewsCircle {
   padding: 50px 12px;
   background: #fff
}

@media (max-width:430px) {
   .reviewsCircle {
      padding: 20px 12px
   }

   .reviewsCircle__inner {
      height: 420px !important
   }
}

.reviewsCircle__review {
   width: 212px;
   text-align: center;
   z-index: 1
}

.reviewsCircle__review p {
   margin-bottom: 16px;
   display: none
}

.reviewsCircle__review p.active {
   display: block
}

.reviewsCircle__inner {
   position: relative;
   width: 494px;
   height: 495px;
   max-width: 100%
}

.reviewsCircle__inner img {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   -webkit-user-drag: none;
   -webkit-animation: spin 80s linear infinite;
   animation: spin 80s linear infinite
}

@-webkit-keyframes spin {
   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

.cities {
   background: #fff
}

.cities .city {
   padding: 40px 0 0
}

.cities .city__title {
   margin: 0 20px 16px
}

.cities .city__card {
   margin: 0 20px;
   background-position: 50%;
   background-size: cover;
   min-height: 328px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   padding: 16px
}

.cities .city__card button {
   background: #fff
}

.cities .city__card .btn:hover a {
   color: #000 !important;
}

.cities .city__location {
   color: #fff;
   margin-bottom: 16px
}

.cities.mobile .btn_outline {
   border-color: #fff
}

.footer {
   background: #fff;
   margin-top: auto
}

.footer--noLine .footer__wrap {
   border-top: none
}

.footer__wrap {
   padding: 48px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-top: 1px solid #000;
   margin: auto 48px 0
}

.footer__links {
   display: none
}

.footer__logo,
.footer__logo img {
   max-width: 100%
}

.footer__nav {
   margin-bottom: 20px
}

.footer__navLink {
   font-family: Pobeda, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 24px;
   line-height: 24px;
   margin-right: 20px
}

.footer__navLink:last-child {
   margin-right: 0
}

.footer__btns {
   margin-bottom: 24px
}

.footer__btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-width: 2px;
   padding: 12px;
   width: 188px;
   margin-right: 12px
}

.footer__btn:last-child {
   margin-right: 0
}

.footer__contacts p {
   font-size: 15px;
   line-height: 16px;
   margin-right: 16px
}

.footer__contacts p:last-child {
   margin-right: 0
}

.footer__left {
   width: calc(50% - 225px);
   padding-top: 13px;
   position: relative
}

.footer__center {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.footer__right {
   width: calc(50% - 225px);
   padding-top: 19px;
   text-align: right
}

.footer .social {
   margin-bottom: 15px
}

.footer .copy p {
   color: #000
}

.footer--simple {
   background: #ececec;
   padding-top: 76px;
   padding-bottom: 24px;
   display: block;
   border: none;
   margin: 0
}

.footer--simple h2 {
   text-align: center;
   margin-bottom: 16px
}

.footer--simple>p {
   max-width: 357px;
   margin: auto auto 52px;
   text-align: center
}

.footer--simple .copy {
   padding-top: 24px;
   margin: 0 50px;
   border-top: 1px solid #d1d1d1;
   text-align: center
}

.footer--simple .copy img {
   margin-left: 5px
}

.footer--simple .copy p {
   color: #ababab
}

@media (max-width:850px) {
   .footer--simple__wrap {
      padding: 32px 24px 27px !important;
      margin: 0
   }
}

.footer--franchise {
   padding-left: 16px;
   padding-right: 16px
}

.footer--franchise>p {
   margin-bottom: 32px
}

.footer--franchise .btn {
   width: 328px;
   margin: 0 auto;
   display: block
}

.footer--franchise .footer__franchise {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 24px
}

.footer--franchise .footer__franchise>div h2 {
   margin-bottom: 0
}

.footer--franchise .footer__franchise>div:first-child {
   margin-right: 40px
}

@media (max-width:767px) {
   .footer__wrap {
      padding: 32px 24px 27px;
      background: #fff
   }

   .footer>p {
      margin-bottom: 32px
   }

   .footer .copy {
      padding: 0;
      margin: 0;
      border: none
   }

   .footer .copy p {
      font-size: 14px;
      line-height: 16px
   }
}

@media (max-width:850px) {
   .footer__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      padding: 32px 0 72px;
      margin: 0
   }

   .footer__left {
      padding-top: 0;
      margin-bottom: 35px;
      width: 143px
   }

   .footer__right {
      text-align: center;
      padding-top: 18px;
      width: 100%
   }

   .footer__btns,
   .footer__contacts {
      display: none
   }

   .footer__center {
      width: 100%
   }

   .footer__links {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .footer__links ul {
      width: 100%
   }

   .footer__links ul li {
      height: 48px;
      border-top: 1px solid #d1d1d1
   }

   .footer__links ul li:last-child {
      border-bottom: 1px solid #d1d1d1
   }

   .footer__links ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 100%;
      padding-left: 16px;
      padding-right: 20px
   }

   .footer__links ul li a:after {
      content: "";
      width: 16px;
      height: 16px;
      background: url(../images/icons/arrow.svg)
   }
}

.card {
   padding: 16px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   color: #fff;
   position: relative;
   height: 556px;
   text-align: left;
   overflow: hidden
}

.card__img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1
}

.card__title {
   font-family: Blogger Sans, Helvetica, sans-serif;
   font-weight: 700;
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 12px
}

.card__name {
   font-family: Pobeda, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 28px;
   line-height: 32px;
   margin-bottom: 12px
}

.card__descr {
   font-family: Blogger Sans, Helvetica, sans-serif;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 12px
}

.card__btn:hover {
   background-color: #fff;
   color: #000
}

.menu {
   position: fixed;
   color: #000;
   width: 100vw;
   height: 100vh;
   z-index: 100;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: 0;
   left: 0;
   -webkit-transition: visibility 0s linear, opacity .2s;
   -o-transition: visibility 0s linear, opacity .2s;
   transition: visibility 0s linear, opacity .2s
}

.menu,
.menu #overlay {
   opacity: 0;
   visibility: hidden
}

.menu .menu__links,
.menu .menu__user {
   opacity: .4;
   -webkit-transform: translateY(-25%) rotateX(35deg);
   transform: translateY(-25%) rotateX(35deg);
   -webkit-transition: -webkit-transform .5s, opacity .5s;
   -webkit-transition: opacity .5s, -webkit-transform .5s;
   transition: opacity .5s, -webkit-transform .5s;
   -o-transition: transform .5s, opacity .5s;
   transition: transform .5s, opacity .5s;
   transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.menu.open {
   opacity: 1;
   visibility: visible;
   -webkit-transition: opacity .5s;
   -o-transition: opacity .5s;
   transition: opacity .5s
}

.menu.open #overlay {
   visibility: visible;
   opacity: .92
}

.menu.open .menu__inner .menu__links,
.menu.open .menu__inner .menu__user {
   opacity: 1;
   -webkit-transform: rotateX(0deg);
   transform: rotateX(0deg)
}

.menu.close {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: visibility 0s linear .2s, opacity .2s;
   -o-transition: visibility 0s linear .2s, opacity .2s;
   transition: visibility 0s linear .2s, opacity .2s
}

.menu.close .menu__inner .menu__links,
.menu.close .menu__inner .menu__user {
   -webkit-transform: translateY(25%) rotateX(-35deg);
   transform: translateY(25%) rotateX(-35deg)
}

.menu__logo {
   margin-bottom: 12px
}

.menu__restaurant {
   color: #000 !important;
   margin-bottom: 15px
}

.menu__chooseRestaurant {
   margin-bottom: 56px;
   color: #8a8a8a;
   background: #fff
}

.menu__inner {
   margin: 40px auto 0;
   -webkit-perspective: 1200px;
   perspective: 1200px
}

.menu__inner,
.menu__links ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.menu__links ul li {
   margin-bottom: 24px
}

.menu__user ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.menu__user ul li {
   margin-bottom: 24px
}

.menu__user ul li a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.menu__user ul li a span {
   font-size: 11px;
   line-height: 16px;
   color: #fff;
   background: #f03;
   margin-left: 4px;
   padding: 1px 5px 0 4px
}

@media (max-width:767px) {
   .menu {
      background: #fff;
      overflow-y: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none
   }

   .menu::-webkit-scrollbar {
      display: none
   }

   .menu__inner {
      margin: 27px auto 36px
   }

   .menu__chooseRestaurant {
      margin-bottom: 40px
   }

   .menu__lobster {
      margin-bottom: 20px
   }

   .menu__links {
      margin-bottom: 36px
   }

   .menu__links:after {
      content: "";
      display: block;
      width: 131px;
      height: 6px;
      background: url(../images/wave.svg);
      margin-top: 16px;
      margin-left: auto;
      margin-right: auto
   }

   .menu__links ul li {
      margin-bottom: 16px
   }

   .menu__links ul li h5 {
      font-family: Pobeda, Helvetica, sans-serif
   }
}

.profile {
   margin-bottom: auto;
   position: relative
}

.profile h1 {
   margin-top: 55px;
   margin-bottom: 32px;
   text-align: center
}

@media (max-width:767px) {
   .profile h1 {
      margin-bottom: 16px
   }
}

.profile__codeSent {
   margin-bottom: 25px;
   text-align: center
}

.profile__bookingHeading {
   text-align: center;
   margin-bottom: 24px;
   margin-top: -24px
}

.profile__bookingHeading>p {
   margin-bottom: 8px
}

.profile__bookingHeading>p:last-of-type {
   margin-bottom: 0
}

@media (max-width:767px) {
   .profile__bookingHeading {
      margin-top: 0
   }
}

.profile__tabs {
   width: 100%;
   margin-bottom: 32px
}

@media (max-width:767px) {
   .profile__tabs {
      margin-bottom: 24px
   }
}

.profile__addresses {
   width: 100%
}

.profile__addAddress,
.profile__address {
   padding: 16px 0;
   border-bottom: 1px solid #ececec;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.profile__addAddress img,
.profile__address img {
   cursor: pointer
}

@media (max-width:767px) {

   .profile__addAddress,
   .profile__address {
      padding: 8px 0
   }
}

.profile__addAddress {
   padding-top: 0;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.profile__addAddress img {
   margin-right: 8px
}

.profile__address {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.profile__address p {
   font-size: 16px;
   line-height: 20px
}

.form {
   width: 432px;
   max-width: 100%;
   padding-bottom: 65px;
   padding-left: 16px;
   padding-right: 16px
}

.form__required {
   width: 5px;
   height: 5px;
   background: url(../images/icons/asterisk.svg);
   top: 28px;
   left: -8px;
   display: block;
   position: absolute
}

.form__select {
   position: relative
}

.form__select:after {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   background: url(../images/icons/back.svg);
   background-repeat: no-repeat;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   top: 10px;
   right: 8px
}

.form__social {
   width: 100%
}

.form__social,
.form__social .btnSocial {
   margin-bottom: 16px
}

.form__social .btnSocial:last-child {
   margin-bottom: 0
}

.form__or {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 16px;
   font-size: 20px;
   line-height: 24px
}

.form__or:after,
.form__or:before {
   content: "";
   display: block;
   height: 1px;
   width: 100%;
   background-color: #d1d1d1
}

.form__or:before {
   margin-right: 7px
}

.form__or:after {
   margin-left: 7px
}

.form__title {
   margin-top: 16px
}

.form__item,
.form__title {
   width: 100%;
   margin-bottom: 16px
}

.form__item {
   position: relative
}

.form__item label {
   display: block;
   margin-bottom: 8px
}

.form__item input {
   width: 100%
}

.form__item--grid-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 16px
}

.form__item--grid-3 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-column-gap: 16px
}

.form__buttons {
   width: 100%;
   margin-top: 8px
}

.form__footer {
   margin-top: 24px;
   text-align: center
}

.form__footer p {
   font-size: 12px;
   line-height: 14px;
   margin-bottom: 11px
}

.form__footer p a {
   border-bottom: 1px solid #000
}

.form__back {
   margin-top: 16px
}

.form__back a {
   font-size: 14px;
   height: 21px;
   display: block
}

.form__back a img {
   position: relative;
   height: 21px
}

@media (max-width:480px) {
   .form__back a img {
      top: -1px
   }
}

.form__back a span {
   line-height: 21px;
   display: inline-block
}

.form__back--float {
   position: absolute;
   top: 0;
   left: 40px
}

@media (max-width:767px) {
   .form__back--float {
      left: 8px
   }
}

.form__checkbox {
   display: none
}

.form__checkbox+label {
   width: 24px;
   min-width: 24px;
   height: 24px;
   border: 1px solid #d1d1d1
}

.form__checkbox:checked+label {
   background: url(../images/icons/check_black.png);
   background-repeat: no-repeat;
   background-position: 50%
}

.form__agreement {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.form__agreement p.small {
   margin-left: 8px;
   color: #000;
   text-align: left
}

.form__agreement p.small a {
   border-bottom: 1px solid #000
}

label {
   font-size: 12px;
   line-height: 16px
}

input,
label,
select,
textarea {
   font-family: Roboto, sans-serif
}

input,
select,
textarea {
   position: relative;
   background-color: #ececec;
   padding: 8px;
   color: #000;
   font-size: 16px;
   line-height: 24px;
   border-radius: 0;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -moz-transition: all .2s ease;
   transition: all .2s ease
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   -ms-transition: all .2s ease;
   transition: all .2s ease
}

input::placeholder,
select::placeholder,
textarea::placeholder {
   color: #ababab;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

input:focus,
select:focus,
textarea:focus {
   background-color: #fff;
   -webkit-box-shadow: inset 0 0 0 1px #000, 0 2px 8px rgba(0, 0, 0, .15);
   box-shadow: inset 0 0 0 1px #000, 0 2px 8px rgba(0, 0, 0, .15)
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
   color: #000
}

input:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
   color: #000
}

input:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
   color: #000
}

input:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
   color: #000
}

input:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
   color: #000
}

input[type=date],
input[type=time],
select[type=date],
select[type=time],
textarea[type=date],
textarea[type=time] {
   padding: 7px 8px
}

textarea {
   height: 96px;
   width: 100%
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%
}

select::-ms-expand {
   display: none
}

#entrance,
#time {
   color: #ababab;
   -webkit-min-logical-width: calc(100% - 16px);
   height: 40px
}

#entrance.touched,
#time.touched {
   color: #000
}

.orderHistory {
   max-width: 752px;
   width: 100%;
   margin: 0 auto
}

.orderHistory h2 {
   font-size: 32px;
   line-height: 34px
}

.orderHistory p {
   font-size: 16px;
   line-height: 20px
}

.orderHistory p.small {
   color: #000;
   font-size: 12px;
   line-height: 14px
}

.orderHistory__grid {
   width: 100%;
   display: grid;
   grid-template-columns: minmax(auto, 180px) minmax(auto, 250px) minmax(auto, 245px);
   grid-column-gap: 38px
}

.orderHistory__head {
   margin-bottom: 14px
}

@media (max-width:767px) {
   .orderHistory__head {
      display: none
   }
}

.orderHistory__head p {
   color: #000
}

@media (max-width:767px) {
   .orderHistory__orders {
      border-bottom: 6px solid #ececec
   }
}

.orderHistory__order {
   border-top: 1px solid #000;
   padding: 24px 0 16px;
   cursor: pointer;
   position: relative
}

.orderHistory__order:after {
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: 29px;
   width: 24px;
   height: 24px;
   background-image: url(../images/icons/back.svg);
   -webkit-transition: -webkit-transform .2s ease;
   transition: -webkit-transform .2s ease;
   -o-transition: transform .2s ease;
   transition: transform .2s ease;
   transition: transform .2s ease, -webkit-transform .2s ease
}

.orderHistory__order .ui-accordion-header-icon {
   display: none
}

.orderHistory__order.ui-accordion-header-active:after {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg)
}

.orderHistory__order.ui-accordion-header-collapsed:after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

@media (max-width:767px) {
   .orderHistory__order {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 21px 16px;
      border-top: 6px solid #ececec
   }

   .orderHistory__order:after {
      top: 24px;
      right: 16px
   }
}

.orderHistory__info {
   display: grid;
   grid-template-areas: "number date""number positions";
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
   grid-template-rows: 14px 14px;
   margin-top: -2px
}

.orderHistory__info>h2 {
   grid-area: number;
   margin-top: -2px
}

.orderHistory__infoDate {
   grid-area: date
}

.orderHistory__infoPosition {
   grid-area: positions
}

@media (max-width:767px) {
   .orderHistory__info {
      margin-bottom: 4px;
      margin-right: auto
   }

   .orderHistory__info>h2 {
      margin-right: 8px
   }
}

.orderHistory__status {
   display: grid;
   grid-template-areas: "bar bar""status type";
   grid-row-gap: 4px
}

@media (max-width:767px) {
   .orderHistory__status {
      margin-bottom: 16px
   }
}

.orderHistory__statusBar {
   grid-area: bar;
   background: #ececec;
   height: 4px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.orderHistory__statusBar>div {
   height: 4px;
   background: #000
}

.orderHistory__status>p:nth-child(2) {
   grid-area: status
}

.orderHistory__status>p:nth-child(3) {
   grid-area: type;
   text-align: right
}

.orderHistory__sum {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.orderHistory__sum .btnAdd {
   width: 220px;
   height: 36px
}

.orderHistory__sum .btnAdd span {
   font-size: 16px;
   line-height: 20px
}

@media (max-width:767px) {
   .orderHistory__sum .btnAdd {
      width: 100%
   }
}

@media (max-width:767px) {
   .orderHistory__drawer {
      padding: 0 16px
   }
}

.orderHistory__product {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 0 8px;
   border-top: 1px solid #d1d1d1
}

.orderHistory__productName {
   max-width: 256px
}

.catalog__bg img {
   height: 384px !important
}

.catalog__bg img--mob {
   display: none
}

@media (max-width:480px) {
   .catalog__bg--mob {
      display: block;
      height: 100% !important
   }

   .catalog__bg--desk {
      display: none
   }
}

.catalog__top {
   height: 384px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow-x: scroll
}

.catalog__top[data-simplebar] {
   overflow-x: initial
}

.catalog__top[data-simplebar] .simplebar-content {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.catalog__top[data-simplebar] .simplebar-scrollbar:before {
   background-color: #fff
}

@media (max-width:767px) {
   .catalog__top {
      -ms-overflow-style: none;
      scrollbar-width: none
   }

   .catalog__top::-webkit-scrollbar {
      display: none
   }
}

.catalog__categories {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: auto auto 22px;
   padding: 0 3%;
}

.catalog__categories h5 {
   color: #fff;
   padding: 5px 10px;
   margin: 0 15px;
   cursor: pointer;
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content
}

.catalog__categories h5.active {
   background: hsla(0, 0%, 76.9%, .5)
}

@media (max-width:767px) {
   .catalog__categories {
      display: none
   }
}

.catalog__categoriesSelect {
   display: none;
   margin-top: auto;
   width: 100%
}

@media (max-width:767px) {
   .catalog__categoriesSelect {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }
}

.catalog__content {
   background: #fff
}

@media (max-width:767px) {
   .catalog__content {
      padding-bottom: 12px
   }
}

.catalog__filterWrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 16px auto 40px;
   padding: 0 16px;
   overflow-x: scroll
}

.catalog__filterWrap[data-simplebar] {
   overflow-x: hidden
}

@media (max-width:480px) {
   .catalog__filterWrap {
      -ms-overflow-style: none;
      scrollbar-width: none
   }

   .catalog__filterWrap::-webkit-scrollbar {
      display: none
   }
}

.catalog__filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 auto
}

.catalog__filter p {
   margin-right: 4px;
   padding: 4px 10px;
   color: #000;
   background: #ececec;
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content
}

.catalog__filter p.active {
   color: #fff;
   background: #000
}

.catalog__list {
   max-width: 752px;
   width: 100%;
   margin: 0 auto
}

@media (max-width:767px) {
   .catalog__list {
      padding: 0 16px
   }
}

.catalog__item {
   width: 100%;
   padding-bottom: 24px;
   margin: 0 auto 24px;
   border-bottom: 1px solid #d1d1d1;
   display: grid;
   grid-template-areas: "title btn price""descr btn price";
   grid-column-gap: 30px;
   grid-row-gap: 4px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   grid-template-columns: 1fr auto auto
}

.catalog__item:last-child {
   border-bottom: none
}

.catalog__itemTitle {
   grid-area: title
}

.catalog__itemDescr {
   grid-area: descr;
   color: #000 !important;
   max-width: 425px
}

.catalog__itemBtn {
   grid-area: btn;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.catalog__itemPrice {
   grid-area: price;
   text-align: right
}

@media (max-width:767px) {
   .catalog__item {
      grid-template-areas: "title price""descr btn";
      grid-template-columns: auto auto;
      grid-column-gap: 16px;
      padding-bottom: 18px;
      margin-bottom: 16px
   }

   .catalog__item:last-child {
      border-bottom: 1px solid #d1d1d1
   }

   .catalog__itemPrice {
      -ms-flex-item-align: start;
      align-self: flex-start
   }

   .catalog__itemBtn {
      -ms-flex-item-align: end;
      align-self: flex-end
   }
}

.catalogAdd {
   width: 100px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 6px 15px;
   font-size: 16px;
   line-height: 20px;
   font-weight: 700
}

.catalogAdd--empty {
   background: #000;
   color: #fff;
   display: none;
   cursor: pointer
}

.catalogAdd--counter {
   background: #ececec;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.catalogAdd--counter[data-count="0"] {
   display: none
}

.catalogAdd--counter[data-count="0"]+.catalogAdd--empty {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.catalogAdd__number {
   font-size: 16px;
   line-height: 20px;
   font-weight: 700;
   color: #000
}

.catalogAdd__minus,
.catalogAdd__plus {
   position: relative;
   width: 12px;
   height: 12px;
   cursor: pointer
}

.catalogAdd__minus:before,
.catalogAdd__plus:before {
   content: "";
   display: block;
   position: absolute;
   width: 12px;
   height: 2px;
   background: #000;
   top: 5px
}

.catalogAdd__plus:after {
   content: "";
   display: block;
   position: absolute;
   width: 2px;
   height: 12px;
   background: #000;
   left: 5px
}

.categoriesSelect {
   width: 100%;
   padding: 0 16px 16px
}

.categoriesSelect__active {
   background: #fff;
   padding: 9px 12px 3px;
   height: 42px;
   position: relative
}

.categoriesSelect__active h4 {
   color: #000
}

.categoriesSelect__active:after {
   content: "";
   display: block;
   height: 24px;
   width: 24px;
   background: url(../images/icons/back.svg);
   background-repeat: no-repeat;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   position: absolute;
   right: 15px;
   top: 8px
}

.categoriesSelect__overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: #fff;
   opacity: .9;
   z-index: 100;
   visibility: visible;
   -webkit-transition: visibility 0s, opacity 1s ease;
   -o-transition: visibility 0s, opacity 1s ease;
   transition: visibility 0s, opacity 1s ease
}

.categoriesSelect__overlay.hidden {
   visibility: hidden;
   opacity: 0;
   -webkit-transition: visibility 1s, opacity 1s ease;
   -o-transition: visibility 1s, opacity 1s ease;
   transition: visibility 1s, opacity 1s ease
}

.categoriesSelect__overlay.fadeOut {
   visibility: hidden;
   opacity: 0;
   -webkit-transition: visibility 0s linear .3s, opacity .3s;
   -o-transition: visibility 0s linear .3s, opacity .3s;
   transition: visibility 0s linear .3s, opacity .3s
}

.categoriesSelect__overlay.fadeIn {
   visibility: visible;
   opacity: .9;
   -webkit-transition: visibility 0s linear 0s, opacity .3s;
   -o-transition: visibility 0s linear 0s, opacity .3s;
   transition: visibility 0s linear 0s, opacity .3s
}

.categoriesSelect__popover {
   position: fixed;
   width: 100%;
   bottom: -100vh;
   left: 0;
   background: #fff;
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
   box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
   padding: 15px 0 40px;
   z-index: 101;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: bottom .5s ease;
   -o-transition: bottom .5s ease;
   transition: bottom .5s ease
}

.categoriesSelect__popover.open {
   bottom: 0
}

.categoriesSelect__popover>a:last-of-type {
   margin-bottom: 0
}

.categoriesSelect__popoverArrow {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.categoriesSelect__popoverArrow img {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.categoriesSelect__link {
   font-family: Pobeda, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 24px;
   line-height: 24px;
   color: #000;
   margin-top: 16px
}

.categoriesSelect__link--selected {
   color: #f03
}

.categoriesSelect__subLink {
   color: #ababab;
   margin-top: 4px
}

.categoriesSelect__subLink:last-of-type {
   margin-bottom: 8px
}

.modal {
   -webkit-overflow-scrolling: touch;
   z-index: 100;
   padding: 21px;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: visibility 0s linear .3s, opacity .3s;
   -o-transition: visibility 0s linear .3s, opacity .3s;
   transition: visibility 0s linear .3s, opacity .3s;
   visibility: hidden
}

@media (max-width:767px) {
   .modal {
      padding: 0
   }

   .modal__body {
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      bottom: -500px
   }
}

.modal:before {
   content: "";
   background-color: hsla(0, 0%, 100%, .9);
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   -webkit-transition: opacity .2s ease;
   -o-transition: opacity .2s ease;
   transition: opacity .2s ease
}

.modal.open {
   visibility: visible;
   overflow: auto;
   -webkit-transition: visibility 0s linear 0s, opacity .3s;
   -o-transition: visibility 0s linear 0s, opacity .3s;
   transition: visibility 0s linear 0s, opacity .3s
}

.modal.open:before {
   opacity: 1
}

.modal.open .modal__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

@media (max-width:767px) {
   .modal.open .modal__body {
      bottom: 0
   }
}

.modal__title {
   margin-bottom: 16px
}

@media (max-width:767px) {
   .modal__title {
      font-size: 20px;
      line-height: 24px
   }
}

.modal__addresses {
   width: 100%
}

.modal__addAddress,
.modal__address {
   padding: 8px 0;
   border-bottom: 1px solid #ececec;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.modal__addAddress img,
.modal__address img {
   cursor: pointer
}

@media (max-width:767px) {

   .modal__addAddress,
   .modal__address {
      padding: 8px 0
   }
}

.modal__addAddress {
   padding-top: 0;
   padding-bottom: 14px;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.modal__addAddress p {
   font-size: 16px;
   line-height: 20px
}

.modal__addAddress img {
   margin-right: 8px
}

.modal__address {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.modal__address:last-child {
   border: none;
   padding-bottom: 0
}

.modal__address p {
   font-size: 20px;
   line-height: 24px
}

.modal__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   -ms-flex-align: center;
   min-height: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.modal__body,
.modal__content {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative
}

.modal__body {
   width: 400px;
   max-width: 100%;
   padding: 32px 24px;
   background: #fff;
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
   box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
   text-align: center;
   display: none;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center
}

.modal__body h3 {
   margin-bottom: 8px
}

.modal__body button {
   margin-top: 16px;
   font-size: 16px;
   line-height: 20px
}

@media (max-width:767px) {
   .modal__body {
      padding: 24px;
      margin-top: auto;
      width: 100vw !important
   }
}

.modal__close {
   width: 14px;
   height: 14px;
   cursor: pointer;
   background: url(../images/icons/close_modal.png);
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   top: 0;
   right: 0
}

@media (max-width:767px) {
   .modal__close {
      display: none
   }
}

.modal__closeMobile {
   color: #000;
   margin-bottom: 16px;
   display: none
}

.modal__closeMobile img {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

@media (max-width:767px) {
   .modal__closeMobile {
      display: block
   }
}

.franchise__modal .modal__body {
   width: 448px
}

.franchise__form {
   margin-top: 16px;
   text-align: left
}

.cart {
   display: grid;
   grid-template-areas: "clear clear""items checkout""recommend checkout";
   grid-template-columns: 1fr auto;
   grid-column-gap: 32px;
   margin-bottom: 38px;
   max-width: 1056px;
   padding: 0 16px;
   width: 100%
}

@media (max-width:767px) {
   .cart {
      padding: 0
   }
}

.cart__clear {
   grid-area: clear;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   margin-bottom: 12px
}

.cart__clear,
.cart__clearLink {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.cart__clearLink {
   cursor: pointer;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #8a8a8a;
   font-size: 16px;
   line-height: 20px
}

.cart__clearLink img {
   margin-right: 4px
}

.cart__items {
   grid-area: items
}

.cart__items .catalog__item:first-child {
   padding-top: 24px;
   border-top: 1px solid #d1d1d1
}

.cart__checkout {
   grid-area: checkout
}

.cart__recommend {
   grid-area: recommend;
   margin-top: 8px
}

.cart .cartRecommend {
   background: #ececec;
   padding: 24px 16px
}

.cart .cartRecommend h6 {
   margin-bottom: 24px
}

.cart .cartRecommend__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.cart .cartRecommend__item {
   margin-right: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.cart .cartRecommend__item .small {
   color: #000;
   margin-bottom: 8px
}

.cart .cartRecommend__item:last-of-type {
   margin-right: 0
}

.cart .cartRecommend__title {
   margin-bottom: 4px
}

.cart .cartRecommend__add {
   width: 100%;
   margin-top: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

@media (max-width:767px) {
   .cart .cartRecommend {
      margin-bottom: 24px
   }

   .cart .cartRecommend h6 {
      margin-bottom: 0
   }

   .cart .cartRecommend__wrap {
      display: block
   }

   .cart .cartRecommend__item {
      position: relative;
      display: grid !important;
      grid-template-areas: "title btn""descr btn";
      grid-template-columns: auto auto;
      grid-template-rows: auto auto;
      grid-column-gap: 16px;
      padding-top: 18px;
      margin-top: 16px;
      width: 100%;
      border-top: 1px solid #d1d1d1
   }

   .cart .cartRecommend__item .cartRecommend__title {
      grid-area: title
   }

   .cart .cartRecommend__item>.small {
      grid-area: descr
   }

   .cart .cartRecommend__item .cartRecommend__add {
      grid-area: btn;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }

   .cart .cartRecommend__item .cartRecommend__add .catalog__itemPrice {
      -ms-flex-item-align: end;
      align-self: flex-end
   }
}

@media (max-width:767px) {
   .cart {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .cart__clear {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 24px;
      margin-top: -8px
   }

   .cart__items .catalog__item:last-child {
      border-bottom: none
   }
}

.cartEmpty__wrap {
   padding: 0 16px;
   width: 728px;
   max-width: 100%;
   height: 240px
}

.cartEmpty__content {
   background: #ececec;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%;
   text-align: center
}

.cartEmpty__content h6 {
   margin-bottom: 8px
}

.cartEmpty__content p {
   margin-bottom: 24px
}

.cartEmpty__content a {
   min-width: 264px
}

@media (max-width:767px) {
   .cartEmpty__wrap {
      height: 207px;
      margin-top: 16px
   }

   .cartEmpty__content {
      padding: 0 16px
   }

   .cartEmpty__content p {
      margin-bottom: 16px
   }
}

@media (max-width:480px) {
   .cartEmpty__content a {
      width: 100%
   }
}

.sidebar {
   border: 1px solid #d1d1d1;
   width: 296px;
   padding: 24px 16px
}

.sidebar--promoError input {
   border-top: 1px solid #f03;
   border-left: 1px solid #f03;
   border-bottom: 1px solid #f03;
   font-family: Blogger Sans, Helvetica, Arial, sans-serif;
   line-height: normal
}

.sidebar--promoError>.sidebar__promoError {
   display: block
}

.sidebar__promoError {
   display: none;
   color: #f03;
   position: absolute;
   font-size: 12px;
   line-height: 16px;
   bottom: -20px;
   left: 0
}

.sidebar__promoTitle {
   color: #000;
   margin-bottom: 8px
}

.sidebar__promoWrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 24px;
   position: relative
}

.sidebar__input {
   background: #ececec;
   padding: 8px 0 8px 8px
}

.sidebar__promoBtn {
   font-size: 16px;
   line-height: 20px;
   padding: 7px 12px 9px
}

.sidebar__title {
   margin-bottom: 15px
}

.sidebar__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: 1px solid #d1d1d1;
   padding-bottom: 12px;
   margin-bottom: 12px
}

.sidebar__item span {
   font-size: 20px;
   line-height: 24px
}

.sidebar__sum {
   margin-top: 24px;
   margin-bottom: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.sidebar__sum p {
   font-size: 20px;
   line-height: 24px
}

.sidebar__submit {
   width: 100%
}

@media (max-width:767px) {
   .sidebar {
      padding-bottom: 0;
      border: none;
      border-top: 1px solid #d1d1d1
   }

   .sidebar,
   .sidebar__input {
      width: 100%
   }

   .sidebar__item {
      border: none;
      padding: 0
   }

   .sidebar__item span {
      font-size: 16px;
      line-height: 20px
   }

   .sidebar__sum {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid #d1d1d1
   }

   .sidebar__sum p {
      font-size: 16px;
      line-height: 20px
   }
}

.checkout {
   display: grid;
   grid-template-areas: "top top""items sidebar""comment sidebar";
   grid-template-columns: 1fr auto;
   grid-column-gap: 32px;
   margin-bottom: 38px;
   max-width: 1056px;
   padding: 0 16px;
   width: 100%
}

@media (max-width:767px) {
   .checkout {
      padding: 0
   }
}

.checkout__top {
   grid-area: top;
   width: 400px;
   max-width: 100%;
   margin: 0 auto
}

@media (max-width:767px) {
   .checkout__top {
      padding: 0 16px
   }
}

.checkout__tabs {
   margin-bottom: 24px
}

.checkout__tip {
   padding: 24px 38px;
   margin-bottom: 32px;
   text-align: center;
   border: 1px solid #000
}

.checkout__tip .small {
   color: #000
}

.checkout__tip a {
   border-bottom: 1px solid #000
}

.checkout__items {
   grid-area: items;
   max-width: 752px;
   width: 100%;
   margin: 0 auto
}

@media (max-width:767px) {
   .checkout__items {
      padding: 0 16px
   }
}

.checkout__item {
   width: 100%;
   padding-bottom: 24px;
   margin: 0 auto 24px;
   border-bottom: 1px solid #d1d1d1
}

.checkout__item:first-child {
   padding-top: 24px;
   border-top: 1px solid #d1d1d1
}

.checkout__itemTitle {
   margin-bottom: 8px
}

.checkout__itemDescr {
   color: #000 !important;
   margin-bottom: 8px
}

.checkout__itemBtn {
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #8a8a8a;
   font-size: 20px;
   line-height: 24px
}

.checkout__itemBtn img {
   margin-right: 4px
}

@media (max-width:767px) {
   .checkout__item {
      padding-bottom: 18px;
      margin-bottom: 16px
   }

   .checkout__item:first-child {
      border-top: none;
      padding-top: 0
   }

   .checkout__itemBtn {
      font-size: 16px;
      line-height: 20px
   }
}

.checkout__sidebar {
   grid-area: sidebar
}

.checkout__comment {
   grid-area: comment
}

.checkout__comment label {
   font-family: Blogger Sans, Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 24px;
   font-weight: 700
}

@media (max-width:767px) {
   .checkout__comment {
      padding: 0 16px
   }

   .checkout__comment label {
      font-family: Roboto, sans-serif;
      font-size: 12px;
      line-height: 16px;
      font-weight: 400
   }
}

@media (max-width:767px) {
   .checkout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.checkout__addressForm {
   display: grid;
   grid-template-areas: "address address address pod apt store""name name name phone phone phone""comment comment comment comment comment comment";
   grid-gap: 16px;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.checkout__addressForm>div {
   max-width: 100%;
   position: relative;
   width: 100%
}

.checkout__addressForm>div label {
   display: block;
   margin-bottom: 8px
}

.checkout__addressForm>div input {
   width: 100%
}

.checkout__addressFormAddress {
   grid-area: address
}

.checkout__addressFormPod {
   grid-area: pod
}

.checkout__addressFormApt {
   grid-area: apt
}

.checkout__addressFormStore {
   grid-area: store
}

.checkout__addressFormName {
   grid-area: name
}

.checkout__addressFormPhone {
   grid-area: phone
}

.checkout__addressFormComment {
   grid-area: comment
}

@media (max-width:1000px) {
   .checkout__addressForm {
      grid-template-areas: "address address address""pod apt store""comment comment comment""name name name""phone phone phone";
      grid-template-columns: 1fr 1fr 1fr
   }
}

@media (max-width:767px) {
   .checkout__addressForm {
      margin-bottom: 30px
   }
}

.checkout__addressForm--flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.promo {
   width: 100%;
   padding: 0 24px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 16px
}

.promo .card {
   height: 384px
}

.promo .card__img {
   width: inherit
}

.promo .card__descr {
   font-size: 14px;
   line-height: 16px
}

.promo__more {
   margin-top: 40px;
   margin-bottom: 78px
}

@media (max-width:1000px) {
   .promo {
      grid-template-columns: 1fr 1fr
   }
}

@media (max-width:767px) {
   .promo {
      padding: 0;
      grid-template-columns: 1fr;
      grid-gap: 0
   }

   .promo__more {
      font-size: 20px;
      line-height: 24px;
      margin-top: 32px;
      margin-bottom: 48px
   }
}

[class*=ymaps-][class*=-ground-pane] {
   -webkit-filter: grayscale(1);
   filter: grayscale(1)
}

@media (max-width:767px) {
   #map {
      margin-bottom: 150px
   }
}

@media (max-width:767px) {

   #map,
   #map_contacts {
      height: 360px !important
   }
}

.mapSlider {
   position: absolute !important;
   width: calc(100% - 16px);
   left: 8px;
   bottom: 8px;
   height: 150px;
   padding: 16px;
   background: #fff;
   border: 1px solid #ececec;
   visibility: visible
}

.mapSlider__slide {
   max-height: 117px
}

.mapSlider .slick-arrow {
   position: absolute;
   border: none;
   background: transparent;
   background: url(../images/icons/chevron.png);
   width: 24px;
   height: 24px;
   top: calc(50% - 12px);
   z-index: 1;
   color: transparent
}

.mapSlider .slick-arrow.slick-prev {
   left: 0
}

.mapSlider .slick-arrow.slick-next {
   right: 0;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg)
}

@media (max-width:767px) {
   .mapSlider {
      position: relative;
      left: 0;
      bottom: 0;
      padding: 0;
      border: none;
      width: 100%
   }

   .mapSlider__slide {
      height: 150px
   }

   .mapSlider .slick-arrow {
      display: none !important
   }
}

.contacts__info {
   margin: 0
}

.contacts__info p {
   margin-bottom: 16px !important
}

.contacts__time {
   font-size: 16px;
   line-height: 20px
}

.contacts__social {
   margin-bottom: 16px
}

.contacts__social .social__link {
   display: inline-block;
   margin-right: 9px
}

.contacts__mobile {
   background: #fff;
   padding-bottom: 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.contacts__mobile .social {
   margin: 16px 0
}

.contacts__item {
   width: 100%;
   padding: 13px 20px 15px 18px;
   border-bottom: 1px solid #d1d1d1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.contacts__item:after {
   content: "";
   width: 16px;
   height: 16px;
   background: url(../images/icons/arrow.svg)
}

.legal {
   background: #ececec;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
   padding: 184px 0
}

.legal__col p {
   margin-bottom: 16px
}

.legal__caption {
   color: #8a8a8a
}

@media (max-width:767px) {
   .legal {
      background: #fff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 48px 24px
   }

   .legal__col {
      margin-bottom: 40px;
      text-align: center
   }

   .legal__col p {
      margin-bottom: 8px
   }

   .legal__col:last-child {
      margin-bottom: 0
   }

   .legal__col br {
      display: none
   }
}

.notFound {
   width: 100%
}

.notFound__wrapper {
   text-align: center;
   margin: auto;
   width: 100%
}

.notFound__wrapper h1 {
   margin-top: 50px;
   margin-bottom: 8px
}

.notFound__wrapper button {
   width: 328px;
   max-width: 100%
}

@media (max-width:767px) {
   .notFound__wrapper h1 {
      margin-top: 40px
   }
}

.notFound__inner {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.notFound__circle,
.notFound__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.notFound__circle {
   margin: 0 auto;
   height: 380px;
   text-align: center
}

@media (max-width:767px) {
   .notFound__circle {
      height: 345px
   }
}

.notFound img {
   max-width: inherit
}

.notFound__lobster {
   margin-top: 60px
}

.notFound__logo {
   margin-top: 16px
}

.notFound__circleImg {
   position: absolute;
   -webkit-animation: spin 80s linear infinite;
   animation: spin 80s linear infinite
}

@keyframes spin {
   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

@media (max-width:767px) {
   .notFound__circleImg {
      width: 345px
   }

   .notFound__lobster {
      margin-top: 70px;
      width: 88px
   }

   .notFound__logo {
      width: 139px
   }
}

::-webkit-scrollbar {
   width: 20px
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
   background-color: transparent
}

::-webkit-scrollbar-thumb {
   background-color: hsla(0, 0%, 82%, .2);
   border-radius: 20px;
   border: 6px solid transparent;
   background-clip: content-box;
   -webkit-transition: all .2s ease;
   transition: all .2s ease
}

::-webkit-scrollbar-thumb:hover {
   background-color: hsla(0, 0%, 82%, .4)
}

html {
   overflow: overlay
}

html:after {
   content: "";
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-image: url(../images/Loading.png);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: auto;
   background-color: hsla(0, 0%, 100%, .92);
   opacity: 0;
   z-index: 9999;
   -webkit-transition: visibility 0s linear .5s, opacity .5s ease, background-color .5s ease;
   -o-transition: visibility 0s linear .5s, opacity .5s ease, background-color .5s ease;
   transition: visibility 0s linear .5s, opacity .5s ease, background-color .5s ease
}

html.loading {
   overflow: hidden
}

html.loading:after {
   visibility: visible;
   opacity: 1
}

.link {
   border-bottom: 1px solid #000
}

.page__bg {
   position: fixed;
   z-index: -1;
   width: 100%;
   height: 100vh;
}

.page__bg img {
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 100%
}

@media (max-width:767px) {
   .desktop {
      display: none
   }
}

@media (min-width:768px) {
   .mobile {
      display: none
   }
}

body.lock,
html.lock,
html.lock body {
   overflow: hidden
}

.browserupgrade {
   margin: .2em 0;
   background: #ccc;
   color: #000;
   padding: .2em 0
}

body {
   background: #fff;
   font-family: Blogger Sans, Helvetica, Arial, sans-serif;
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100vh
}

#overlay {
   position: fixed;
   width: 100vw;
   height: 100vh;
   z-index: -1;
   display: block;
   top: 0;
   left: 0;
   background-color: #fff;
   opacity: .92;
   visibility: visible;
   -webkit-transition: visibility 0s linear, opacity .2s;
   -o-transition: visibility 0s linear, opacity .2s;
   transition: visibility 0s linear, opacity .2s
}

#overlay.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: visibility 0s linear .2s, opacity .2s;
   -o-transition: visibility 0s linear .2s, opacity .2s;
   transition: visibility 0s linear .2s, opacity .2s
}

@media (max-width: 767px) {
   .catalog__list .catalog__list {
      padding: 0;
   }

}

/* 26.07 */

.card__img {
   width: 100%;
}

/* 02.08 */

.btnIcon__badge {
   top: 0px !important;
}

.legal div:first-of-type {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 42%;
   flex: 0 0 42%;
}

@media only screen and (max-width: 1440px) {
   .legal div:first-of-type {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 44%;
      flex: 0 0 44%;
   }
}

@media only screen and (max-width: 1050px) {
   .legal div:first-of-type {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }
}

@media only screen and (max-width: 1050px) {
   .legal div:first-of-type {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 52%;
      flex: 0 0 52%;
   }
}

@media only screen and (max-width: 980px) {
   .legal div:first-of-type {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
   }
}

@media only screen and (max-width: 900px) {
   .legal div:first-of-type {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58%;
      flex: 0 0 58%;
   }
}

.btn_outline {
   border-color: #000;
   border-radius: 0%;
   -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
}

#bx_chpass_resend_link {
   text-decoration: underline;
}

.header__userMenu li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header__userMenu li a .btnIcon__badge {
   top: 2px !important;
}

.basket-items-list-item-price {
   padding-top: 12px;
}

.sidebar--promoError input {
   border-color: transparent !important;
}

.cartRecommend__add .catalog__itemPrice {
   text-align: left;
}


@media only screen and (max-width: 767px) {
   .main {
      padding-bottom: 72px;
   }
}

@media only screen and (max-width: 480px) {
   .main {
      padding-bottom: 115px;
   }
}

/* 21.09 */

.main {
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
/* 02.05.23 */
.about-gallery {
   background-color: #fff;
}

.about-gallery__slider {
   position: relative;
   /* height: 723px; */
   background-color: #fff;
}

.about-gallery__slider-item {
   height: 100%;
}



.about-slider--control {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   z-index: 1;
   display: flex;
   justify-content: space-between;
}

.about-slider__next,
.about-slider__prev {
   width: 47px;
   height: 44px;
   background:#fff url(../images/arrow_left.svg)no-repeat center center/28%;
   cursor: pointer;
   z-index: 100;
}

.about-slider__next {
   transform: rotate(180deg);
}

   .about-gallery__slider-item img {
   width: 100%;
   height: 100%px;
   object-fit: cover;

}
@media screen and (max-width: 767.9px) {
   .about-gallery {
      padding-top: 4px;
      padding-bottom: 4px;
   }

   .about-slider--control {
      display: none;
   }

   .about-gallery__slider-item {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
   }
   .about-gallery__slider-item img {
   width: 100%;
   height: 100%px;;
object-fit: cover;
}
}

/* 5.05.23 */
/*@media screen and (min-width: 1920px) {
   .about-gallery__slider {
      max-height: 723px;
   }

   .about-gallery__slider-item img {
      object-fit: cover;
   }
}*/

/* 12.05 */
.about-gallery__slider {
   aspect-ratio: 16/9;
}

.about-gallery__slider-item img {
   height: 100%;
   object-position: center;
}
#modal-add-adress h3{
   font-size: 56px;
   line-height: 56px;
   font-weight: 700;
}

/* 30.06 */
.catalog__top {
   padding-left: 3%;
   padding-right: 3%;
   /* scrollbar-width: 0; */
}

/* .catalog__top::-webkit-scrollbar {
   width: 0;
   opacity: 0;
   visibility: hidden;
   display: none;
} */

/* 09.12 */
.catalog__top {
   padding-inline: 0;
}
.catalog__categories {
   max-width: 910px;
   flex-wrap: wrap;
   padding-inline: 0;
}
.catalog__categories h5 {
   padding: 5px 9px;
}
/* 22.12 */
.catalog__categories h5 {
   padding-block: 0;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}