@font-face {
  font-family: fontello;
  src: url(../topgun_new/fonts/fontello.woff2) format('woff2'), url(../topgun_new/fonts/fontello.woff) format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal
}

[class*=" icon-"]:before, [class^=icon-]:before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.page__content {
  overflow: hidden;
}

.icon-star:before {
  content: '\e800'
}

.icon-star-empty:before {
  content: '\e801'
}

.icon-facebook:before {
  content: '\f09a'
}

.icon-youtube-play:before {
  content: '\f16a'
}

.icon-vkontakte:before {
  content: '\f189'
}

.icon-instagram:before {
  content: '\f32d'
}

html.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: 400
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/topgun_new/img/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container > .nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/topgun_new/img/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/topgun_new/img/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em
}

.lb-data .lb-caption a {
  color: #4ae
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/local/templates/topgun_new/img/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1
  }
  100% {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }
  100% {
      opacity: 0
  }
}

.sitemap__title {
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #fff;
  font-size: 36px;
  font-family: "bebasneuebold", sans-serif;
  margin: 60px 0 0;
}

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.joke .header {
  background-image: url('../img/head-fon-small-joke.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.joke .footer__main {
  background-image: url('../img/footer-fon-joke.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.joke .nav__menu li a {
  color: #fff;
}

.joke .head__lookbook {
  display: none!important;
}

@charset "UTF-8";
.container {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@font-face {
  font-family: 'a_MachinaOrto';
  font-display: swap;
  src: url("../topgun_new/fonts/a_MachinaOrto.woff2") format("woff2"), url("../topgun_new/fonts/a_MachinaOrto.woff") format("woff");
}

@font-face {
  font-family: 'a_MachinaOrtoBold';
  font-display: swap;
  src: url("../topgun_new/fonts/a_MachinaOrtoBold.woff2") format("woff2"), url("../topgun_new/fonts/a_MachinaOrtoBold.woff") format("woff");
}

@font-face {
  font-family: 'bebasneuebold';
  font-display: swap;
  src: url("../topgun_new/fonts/bebasneuebold.woff2") format("woff2"), url("../topgun_new/fonts/bebasneuebold.woff") format("woff");
}

@font-face {
  font-family: 'bebasneuebook';
  font-display: swap;
  src: url("../topgun_new/fonts/bebasneuebook.woff2") format("woff2"), url("../topgun_new/fonts/bebasneuebook.woff") format("woff");
}

@font-face {
  font-family: 'bebasneuelight';
  font-display: swap;
  src: url("../topgun_new/fonts/bebasneuelight.woff2") format("woff2"), url("../topgun_new/fonts/bebasneuelight.woff") format("woff");
}

@font-face {
  font-family: 'bebasneueregular';
  font-display: swap;
  src: url("../topgun_new/fonts/bebasneueregular.woff2") format("woff2"), url("../topgun_new/fonts/bebasneueregular.woff") format("woff");
}

@font-face {
  font-family: 'RobotoCondensedRegular';
  font-display: swap;
  src: url("../topgun_new/fonts/RobotoCondensedRegular.woff2") format("woff2"), url("../topgun_new/fonts/RobotoCondensedRegular.woff") format("woff");
}

@font-face {
  font-family: 'robotocondensedlight';
  font-display: swap;
  src: url("../topgun_new/fonts/robotocondensedlight.woff2") format("woff2"), url("../topgun_new/fonts/robotocondensedlight.woff") format("woff");
}

@font-face {
  font-family: 'robotocondensedbold';
  font-display: swap;
  src: url("../topgun_new/fonts/robotocondensedbold.woff2") format("woff2"), url("../topgun_new/fonts/robotocondensedbold.woff") format("woff");
}

@font-face {
  font-family: 'ALSRubl';
  font-display: swap;
  src: url("../topgun_new/fonts/ALSRubl.woff2") format("woff2"), url("../topgun_new/fonts/ALSRubl.woff") format("woff");
}

.barber-pro {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -111px -79px;
  width: 52px;
  height: 42px;
}

.barber-top {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -53px -79px;
  width: 54px;
  height: 54px;
}

.barber {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: 0px -152px;
  width: 52px;
  height: 24px;
}

.chevron_down {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -112px -58px;
  width: 27px;
  height: 14px;
}

.classic_small {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -156px -180px;
  width: 15px;
  height: 22px;
}

.individual_small {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -137px -180px;
  width: 15px;
  height: 22px;
}

.lookbook-arrow {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px -132px;
  width: 29px;
  height: 15px;
}

.lowcoster_small {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -118px -180px;
  width: 15px;
  height: 22px;
}

.navigation_classic {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -58px -180px;
  width: 25px;
  height: 36px;
}

.navigation_individual {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px -92px;
  width: 25px;
  height: 36px;
}

.navigation_lowcoster {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: 0px -180px;
  width: 25px;
  height: 36px;
}

.navigation_one {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -29px -180px;
  width: 25px;
  height: 36px;
}

.one_small {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -175px -180px;
  width: 15px;
  height: 22px;
}

.prod_icon {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: 0px -79px;
  width: 49px;
  height: 69px;
}

.prod_icon_2 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px -48px;
  width: 29px;
  height: 40px;
}

.scissors-bl {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -56px -152px;
  width: 22px;
  height: 24px;
}

.scissors-wh {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -82px -152px;
  width: 22px;
  height: 24px;
}

.scissors_icon {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px 0px;
  width: 42px;
  height: 44px;
}

.scissors_white-small {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -133px -152px;
  width: 15px;
  height: 15px;
}

.small-arrow {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -143px -58px;
  width: 35px;
  height: 7px;
}

.title_icon_1 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: 0px 0px;
  width: 108px;
  height: 75px;
}

.title_icon_2 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -112px 0px;
  width: 78px;
  height: 54px;
}

.trophy_1 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -87px -180px;
  width: 27px;
  height: 30px;
}

.trophy_2 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -167px -79px;
  width: 21px;
  height: 29px;
}

.trophy_3 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -108px -152px;
  width: 21px;
  height: 19px;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
  width: 100%;
}

section {
  width: 100%;
  position: relative;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-start;
}

h2 {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  position: relative;
}

.btn {
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
}

.btn--border {
  font-size: 21px;
  color: #000;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 10.42px;
  border: 1px solid #000000;
  padding: 7px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn--border b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.btn--whbrd {
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.55px;
  border-radius: 30px;
  display: inline-block;
  padding: 2px 60px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  margin-left: 15px;
  outline: none;
  cursor: pointer;
}

.btn--whbrd b {
  font-family: "bebasneuebold", sans-serif;
}

.btn--whbrdl {
  border: 1px solid #ff0000; /* #000000 */
  background-color: #ff0000; /* #ffffff */
  color: #fff; /* #000000 */
  font-family: "bebasneuebook", sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 1.55px;
  border-radius: 15px;
  display: inline-block;
  padding: 2px 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  margin: 0 auto;
  outline: none;
  cursor: pointer;
}

.btn--whbrdl b {
  font-family: "bebasneuebold", sans-serif;
}

.btn--blbrdl {
  /* border: none; */
  border: 1px solid #000000;
  background-color: #000;
  color: #fff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 1.55px;
  border-radius: 15px;
  display: inline-block;
  padding: 2px 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  margin: 0 auto;
  outline: none;
  cursor: pointer;
}

.barbershops__item .btn--blbrdl {
  border: none;
}

.btn--blbrdl b {
  font-family: "bebasneuebold", sans-serif;
}

.btn--more {
  position: relative;
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.01px;
  display: block;
  margin-top: 20px;
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn--more span {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
}

.btn--more::after {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -112px -58px;
  width: 27px;
  height: 14px;
  position: absolute;
  left: calc(50% - (27px / 2));
}

.btn--dark {
  color: #ffffff;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 2.08px;
  padding: 7px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000000;
}

.owl-prev {
  outline: none;
  left: -70px;
  top: calc(36% - (46px / 2));
  position: absolute;
}

.owl-next {
  right: -70px;
  top: calc(36% - (46px / 2));
  outline: none;
  position: absolute;
}

.left--black,
.right--black {
  background-image: url("/local/templates/topgun_new/img/black-arrow.png");
  width: 33px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  outline: none;
  outline: none;
  z-index: 5;
  position: absolute;
  top: calc(50% - (46px / 2));
  right: 20px;
  cursor: pointer;
}

.left--black {
  left: 20px;
}

.left--white,
.right--white {
  background-image: url("/local/templates/topgun_new/img/white-arrow.png");
  width: 33px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  outline: none;
  z-index: 5;
  position: absolute;
  top: calc(50% - (46px / 2));
  right: 20px;
  cursor: pointer;
}

.left--white {
  left: 20px;
}

.slick-disabled {
  opacity: 0.5;
}

.right--black {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.right--white {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.slick-slide {
  outline: none;
}

.owl-dots {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: -30px;
}

.owl-dots .owl-dot {
  position: relative;
  margin: 0 5px;
}

.owl-dots .owl-dot:before {
  content: '\e800';
  font-family: fontello;
  color: #939597;
  font-size: 13px;
  display: inline-block;
}

.owl-dots .owl-dot.active:before {
  color: #fff;
}

.slick-next,
.slick-prev {
  right: 20px;
  width: 35px;
  height: 7px;
  bottom: 0;
  top: initial;
  position: absolute;
  cursor: pointer;
  z-index: 5;
}

.slick-next::before,
.slick-prev::before {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -143px -58px;
  width: 35px;
  height: 7px;
  display: inline-block;
}

.slick-prev {
  left: 20px;
  right: initial;
}

.slick-prev::before {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.slick-dots {
  width: 60%;
  position: absolute;
  padding: 0;
  margin: 0;
  bottom: -3px;
  left: calc(50% - (60% / 2));
}

.slick-dots li {
  list-style-type: none;
  position: relative;
  width: auto;
  height: auto;
  margin: 0 3px;
}

.slick-dots li::before {
  content: '\e800';
  font-family: fontello;
  color: #57595b;
  font-size: 13px;
}

.slick-dots .slick-active:before {
  color: #fff;
}

.close__popup {
  width: 31px;
  height: 31px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}

.close__popup:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #4e4e4e;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close__popup:before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #4e4e4e;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.topgun {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  display: inline-block;
}

.topgun b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

/**
*
* order__links
*
*/
.order__links {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.order__links a {
  display: inline-block;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}

.order__links a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.order__links a img {
  width: 100%;
  height: 100%;
}

/**
*
* .article__tags
*
*/
.article__tags {
  width: 100%;
  margin: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0;
}

.article__tags li {
  list-style-type: none;
  display: inline-block;
  text-align: left;
}

.article__tags li:hover a {
  color: #fff;
}

.article__tags li a {
  text-decoration: none;
  color: #8e8f94;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}

.article__tags li a::before {
  content: '#';
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

/**
*
* order fixed panel
*
*/
.order__side {
  position: fixed;
  width: 70px;
  left: 40px;
  top: calc(50% - (588px / 2));
  z-index: 6;
  -webkit-transition: 2s;
  transition: 2s;
}

.order__side--text {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order__side h4 {
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 3.75px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 0;
  width: 70px;
  line-height: 70px;
}

.order__side p {
  margin: 0;
  width: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.87px;
  text-align: center;
}

.order__side .order__links {
  margin-top: 15px;
}

.order__side .order__links a {
  margin: 0 0 10px 0;
}

.bs__banner,
.news-banner__slider {
width: 100%;
padding: 0;
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
.bs__banner .slick-list,
.news-banner__slider .slick-list {
  padding: 0 !important; }
.bs__banner img,
.news-banner__slider img {
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  width: 100%;
  height: 100%; }
.bs__banner_slide,
.news-banner__slider_slide {
  height: 555px;
  width: 100%;
  display: inline-block; }
  .bs__banner_slide img,
  .news-banner__slider_slide img {
    height: 100%; }

.news-banner__slider .slick-dots {
width: 100%;
display: inline-block;
left: 0;
bottom: 18px; }
.news-banner__slider .slick-dots li {
  display: inline-block; }
  .news-banner__slider .slick-dots li button {
    display: none; }


.bs__adress {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 5;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #000;
}

.bs__adress .container {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bs__adress .adress__column {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs__adress .adress__column h2 {
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  margin: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 47.26px;
  letter-spacing: 0.27px;
  display: inline-block;
}

.bs__adress .adress__column h2 span {
  margin-right: 10px;
}

.bs__adress .adress__column .work-time {
  width: 100%;
  color: #939598;
  font-family: "bebasneuebook", sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #939598;
  letter-spacing: 0.69px;
}

.bs__adress .adress__column .work-time span {
  color: #fff;
}

.bs__adress .adress__column .work-time span.time-interval {
  color: #939598;
  display: block;
}

.bs__adress .adress__column .adress__phone {
  width: 100%;
  font-weight: 300;
  letter-spacing: 0.69px;
  color: #fff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  font-size: 29px;
  letter-spacing: 0.69px;
  text-decoration: none;
}

.bs__adress .adress__column .btn {
  height: 45px;
  line-height: 45px;
  padding-top: 0;
  font-size: 29px;
}

.bs__adress .adress__column .adress {
  font-size: 20px;
  color: #939598;
  width: 100%;
}

.bs__adress .adress__column.with-contacts {
  flex-direction: column;
}
.bs__adress .adress__column.with-contacts .contacts {
  margin-top: 25px;
  /* animation-name: pulse;
  animation-duration: 2.5s;
  animation-iteration-count: infinite; */
}
.bs__adress .adress__column.with-contacts .contacts a {
  display: inline-flex;
}
.bs__adress .adress__column.with-contacts .contacts a + a {
  margin-left: 15px;
}

@-ms-viewport {
  width: device-width;
}

.page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: scrollbar;
  -ms-text-size-adjust: 100%;
  min-width: 320px;
  min-height: 100%;
}

.page__inner {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.page__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.page__footer-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

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

body {
  background-color: #000;
  margin: 0;
  min-height: 100%;
  font-family: "Geometria", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #333333;
}

[tabindex='-1']:focus {
  outline: none !important;
}

[role='button'] {
  cursor: pointer;
}

input[type='search'] {
  -webkit-appearance: textfield;
}

a,
button,
[role='button'],
input,
label,
select,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

a svg,
button svg {
  pointer-events: none;
}

img {
  max-width: 100%;
  height: auto;
}

.header {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav__menu {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.nav__menu li {
  list-style-type: none;
  margin: 0 10px;
}

.nav__menu li a {
  color: #6f6f6f;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-decoration: none;
}

.nav__menu li:hover a {
  color: #fff;
}

.nav__menu--left .city__open span {
  font-size: 9px;
  width: 100%;
  display: inline-block;
}

.nav__menu--left, .nav__menu--right {

  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.nav__menu--left .lang,
.nav__menu--left .city__open, .nav__menu--right .lang,
.nav__menu--right .city__open {
  position: absolute;
  top: calc(41% - (24px / 2));
  line-height: 14px;
  /* top: calc(50% - (24px / 2)); */
}

.nav__menu--left .radio, .nav__menu--right .radio {
  position: absolute;
  top: calc(50% - (30px / 2));
}

.nav__menu--right {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.nav__menu--logo .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.nav__menu--logo img {
  width: 170px;
}

.lang {
  margin: 0;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.lang li {
  list-style-type: none;
  margin-right: 10px;
}

.lang li:first-of-type::after {
  content: '/';
  color: #858585;
  font-family: "bebasneueregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-left: 7px;
}

.lang li a {
  color: #858585;
  font-family: "bebasneuebook", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}

.lang li a:hover {
  color: #fff;
}

.lang .active a {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.spanish .lang .es a,
.russian .lang .ru a{
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}
.citys {
  color: #858585;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 13px;
  font-weight: 400;
  outline: none;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.citys span {
  font-size: 15px;
}

.citys .dropdown {
  display: inline-block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: relative;
  color: #858585;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  outline: none;
  margin-bottom: 10px;
}

.citys .dropdown .select {
  cursor: pointer;
  display: block;
  outline: none;
}

.citys .dropdown-menu {
  background-color: #000;
  border-top: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 400px;
  padding: 15px 30px;
  box-sizing: border-box;
  left: calc(50% - (400px / 2));
  top: 20%;
  overflow: hidden;
  display: none;
  max-height: 144px;
  z-index: 9;
  outline: none;
}

.citys .dropdown-menu li {
  width: 50%;
  display: inline-block;
  padding: 10px 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  text-align-last: auto;
  font-weight: 400;
  line-height: 24px;
  float: left;
}

.header__panel {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-image: url("/local/templates/topgun_new/img/mob-menu__fon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 60px);
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 10;
}

.mobile__wrap::after {
  content: '';
  width: 99px;
  height: 308px;
  background-image: url("/local/templates/topgun_new/img/menu-pic.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: calc(40% - (308px / 2));
}

.mobile__wrap h4 {
  width: 100%;
  display: inline-block;
  margin: 30px 0 20px;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 33.61px;
  text-align: center;
  letter-spacing: 16.53px;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mobile__wrap .lang,
.mobile__wrap .city__open {
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mobile__menu {
  margin: 0 0 40px;
  padding: 0;
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  z-index: 3;
}

.mobile__menu li {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  list-style-type: none;
}

.mobile__menu li a {
  color: #6f6f6f;
  font-family: "bebasneueregular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
  letter-spacing: 1.24px;
  text-transform: uppercase;
  cursor: pointer;
}

.mobile__menu li:hover, .mobile__menu li:focus {
  color: #fff;
}

/**
*
* Gamburger
*
*/
.toggle_mnu {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  z-index: 3;
  border: none;
  background-color: transparent;
}

.toggle_mnu span {
  display: block;
}

.sandwich {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 200;
}

.sw-topper {
  position: relative;
  top: 0;
  width: 34px;
  height: 3px;
  background: white;
  border: none;
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: top 0.2s, -webkit-transform 0.5s;
  transition: top 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, top 0.2s;
  transition: transform 0.5s, top 0.2s, -webkit-transform 0.5s;
  display: block;
}

.sw-bottom {
  position: relative;
  width: 34px;
  height: 3px;
  top: 6.6px;
  background: white;
  border: none;
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: top 0.2s, -webkit-transform 0.5s;
  transition: top 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, top 0.2s;
  transition: transform 0.5s, top 0.2s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.2s, 0;
  transition-delay: 0.2s, 0;
}

.sw-footer {
  position: relative;
  width: 34px;
  height: 3px;
  top: 13.5px;
  background: white;
  border: none;
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.sandwich.active .sw-topper {
  top: 9px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sandwich.active .sw-bottom {
  top: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sandwich.active .sw-footer {
  opacity: 0;
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.city__open {
  color: #fff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-decoration: none;
  cursor: pointer;
}

.footer .city__open {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.city__open:hover {
  color: #fff;
}

.header__bs {
  background-color: transparent;
  width: 100%;
  display: inline-block;
  padding: 22px 0;
  text-align: center;
}

.header__bs .nav {
  z-index: 2;
}

.bs__logo {
  margin: 0 auto;
  z-index: 3;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.top-barbers__title {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  letter-spacing: 15.99px;
  font-weight: 400;
  position: relative;
}

.top-barbers::before {
  content: '';
  position: absolute;
}

.top-barbers__wrap {
  width: 100%;
  margin-top: 50px;
}

.top-barbers__wrap--mob {
  width: 100%;
}

.top-barbers__wrap .slick-dots {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  margin-top: 20px;
  position: relative;
}

.top-barbers__wrap .slick-dots li:before {
  font-size: 18px;
}

.top-barbers__wrap .slick-dots li button {
  display: none;
}

.slider-for {
  width: 100%;
  display: inline-block;
  position: relative;
}

.slider-for .top-barbers__thumb {
  height: 236px;
}

.slider-for .top-barbers__item {
  width: 90%;
}

.top-barbers__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  position: relative;
  margin-bottom: 30px;
  /* max-height: 480px; */
}

.top-barbers__item .btn {
  font-size: 16px;
  z-index: 5;
  position: relative;
  margin-top: 21px;
}

.top-barbers__thumb {
  width: 100%;
  height: 314px;
}

.top-barbers__thumb img {
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.top-barbers__descr {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 30px 15px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #191c21;
}

.top-barbers__info {
  width: calc(100% - 48px);
  display: inline-block;
}

.top-barbers__rank {
  position: absolute;
  width: 49px;
  height: 49px;
  right: 14px;
  top: -27px;
}

.top-barbers__rainting {
  margin-bottom: 30px;
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.top-barbers__rainting .icon-star {
  color: #fff;
  font-size: 12px;
}

.top-barbers__name {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  letter-spacing: 2.5px;
  line-height: 17.99px;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  text-align: left;
}

.top-barbers__post {
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 300;
  width: 100%;
  display: inline-block;
  line-height: 17.99px;
  color: #7a7a7a;
  text-align: left;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.top-barbers__reviews {
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 300;
  width: 100%;
  display: inline-block;
  line-height: 17.99px;
  color: #7a7a7a;
  text-align: left;
}

.top-barbers__reviews:hover {
  color: #fff;
}

.top-barbers__reviews .count {
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 700;
}

.map-short__title {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #303132;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 40px;
}

.map-short h2 {
  text-transform: uppercase;
  font-size: 35px;
  color: #fff;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  letter-spacing: 5.25px;
  color: #d7d7d7;
}

.map-short h2 em {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 5.25px;
  margin: 0 6px;
  color: #fff;
  font-style: normal;
}

.map-short h2 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  color: #fff;
}

.map-short h2 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.map-short .subtitle {
  margin: 66px 0 47px;
  width: 100%;
  text-align: center;
  color: #595c5f;
  font-family: "bebasneueregular", sans-serif;
  font-size: 21px;
  font-weight: 400;
}

#map-canvas {
  width: 100%;
}

.maps__hide {
  width: 100%;
  display: none;
}

.show__maps,
.show__list {
  cursor: pointer;
}

.show__maps:hover,
.show__list:hover {
  color: #fff;
}

.map__buttons {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.map__buttons button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.map__buttons button span {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #777777;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 400;
  letter-spacing: 0.9px;
}

.map__panel {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  position: relative;
  display: none;
}

.map__panel::after {
  content: '';
  height: 2px;
  background-color: #4c4b4b;
  width: calc(100% - 260px);
  position: absolute;
  top: calc(50% - (2px / 2));
  left: 60px;
}

.map__panel .map__counters {
  width: 190px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.map__panel .map__counters img {
  width: 20px;
}

.map__panel .map__counters span {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #777777;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.9px;
}

.map__panel--2 {
  margin-top: 18px;
}

.map__panel--2::after {
  display: none;
}

.map__panel--2 span {
  color: #6d6e71;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
}

.map__panel--2 span:nth-of-type(2) {
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-weight: 300;
  letter-spacing: 1.8px;
}

.map__panel--2 span:nth-of-type(2) b {
  font-family: "bebasneueregular", sans-serif;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 3.5px;
}

.scissors_icon {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px 0px;
  width: 42px;
  height: 44px;
  display: inline-block;
  position: relative;
}

.brsp__classic:before {
  content: '';
  display: inline-block;
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -58px -180px;
  width: 25px;
  height: 36px;
}

.brsp__classic--small:before {
  content: '';
  display: inline-block;
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -156px -180px;
  width: 15px;
  height: 22px;
  margin-right: 7px;
}

.brsp__individual:before {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -194px -92px;
  width: 25px;
  height: 36px;
  display: inline-block;
}

.brsp__lowcoster:before {
  content: '';
  display: inline-block;
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: 0px -180px;
  width: 25px;
  height: 36px;
}

.brsp__one:before {
  content: '';
  display: inline-block;
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -29px -180px;
  width: 25px;
  height: 36px;
}

.sort__abc {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
  display: none;
}

.letter {
    font-family: "bebasneuebook", sans-serif;
    color: #ff0000;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
}

.letter:hover {
  color: #fff;
}

.brends {
  background-color: #161618;
}

.brends h2 {
  text-transform: uppercase;
  font-size: 45px;
  color: #fff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 22.5px;
}

.brends h2 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 4.5px;
  margin-left: 15px;
}

.brends h2 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
  letter-spacing: 4.5px;
}

.brends__slider {
  width: 100%;
  margin-left: 25%;
  /*margin-left: auto;
  margin-right: auto;*/
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.brends .brends__thumb {
  min-height: 78px;
  max-height: 78px;
  margin: 0 auto;
  -o-object-fit: scale-down;
  font-family: "object-fit:scale-down";
  object-fit: scale-down;
  outline: none;
}

.brends__item {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  outline: none;
}

.brends__item h3 {
  width: 100%;
  margin: 30px 0 0;
  display: inline-block;
  text-align: center;
  color: #afafaf;
  font-family: "bebasneuebook", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 10.83px;
  letter-spacing: 1.36px;
  text-transform: uppercase;
  outline: none;
}

.brends__item p {
  width: 100%;
  margin: 10px 0 0;
  text-align: center;
  display: inline-block;
  color: #6d6e71;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.news-across {
  background-color: #fff;
  padding-bottom: 20px;
}

.news-across .container {
  position: relative;
}

.news-across h2 {
  color: #000;
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.news-across h2 b {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.news-across h2 span {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  letter-spacing: 27.8px;
  position: relative;
}

.news-across--top {
  font-size: 30px;
  color: #000;
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
  position: absolute;
  right: 15px;
  top: 15px;
  display: none;
}

.news-across--top b {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.news-across--bottom {
  position: absolute;
  left: 15px;
  bottom: 0;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 11.93px;
  display: none;
}

.news-across__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news-across__item {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.news-across__item__thumb {
  height: 278px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.news-across__item__thumb img {
  width: 100%;
  height: 100%;
}

.news-across__item h3 {
  width: 100%;
  display: inline-block;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "bebasneuebook", sans-serif;
  letter-spacing: 1.69px;
  margin-bottom: 0;
  margin-top: 15px;
}

.news-across__item h3 b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.news-across__item h3 span {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.news-across__item h3 span b {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.news-across__item p {
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 300;
  line-height: 22px;
  color: #000000;
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px;
}

.products-carousel {
  background-color: #fff;
  padding-bottom: 0px;
}

.products-carousel h2 {
  letter-spacing: 6.75px;
  font-family: "bebasneuebold", sans-serif;
  color: #000;
}

.products-carousel h2 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.products-carousel h2 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.products-carousel__icon {
  position: relative;
  margin: 0 7px;
}

.products__slider {
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto 0;
}

.products__slider .left--black,
.products__slider .right--black {
  right: -40px;
  top: calc(40% - (46px / 2));
}

.products__slider .left--black {
  left: -40px;
}

.products__slider .products__item {
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 30px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 1px;
}

.products__slider .products__item .descr {
  width: 100%;
  display: inline-block;
  font-family: "RobotoCondensedRegular", sans-serif;
  color: #000;
  font-weight: 700;
  text-align: left;
}

.products__slider .products__item .category {
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #5d5d5d;
  font-style: italic;
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.products__slider .products__item .price {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 17px;
  color: #000;
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 300;
}

.products__slider .products__item .price span {
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 700;
  margin-right: 5px;
}

.products__slider .exclusive {
  position: relative;
}

.products__slider .exclusive::before {
  content: '';
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.products__slider .products__thumb {
  display: inline-block;
  width: 100%;
  border: 1px solid #000000;
  background-color: #ffffff;
}

.products__slider .products__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.persona {
  padding: 0;
  position: relative;
}

.persona::after {
  content: '';
  background-image: url("/local/templates/topgun_new/img/topgan_name.png");
  display: inline-block;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.persona__wrap {
  width: 100%;
  position: relative;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.persona__book {
  z-index: 3;
  position: relative;
}

.persona__book .btn {
  min-width: 268px;
}

.persona__write {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  z-index: 3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.persona__write .btn {
  min-width: 268px;
  margin-top: 51px;
}

.persona__write h4 {
  color: #fff;
  width: 100%;
  text-align: center;
  width: 77%;
  margin: 0 auto;
  font-size: 40px;
  font-family: "bebasneuebold", sans-serif;
  line-height: 40px;
}

.persona__write h4 span {
  font-family: "bebasneuebook", sans-serif;
}

.persona__write p {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  margin: 0;
  font-family: "bebasneuebold", sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  font-family: "bebasneuebold", sans-serif;
  letter-spacing: 1.9px;
}

.persona__write p em {
  font-family: "bebasneuebook", sans-serif;
  font-style: normal;
  font-size: 30px;
}

.persona__write p span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 2.08px;
  text-transform: uppercase;
}

.persona__write p span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
  font-size: 30px;
}

.persona__write b {
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: "bebasneuebold", sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 1.21px;
  line-height: 35px;
}

.director {
  height: 352px;
  z-index: 1;
}

.feedback {
  background-color: #fff;
}

.feedback__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.feedback__item {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.feedback__item:nth-of-type(2) p {
  text-align: center;
}

.feedback__item:nth-of-type(3):after {
  display: none;
}

.feedback__item h2 {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  margin: 0;
}

.feedback__item h2 b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.feedback__item h4 {
  width: 100%;
  display: inline-block;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
}

.feedback__item p {
  display: inline-block;
  color: #6d6e71;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 300;
}

.feedback__tel {
  width: 100%;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  letter-spacing: 3.38px;
}

.store__link {
  display: inline-block;
}

.store__link:last-of-type {
  margin-right: 0;
}

.store__link img {
  width: 100%;
}

.search-top {
  background-image: url("/local/templates/topgun_new/img/search_fon.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100%;
  padding: 40px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search-top__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-top__wrap h2 {
  width: auto;
  color: #fff;
  font-size: 20px;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 10px 0;
}

.search-top__wrap h2 em {
  font-style: normal;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
}

.search-top__wrap h2 b {
  font-weight: 700;
  font-family: "bebasneuebold", sans-serif;
}

.search__panel {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__field {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #505255;
  outline: none;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: "RobotoCondensedRegular", sans-serif;
}

.search__field::-webkit-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.67px;
}

.search__field:-ms-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.67px;
}

.search__field::-ms-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.67px;
}

.search__field::placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.67px;
}

.search__btn {
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
  font-family: "bebasneuebold", sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.55px;
  border-radius: 30px;
  display: inline-block;
  padding: 2px 60px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
}

.footer {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-top: 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.footer__main {
  background-color: #000000;
}

.footer__main .footer__desc {
  width: 17%;
}

.footer--white .footer__service li a:hover {
  color: #000;
}

.footer__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__wrap p a{
    color: #6d6e71;
    font-family: "robotocondensedlight", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}

.footer__wrap p a:hover{
color: #fff;
}

.footer__menu {
  width: 70%;
}

.footer__menu--column {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.footer__menu--column .feedback__tel {
  text-align: center;
}

.footer__menu--column:nth-of-type(2) {
  width: 38%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.footer__menu--column a {
  width: auto;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  letter-spacing: 0.9px;
  text-align: left;
  margin-right: 15px;
  margin-left: 15px;
}

.footer__menu--column .feedback__tel {
  width: 100%;
  color: #4b4d52;
  font-family: "bebasneueregular", sans-serif;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 3.38px;
  margin: 20px 0 5px;
}

.footer__menu--column p {
  margin: 0;
}

.footer__menu h4 {
  width: 100%;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  letter-spacing: 3px;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
}

.footer__menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.footer__menu ul li {
  width: 100%;
  list-style-type: none;
}

.footer__menu ul li:hover a {
  color: #fff;
}

.footer__menu ul li a {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 18px;
  text-decoration: none;
  font-weight: 400;
}

.footer__menu .topgun__way {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}

.footer__menu .topgun__way li {
  list-style-type: none;
  width: auto;
  margin: 0 3px;
}

.footer__desc {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  text-align: right;
}

.footer__desc p {
  margin: 0;
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  width: 100%;
  font-weight: 300;
  margin: 0;
}

.footer__desc .radio {
  margin: 10px auto 15px;
}

.footer__logo {
  margin: 0 auto;
  width: 215px;
  height: 78px;
}

.footer__logo img {
  width: 100%;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.footer__soc {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0;
}

.footer__soc li {
  list-style-type: none;
  border: 1px solid #6d6e71;
  border-radius: 50%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 35px;
  height: 35px;
  margin-right: 12px;
}

.footer__soc li:last-of-type {
  margin-right: 0;
}

.footer__soc li:hover {
  border: 2px solid #6d6e71;
}

.footer__soc li:hover a {
  color: #fff;
}

.footer__soc li a {
  width: 35px;
  height: 35px;
  color: #6d6e71;
  text-decoration: none;
  font-size: 20px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer__soc li a img {
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.footer__footnote {
  width: 100%;
  border-top: 1px solid rgba(104, 110, 103, 0.5);
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer__footnote .lang li.active a {
  font-family: "bebasneuebold", sans-serif;
  color: #858585;
}

.footer__footnote .lang li:hover a {
  font-family: "bebasneuebold", sans-serif;
  color: #fff;
}

.footer__service {
  margin: 0;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.footer__service li {
  list-style-type: none;
  margin-right: 10px;
  position: relative;
}

.footer__service li:last-of-type {
  margin-right: 0;
}

.footer__service li:last-of-type::after {
  display: none;
}

.footer__service li a {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.footer__service li:hover a {
  color: #fff;
}

.footer__slogan {
  width: 373px;
  height: 37px;
  position: absolute;
  left: calc(50% - (373px / 2));
}

.spanish .footer__slogan {
  display: none;
}

.barbers-point h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 1.81px;
}

.barbers-point h2:before {
  margin-right: 10px;
  top: -11px;
  position: relative;
}

.barbers-point h2 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  margin-right: 7px;
  letter-spacing: 1.81px;
}

.barbers-point h2 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.81px;
}

.barbers-point .top-barbers__rank {
  position: absolute;
  width: 43px;
  height: 43px;
  left: 77%;
  top: -21px;
}

.barbers-point .top-barbers__item {
  cursor: pointer;
  outline: none;
}

.barbers-point .top-barbers__item a {
  position: relative;
  z-index: 10;
}

.barbers-point__slider {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.barbers-point__slider .slick-list {
  padding: 0 30px !important;
}

.barbers-point__slider .slick-dots {
  width: 100%;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  left: 0;
  bottom: initial;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.barbers-point__slider .slick-dots li:before {
  display: none;
}

.barbers-point__slider .slick-dots a {
  color: #7b7b7b;
  font-family: "bebasneuebook", sans-serif;
  font-size: 21px;
  font-weight: 400;
  margin: 0 4px;
}

.barbers-point__slider .slick-dots .slick-active a {
  color: #fff;
}

.barbers-point__slider .left--white {
  left: 4px;
}

.barbers-point__slider .right--white {
  right: 4px;
}

.barbers__popup {
  width: 630px;
  min-height: 390px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: none;
  background-color: #000;
  border: 8px solid #fff;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.barbers__popup .barber__pic {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
}

.barbers__popup .top10__left {
  padding-left: 20px;
  padding-right: 0;
  width: 81%;
}

.barbers__popup .top10__left p {
  margin-bottom: 15px;
}

.barbers__popup .top10__right {
  width: 19%;
}

.barbers__popup .barber__raiting {
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -14px;
  position: relative;
}

.barbers__popup .barber__raiting .raiting__stars, .barbers__popup .barber__raiting p {
  width: auto;
}

.barbers__popup .barber__raiting p {
  font-size: 10px !important;
}

.barbers__popup .barber__raiting p span {
  font-size: 12px;
}

.barbers__popup .barber__raiting .raiting__stars {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.barbers__popup .barber__raiting .raiting__stars .icon-star {
  font-size: 12px;
}

.barbers__popup .barber__reviews {
  color: #fff;
  font-size: 11px;
  margin: 17px 0;
  text-align: center;
}

.barbers__popup .barber__name {
  font-size: 27px;
  line-height: 19.59px;
}

.barbers__popup p.barber__advantages {
  font-size: 11px;
  width: 50%;
  padding-left: 35px;
}

.barbers__popup .barber__chevron {
  width: 49px;
}

.barbers__popup .barber__chevron--round {
  width: 49px;
  height: 49px;
}

.barbers__popup .barber__chevron--rect {
  width: 38px;
  height: 69px;
}

.barbers__popup.selected {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.barbers-top__title {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.barbers-top__title h2 {
  color: #fff;
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
  letter-spacing: 3.77px;
}

.barbers-top__title h2 span {
  font-family: "bebasneuebold", sans-serif;
  font-size: 67px;
  font-weight: 700;
  letter-spacing: -3.52px;
  margin-left: 0;
}

.barbers-top__title .top-barbers__icon {
  width: 100%;
}

.barbers-top__title .top-barbers__icon:before {
  top: -47px;
}

.barbers-top__title h3 {
  text-transform: uppercase;
  color: #fff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 0.49px;
  margin: 5px 0 0;
  position: relative;
  z-index: 2;
}

.barbers-top__title h3 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.barbers-top__title h3 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.barbers-top .btn--more::after {
  margin-top: 30px;
}

.barbers-top .btn--whbrdl {
  margin: 25px auto 0;
}

.barbers-top .btn--more {
  width: 100%;
}

.top10__nav {
  width: 100%;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.top10__nav li {
  list-style-type: none;
}

.top10__nav li.slick-slide {
  cursor: pointer;
}

.top10__nav li.slick-active {
  opacity: 1 !important;
}

.top10__nav li.slick-slide.slick-current .top10__number {
  color: #fff;
}

.top10__nav li.slick-slide.slick-current.slick-active.slick-center {
  margin-top: 0;
}

.top10__nav li.slick-slide.slick-current.slick-active.slick-center .top10__pic {
  width: 71px;
  height: 71px;
}

.left--chev {
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  left: 17px;
  bottom: 25px;
  font-style: normal;
}

.right--chev {
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  bottom: 25px;
  right: 17px;
  font-style: normal;
}

.top10__number {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #505153;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.top10__name {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 5.19px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.top10__pic {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  margin: 18px auto 10px;
}

.top10__content {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  counter-reset: section;
}

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

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

.top10__thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

.top10__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
}

.top10__thumb .number {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 607px;
  font-weight: 400;
  line-height: 486px;
  letter-spacing: -56px;
  position: absolute;
  right: 0;
  top: 0;
}

.top10__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
}

.top10__item .top10__thumb::before {
  content: '';
  background-image: url("/local/templates/topgun_new/img/chevron_1.png");
  position: absolute;
  width: 50px;
  height: 50px;
  border: 3px solid #000;
  left: calc(50% - (50px / 2));
  background-size: 100%;
  background-color: #000;
  border-radius: 50%;
  bottom: -27px;
  z-index: 2;
}

.top10__item .top10__thumb::after {
  content: '2';
  color: #fff;
  font-family: "bebasneuebold", sans-serif;
  position: absolute;
  bottom: 0;
}

.top10__item:nth-of-type(1) .top10__thumb::after {
  content: '1';
  letter-spacing: -17px;
}

.top10__item:nth-of-type(2) .top10__thumb::after {
  content: '2';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(3) .top10__thumb::after {
  content: '3';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(4) .top10__thumb::after {
  content: '4';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(5) .top10__thumb::after {
  content: '5';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(6) .top10__thumb::after {
  content: '6';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(7) .top10__thumb::after {
  content: '7';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(8) .top10__thumb::after {
  content: '8';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(9) .top10__thumb::after {
  content: '9';
  letter-spacing: -5px;
}

.top10__item:nth-of-type(10) .top10__thumb::after {
  content: '10';
  letter-spacing: -5px;
}

.top10__item {
  width: 100%;
  float: left;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: none;
}

.top10__left {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.top10__left p {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #777777;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0px 0 5px;
  position: relative;
  padding-left: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.top10__left p:first-of-type {
  margin-top: 15px;
  padding-left: 0;
}

.top10__left p em {
  font-style: normal;
  width: 100%;
  display: inline-block;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.38px;
}

.top10__left .barber__advantages {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #777777;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0px 0 5px;
  position: relative;
  padding-left: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.top10__left .btn {
  margin-top: 20px;
}

.top10__left .top10__column {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.top10__left .barber__name {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 29.1px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  width: 100%;
}

.top10__left .barber__reviews {
  color: #7a7a7a;
  font-family: "RobotoCondensedRegular", sans-serif;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  text-decoration: underline;
  width: 100%;
  text-align: left;
}

.top10__left .barber__raiting {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.top10__left .barber__raiting p {
  color: #6d6e71;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 300;
  line-height: 33.41px;
  letter-spacing: 0.45px;
  margin: 0;
}

.top10__left .barber__raiting span {
  color: #ffffff;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 400;
  line-height: 33.41px;
  margin-left: 2px;
}

.top10__left .raiting__stars {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.top10__left .raiting__stars .icon-star {
  color: #fff;
}

.top10__left h4 {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 18px;
  font-family: "bebasneueregular", sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1.36px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.top10__left h4 span {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
}

.top10__left h4 span b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.top10__left .adress {
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
  text-align: left;
  color: #939598;
}

.top10__left .work-time {
  display: inline-block;
  margin-top: 4px;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #939598;
  letter-spacing: 0.12px;
}

.top10__left .work-time span {
  color: #fff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.12px;
  position: relative;
  padding-left: 7px;
}

.top10__left .work-time span::before {
  content: '';
  width: 1px;
  height: 14px;
  position: relative;
  top: calc(50% - 7px);
  background-color: #939598;
  display: inline-block;
  margin-right: 7px;
}

.top10__right {
  width: 15%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.top10__right img {
  margin-bottom: 15px;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.top10__right .barber__chevron {
  margin-left: auto;
  margin-right: auto;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.trophy_1 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -87px -180px;
  width: 27px;
  height: 30px;
  display: inline-block;
  margin-top: 5px;
  position: absolute;
  left: 0;
  top: 0;
}

.trophy_2 {
  background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
  background-position: -167px -79px;
  width: 21px;
  height: 29px;
  display: inline-block;
  margin-top: 5px;
  position: absolute;
  left: 0;
  top: 0;
}

.barber__reviews {
  color: #7a7a7a;
  font-family: "RobotoCondensedRegular", sans-serif;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  text-decoration: underline;
  text-align: left;
  width: 100%;
}

.barbershops-list {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding-bottom: 45px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.barbershops-list .btn--more {
  width: 100%;
}

.barbershops__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  padding-top: 15px;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.barbershops__item.active {
  background-color: #fff;
  padding: 15px;
  z-index: 2;
}

.barbershops__item.active .barbershops__thumb {
  -webkit-filter: grayscale(0);
  filter: none;
  filter: grayscale(0);
}

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

.barbershops__item.active h3 {
  margin-top: 10px;
}

.barbershops__item.active h3, .barbershops__item.active p {
  color: #000;
}

.barbershops__item.active .barbershops__raiting {
  display: none;
}

.barbershops__content {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
}

.barbershops__content h3 {
  margin: 0;
  width: 100%;
  display: inline-block;
  color: #ffffff;
  font-family: "robotocondensedlight", sans-serif;
  text-align: left;
  font-weight: 300;
  font-size: 17px;
  margin: 30px 0 7px;
}

.barbershops__content p {
  font-size: 14px;
  width: 100%;
  display: inline-block;
  text-align: left;
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 300;
  color: #fff;
  line-height: 18px;
  margin: 0;
  min-height: 36px;
}

.barbershops__raiting {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24.88px;
  letter-spacing: 0.6px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}

.barbershops__raiting span {
  text-align: right;
  display: inline-block;
  color: #ffffff;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 400;
  line-height: 14px;
}

.barbershops__thumb {
  display: inline-block;
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}

.barbershops__thumb img {
  width: 100%;
  height: 100%;
}

.barbershops__hide {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #fff;
  display: none;
  position: absolute;
  z-index: 5;
  left: 0;
  /* bottom: -119px; */
  padding: 10px 15px 12px;
}

.barbershops__hide .btn {
  margin: 11px auto;
}

.barbershops__hide .work-time {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin-top: 4px;
  font-family: "bebasneuebook", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #939598;
  letter-spacing: 0.12px;
}

.barbershops__hide .work-time span {
  color: #000;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.12px;
  position: relative;
  padding-left: 7px;
}

.barbershops__hide .work-time span::before {
  content: '';
  width: 1px;
  height: 14px;
  position: relative;
  top: calc(32% - 7px);
  background-color: #939598;
  display: inline-block;
  margin-right: 7px;
}

.barbershops__hide .work-time span.time-interval {
  display: block;
  padding-left: 0;
}
.barbershops__hide .work-time span.time-interval::before {
  content: none;
}

.barbershops__hide .more {
  width: 100%;
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
}

.news-banner {
  padding: 0;
}

.news-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.news-banner__text {
  background-color: #fff;
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.news-banner__text p {
  color: #000000;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
}

.news-banner__text p span {
  font-family: "bebasneueregular", sans-serif;
}

.news-banner__text p .topgun {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  display: inline-block;
}

.news-banner__text p .topgun b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.news-banner__text p small {
  color: #252929;
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 300;
  text-transform: none;
}

.news-banner__text p small .topgun {
  font-size: 20px;
}

.news-announcement {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0;
}

.news__title {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.news__title h2 {
  width: auto;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  color: #ffffff;
  font-family: "a_MachinaOrto", sans-serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.news__title h2:before {
  content: '';
  background-image: url("/local/templates/topgun_new/img/title-fon.png");
  background-size: 100%;
  width: 465px;
  height: 132px;
  position: absolute;
  top: -26px;
  z-index: -1;
}

.news__title h2 b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.news__title span {
  width: 100%;
  display: inline-block;
  font-family: "bebasneuebold", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 16px;
  position: relative;
  top: -10px;
  margin-left: 15px;
}

.news__title span:before {
  content: '';
  background-image: url("/local/templates/topgun_new/img/title_chevron.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 302px;
  height: 29px;
  position: absolute;
  left: -379px;
  top: 0px;
}

.news__title span:after {
  content: '';
  background-image: url("/local/templates/topgun_new/img/title_chevron.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 302px;
  height: 29px;
  position: absolute;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: -379px;
  top: 0px;
}

.news-announcement__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.news__row {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #ffffff;
  border-bottom: 1px solid #000;
}

.news__row:hover {
  background-color: #000;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  color: #fff;
}

.news__row:hover .news__category,
.news__row:hover .news__quantity,
.news__row:hover .news__date {
  color: #fff;
}

.news__row:hover .news__category span,
.news__row:hover .news__quantity span,
.news__row:hover .news__date span {
  color: #fff;
}

.news__row:hover + .news__row {
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}

.news__row .container {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.hover {
  background-color: #000;
  -webkit-transition: 1s;
  transition: 1s;
  color: #fff;
  -webkit-box-shadow: 0 10px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 5px 1px rgba(0, 0, 0, 0.25);
}

.light {
  background-color: red;
}

.news__info {
  width: 18%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news__quantity {
  color: #252929;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 35px;
  display: inline-block;
  margin-top: 15px;
}

.news__quantity span {
  color: #000000;
  font-family: "bebasneueregular", sans-serif;
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 3.04px;
  margin-right: 7px;
  display: inline-block;
}

.news__category {
  color: #000000;
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.21px;
}

.news__descr {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.news__descr p {
  margin: 0;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1.62px;
}

.news__descr p b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.news__date {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "robotocondensedlight", sans-serif;
  font-weight: 300;
}

.news__date span {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  line-height: normal;
}

.news {
  padding-top: 0;
}

.news__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
}

.news__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.news__article {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 40px;
  position: relative;
}

.news__article h4 {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 1.21px;
  text-decoration: none;
  margin-top: 0;
}

.news__article h4 a {
  font-size: 18px;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 1.21px;
  text-decoration: none;
}

.news__article h4 b {
  font-family: "a_MachinaOrtoBold", sans-serif;
}

.news__article p {
  width: 100%;
  color: #6d6e71;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-top: 0;
  min-height: 35px;
}

.news__article .news__date {
  width: 100%;
  display: inline-block;
  color: #434344;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24.86px;
  letter-spacing: 0.6px;
}

.news__article .news__category {
  width: 100%;
  display: inline-block;
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24.86px;
  letter-spacing: 6.03px;
  text-decoration: none;
}

.head-slider {
  width: 100%;
  display: inline-block;
  padding: 0;
}

.head-slider .slide {
  width: 100%;
  height: 760px;
}

.head-slider .slide img {
  width: 100%;
  height: 100%;
}

.head-slider .owl-prev {
  outline: none;
  left: 20px;
  top: calc(50% - (46px / 2));
  position: absolute;
}

.head-slider .owl-next {
  right: 20px;
  top: calc(50% - (46px / 2));
  outline: none;
  position: absolute;
}

.mob-app {
  background-image: url("/local/templates/topgun_new/img/mobapp.jpg");
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.mob-app__wrap {
  width: 80%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  margin: 0 auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mob-app__pic {
  width: 255px;
  height: 404px;
  left: 0;
  bottom: 0;
  display: inline-block;
  position: absolute;
  display: none;
}

.mob-app__pic img {
  width: 100%;
  height: 100%;
}

.mob-app__content {
  text-align: left;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mob-app__content h2 {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 76px;
  font-weight: 400;
  letter-spacing: 5.63px;
  text-transform: uppercase;
  display: inline-block;
}

.mob-app__content em {
  font-style: normal;
  font-family: "bebasneueregular", sans-serif;
}

.mob-app__content p {
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 3px;
  line-height: 40px;
}

.mob-app__content p:nth-of-type(2) {
  font-size: 35px;
}

.mob-app__content p b {
  font-family: "bebasneuebold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 3px;
}

.mob-app__content p .topgun b {
  font-family: "a_MachinaOrtoBold", sans-serif;
}

.mob-app__content ul {
  width: 100%;
  display: inline-block;
  margin: 40px 0 0;
  padding: 0;
}

.mob-app__content ul li {
  list-style-type: none;
  color: #ffffff;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 14px;
  position: relative;
  margin-bottom: 20px;
}

.mob-app__content ul li:before {
  content: '\e800';
  font-family: fontello;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}

.mob-all__links {
  width: 100%;
  margin: 35px 0;
  display: inline-block;
}

.mob-all__links .store__link {
  background-color: #fff;
  height: 42px;
  width: auto;
  margin-right: 15px;
  border-radius: 32px;
}

.mob-all__links .store__link img {
  height: 42px;
  width: auto;
}

.head {
  background-image: url("/local/templates/topgun_new/img/head-fon.png");
  background-color: #000;
}

.head__note {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 10.39px;
}

.head__note b {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 700;
  letter-spacing: 10.39px;
}

.head__title {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 83px;
  font-weight: 400;
  letter-spacing: 3.75px;
  text-transform: uppercase;
}

.head__subtitle {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 29px;
  line-height: 22px;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.87px;
}

@-webkit-keyframes floating {
  0% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }
  50% {
      -webkit-transform: translateY(8%);
      transform: translateY(8%);
  }
  100% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }
}

@keyframes floating {
  0% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }
  50% {
      -webkit-transform: translateY(8%);
      transform: translateY(8%);
  }
  100% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }
}

.head__lookbook {
  position: absolute;
  bottom: 130px;
  right: 70px;
  width: 57px;
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 10;
}

.head__lookbook::after {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-072300439049591.png);
  background-position: -194px -132px;
  width: 29px;
  height: 15px;
  display: inline-block;
  margin-top: 10px;
}

.head__lookbook img {
  position: relative;
  left: -7px;
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.head__lookbook h4 {
  margin: 0;
  color: #5f6066;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 3.75px;
  font-size: 75px;
  line-height: 62px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.head__lookbook h4 b {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 3.75px;
  position: relative;
  left: -1px;
}

.head__lookbook p {
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 14.71px;
  letter-spacing: 1.53px;
  margin: 0;
  text-align: center;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.head__lookbook p::after {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-072300439049591.png);
  background-position: -194px -132px;
  width: 29px;
  height: 15px;
  display: inline-block;
  margin-top: 10px;
}

.lookbook {
  position: relative;
  padding: 0;
}

.lookbook h2 {
  font-size: 39px;
  color: #fff;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  display: inline-block;
  /* position: absolute; */
  left: 0;
  z-index: 3;
}

.lookbook h2 b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 3.75px;
  position: relative;
}

.lookbook h2 .topgun {
  margin-top: 4px;
  display: inline-block;
}

.lookbook h2 .topgun b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  top: 0;
}

.lookbook .container {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lookbook__content {
  width: 100%;
}

.lookbook__content .left--white, .lookbook__content .right--white {
  right: 50px;
}

.lookbook__content .left--white {
  left: 50px;
}

.lookbook__content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
}

.lookbook .slick-dots {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;

  text-align: center;
}

.lookbook .slick-dots li {
  outline: none;
  margin: 0 5px;
  padding: 0;
}

.lookbook .slick-dots li button {
  background-color: transparent;
  outline: none;
  border: none;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 30px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
}

.lookbook .slick-dots li:before {
  display: none;
}

.lookbook .lookbook__item {
  width: 100%;
  height: 0;
}

.lookbook .lookbook__slider_item {
  width: 100%;
  outline: none;
}

.lookbook__item {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  opacity: 0;
  /* display: none; */
  position: relative;
}

.lookbook .lookbook__active p {
  color: #fff;
}

.lookbook .lookbook__active .lookbook__list {
  display: inline-block !important;
}

.lookbook .current {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-transition-duration: 2.2s;
  transition-duration: 2.2s;
  opacity: 1;
  height: auto;
  display: block;
}

.lookbook__title {
  cursor: pointer;
}

.lookbook__title p {
  color: #6a6969;
  font-family: "bebasneuebold", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  text-transform: uppercase;
  margin: 0;
}

.lookbook__list {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  z-index: 4;
}

.lookbook__list li {
  display: inline-block;
  list-style-type: none;
  text-transform: uppercase;
  font-family: "bebasneueregular", sans-serif;
  cursor: pointer;
  margin: 0 7px;
  font-weight: 400;
  line-height: 23.99px;
  color: #4c4f56;
  letter-spacing: 2.24px;
}

.lookbook__list li:hover {
  color: #fff;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.lookbook__list .active {
  color: #9b9ca0;
  font-family: "bebasneuebold", sans-serif;
}

.lookbook__order {
  position: absolute;
  width: 70px;
  z-index: 6;
  -webkit-transition: 2s;
  transition: 2s;
}

.lookbook__order--text {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lookbook__order h4 {
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 3.75px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 0;
}

.lookbook__order p {
  margin: 0;
  width: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.87px;
}

.lookbook__order .order__links {
  margin-top: 15px;
}

.lookbook__order .order__links a {
  margin: 0 0 10px 0;
}

.lookbook .fixed {
  position: fixed;
  -webkit-transition: 2s;
  transition: 2s;
}

.lookbook .lookbook__order--text.black h4, .lookbook .lookbook__order--text.black p {
  color: #000;
}

.lookbook__descr {
  width: 100%;
  position: absolute;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 9.5px;
  color: #fff;
  margin: 0;
  width: 80%;
}

.lookbook__descr span {
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  width: 100%;
  display: inline-block;
}

@-webkit-keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}

@keyframes fadeOut {
  from {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}

.showcase {
  background-color: #fff;
  padding-top: 20px;
  z-index: 2;
}

.showcase h2 {
  display: inline-block;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.showcase__slider, .showcase__nav {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 70px;
  justify-content: center;
}

.showcase__slider .left--black, .showcase__nav .left--black {
  left: -3px;
}

.showcase__slider .left--black, .showcase__slider .right--black, .showcase__nav .left--black, .showcase__nav .right--black {
  right: -3px;
}

.showcase__slide {
  width: calc(100% / 4);
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.showcase__slide p {
  width: 100%;
  margin: 0;
  display: inline-block;
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 17px;
  text-transform: uppercase;
}

.showcase__slide p small {
  font-size: 17px;
  text-transform: none;
}

.showcase__nav {
  margin-top: 30px;
}

.showcase__nav .slick-list {
  padding: 0 !important;
}

.showcase__nav .slick-track {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.showcase__nav p {
  display: none;
}

.showcase__nav span.category {
  display: none;
}

.showcase__nav .showcase__slide {
  width: 100%;
  padding: 0 7px;
}

.showcase__thumb {
  height: 243px;
  margin: 0 auto;
  display: inline-block;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.showcase__thumb img {
  -o-object-fit: contain;
  font-family: "object-fit:contain";
  object-fit: contain;
}

.showcase .category {
  width: 100%;
  display: inline-block;
  color: #5d5d5d;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 400;
  margin-top: 20px;
}

.toplife {
  padding-top: 0;
}

.toplife h2 {
  width: auto;
  display: inline-block;
  color: #fff;
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.toplife h2 b {
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 500;
}

.toplife h2::after {
  content: 'новости';
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 12.68px;
  text-indent: 12.68px;
  position: absolute;
}

.toplife__wrap {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.toplife__thumb {
  width: 100%;
  outline: none;
}

.toplife__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.toplife__slider .slick-dots {
  bottom: -60px;
  left: 0;
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.toplife__slider .slick-dots li {
  cursor: pointer;
}

.toplife__slider .slick-dots li a {
  color: #7b7b7b;
  font-family: "bebasneueregular", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.toplife__slider .slick-dots li:before {
  display: none;
}

.toplife__slider .slick-dots .slick-active a {
  color: #fff;
}

.toplife__article {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.toplife__article--small {
  padding: 10px;
}

.toplife__article--small a {
  margin: 8px;
  width: 44.2%;
  height: 159px;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}

.toplife__article--small a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.toplife__article--small a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
}

.toplife__title {
  width: 100%;
  margin: 15px 0 0;
  color: #7a7a7a;
  font-family: "bebasneueregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  outline: none;
  letter-spacing: 1.21px;
}

.toplife__title a {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 1.21px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}

.toplife__title a:hover {
  color: #fff;
}

.toplife__date {
  width: 100%;
  text-align: left;
  color: #434344;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24.86px;
  letter-spacing: 0.6px;
}

.head-article {
  padding: 0;
}

.head-article .container {
  position: relative;
}

.head-article .title {
  width: auto;
  display: inline-block;
  color: #fff;
  font-family: "a_MachinaOrto", sans-serif;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.head-article .title b {
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-weight: 700;
}

.head-article .title::after {
  content: 'новости';
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  position: absolute;
}

.head-article__pic {
  /* min-height: 621px; */
  width: 100%;
  object-fit: contain;
  /* -o-object-fit: cover; */
  /* font-family: "object-fit:cover"; */
   object-fit: contain;
  display: inline-block;
}

.head-article__date {
  position: absolute;
  color: #ffffff;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 300;
  /* Text style for "/" */
}

.head-article__date span {
  font-family: "bebasneuebold", sans-serif;
  font-size: 38px;
  font-weight: 400;
  text-transform: uppercase;
}

.head-article__title {
  display: inline-block;
  position: absolute;
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  font-weight: 700;
  margin: 0;
}

.head-article__title span {
  width: 100%;
  display: inline-block;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
}

.head-article__panel {
  width: 100%;
  min-height: 144px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  padding-bottom: 20px;
}

.head-article__panel h2 {
  color: #ffffff;
  font-size: 42px;
  font-weight: 400;
  line-height: 37.17px;
  width: auto;
  display: inline-block;
  max-width: 650px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 25px;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
}

.article-content {
  background-image: url("/local/templates/topgun_new/img/article_fon.jpg");
}

.article-content .article__tags {
  width: 90%;
  margin: 40px auto 0;
}

.article__wrap {
  width: 100%;
  display: block;
}

.article__wrap iframe {
  width: 100%;
  display: block;
}

.article__wrap blockquote {
  width: 100%;
  display: inline-block;
}

.article__wrap p {
  width: 100%;
  display: block;
  text-align: left;
  color: #a3a5aa;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-top: 0;
}

.article__wrap p b {
  font-weight: 700;
  color: #fff;
}

.article__wrap .article__pic {
  display: block;
  margin: 0 auto;
}

.tags-navigation {
  border-top: 10px solid #fff;
  background-image: url("/local/templates/topgun_new/img/tags_fon.jpg");
  background-size: 100%;
  background-color: #1c1c1e;
}

.tags-navigation ul {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}

.tags-navigation ul li {
  width: auto;
  display: inline-block;
  list-style-type: none;
}

.tags-navigation ul li ul {
  border-left: 1px solid #525355;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tags-navigation ul li ul li {
  width: 100%;
}

.tags-navigation ul li a {
  text-decoration: none;
  color: #8e8f94;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  word-break: break-all;
}

.tags-navigation ul li a:hover {
  color: #fff;
}

.wearound__tags {
  text-align: left;
}

.wearound__tags ul li {
  width: 50%;
  text-align: left;
}

.wearound__tags ul li ul {
  padding: 0;
  border-left: none;
}

.station__tags {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

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

.all__tags {
  width: 100%;
  text-align: left;
  margin-top: 70px;
}

.all__tags .tags__title {
  margin-bottom: 0;
}

.tags__title {
  display: inline-block;
  margin: 0 0 20px;
  color: #a3a5aa;
  font-family: "bebasneueregular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1.6px;
}

.subscribe-sec {
  border-top: 30px solid #fff;
  padding: 28px 0;
}

.subscribe-sec h3 {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1.14px;
  font-size: 22px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
}

.subscribe-sec h3 b {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.14px;
}

.subscribe-sec .subscribe__form {
  margin: 0 auto;
}

.subscribe-sec .btn {
  font-size: 19px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
}

/**
*
* .subscribe__side
*
*/
.subscribe__side {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.subscribe__side h4 {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneuebook", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1.14px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
}

.subscribe__side h4 b {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.14px;
}

.subscribe__side .btn {
  font-size: 19px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
}

.soc {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.soc li {
  list-style-type: none;
  border: 1px solid #fff;
  border-radius: 50%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
}

.soc li:last-of-type {
  margin-right: 0;
}

.soc li a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.square__banner {
  width: 172px;
  height: 172px;
  margin: 30px 0 40px;
}

.square__banner img {
  width: 100%;
  height: 100%;
}

.subscribe__form {
  width: 100%;
}

.subscribe__form label {
  width: 100%;
  position: relative;
  display: inline-block;
  background-image: url(/local/templates/topgun_new/img/star.svg);
  background-position: 0px -18px;
  background-size: 10px 15px;
  height: 11px;
}

.subscribe__form input {
  width: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  text-align: center;
  height: 30px;
  color: #fff;
  font-size: 16px;
}

.subscribe__form input::-webkit-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.subscribe__form input:-ms-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.subscribe__form input::-ms-input-placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.subscribe__form input::placeholder {
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.subscribe__form input:focus + label,
.subscribe__form input:visited + label,
.subscribe__form label:active {
  background-image: url(/local/templates/topgun_new/img/star-white.svg);
}

.bs-price,
.price__content {
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #181818;
  background-image: url("/local/templates/topgun_new/img/bs-price-fon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.bs-price h2,
.price__content h2 {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  letter-spacing: 14px;
  font-size: 35px;
  margin: 0;
  font-weight: 400;
  display: inline-block;
}

.bs-price h2 span,
.price__content h2 span {
  font-family: "bebasneuebook", sans-serif;
  font-size: 36px;
  display: inline-block;
}

.bs-price__wrap,
.price__content__wrap {
  margin-top: 20px;
}

.bs-price__wrap, .bs-price__row,
.price__content__wrap,
.price__content__row {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  position: relative;
}
.bs-price__row:first-child{
    align-items: flex-end;
}



.bs-price h5,
.price__content h5 {
  width: 100%;
  text-transform: uppercase;
  color: #55575d;
  text-align: left;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  font-size: 17px;
  margin: 0;
}

.bs-price__row:first-of-type .bs-price__barber::after,
.price__content__row:first-of-type .bs-price__barber::after {
  display: none !important;
}

.bs-price__row .bs-price__service,
.price__content__row .bs-price__service {
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bs-price__row:first-of-type,
.price__content__row:first-of-type {
  margin-bottom: 20px;
}

.bs-price__row:first-of-type .bs-price__barber,
.price__content__row:first-of-type .bs-price__barber {
  width: 54px;
  height: 54px;
  position: relative;
  margin-top: 10px;
}

.bs-price__row:first-of-type .bs-price__barber::before,
.price__content__row:first-of-type .bs-price__barber::before {
  content: '';
  left: 0;
  bottom: 0;
  background-image: url(/local/templates/topgun_new/img/sprite-06722714804589816.png);
  background-position: 0px -152px;
  width: 52px;
  height: 24px;
  position: absolute;
}

.bs-price__row:first-of-type .bs-price--top::before,
.price__content__row:first-of-type .bs-price--top::before {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-06722714804589816.png);
  background-position: -53px -79px;
  width: 54px;
  height: 54px;
  position: absolute;
}
.bs-price__row:first-of-type .bs-price--art::before,
.price__content__row:first-of-type .bs-price--art::before {
  content: '';
  background-image: url(/local/templates/topgun_new/img/art-barber.png);
  width: 54px;
  height: 54px;
  position: absolute;
  background-position: 0;
}

.bs-price__row:first-of-type .bs-price--pro::before,
.price__content__row:first-of-type .bs-price--pro::before {
  content: '';
  background-image: url(/local/templates/topgun_new/img/sprite-06722714804589816.png);
  background-position: -111px -79px;
  width: 52px;
  height: 42px;
  position: absolute;
}

.bs-price__row:first-of-type .bs-price--individual {
  font-size: 18px;
}

.bs-price__service,
.price__content__service {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-price__price,
.price__content__price {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-price__price:first-of-type .bs-price__barber::after,
.price__content__price:first-of-type .bs-price__barber::after {
  display: none !important;
}

.bs-price__barber,
.price__content__barber {
  width: 54px;
  position: relative;
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  line-height: 35.95px;
  letter-spacing: 1.75px;
 /* text-align: right; */
  display: inline-block;
}

.bs-price__barber  {
  color: #ffffff;
}
/*
.bs-price__barber:nth-of-type(1),
.price__content__barber:nth-of-type(1) {
  color: #ffffff;
}

.bs-price__barber:nth-of-type(2),
.price__content__barber:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.5);
}

.bs-price__barber:nth-of-type(3),
.price__content__barber:nth-of-type(3) {
  color: rgba(255, 255, 255, 0.25);
}

.bs-price__barber:last-of-type,
.price__content__barber:last-of-type {
  margin-right: 0;
}
*/
.bs-price p,
.price__content p {
  width: 100%;
  text-align: left;
  color: #fff;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  letter-spacing: 0.83px;
  margin: 0;
}

.bs-price p b,
.price__content p b {
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  letter-spacing: 0.83px;
}

.bs-hairs h2 {
  color: #ffffff;
  font-weight: 400;
  /* Text style for "мужские" */
  font-family: "bebasneuebold", sans-serif;
  font-weight: 700;
  margin-bottom: 50px;
}

.bs-hairs h2 span {
  font-family: "bebasneueregular", sans-serif;
  font-weight: 400;
  letter-spacing: 15.99px;
  margin-left: 20px;
}

.bs-hairs__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-hairs__title {
  color: #ffffff;
  font-family: "bebasneuebold", sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  letter-spacing: 1.63px;
  width: 100%;
  display: inline-block;
  padding: 20px 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 103px;
}

.bs-hairs__content {
  width: 100%;
  display: inline-block;
}

.bs-hairs__item {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-hairs__item p {
  width: 100%;
  text-align: left;
  margin: 0;
  color: #6d6e71;
  font-family: "robotocondensedlight", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.bs-hairs__thumb {
  position: relative;
  overflow: hidden;
}

.bs-hairs__thumb img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.hover__hair {
  position: absolute;
  left: 0;
  -webkit-transition: .8s ease;
  transition: .8s ease;
}

.modal {
  border-radius: 5px;
  background: #000;
  position: fixed;
  display: none;
  opacity: 0;
  z-index: 99999;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  align-items: flex-start;
  flex-flow: row wrap;
  align-content: flex-start;
}

.modal h3 {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-family: "RobotoCondensedRegular", sans-serif;
  font-weight: 400;
  font-size: 26px;
  margin: 0;
}

#modal__city {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.62);
  overflow-y: scroll;
}

.modal__row {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 15px;
  margin-top: 20px;
}

.city__region {
  width: 50%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.city__region li {
  list-style-type: none;
  width: auto;
  display: inline-block;
  margin-right: 15px;
}

.city__region li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-family: "RobotoCondensedRegular", sans-serif;
}

.city__region .active {
  text-decoration: underline;
}

.city__wrap {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

#modal__city::-webkit-scrollbar-track {
  background-color: #000;
}

#modal__city::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

#modal__city::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.city__list {
  margin: 0;
  padding: 0;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.city__list:nth-of-type(2) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.city__list span {
  width: 100%;
  display: inline-block;
  text-align: left;
  border-bottom: 1px solid #555555;
  color: #56575a;
  font-family: "bebasneuebold", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.7px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.city__list li {
  list-style-type: none;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.city__list li ul {
  margin: 0 0 20px;
  padding: 0;
  width: 50%;
/*
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.city__list li li {
  width: 100%;
  position: relative;
}

.city__list li .active::before {
  content: '';
  background-image: url("/local/templates/topgun_new/img/pin.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 13px;
  height: 16px;
  position: absolute;
  left: -18px;
  top: 9px;
}

.city__list li .active a {
  font-size: 20px;
}

.city__list li a {
  width: auto;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-family: "RobotoCondensedRegular", sans-serif;
  padding: 3px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  letter-spacing: 0.4px;
}

.city__list li a:hover {
  text-decoration: underline;
}

.city__list .russia {
  width: 100%;
  -webkit-columns: 2;
  columns: 2;
  display: inline-block;
  margin-bottom: 40px;
}

.city__list .russia ul {
  width: 100%;
}

.city__list .other-country {
  width: 50%;
  margin-bottom: 20px;
  display: inline-block;
}

.city__list .other-country ul {
  width: 100%;
}

.city__list li li.empty:hover::before {
  all: unset !important;
}


.modal__search {
  width: 50%;
}

.modal__search input {
  width: 90%;
  background-color: transparent;
  border: 1px solid #fff;
  outline: none;
  border-radius: 3px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  color: #fff;
}

.modal__search input::-webkit-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
}

.modal__search input:-ms-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
}

.modal__search input::-ms-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
}

.modal__search input::placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
}

.modal__search input:focus::-webkit-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  opacity: 0;
}

.modal__search input:focus:-ms-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  opacity: 0;
}

.modal__search input:focus::-ms-input-placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  opacity: 0;
}

.modal__search input:focus::placeholder {
  color: #fff;
  font-family: "robotocondensedlight", sans-serif;
  opacity: 0;
}

.modal_close {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 18px;
  color: #fff;
  font-family: "bebasneuebold", sans-serif;
  position: relative;
  cursor: pointer;
}

.close__btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}

.close__btn:hover::before, .close__btn:hover::after {
  background-color: #fff;
}

.close__btn::before {
  content: '';
  background-color: #464646;
  width: 37px;
  top: -5px;
  left: 0;
  height: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
}

.close__btn::after {
  content: '';
  background-color: #464646;
  width: 37px;
  height: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  top: -30px;
}

/* Пoдлoжкa */
#overlay {
  z-index: 3;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.62);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

#side-popup {
  display: block;
  position: fixed;
  width: 140px;
  left: 0;
  bottom: 0;
  top: 0;
  -webkit-transform: translateX(-140px);
  transform: translateX(-140px);
  -webkit-transition: -webkit-transform .5s ease-out;
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
  z-index: 12;
  color: white;
}

#side-popup .close {
  background-image: url("/local/templates/topgun_new/img/delete-cross.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
  height: 10px;
  z-index: 4;
  cursor: pointer;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

#side-popup .close:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.side-popup-toggle {
  width: 150px;
  height: 36px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: 80px;
  margin-top: -25px;
  line-height: 36px;
  background: #fff;
  border: 2px solid #000;
  color: black;
  border-radius: 100px 100px 0 0;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .5px;
  font-family: "RobotoCondensedRegular", sans-serif;
}

.side-popup-content {
  width: 100%;
  height: 100vh;
  background-color: #161518;
  left: 0;
  top: 0;
  z-index: 2;
}

.side-opened {
  overflow-y: hidden;
}

.side-opened .side-popup-toggle {
  display: none;
}

.side-opened #side-popup {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 1002;
}

.lookbook__order {
  position: absolute;
  width: 70px;
  z-index: 6;
  -webkit-transition: 2s;
  transition: 2s;
}

.lookbook__order--text {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lookbook__order .order__links {
  margin-top: 15px;
}

.lookbook__order .order__links a {
  margin: 0 0 10px 0;
}

.content p {
  width: 100%;
  display: block;
  color: #ababab;
  font-size: 16px;
  font-family: 'RobotoCondensedRegular', sans-serif;
}

.content p a {
  color: #3665d1;
}

.sitemap ul {
  margin: 60px 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.sitemap ul li {
  width: 33.3%;
}

.spanish .sitemap ul li {
  width: 100%;
}

.sitemap ul li a {
  color: #ababab;
  font-size: 14px;
  font-family: 'RobotoCondensedRegular', sans-serif;
}

.sitemap ul li:hover a {
  color: #3665d1;
}

.text-box {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
}

.logo-title {
  font-size: 40px;
  margin-top: 20px;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "bebasneueregular", sans-serif;
  animation-name: pulse;
  -webkit-animation-name: pulse;

  animation-duration: 3s;
  -webkit-animation-duration: 3s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
      transform: scale(0.9);
      opacity: 0.7;
  }
  50% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(0.9);
      opacity: 0.7;
  }
}

.error404 {
  width: 100%;
  padding: 100px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "a_MachinaOrtoBold", sans-serif;
  font-size: 120px;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
}

.sub-number {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-size: 52px;
  font-family: "bebasneueregular", sans-serif;
}

.chevrik {
  width: 48px;
  max-height: 78px;
  object-fit: contain;
}

.price-index {
  background-color: #fff;
  height: 105px;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.price-index::before {
  content: '';
  z-index: 9;
  right: 60px;
  top: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid #000;
}

.price-index::after {
  content: '';
  z-index: 9;
  left: calc(50% - (80px / 2));
  bottom: -24px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid #fff;
}

.price-index h2 {
  font-family: "bebasneuebold", sans-serif;
  color: #000;
  letter-spacing: 12px;
}

.price-index h2 span {
  font-family: "bebasneuelight", sans-serif;
  position: relative;
  top: -3px;
  margin: 0 20px;
}

.price-index__btn {
  width: 29px;
  height: 15px;
  display: inline-block;
  background-image: url("/local/templates/topgun_new/img/chevron-black.png");
  background-repeat: no-repeat;
  margin: 4px auto 0;
  cursor: pointer;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.price-index.active {
  padding-bottom: 40px;
  height: auto;
}

.price-index.active::before {
  top: 96%;
  border-top: 30px solid #161616;
}

.price-index.active::after {
  display: none;
}

.price-index.active .head__lookbook {
  bottom: 70px;
}

.price-index.active .price-index__btn {
  margin-bottom: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.price-index__hide {
  width: 100%;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.price-index.active .price-index__hide {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

ul.price__nav {
  width: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0;
  padding: 0;
}

ul.price__nav li {
  list-style-type: none;
  margin: 0 20px;
}

ul.price__nav li a {
  text-decoration: none;
  color: #000000;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  letter-spacing: 1.63px;
}

ul.price__nav .price__nav_active {
  font-family: "bebasneuebold", sans-serif;
}

.price__content {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.price__content .current {
  display: block;
}

.price__content_item {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}

.lang__footer {
  margin-left: 20px;
}

@media (min-width: 0) {
  .head-article__panel {
    position: relative;
  }
  .head-article__panel h2 {
    font-size: 30px;
  }
  .bs-price__row:first-of-type .bs-price__barber,
  .price__content__row:first-of-type .bs-price__barber {
      width: 52px;
      height: 54px;
      position: relative;
      margin-top: 10px;
  }

  .bs-price__barber, .price__content__barber {
      width: 50px;
  }

  #side-popup .close {
      width: 15px;
      height: 15px;
  }

  #side-popup {
      transform: translateX(-80px);
  }

  .side-popup-toggle {
      left: 22px;
  }

  .bs-hairs__thumb {
      /* height: 180px!important; */
  }

  .bs__banner_slide {
      height: auto;
  }

  section {
      padding: 20px 0;
  }

  .btn--more::after {
      margin-top: 30px;
  }

  .order__links {
      margin-top: 15px;
  }

  .order__links a {
      width: 117px;
      height: 117px;
      margin: 5px;
  }

  .article__tags li {
      width: 50%;
  }

  .order__side {
      display: none;
  }

  .order__side h4 {
      font-size: 30px;
  }

  .order__side .order__links a {
      width: 45px;
      height: 45px;
  }

  .bs__banner {
      height: calc(100vh - 290px);
      background-size: 100% !important;
      /* min-height: 164px; */
  }

  .bs__adress .adress__column {
      width: 100%;
  }

  .bs__adress .adress__column:nth-of-type(2) {
      width: 100%;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-bottom: 30px;
  }

  .bs__adress .adress__column:last-of-type {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
  }

  .bs__adress .adress__column h2 {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
  }

  .bs__adress .adress__column .work-time {
      text-align: center;
  }

  .bs__adress .adress__column .adress__phone {
      text-align: center;
      font-size: 36px;
      margin: 15px 0;
  }

  .bs__adress .adress__column .adress__phone.add-phone {
      margin-top: 0;
  }

  .bs__adress .adress__column .adress {
      font-size: 18px;
      text-align: center;
  }

  .nav {
      padding: 10px 0;
  }

  .nav__menu--left, .nav__menu--right {
      display: none;
  }

  .nav__menu--left .radio, .nav__menu--right .radio {
      display: none;
  }

  .nav__menu--logo {
      width: 100%;
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      position: relative;
      min-height: 40px;
  }

  .nav__menu--logo .radio {
      position: absolute;
      left: 0;
      top: 35%;
      width: 48px;
  }

  .nav__menu--logo .logo {
      position: absolute;
      width: 220px;
      height: 30px;
      top: calc(50% - (30px / 2));
      left: calc(50% - (220px / 2));
  }

  .header__panel {
      display: none;
  }

  .top-barbers {
      padding: 40px 0 20px;
      background-color: #000;
  }

  .top-barbers__title {
      font-size: 21px;
  }

  .top-barbers::before {
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: -112px 0px;
      width: 78px;
      height: 54px;
      left: calc(50% - (78px / 2));
      top: -29px;
  }

  .top-barbers__wrap--mob {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  }

  .top-barbers__item .btn {
      padding: 5px 21px;
      margin-left: 33px;
  }

  .top-barbers__name {
      font-size: 22px;
  }

  .top-barbers__post {
      font-size: 16px;
  }

  .top-barbers__reviews {
      font-size: 16px;
  }

  .map-short {
      padding-bottom: 40px;
  }

  .map-short::after {
      content: '';
      background-color: rgba(104, 110, 103, 0.5);
      width: 88%;
      left: calc(50% - (88% / 2));
      height: 1px;
      position: absolute;
      bottom: 0;
  }

  .map-short .container {
      padding: 0;
  }

  .map-short__title {
      display: none;
  }

  .map-short h2 {
      font-size: 21px;
  }

  .map-short .subtitle {
      letter-spacing: 0;
      display: none;
  }

  #map-canvas {
      height: 318px;
      margin-top: 20px;
  }

  .map__buttons button span {
      font-size: 16px;
      margin-top: 10px;
  }

  .map__buttons button {
      margin-top: 20px;
  }

  .map__buttons {
      margin-top: 20px;
  }

  .brends {
      /* display: none; */
  }

  .news-across .container {
      padding: 0;
  }

  .news-across h2 {
      font-size: 51px;
      line-height: 29px;
  }

  .news-across h2 span {
      font-size: 17px;
      letter-spacing: 13.8px;
      padding-left: 17px;
  }

  .news-across__item {
      width: 100%;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto;
  }

  .news-across__item h3 {
      text-align: center;
      padding: 0 15px;
  }

  .news-across__item p {
      text-align: center;
      font-size: 16px;
      padding: 0 15px;
  }

  .news-across .btn {
      margin-top: 10px;
  }

  .products-carousel {
      border-top: 1px solid #000;
      padding-top: 35px;
  }

  .products-carousel h2 {
      font-size: 27px;
  }

  .products-carousel__icon {
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: -194px -48px;
      width: 29px;
      height: 40px;
      top: -10px;
  }

  .products__slider {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .products__slider .products__item {
      width: 130px;
      margin-bottom: 15px;
      margin-left: 5px;
      margin-right: 5px;
  }

  .products__slider .products__item .descr {
      font-size: 15px;
      margin: 0;
  }

  .products__slider .products__item .category {
      font-size: 13px;
  }

  .products__slider .products__item .price {
      font-size: 15px;
  }

  .products__slider .exclusive::before {
      width: 49px;
      height: 49px;
      background-image: url("/local/templates/topgun_new/img/rank__exclusive--small-2.png");
      left: calc(50% - (49px / 2));
      top: 0;
  }

  .products__slider .products__thumb {
      height: 173px;
  }

  .persona {
      background-image: url("/local/templates/topgun_new/img/persona-mob.jpg");
  }

  .persona {
      padding-bottom: 20px;
  }

  .persona .container {
      padding: 0;
  }

  .persona::after {
      width: 90%;
      height: 84px;
      left: calc(50% - (90% / 2));
      top: 5px;
  }

  .persona__wrap {
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  }

  .persona__book {
      width: 100%;
      top: 13px;
  }

  .persona__book .btn {
      margin-top: 10px;
      border: 1px solid #fff;
  }

  .persona__write {
      width: 100%;
  }

  .persona__write .btn {
      border: 1px solid #ffffff;
  }

  .persona__write p {
      line-height: 31px;
  }

  .director {
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
      width: 100%;
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      /* margin-top: 30px; */
      margin-top: 18px;
      -ms-flex-line-pack: end;
      align-content: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-bottom: 29px;
  }

  .director img {
      height: 265px;
      margin: 0 auto;
  }

  .feedback {
      padding-top: 60px;
  }

  .feedback .container {
      padding: 0;
  }

  .feedback__item {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
  }

  .feedback__item:last-of-type {
      border-top: 1px solid #000;
      margin-top: 20px;
  }

  .feedback__item h2 {
      text-align: center;
      font-size: 29px;
      line-height: 28px;
  }

  .feedback__item h4 {
      font-size: 21px;
      letter-spacing: 10.42px;
      margin-top: 20px;
      margin-bottom: 10px;
  }

  .feedback__item p {
      text-align: center;
      font-size: 17px;
      margin: 0;
      width: 76%;
  }

  .feedback__tel {
      font-size: 37px;
      line-height: 36px;
      margin-top: 15px;
  }

  .store__link {
      width: 156px;
      margin: 0 10px;
  }

  .search__field {
      width: 90%;
      margin: 20px auto 20px;
  }

  .search__btn {
      margin-left: auto;
      margin-right: auto;
  }

  .footer__main .footer__desc {
      width: 100%;
      margin-top: 20px;
  }

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

  .footer__menu {
      display: none;
  }

  .footer__menu--column {
      width: 100%;
      margin-top: 20px;
  }

  .footer__desc {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .footer__desc p {
      font-size: 16px;
      text-align: center;
  }

  .footer__logo {
      margin: 0 auto;
  }

  .footer__soc {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 20px 0 15px;
  }

  .footer__footnote .lang .city__open {
      display: none;
  }

  .footer__service {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
  }

  .footer__slogan {
      display: none;
  }

  .barbers-point .container {
      padding: 0;
  }

  .barbers-point .top-barbers__rank {
      left: calc(50% - (43px / 2));
  }

  .barbers-point .top-barbers__item {
      margin: 0 15px;
  }

  .barbers-top .container {
      padding: 0;
  }

  .barbers-top__title h2 {
      font-size: 51px;
      line-height: 50px;
  }

  .barbers-top__title h2::before {
      content: '';
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: -82px -152px;
      width: 22px;
      height: 24px;
      position: absolute;
      left: 3%;
      top: calc(50% - (24px / 2));
  }

  .barbers-top__title h2 span {
      font-size: 51px;
      line-height: 50px;
  }

  .barbers-top__title h3 {
      font-size: 18px;
  }

  .barbers-top .btn--more {
      display: none;
  }

  .top10__nav {
      margin-top: 20px;
  }

  .top10__nav li.slick-slide {
      margin-top: 18px;
      opacity: 0;
  }

  .top10__nav li.slick-slide .top10__pic {
      width: 53px;
      height: 53px;
  }

  .top10__number {
      display: none;
  }

  .top10__content {
      margin-top: 0;
  }

  .top10__thumb {
      height: 217px;
  }

  .top10__item .top10__thumb::after {
      font-size: 144px;
      line-height: 86px;
      right: calc(50% - (40px / 2));
  }

  .top10__item:nth-of-type(1) .top10__thumb::after {
      right: calc(50% - (7px / 2));
  }

  .top10__item:nth-of-type(10) .top10__thumb::after {
      right: calc(50% - (90px / 2));
  }

  .top10__left {
      width: 100%;
  }

  .top10__left .top10__column {
      width: 100%;
      margin-top: 30px;
  }

  .top10__left .barber__name {
      text-align: center;
      margin-top: 15px;
  }

  .top10__left .barber__reviews {
      text-align: center;
  }

  .top10__left .barber__raiting {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      position: absolute;
      top: -3px;
  }

  .top10__left .barber__raiting p {
      width: 50%;
      font-size: 10px;
      text-align: left;
      padding-left: 30px;
  }

  .top10__left .barber__raiting span {
      font-size: 14px;
  }

  .top10__left .raiting__stars {
      width: 50%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      padding-right: 30px;
  }

  .top10__left .raiting__stars .icon-star {
      font-size: 12px;
  }

  .top10__left .adress {
      width: 100%;
  }

  .top10__left .work-time {
      width: 100%;
      text-align: left;
  }

  .top10__right {
      display: none;
  }

  .barbershops__raiting span {
      margin-left: 5px;
      font-size: 14px;
  }

  .barbershops__thumb {
      width: 100%;
      height: 140px;
  }

  .news-banner .news_banner--mob {
      display: block;
      min-height: 70vh;
  }

  .news-banner .news_banner--dectop {
      display: none;
  }

  .news-banner__text p {
      font-size: 17px;
      line-height: 19px;
      font-family: "bebasneueregular", sans-serif;
  }

  .news-banner__text p small {
      font-size: 14px;
      line-height: 17px;
  }

  .news-banner__text p small .topgun {
      font-size: 14px;
  }

  .news__row {
      padding: 7px 0;
  }

  .news__row .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }

  .news__info {
      display: none;
  }

  .news__descr {
      width: 100%;
      margin-top: 7px;
  }

  .news__descr p {
      font-family: "bebasneueregular", sans-serif;
      font-size: 17px;
      text-align: center;
      line-height: 16px;
  }

  .news__date {
      width: 100%;
      font-size: 14px;
      color: #808080;
  }

  .news__date span {
      font-size: 14px;
      color: #808080;
      margin-right: 4px;
  }

  .news {
      padding-bottom: 40px;
  }

  .news::after {
      content: '';
      background-color: rgba(104, 110, 103, 0.5);
      width: 88%;
      left: calc(50% - (88% / 2));
      height: 1px;
      position: absolute;
      bottom: 0;
  }

  .news__thumb {
      height: 150px;
  }

  .news__article h4 {
      text-align: left;
      margin-bottom: 5px;
  }

  .news__article p {
      text-align: left;
  }

  .news__article .news__date {
      text-align: right;
      position: absolute;
      right: 0;
      top: 150px;
  }

  .news__article .news__category {
      text-align: left;
  }

  .head-slider {
      height: 270px;
  }

  .head-slider .slide {
      height: 270px;
  }

  .mob-app {
      display: none;
  }

  .head {
      padding-top: 0;
  }

  .head__title {
      font-size: 51px;
      margin: 10px 0 10px;
      line-height: 42px;
  }

  .head__lookbook {
      display: none;
  }

  .lookbook h2 {
      top: 10px;
  }
  .lookbook .slick-dots {
    bottom: 0;
  }
  .lookbook h2::before {
      content: '';
      background-image: url(/local/templates/topgun_new/img/sprite-072300439049591.png);
      background-position: -82px -152px;
      width: 22px;
      height: 24px;
      position: absolute;
      left: 3%;
      top: calc(50% - (24px / 2));
  }

  .lookbook .lookbook__item .current{
    height: auto;
      /* height: 400px; */
  }
  .lookbook .lookbook__item img{
      height: 220px;
      width: 100%;
  }

  .lookbook .lookbook__slider_item {
      /* height: 400px; */
  }

  .lookbook__list {
      width: 100%;
      right: 0;
      /* top: 90px; */
      position: relative;
      text-align: center;
  }

  .lookbook__list li {
      text-align: center;
      font-size: 26px;
  }

  .lookbook__order {
      left: 5px;
      top: calc(50% - (464px / 2));
  }

  .lookbook__order h4 {
      font-size: 30px;
      width: 45px;
  }

  .lookbook__order p {
      width: 45px;
  }

  .lookbook__order .order__links a {
      width: 45px;
      height: 45px;
  }

  .lookbook__descr {
      left: 0;
      font-size: 53px;
      line-height: 46px;
      bottom: 20px;
      text-align: left;
      padding-left: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  .lookbook__content .left--white {
    left: 10px;
  }
  .left--white, .right--white {
    right: 10px;
  }
  .left--white, .right--white {
    width: 21px;
    height: 33px;
  }
  .lookbook .slick-dots li button {
    font-size: 20px;
  }
  .showcase h2 {
      font-size: 30px;
  }

  .showcase h2::before {
      content: '';
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: -56px -152px;
      width: 22px;
      height: 24px;
      position: absolute;
      left: 1%;
      top: calc(50% - (24px / 2));
  }

  .showcase__slider {
      margin-top: 10px;
  }

  .showcase__slide p {
      text-align: center;
  }

  .showcase__nav {
      display: inline-block;
  }

  .showcase__nav .showcase__thumb {
      height: 65px;
  }

  .showcase__nav .showcase__thumb img {
      height: 100%;
  }

  .showcase .category {
      text-align: center;
      font-size: 18px;
  }

  .toplife {
      padding-bottom: 30px;
  }

  .toplife h2 {
      font-size: 30px;
      letter-spacing: 22.37px;
      text-indent: 22.37px;
  }

  .toplife h2::before {
      content: '';
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: -82px -152px;
      width: 22px;
      height: 24px;
      position: absolute;
      left: -50px;
      top: calc(50% - (24px / 2));
  }

  .toplife h2::after {
      top: 60px;
      right: calc(50% - (143px / 2));
  }

  .toplife__wrap {
      width: 100%;
      margin: 0 auto;
  }

  .toplife__thumb {
      height: 158px;
      -o-object-fit: contain;
      font-family: "object-fit:contain";
      object-fit: contain;
  }

  .toplife__slider {
      width: 100%;
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .toplife__slider .toplife__article {
      width: 48%;
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-bottom: 20px;
  }

  .toplife__slider .toplife__article--large {
      width: 100%;
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  }

  .toplife__slider .toplife__article--large a {
      font-size: 18px;
  }

  .toplife__slider .toplife__article--large .toplife__thumb img {
      -o-object-fit: cover;
      font-family: "object-fit:cover";
      object-fit: cover;
  }

  .toplife__article {
      width: 48%;
  }

  .toplife__article--small {
      width: 100%;
  }

  .toplife__title {
      text-align: center;
  }

  .toplife__title a {
      text-align: center;
      color: #fff;
      font-size: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }

  .toplife__title b {
      font-family: "bebasneueregular", sans-serif;

  }

  .toplife__date {
      text-align: center;
      color: #fff;
  }

  .head-article .title {
      font-size: 36px;
      letter-spacing: 2px;
  }

  .head-article .title::after {
      font-size: 12px;
      top: 26px;
      right: -51px;
  }

  .head-article__date {
      font-size: 18px;
      left: 30px;
      top: 100px;
      background-color: rgba(0, 0, 0, 0.5);
  }

  .head-article__date::before {
      content: '/';
      font-family: "bebasneuebold", sans-serif;
      font-size: 36px;
      font-weight: 400;
      display: inline-block;
  }

  .head-article__date::after {
      content: '';
      width: 82%;
      height: 2px;
      background-color: #fff;
      position: absolute;
      left: 18px;
      bottom: 11px;
  }

  .head-article__title {
      font-size: 50px;
      line-height: 38px;
      text-align: right;
      top: 35%;
      right: 15px;
  }

  .head-article__title span {
      font-size: 40px;
  }

  .article-content .article__tags li {
      width: auto;
      margin-right: 5px;
  }

  .article__wrap blockquote {
      margin: 0;
  }

  .article__wrap p {
      display: inline-block;
  }

  .wearound__tags {
      width: 100%;
      margin-bottom: 20px;
  }

  .all__tags ul li {
      width: 50%;
  }

  .subscribe-sec .subscribe__form {
      width: 70%;
  }

  .subscribe__side {
      width: 70%;
      margin-top: 30px;
      display: none;
  }

  .bs-price h2,
  .price__content h2 {
      font-size: 26px;
  }

  .bs-price h2 span,
  .price__content h2 span {
      font-size: 26px;
      margin: 0 5px;
  }

  .bs-price__wrap,
  .price__content__wrap {
      width: 100%;
  }

  .bs-price__row,
  .price__content__row {
      border-bottom: 1px solid #3a3a3a;
      padding: 15px 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .bs-price__service,
  .price__content__service {
      width: 42%;
  }

  .bs-price__price,
  .price__content__price {
      width: 58%;
      justify-content: flex-end;
     /* padding-right: 15px; */
  }

  .bs-price__barber,
  .price__content__barber {
      margin-right: 10px;
      font-size: 20px;
  }

  .bs-price p,
  .price__content p {
      font-size: 16px;
  }

  .bs-price__barber:last-of-type::after,
  .price__content__barber:last-of-type::after {
      content: 'a';
      font-family: "ALSRubl", sans-serif;
      color: rgba(255, 255, 255, 0.25);
      font-size: 18px;
      position: relative;
      right: -15px;
      top: 0;
  }

  .russia .bs-price__barber:last-of-type::after,
  .russia .price__content__barber:last-of-type::after {
      content: 'a';
  }

  .belarus .bs-price__barber:last-of-type::after,
  .belarus .price__content__barber:last-of-type::after {
      content: 'BYN';
      font-size: 12px;
      position: relative;
      right: -50px !important;
  }

  .spain .bs-price__barber:last-of-type::after,
  .spain .price__content__barber:last-of-type::after {
      content: '€';
  }

  .kazakhstan .bs-price__barber:last-of-type::after,
  .kazakhstan .price__content__barber:last-of-type::after {
      content: '₸' !important;
  }

  .bs-hairs h2 {
      font-size: 26px;
  }

  .brends__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3%;
      flex: 0 0 33.3%;
      max-width: 33.3%;
      margin-bottom: 30px;
  }

  .brends__item h3 {
      margin-top: 10px;
  }

  .bs-hairs__item {
      width: 50%;
      padding: 0 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 30px;
  }

  .hover__hair {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      top: 0;
  }

  .modal {
      top: calc(50% - (460px / 2));
      left: calc(50% - (95% / 2));
      width: 95%;
      height: 460px;
  }

  #modal__city {
      overflow-y: scroll;
      height: 100%;
  }

  .city__list {
      width: 100%;
  }

  .city__list span {
      font-size: 26px;
  }

  #side-popup {
      width: 80px;
  }

  .side-popup-toggle {
      top: 50%;
  }

  .lookbook__order {
      left: 5px;
      top: calc(50% - (464px / 2));
  }

  .lookbook__order .order__links a {
      width: 45px;
      height: 45px;
  }

  .price-index::before {
      display: none;
  }

  .price-index::after {
      display: none;
  }

  .price-index h2 {
      letter-spacing: 3px;
      font-size: 35px;
  }

  ul.price__nav li a {
      font-size: 19px;
  }


}

@media (min-width: 337px) {
  /* .barbershops__hide {
    bottom: -111px;
} */
  .director {
      padding-bottom: 53px;
  }
}

@media (min-width: 360px) {
  .bs-price__barber, .price__content__barber {
      width: 54px;
  }

  .bs-price__row:first-of-type .bs-price__barber,
  .price__content__row:first-of-type .bs-price__barber {
      width: 54px;
      height: 54px;
      position: relative;
      margin-top: 10px;
  }
}

@media (min-width: 370px) {
  .products__slider .products__item {
      width: 150px;
  }

  .director {
      padding-bottom: 34px;
  }

  .barbershops__hide {
      bottom: -111px !important;
  }

  .barbershops__thumb {
      height: 180px;
  }
}

@media (min-width: 411px) {
  .order__links a {
      width: 145px;
      height: 145px;
      margin: 5px;
  }
}

@media (min-width: 450px) {
  .bs-hairs__thumb {
      /* height: 272px!important; */
  }

  .persona {
      background-image: url("/local/templates/topgun_new/img/persona_fon.jpg");
  }

  .persona::after {
      display: none;
  }

  .director {
      padding-bottom: 53px;
      height: auto;
      margin-bottom: 0;
  }

  .director img {
      display: none;
  }
}

@media (min-width: 480px) {

  .container {
      width: 100%;
  }

  .news-across__item {
      width: 90%;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
}

@media (min-width: 495px) {
  .order__links a {
      width: 165px;
      height: 165px;
  }
}

@media (min-width: 500px) {
  .store__link {
      margin-right: 10px;
  }

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

  .news__article p {
      text-align: left;
  }
}

@media (min-width: 555px) {

  .order__links a {
      width: 175px;
      height: 175px;
  }

  .lookbook__order {
      left: 5px;
      top: calc(50% - (220px / 2));
  }

  .lookbook__order--text {
      display: none;
  }
}

@media (min-width: 585px) {
  .order__links a {
      width: 195px;
      height: 195px;
  }
}

@media (min-width: 600px) {
  .barbershops__item {
      flex: 0 0 33.3%;
      max-width: 33.3%;
  }

  .news-banner .news_banner--mob {
      display: none;
  }

  .news-banner .news_banner--dectop {
      display: block;
  }

  .barbershops__hide {
      bottom: -119px;
  }
}

@media (min-width: 644px) {
  .order__links a {
      width: 225px;
      height: 225px;
  }

  .side-popup-toggle {
      top: 50%;
  }

  .footer__main .footer__desc {
      width: 24%;
      margin-top: 0;
  }
}

@media (min-width: 735px) {
  .lookbook .slick-dots li button {
    font-size: 30px;
  }
/*
  .francise__block::before {
      display: none;
  }
*/
  #side-popup {
      transform: translateX(-140px);
  }

  .side-popup-toggle {
      left: 80px;
  }

  #side-popup .close {
      width: 10px;
      height: 10px;
  }

  .lookbook__order--text {
      display: flex;
  }

  .barbershops__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .barbershops__item:hover {
      background-color: #fff;
      padding: 15px;
      z-index: 2;
  }

  .barbershops__item:hover .barbershops__thumb {
      -webkit-filter: grayscale(0);
      filter: none;
      filter: grayscale(0);
  }

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

  .barbershops__item:hover h3 {
      margin-top: 10px;
  }

  .barbershops__item:hover h3, .barbershops__item:hover p {
      color: #000;
  }

  .order__links a {
      width: 165px;
      height: 165px;
  }
}

@media (min-width: 768px) {
  .lookbook__order .order__links a {
      width: 69px;
      height: 69px;
  }

  .toplife__slider .slick-dots {
      bottom: -24px;
  }

  .barbershops__hide {
      bottom: -113px !important;
  }

  .container {
      width: 100%;
  }

  .bs__banner_slide {
      /* height: 555px; */
  }

  section {
      padding: 45px 0;
  }

  .order__side h4 {
      font-size: 50px;
  }

  .order__side .order__links a {
      width: 69px;
      height: 69px;
  }

  .bs__banner {
      /* height: 520px; */
      height: 334px;
  }

  .bs__adress .adress__column {
      width: 33.3%;
  }

  .bs__adress .adress__column:nth-of-type(2) {
      width: 35%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin: 0;
  }

  .bs__adress .adress__column:last-of-type {
      width: 31%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      text-align: right;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
  }

  .bs__adress .adress__column h2 {
      text-align: left;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

  .bs__adress .adress__column .work-time {
      text-align: right;
  }

  .bs__adress .adress__column .adress__phone {
      text-align: right;
      font-size: 30px;
      margin: 0;
  }

  .bs__adress .adress__column .adress {
      font-size: 20px;
      text-align: left;
  }

  .nav__menu--logo .logo {
      margin-top: 0;
      height: auto;
      height: 40px;
      top: calc(50% - (40px / 2));
  }

  .top-barbers {
      padding: 100px 0;
  }

  .top-barbers__title {
      font-size: 35px;
  }

  .top-barbers::before {
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: 0px 0px;
      width: 108px;
      height: 75px;
      left: calc(50% - (130px / 2));
      top: 31px;
  }

  .top-barbers__wrap {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  }

  .top-barbers__wrap--mob {
      display: none;
  }

  .top-barbers__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 10px;
      padding-right: 10px;
  }

  .top-barbers__item .btn {
      margin-left: 0px;
  }

  .top-barbers__name {
      font-size: 25px;
  }

  .top-barbers__post {
      font-size: 17px;
  }

  .top-barbers__reviews {
      font-size: 16px;
  }

  .map-short {
      padding-bottom: 45px;
  }

  .map-short .container {
      padding: 0 15px;
  }

  .map-short__title {
      letter-spacing: 50px;
      text-indent: 50px;
      margin-top: 20px;
      display: block;
  }

  .map-short h2 {
      font-size: 35px;
  }

  .map-short .subtitle {
      display: inline-block;
  }

  #map-canvas {
      height: 406px;
      margin-top: 100px;
  }

  .map__buttons button {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 0;
      padding-right: 0;
  }

  .map__buttons button span {
      margin-top: 20px;
      font-size: 18px;
  }

  .map__buttons {
      margin-top: 0;
  }

  .map__panel {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  }

  .brends__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
      /* -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; */
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0;
  }

  .news-across .container {
      padding: 0 15px;
  }

  .news-across h2 {
      font-size: 99px;
      line-height: 57px;
  }

  .news-across h2 span {
      font-size: 33px;
      letter-spacing: 27.8px;
      padding-left: 0;
      left: 17px;
  }

  .news-across__item {
      width: 553px;
  }

  .news-across__item h3 {
      text-align: left;
      padding: 0;
  }

  .news-across__item p {
      text-align: left;
      font-size: 18px;
      padding: 0;
  }

  .news-across .btn {
      margin-top: 50px;
  }

  .products-carousel {
      border-bottom: none;
  }

  .products-carousel h2 {
      font-size: 45px;
  }

  .products-carousel__icon {
      background-image: url(/local/templates/topgun_new/img/sprite-05906752085501736.png);
      background-position: 0px -79px;
      width: 49px;
      height: 69px;
      top: -20px;
  }

  .products__slider {
      width: 86%;
  }

  .products__slider .products__item {
      width: 45%;
  }

  .products__slider .products__item .descr {
      font-size: 17px;
      margin: 20px 0 0;
  }

  .products__slider .products__item .category {
      font-size: 15px;
  }

  .products__slider .products__item .price {
      font-size: 17px;
      margin-top: 13px;
  }

  .products__slider .exclusive::before {
      width: 62px;
      height: 62px;
      background-image: url("/local/templates/topgun_new/img/rank__exclusive--small.png");
      left: calc(50% - (62px / 2));
      top: 0;
  }

  .products__slider .products__thumb {
      height: 206px;
  }

  .persona .container {
      padding: 0 15px;
  }

  .persona::after {
      display: block;
  }

  .persona::after {
      height: 317px;
      width: 88%;
      left: calc(50% - (88% / 2));
      top: calc(50% - (317px / 2));
  }

  .persona__wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .persona__book {
      width: auto;
  }

  .persona__book .btn {
      margin-top: 30px;
      border: none;
  }

  .persona__write {
      padding-top: 45px;
      width: 50%;
  }

  .persona__write .btn {
      border: none;
  }

  .persona__write p {
      line-height: 30px;
  }

  .director {
      padding-bottom: 0;
      display: none;
  }

  .feedback__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
  }

  .feedback__item:last-of-type {
      border-top: none;
      margin-top: 0;
  }

  .store__link {
      width: 156px;
  }

  .search__field {
      width: 370px;
  }

  .search__btn {
      margin-left: 15px;
  }

  .footer__menu--column {
      width: 40%;
      margin-top: 0;
  }

  .barbers-point .container {
      padding: initail;
  }

  .barbers-point .top-barbers__rank {
      left: 77%;
  }

  .barbers-point .top-barbers__item {
      margin: 0 0 15px 0;
  }

  .barbers-top .container {
      padding: initial;
  }

  .barbers-top__title h2 {
      font-size: 87px;
      line-height: 47px;
  }

  .barbers-top__title h2::before {
      content: '';
      display: none;
  }

  .barbers-top__title h2 span {
      font-size: 87px;
  }

  .barbers-top__title h3 {
      font-size: 30px;
  }

  .barbers-top .btn--more {
      display: inline-block;
  }

  .top10__nav {
      margin: 55px 0 0;
  }

  .top10__nav li.slick-slide {
      opacity: 1;
      margin-top: 0;
  }

  .top10__nav li.slick-slide .top10__pic {
      width: 71px;
      height: 71px;
  }

  .top10__number {
      display: inline-block;
  }

  .top10__content {
      margin-top: 70px;
  }

  .top10__thumb {
      height: 350px;
  }

  .top10__info {
      padding: 0 0 0 20px;
  }

  .top10__item .top10__thumb::after {
      right: 0;
      font-size: 200px;
      line-height: 121px;
  }

  .top10__item:nth-of-type(1) .top10__thumb::after {
      right: 0;
  }

  .top10__item:nth-of-type(10) .top10__thumb::after {
      right: 0;
  }

  .top10__left {
      width: 85%;
      padding-right: 15px;
  }

  .top10__left .top10__column {
      width: 50%;
      margin-top: 0;
  }

  .top10__left .barber__name {
      text-align: left;
      margin-top: 0;
  }

  .top10__left .barber__reviews {
      text-align: left;
  }

  .top10__left .barber__raiting {
      width: 50%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
  }

  .top10__left .barber__raiting p {
      width: 100%;
      font-size: 14px;
      text-align: right;
      padding-left: 0;
  }

  .top10__left .barber__raiting span {
      font-size: 18px;
  }

  .top10__left .raiting__stars {
      width: 100%;
      padding-right: 0;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }

  .top10__left .adress {
      width: calc(100% - 133px);
  }

  .top10__left .work-time {
      width: 133px;
      text-align: right;
  }

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

  .barbershops__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .news-banner__text p {
      font-size: 24px;
      letter-spacing: 1.62px;
      line-height: 28px;
      font-family: "bebasneuebook", sans-serif;
  }

  .news-banner__text p small {
      font-size: 20px;
      line-height: 35px;
  }

  .news-banner__text p small .topgun {
      font-size: 20px;
  }

  .news__row {
      padding: 0;
  }

  .news__row .container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
  }

  .news__row:hover .news__descr {
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
  }

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

  .news__descr {
      width: 64%;
      border-right: 1px solid #000;
      border-left: 1px solid #000;
      padding: 0 15px 0 100px;
      margin-top: 0;
  }

  .news__descr p {
      font-family: "bebasneuebook", sans-serif;
      font-size: 24px;
      text-align: left;
      line-height: 20px;
  }

  .news__date {
      width: 18%;
      font-size: 16px;
      color: #252929;
  }

  .news__date span {
      font-size: 70px;
      letter-spacing: 4.72px;
      color: #000000;
      margin-right: 0;
  }

  .news {
      padding-bottom: 45px;
  }

  .news__thumb {
      height: 170px;
  }

  .news__article {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 5px;
      padding-right: 5px;
  }

  .news__article {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

  .news__article h4 {
      text-align: left;
      min-height: 40px;
      margin-bottom: 15px;
  }

  .news__article .news__date {
      text-align: left;
      position: relative;
      right: initial;
      top: initial;
  }

  .news__article .news__category {
      text-align: center;
  }

  .head-slider {
      height: 360px;
  }

  .head-slider .slide {
      height: 360px;
  }

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

  .mob-app__content {
      width: 100%;
  }

  .lookbook h2::before {
      display: none;
  }

  .lookbook .lookbook__item {
      /* height: 650px; */
  }
  .lookbook .lookbook__item img{
      /* height: 650px; */
      height: auto;
  }

  .lookbook .lookbook__slider_item {
      /* height: 650px; */
  }

  .lookbook__list {
      width: auto;
      right: 140px;
      top: 120px;
      position: absolute;
      text-align: right;
  }

  .lookbook__list li {
      text-align: right;
      font-size: 35px;
  }

  .lookbook__order h4 {
      font-size: 50px;
      width: 70px;
  }

  .lookbook__order p {
      width: 70px;
  }

  .lookbook__order .order__links a {
      width: 69px;
      height: 69px;
  }

  .showcase h2 {
      font-size: 59px;
  }

  .showcase h2::before {
      display: none;
  }

  .showcase__slider {
      margin-top: 70px;
  }

  .showcase__slide {
      opacity: 1 !important;
  }

  .showcase__nav {
      display: inline-block;
  }

  .showcase__nav .showcase__thumb {
      height: 150px;
  }

  .toplife h2 {
      font-size: 55px;
      letter-spacing: 30.37px;
      text-indent: 30.37px;
  }

  .toplife h2:before {
      display: none;
  }

  .toplife h2::after {
      top: 86px;
  }

  .toplife__thumb {
      height: 368px;
      width: calc(100% - 15px);
      -o-object-fit: cover;
      font-family: "object-fit:cover";
      object-fit: cover;
  }

  .toplife__slider .toplife__article {
      width: 40%;
      margin-bottom: 0;
      margin-right: 10px;
  }

  .toplife__slider .toplife__article--large {
      width: 40%;
  }

  .toplife__article {
      width: 370px;
  }

  .toplife__article--small {
      width: 370px;
  }

  .toplife__title {
      text-align: left;
  }

  .toplife__title a {
      text-align: left;
      color: #7a7a7a;
      font-size: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }

  .toplife__title b {
      font-family: "a_MachinaOrto", sans-serif;
      font-weight: 400;
  }

  .toplife__date {
      text-align: left;
      color: #434344;
  }

  .head-article .title {
      font-size: 55px;
      letter-spacing: 44.74px;
      background-image: url("/local/templates/topgun_new/img/title-fon-2.jpg");
  }

  .head-article .title::after {
      font-size: 15px;
      right: -100px;
      top: 32px;
      letter-spacing: 12.68px;
  }

  .article__wrap blockquote {
      padding-left: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .article__wrap p {
      display: block;
  }

  .wearound__tags {
      width: 50%;
      margin: 0 auto 30px;
  }

  .all__tags ul li {
      width: 25%;
  }

  .subscribe-sec .subscribe__form {
      width: 200px;
  }

  .subscribe__side {
      width: 40%;
      margin-top: 30px;
  }

  .bs-price h2,
  .price__content h2 {
      font-size: 35px;
      letter-spacing: 15.99px;
  }

  .bs-price h2 span,
  .price__content h2 span {
      font-size: 36px;
      margin: 0 15px;
  }

  .bs-price__service,
  .price__content__service {
      width: 60%;
  }

  .bs-price__price,
  .price__content__price {
      width: 40%;
  }

  .bs-hairs h2 {
      font-size: 35px;
      letter-spacing: 15.99px;
  }

  .modal {
      top: calc(50% - (460px / 2));
      left: calc(50% - (500px / 2));
      width: 500px;
      height: 460px;
  }

  .city__list {
      width: 48%;
  }

  .price-index__hide {
      padding: 0 20px;
  }
}

@media (min-width: 770px) {
  .showcase__nav {
      display: none;
  }
}

@media (min-width: 850px) {
  .lookbook .slick-dots {
    bottom: 30px;
  }
  .toplife__wrap {
      width: 90%;
  }

  .footer__menu--column {
      width: 50%;
  }
}

@media (min-width: 992px) {
  .left--white,
  .right--white {
    width: 33px;
    height: 46px;
  }
  .article-content {
    min-height: 544px;
  }
  #modal__city {
      height: 100vh;
  }

  #side-popup {
      width: 140px;
  }

  .lookbook__order {
      display: block;
      left: 40px;
      top: calc(50% - (588px / 2));
  }

  .lookbook__order {
      display: block;
      left: 40px;
      top: calc(50% - (588px / 2));
  }

  .nav__menu--left, .nav__menu--right {
      width: calc((100% - 300px) / 2);
  }

  .toplife__slider .slick-dots {
      bottom: -60px;
  }

  .toplife__slider .right--white {
      right: -33px;
  }

  .toplife__slider .left--white {
      left: -62px;
  }

  .container {
      width: 962px;
  }

  .owl-dots {
      display: none;
  }

  .article__tags li {
      width: 25%;
  }

  .nav__menu--left, .nav__menu--right {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .nav__menu--left .lang,
  .nav__menu--left .city__open, .nav__menu--right .lang,
  .nav__menu--right .city__open {
      left: 0;
  }

  .nav__menu--left .radio, .nav__menu--right .radio {
      display: block;
      right: -30px;
  }

  .nav__menu--logo {
      display: inline-block;
      width: auto;
      padding-left: 40px;
      padding-right: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .nav__menu--logo .radio {
      display: none;
  }

  .nav__menu--logo .logo {
      left: initial;
      margin-top: -9px;
      position: relative;
  }

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

  .toggle_mnu {
      display: none;
  }

  .header__bs {
      padding: 0;
      position: absolute;
      left: 0;
      top: 0;
  }

  .header__bs::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 15px;
      z-index: 2;
      background-color: #000;
  }

  .bs__logo {
      padding: 15px 20px !important;
  }

  .bs__logo::before {
      content: '';
      border-left: 54px solid transparent;
      border-right: 0 solid transparent;
      border-top: 61px solid black;
      position: absolute;
      left: -54px;
      position: absolute;
  }

  .bs__logo::after {
      content: '';
      border-left: 0 solid transparent;
      border-right: 54px solid transparent;
      border-top: 61px solid black;
      position: absolute;
      right: -54px;
      position: absolute;
      top: 14px;
  }

  .top-barbers__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .map-short__title {
      letter-spacing: 100px;
      text-indent: 100px;
  }

  .map-short .subtitle {
      letter-spacing: 102.59px;
  }

  .map__buttons button {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 15px;
      padding-right: 15px;
  }

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

  .brends__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
      padding-left: 0;
      padding-right: 0;
  }

  .news-across--top {
      display: inline-block;
  }

  .news-across--bottom {
      display: inline-block;
  }

  .news-across__item {
      width: 45%;
      text-align: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

  .products__slider .products__item {
      padding-bottom: 30px;
  }

  .persona {
      height: auto;
  }

  .persona__wrap {
      height: auto;
  }

  .persona__write {
      padding-top: 45px;
      width: 43%;
  }

  .director {
      display: block;
      width: 320px;
      position: absolute;
      bottom: -25px;
      left: calc(50% - (320px / 2));
      margin-top: 0;
      background-color: transparent;
  }

  .director img {
      display: block;
      height: auto;
  }

  .feedback {
      padding-top: 45px;
      padding-bottom: 20px;
  }

  .feedback .container {
      padding: initial;
  }

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

  .feedback__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 0;
      padding-right: 0;
  }

  .feedback__item::after {
      content: '';
      width: 1px;
      height: 101px;
      background-color: #000;
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: calc(60% - (101px / 2));
  }

  .feedback__item:nth-of-type(1) {
      padding-right: 60px;
  }

  .feedback__item:nth-of-type(3) {
      padding: 0 60px;
  }

  .feedback__item h2 {
      text-align: left;
      font-size: 45px;
      line-height: 48px;
  }

  .feedback__item h4 {
      letter-spacing: 12.5px;
      font-size: 25px;
      margin: 0 0 20px;
  }

  .feedback__item p {
      text-align: left;
      font-size: 21px;
      margin: 10px 0 0;
      width: 100%;
  }

  .feedback__tel {
      font-size: 45px;
      line-height: 51px;
      margin-top: 0;
  }

  .store__link {
      width: 47%;
  }

  .footer__main .footer__desc {
      width: 20%;
      margin-top: 0;
  }

  .footer__main .footer__soc {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }

  .top10__nav li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
      flex: 0 0 10%;
      max-width: 10%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .top10__thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 0px;
      padding-right: 0px;
  }

  .top10__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 20px;
      padding-right: 20px;
  }

  .barbershops-list .btn--more {
      margin-top: 100px;
  }

  .barbershops__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 20px;
      padding-right: 20px;
  }

  .barbershops__raiting span {
      width: 100%;
      margin-left: 0;
      font-size: 20px;
  }

  .news__article {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 12.5px;
      padding-right: 12.5px;
  }

  .head-slider {
      height: 500px;
  }

  .head-slider .slide {
      height: 500px;
  }

  .toplife {
      padding-bottom: 45px;
  }

  .toplife__wrap {
      width: 85%;
      margin: 0 auto;
  }

  .head-article__date {
      left: 13%;
      top: 20%;
      font-size: 22px;
  }

  .head-article__date::before {
      content: '/';
      font-family: "bebasneuebold", sans-serif;
      font-size: 56px;
      font-weight: 400;
      display: inline-block;
  }

  .head-article__date::after {
      content: '';
      width: 176px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      left: 24px;
      bottom: 11px;
  }

  .head-article__title {
      font-size: 129px;
      width: 70%;
      line-height: 100px;
      top: 30%;
      right: 0;
  }

  .head-article__title span {
      font-size: 100px;
  }

  .article-content .article__tags li {
      width: 20%;
      margin-right: 0;
  }

  .article__wrap {
      padding: 0 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 40px;
      column-gap: 40px;
      column-width: 50px;
      -moz-column-width: 50px;
      /* Firefox */
      -webkit-column-width: 50px;
      width: 93%;
  }

  .subscribe-sec::after {
      content: '';
      background-image: url("/local/templates/topgun_new/img/subscribe_fon.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 388px;
      height: 242px;
      position: absolute;
      bottom: 0;
      right: 0%;
  }

  .subscribe__side {
      margin-top: 0;
      position: absolute;
      top: 40px;
      width: 172px;
      right: 5%;
  }

  .bs-price h5,
  .price__content h5 {
      letter-spacing: 50px;
  }

  .bs-price__row,
  .price__content__row {
      padding: 8px 0;
      border-bottom: none;
  }

  .bs-price__row:first-of-type::after,
  .price__content__row:first-of-type::after {
      display: none;
  }

  .bs-price__service,
  .price__content__service {
      width: 58%;
  }

  .bs-price__price,
  .price__content__price {
      /* justify-content: flex-end;
      padding-right: 155px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; */
      width: 42%;
  }

  .bs-price__barber,
  .price__content__barber {
      margin-right: 40px;
      font-size: 28px;
  }

  .bs-price__barber:last-of-type::after,
  .price__content__barber:last-of-type::after {
      content: 'a';
      font-family: "ALSRubl", sans-serif;
      color: rgba(255, 255, 255, 0.25);
      font-size: 20px;
      position: absolute;
      right: -50px;
      top: -3px;
  }

  .russia .bs-price__barber:last-of-type::after,
  .russia .price__content__barber:last-of-type::after {
      content: 'a';
  }

  .belarus .bs-price__barber:last-of-type::after,
  .belarus .price__content__barber:last-of-type::after {
      content: 'BYR';
      font-size: 20px;
      position: absolute;
      right: -50px;
  }

  .spain .bs-price__barber:last-of-type::after,
  .spain .price__content__barber:last-of-type::after {
      content: '€';
  }

  .kazakhstan .bs-price__barber:last-of-type::after,
  .kazakhstan .price__content__barber:last-of-type::after {
      content: '₸';
  }

  .bs-price p,
  .price__content p {
      font-size: 25px;
  }

  .single__price .bs-price__price,
  .single__price.price__content__price {
      justify-content: flex-end;
      padding-right: 153px;
  }

  .bs-hairs__item {
      margin-bottom: 60px;
      width: 25%;
      padding: 0 10px;
  }

  .bs-hairs__item:hover .bs-hairs__content {
      -webkit-transition: .8s ease;
      transition: .8s ease;
  }

  .bs-hairs__item:hover .bs-hairs__content h3 {
      background-color: rgba(19, 19, 23, 0.4);
  }

  .bs-hairs__item:hover .hover__hair {
      -webkit-transition: .8s ease;
      transition: .8s ease;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      top: 0;
  }

  .bs-hairs__item:hover p {
      color: #b8bbc0;
  }

  .hover__hair {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      top: 100%;
  }

  .price-index h2 {
      font-size: 46px;
      letter-spacing: 12px;
  }


  /* .city__wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px; }
  .close__btn {
    top: 40px;
    right: 40px; } */
}

@media (min-width: 992px) and (min-width: 0) {
  .bs-hairs__item:hover .bs-hairs__content {
      -webkit-transform: translateY(-18%);
      transform: translateY(-18%);
  }
}

@media (min-width: 992px) {
  .head-article__panel {
    position: absolute;
  }
  .head-article__panel h2 {
    font-size: 42px;
  }
  .nav__menu--left,
  .nav__menu--right {
      width: calc((100% - 388px) / 2);
  }

  div#current_city {
      width: 15%;
  }
}

@media (min-width: 1150px) {
  .bs-price__price,
  .price__content__price {
    padding-right: 0;
    justify-content: flex-start;
  }
/*
  .francise__block::before {
      display: block;
  }
*/
  .city__list span {
      font-size: 36px;
  }

  .order__side {
      display: block;
  }
}

@media (max-width: 1199px) {
  .footer__footnote .lang {
    width: 100%;
    justify-content: center;
  }
  .footer__footnote .lang ul.footer_language {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .bs__banner {
      height: calc(100vh - 167px);
  }

  .nav__menu--left, .nav__menu--right {
      width: calc((100% - 381px) / 2);

  }

  .container {
      width: 1170px;
  }

  .order__links {
      margin-top: 0;
  }

  .order__links a {
      width: 157px;
      height: 157px;
      margin: 10px;
  }

  .nav {
      padding: 15px 0;
  }

  .nav__menu--left .lang,
  .nav__menu--left .city__open, .nav__menu--right .lang,
  .nav__menu--right .city__open {
      left: 0;
  }

  .nav__menu--left .radio, .nav__menu--right .radio {
      right: 0;
  }

  .nav__menu--logo .logo {
      width: 153px;
      left: calc(50% - (153px / 2));
      margin-top: 0;
      width: auto;
      left: initial;
  }

  .top-barbers__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .map-short {
      min-height: 100vh;
  }

  .map-short::after {
      content: '';
      background-color: rgba(104, 110, 103, 0.5);
      width: 1150px;
      left: calc(50% - (1150px / 2));
      height: 1px;
      position: absolute;
      bottom: 0;
  }

  .map__buttons button {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .map__buttons button {
      margin-top: 0;
      position: relative;
  }

  .map__buttons button:first-of-type:after {
      display: none;
  }

  .map__buttons button::after {
      content: '';
      width: 70px;
      height: 2px;
      background-color: #4c4b4b;
      position: absolute;
      right: 88%;
      top: 35px;
  }

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

  .brends__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
      padding-left: 0;
      padding-right: 0;
  }

  .news-across__item {
      width: 558px;
  }

  .products__slider .products__item {
      margin: 0 15px;
      width: 100%;
      margin-bottom: 0;
  }

  .persona__write {
      padding-top: 45px;
      width: 33%;
  }

  .director {
      width: 424px;
      position: absolute;
      bottom: -25px;
      left: calc(50% - (424px / 2));
      margin-top: 0;
      background-color: transparent;
  }

  .director img {
      display: block;
      height: auto;
  }

  .feedback__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 0;
      padding-right: 0;
  }

  .footer__menu {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .footer__desc {
      width: 16%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }

  .footer__desc p {
      font-size: 18px;
      text-align: right;
  }

  .footer__desc .radio {
      display: none;
  }

  .footer__logo {
      margin: 0;
  }

  .footer__soc {
      width: auto;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin: 0 0 17px;
  }

  .footer__footnote .lang {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  }

  .footer__footnote .lang .city__open {
    display: block;
  }

  .footer__service {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      width: auto;
  }

  .footer__service li::after {
      content: '|';
      color: #6d6e71;
      font-family: "robotocondensedlight", sans-serif;
      font-size: 16px;
      font-weight: 300;
      margin-left: 8px;
  }

  .footer__slogan {
      display: block;
  }

  .barbers-top__title h3:before {
      content: '';
      background-image: url("/local/templates/topgun_new/img/title_chevron.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 302px;
      height: 29px;
      position: absolute;
      left: -379px;
      top: 8px;
  }

  .barbers-top__title h3:after {
      content: '';
      background-image: url("/local/templates/topgun_new/img/title_chevron.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 302px;
      height: 29px;
      position: absolute;
      -webkit-transform: scale(-1, 1);
      transform: scale(-1, 1);
      right: -379px;
      top: 8px;
  }

  .top10__nav li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
      flex: 0 0 10%;
      max-width: 10%;
      padding-left: 15px;
      padding-right: 15px;
  }

  .top10__thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 0px;
      padding-right: 0px;
  }

  .top10__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 20px;
      padding-right: 20px;
  }

  .barbershops__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 20px;
      padding-right: 20px;
  }

  .barbershops__thumb {
      width: 245px;
      height: 245px;
  }

  .news::after {
      content: '';
      background-color: rgba(104, 110, 103, 0.5);
      width: 1150px;
      left: calc(50% - (1150px / 2));
      height: 1px;
      position: absolute;
      bottom: 0;
  }

  .news__article {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-left: 12.5px;
      padding-right: 12.5px;
  }

  .head-slider {
      height: calc(100vh - 122px);
  }

  .head-slider .slide {
      height: calc(100vh - 122px);
  }

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

  .mob-app__content {
      width: calc(100% - 255px);
  }

  .head {
      min-height: calc(100vh - 55px);
  }

  .head .head__logo {
      width: 100%;
      height: 300px;
      margin-top: 50px;
      margin-bottom: 30px;
      position: relative;
  }

  .head .head__logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }

  .head__title {
      font-size: 83px;
      margin: 20px 0 10px;
      line-height: 65px;
  }

  .head__lookbook {
      display: inline-block;
  }

  .lookbook::before {
      display: block;
  }

  .lookbook h2 {
      /* text-align: right; */
      text-align: center;
      position: absolute;
      /* padding-right: 100px; */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      top: 40px;
      font-size: 51px;
  }

  .lookbook__descr {
      text-align: right;
      line-height: 90px;
      right: 180px;
      bottom: 80px;
      font-size: 100px;
      padding: 0;
  }

  .showcase__slide p {
      text-align: left;
  }

  .showcase__slide p {
      text-align: left;
  }

  .showcase .category {
      text-align: left;
      font-size: 15px;
  }

  .toplife h2 {
      letter-spacing: 44.74px;
      text-indent: 44.74px;
      background-image: url("/local/templates/topgun_new/img/title-fon-2.jpg");
  }

  .toplife h2::after {
      right: -100px;
      top: 32px;
  }

  .toplife__wrap {
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

  .article__wrap blockquote {
      margin: 0 40px;
      padding: 0;
  }

  .wearound__tags {
      width: 35%;
      margin: 0 auto 40px 420px;
  }

  .subscribe-sec::after {
      content: '';
      right: 8%;
  }

  .bs-price__wrap,
  .price__content__wrap {
      width: 85%;
      margin: 0 auto;
  }

  .bs-hairs__item {
      padding: 0;
  }

  .price-index::before {
      display: block;
  }

  .price-index::after {
      display: block;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .bs-hairs__item:hover .bs-hairs__content {
      -webkit-transform: translateY(-28%);
      transform: translateY(-28%);
  }
}

@media (min-width: 1370px) {
  /* .head .head__logo::after {
    content: '';
    background-image: url("/local/templates/topgun_new/img/shev-big.png");
    position: absolute;
    right: -108px;
    top: -20px;
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-size: cover;
} */
}

@media (min-width: 1400px) {
  .subscribe__side {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
}

@media (min-width: 1800px) {
  .container {
      width: 1170px;
  }

  .nav__menu--left .lang,
  .nav__menu--left .city__open, .nav__menu--right .lang,
  .nav__menu--right .city__open {
      left: -65px;
  }

  .nav__menu--left .radio, .nav__menu--right .radio {
      right: -120px;
  }

  .head .container {
      display: -ms-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .head .order__links {
      margin-top: 70px;
  }

  .head .head__logo {
      margin-bottom: 70px;
  }
}

pre {
  background-color: #FFF;
  text-align: left;
}

header .radio {
  cursor: pointer;
}

.no-result {
  color: #fff;
  font-size: 20px;
  font-family: "bebasneuebook", sans-serif;
  font-weight: 300;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  display: inline-block;
  margin: 30px 10px 0;
}

.no-result a {
  all: unset;
  cursor: pointer;
  text-decoration: underline;
}

.adress__column .adress a {
  all: unset;
  cursor: pointer;
  transition: 0.3s;
}

.adress__column .adress a:hover {
  color: #fff;
}

.bs-hairs__thumb {
  position: relative;
  overflow: hidden;
  /* height: 272px; */
}

.bs-hairs__item {
  align-content: flex-start;
}

.top-barbers__name {
  line-height: 23.99px;
  min-height: 47px;
}

.barbershops-list {
  padding-bottom: 0;
}


.city__open--mobile {
  font-size: 27px;
  color: #fff;
  font-family: 'RobotoCondensedRegular', sans-serif;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
  z-index: 2;
  position: relative;
}

.city__open--mobile span {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  font-family: 'robotocondensedlight', sans-serif;
}

.director {
  z-index: 2;
}

.persona::after {
  z-index: 1;
}

.bs__adress .adress__column .btn {
  line-height: 50px;
}

.book {
  height: 245px;
}

.book img {
  height: 100%;
  object-fit: contain;
}

#modal__3d {
	width: 50%;
	height: 400px;
	border-radius: 5px;
	background: #fff;
	position: fixed;
	top: calc(50% - (400px/2));
	left: calc(50% - (50%/2));
	display: none;
	opacity: 0;
	z-index: 5;
  box-sizing: border-box;

}

#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
#tourDIV {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

#panoDIV {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.pano__open {
position: absolute;
    z-index: 3;
    width: 60px;
    height: 60px;
    right: 5%;
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    bottom: 20%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 28px;
cursor:pointer;
}

.btn__3d {
position: absolute;
    z-index: 3;
    width: 60px;
    height: 60px;
    right: 5%;
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    bottom: 20%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 28px;
cursor:pointer;
}

.modal__city--title {
  font-family: "bebasneuebold", sans-serif;
  font-size: 45px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fdfcfc;
  letter-spacing: 5.83px;
  margin: 0;
  width: 100%;
  display: inline-block;
  text-align: center;
}

.modal__city--title span {
  color: #fdfcfc;
  font-family: "bebasneuebook", sans-serif;
  font-size: 45px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.04px;
}

.title-icon {
  width: 38px;
  height: 40px;
  background-image: url("/local/templates/topgun_new/img/title-icon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 15px;
  display: inline-block;
}

.francise__block {
  position: absolute;
  right: 11%;
  bottom: 10%;
  display: none;
}
.francise__block::before {
	content: 'Франшиза';
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 165px;
    font-family: "bebasneuebold", sans-serif;
    letter-spacing: 1.9px;
}
.francise__block::after {
  content: '';
  background-image: url("/local/templates/topgun_new/img/modal-text2.png");
	background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 206px;
    height: 140px;
    right: -19px;
    margin-top: -150px;
}
/*
.francise__block::before {
  content: '';
  background-image: url("/local/templates/topgun_new/img/modal-text1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  width: 400px;
  height: 90px;
  right: 236px;
  margin-top: 68px;
}
*/
@media screen and (max-width: 755px) {
  .bs__banner.desktop {
      display: none !important;
  }

  .bs__banner.mobile {
      display: block !important;
      min-height: 400px;
  }
}

@media screen and (min-width: 755px) {
  .bs__banner.desktop {
      display: block !important;
  }

  .bs__banner.mobile {
      display: none !important;
      min-height: 400px;
  }

  .russian .francise__block {
      display: block;
  }
}


body .city__list li ul {
	flex-flow: wrap;
	-ms-flex-flow: wrap;
}

@media screen and (max-width: 700px) {
	.toplife__slider .toplife__article.main_toplife__article_mob {
display:none;
	}
}

.bible-view-2 img{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}