html {
  font-size: 16px
}

body {
  font-family: Open Sans, arial, sans-serif !important;
  background-color: #f5f5f5 !important
}

@media only screen and (min-width:1200px) {
  .container {
    max-width: 1200px !important
  }
}

:focus,
button:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important
}

a {
  transition: all .3s ease
}

h2 {
  font-weight: 300 !important;
  margin-bottom: 30px !important
}

img {
  max-width: 100%
}

.block {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.btn,
.c-pointer {
  cursor: pointer
}

.btn {
  font-weight: 600 !important
}

.btn-primary {
  background-color: #8fbe00;
  border: 1px solid #8fbe00
}

.btn-primary:hover {
  background-color: #9bcd02;
  border-color: #9bcd02
}

.btn-outline-primary {
  border: 1px solid #8fbe00 !important;
  color: #000 !important
}

.btn-outline-primary:hover {
  background-color: #8fbe00 !important;
  color: #fff !important;
  text-decoration: none
}

.btn-outline-primary:hover .btn-outline-primary__icon {
  fill: #fff !important
}

.btn-outline-primary__icon {
  width: 23px;
  fill: #8fbe00
}

.btn-outline-primary_dashed {
  border: 1px dashed #8fbe00 !important;
  color: #000
}

.btn-outline-primary_dashed:hover {
  background-color: #8fbe00 !important;
  color: #fff !important
}

.btn-transparent {
  border: 1px dashed #c6c6c6 !important;
  border-radius: 60px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 170px;
  height: 45px;
  padding: 0 20px !important;
  margin-right: 24px
}

.btn-transparent:hover {
  background-color: #fff;
  border: 1px solid #c6c6c6 !important
}

.bg {
  background-position: top;
  background-size: cover
}

.bg-mygray {
  background-color: #f5f5f5
}

.bg-white {
  background: #fff
}

.text-green {
  color: #8fbe00
}

.text-darkgreen {
  color: #6c8f00
}

.text-grey {
  color: #777
}

.item-img {
  display: block
}

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

.dark {
  position: relative
}

.dark:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .55
}

.dark>* {
  position: relative;
  color: #fff
}

.table-wrapper {
  width: 100%
}

@media only screen and (max-width:991px) {
  .table-wrapper {
    overflow-x: auto
  }
}

.table-wrapper table {
  width: 100% !important
}

.table-wrapper table td {
  padding: 10px
}

.item {
  margin-bottom: 30px
}

.breadcrumb {
  padding: 20px 0 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  font-size: .9em
}

.breadcrumb li {
  display: inline-block;
  margin-right: 10px
}

.breadcrumb a {
  color: inherit;
  text-decoration: underline
}

.breadcrumb a:hover {
  text-decoration: none
}

header {
  position: relative;
  z-index: 10;
  box-shadow: 4px 6px 12px rgba(0, 0, 0, .04)
}

.header-contacts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
  font-size: 15px;
  line-height: 1;
  transition: .8s
}

.header-contacts svg {
  width: 25px;
  height: 25px;
  fill: #8fbe00
}

.header-contacts span {
  margin-left: 10px;
  color: #777;
  border-bottom: 1px dashed
}

.header-contacts:hover {
  text-decoration: none
}

.header-contacts:hover span {
  color: #8fbe00
}

.header-main {
  background-color: #fff;
  height: 80px;
  position: relative;
  z-index: 1
}

@media only screen and (max-width:768px) {
  .header-main {
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
}

.header-main__logo {
  display: -ms-flexbox;
  display: flex;
  margin-right: 27px;
  margin-top: 8px
}

@media only screen and (max-width:575px) {
  .header-main__logo {
    margin-right:0;
  }
}

.header-main__logo img {
  width: 172px
}

.header-main__lang {
  margin-right: 75px
}

@media only screen and (max-width:1200px) {
  .header-main__lang {
    display: none
  }
}

.header-main__lang-item {
  color: #000
}

.header-main__lang-item_acitve {
  font-weight: 700
}

.header-main__socials {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:991px) {
  .header-main__socials {
    display: none
  }
}

.header-main__socials-item {
  margin-right: 15px
}

.header-main__socials-item img {
  height: 22px
}

.header-main__hamburger {
  display: none;
  cursor: pointer;
  padding: 10px 0;
  width: 28px;
  height: 23px;
  position: relative;
  margin-left: 30px
}
.mob-phone{
    display:none;
}

@media only screen and (max-width:991px) {
  .header-main__hamburger {
    display: -ms-flexbox;
    display: flex
  }

}

@media only screen and (max-width:767px) {
  .header-main__hamburger {
    margin-left: 0
  }
    .mob-phone{
      display:block;
      margin-right:10px;
  }
}

.header-main__hamburger span {
  background-color: #8fbe00;
  display: block;
  width: 28px;
  height: 3px;
  position: absolute;
  right: 0;
  transition: .3s linear
}

.header-main__hamburger span:first-child {
  top: 0
}

.header-main__hamburger span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto
}

.header-main__hamburger span:last-child {
  bottom: 0
}

.header-main__hamburger_active span:first-child {
  top: 10px;
  transform: rotate(45deg)
}

.header-main__hamburger_active span:nth-child(2) {
  opacity: 0
}

.header-main__hamburger_active span:last-child {
  bottom: 10px;
  transform: rotate(135deg)
}

.header-main__city {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-right: 50px
}

.header-main__city__icon {
  display: block;
  width: 19px;
  height: 19px;
  fill: #8fbe00;
  margin-right: 6px
}

.header-main__city span {
  font-size: 16px;
  border-bottom: 1px dashed;
  padding-bottom: 2 spx
}

.header-main__city span:hover {
  color: #8fbe00
}

.header-main-phone {
  display: -ms-flexbox;
  display: flex
}

.header-main-phone__icon {
  width: 24px;
  height: 24px;
  fill: #8fbe00;
  margin-right: 11px
}

.header-main-phone__number {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

.header-main-phone__number:hover {
  color: #8fbe00;
  text-decoration: none
}

.header-main-phone__text {
  color: #777;
  font-size: 15px;
  line-height: 1
}

.header-btn-call {
  height: 45px;
  border-radius: 40px !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 28px
}

.header-btn-call__icon {
  width: 22px;
  height: 22px;
  stroke: #cee38f;
  fill: none;
  margin-right: 9px
}

.header-btn-call__text {
  font-size: 15px;
  font-weight: 700
}

.header-btn-call.mobile-btn-call {
  max-width: 210px;
  margin-top: 15px;
  border: 1px solid #fff
}

.header-info {
  background-color: #fff;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:991px) {
  .header-info {
    display: none
  }
}

.header-info-nav__link {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  position: relative;
  padding-bottom: 4px
}

.header-info-nav__link:after {
  background-image: linear-gradient(90deg, #8fbe00 0, rgba(143, 190, 0, 0));
  content: "";
  height: 2px;
  width: 0;
  position: absolute;
  left: 1px;
  bottom: 0;
  transition: width .15s ease-in-out
}

.header-info-nav__link:not(:last-child) {
  margin-right: 36px
}

@media only screen and (max-width:1200px) {
  .header-info-nav__link:not(:last-child) {
    margin-right: 15px
  }
}

.header-info-nav__link:hover {
  color: #8fbe00;
  text-decoration: none
}

.header-info-nav__link:hover:after {
  width: 100%
}

.header-info-nav__link_active {
  color: #7fa01a
}

.header-info-nav__link_active:after {
  width: 100%
}

.promo {
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  padding: 4% 0;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width:1199px) {
  .promo {
    padding: 2% 0
  }
}

@media screen and (max-height:768px) {
  .promo {
    padding: 2% 0
  }
}

.promo-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 570px;
  overflow: hidden;
  padding-bottom: 8%
}

@media only screen and (max-width:991px) {
  .promo-info {
    margin-top: 10px;
    width: 410px
  }
}

@media screen and (max-height:730px) {
  .promo-info {
    padding-bottom: 0
  }
}

.promo-info__title {
  font-family: Museo Cyrl, arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 70px
}

@media only screen and (max-width:1200px) {
  .promo-info__title {
    font-size: 46px;
    line-height: 56px
  }
}

@media only screen and (max-width:991px) {
  .promo-info__title {
    font-size: 42px;
    line-height: 52px
  }
}

@media only screen and (max-width:576px) {
  .promo-info__title {
    padding-top: 55px;
    font-size: 48px;
    line-height: 50px
  }
}

@media only screen and (max-width:450px) {
  .promo-info__title {
    padding-top: 35px;
    font-size: 26px;
    line-height: 1.3
  }
}

.promo-info__btn {
  height: 45px;
  border-radius: 40px !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 0 35px !important;
  margin-right: 30px
}

.promo-info__more {
  color: #000;
  font-family: Open Sans;
  font-size: 16px;
  font-style: italic;
  position: relative;
  padding-bottom: 3px
}

@media only screen and (max-width:576px) {
  .promo-info__more {
    margin-right: 30px;
    margin-bottom: 20px
  }
}

.promo-info__more:before {
  height: 1px;
  background-image: linear-gradient(90deg, transparent 0, #8fbe00 50%, transparent);
  width: 0;
  content: "";
  transform: translateX(-50%);
  transition: width .15s ease-in-out;
  position: absolute;
  left: 50%;
  bottom: 0
}

@media only screen and (max-width:991px) {
  .promo-info__more:before {
    width: 100%
  }
}

.promo-info__more:hover {
  text-decoration: none;
  color: #000
}

.promo-info__more:hover:before {
  width: 100%
}

.promo-info__pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

@media screen and (max-height:730px) {
  .promo-info__pagination {
    margin-top: 10px
  }
}

.promo-info__pagination .swiper-pagination-bullet {
  background: none !important;
  border: 1px solid #8fbe00 !important;
  width: 12px;
  height: 12px;
  opacity: 1 !important;
  margin: 0 10px !important;
  outline: none
}

.promo-info__pagination .swiper-pagination-bullet-active {
  background-color: #8fbe00 !important
}

.promo-slider {
  overflow: hidden
}

.promo-slider .swiper-slide-next,
.promo-slider .swiper-slide-prev {
  opacity: 0
}

.promo-slider-item {
  border-radius: 10px;
  overflow: hidden
}

.promo-slider-item:hover {
  transition: box-shadow .15s ease-out;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 20px 42px rgba(0, 0, 0, .2)
}

.promo-slider-item:before {
  background-color: rgba(0, 0, 0, .28);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}

.promo-slider__next,
.promo-slider__prev {
  border: 1px solid #8fbe00 !important;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .3s ease;
  outline: none !important;
  box-shadow: none !important
}

.promo-slider__next:before,
.promo-slider__prev:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%238fbe00'/%3E%3C/svg%3E");
  width: 12px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: background-image .3s ease
}

.promo-slider__next:hover,
.promo-slider__prev:hover {
  background: #8fbe00
}

.promo-slider__next:hover:before,
.promo-slider__prev:hover:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.promo-slider__prev:before {
  transform: rotate(180deg)
}

.promo-right {
  transform: perspective(800px);
  transform-style: preserve-3d;
  margin-right: -10px
}

@media only screen and (max-width:768px) {
  .promo-right {
    display: none
  }
}

.promo-right__title {
  color: #1f1f1f;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
  margin: 20px 10px 0;
  padding-bottom: 3px;
  position: relative
}

@media screen and (max-height:730px) {
  .promo-right__title {
    margin-top: 0
  }
}

.promo-right__title:before {
  height: 1px;
  background-image: linear-gradient(90deg, transparent 0, #8fbe00 50%, transparent);
  width: 0;
  content: "";
  transform: translateX(-50%);
  transition: width .15s ease-in-out;
  position: absolute;
  left: 50%;
  bottom: 0
}

@media only screen and (max-width:991px) {
  .promo-right__title:before {
    width: 100%
  }
}

.promo-right__title:hover {
  text-decoration: none;
  color: #000
}

.promo-right__title:hover:before {
  width: 100%
}

.promo-right__title .icon_arrow {
  width: 18px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: -28px
}

.promo-card {
  width: 512px;
  height: 512px;
  transition: all .2s linear;
  margin: 10px;
  overflow: hidden;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat
}

@media only screen and (max-width:1200px) {
  .promo-card {
    width: 412px;
    height: 412px
  }
}

@media only screen and (max-width:991px) {
  .promo-card {
    width: 220px;
    height: 220px
  }
}

.promo-slider-item-image {
  position: relative
}

.promo-slider-item-information {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  color: #fff
}

@media only screen and (max-width:1770px) {
  .promo-slider-item-information {
    padding: 30px
  }
}

.promo-slider-item-information__company {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px !important
}

@media only screen and (max-width:1770px) {
  .promo-slider-item-information__company {
    font-size: 20px
  }
}

.promo-slider-item-information__who {
  font-size: 18px;
  font-weight: 400
}

@media only screen and (max-width:1770px) {
  .promo-slider-item-information__who {
    font-size: 16px
  }
}

.promo-slider-item-information__title {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 0
}

@media only screen and (max-width:1770px) {
  .promo-slider-item-information__title {
    font-size: 24px
  }
}

.portfolio {
  overflow: auto;
  padding-top: 2rem
}

.portfolio .container-fluid {
  max-width: 1920px
}

@media only screen and (max-width:991px) {
  .portfolio .text-right {
    text-align: left !important
  }
}

.portfolio__more {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  height: 35px;
  border-radius: 40px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
  padding: 0 100px 0 20px;
  color: #000;
  position: relative
}

@media only screen and (max-width:991px) {
  .portfolio__more {
    margin-bottom: 30px
  }
}

@media only screen and (max-width:768px) {
  .portfolio__more {
    display: none
  }
}

.portfolio__more__icon {
  width: 20px;
  fill: #8fbe00;
  position: absolute;
  right: 10px
}

.portfolio__more:hover {
  background-color: #8fbe00;
  text-decoration: none;
  color: #fff
}

.portfolio__more:hover .portfolio__more__icon {
  fill: #fff !important
}

.portfolio__footer {
  background-color: #fff;
  overflow: auto
}

.portfolio-item {
  position: relative;
  display: block;
  overflow: hidden
}

.portfolio-item * {
  transition: all .25s ease
}

.portfolio-item-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .3s 0s
}

.portfolio-item:hover .portfolio-item-information:before {
  background-color: rgba(0, 0, 0, .4)
}

.portfolio-item.hover-style .portfolio-item-information {
  top: 0
}

.portfolio-item.hover-style .portfolio-item-information__top {
  height: 100%;
  transition-delay: .4s;
  transform: translateY(0);
  opacity: 1
}

.portfolio-item.hover-style .portfolio-item-information__bottom {
  transition-delay: .6s;
  transform: translateY(0);
  opacity: 1
}

.portfolio-item.hover-style .portfolio-item-category {
  background-color: transparent;
  padding: 0
}

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

.portfolio-item-category {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 50px;
  background-color: rgba(0, 0, 0, .6)
}

@media only screen and (max-width:1770px) {
  .portfolio-item-category {
    padding: 10px 30px
  }
}

@media only screen and (max-width:991px) {
  .portfolio-item-category {
    display: none
  }
}

.portfolio-item-category span {
  display: inline-block;
  color: #fff;
  border-radius: 22px
}

.portfolio-item.mini-portfolio .portfolio-item-information {
  padding: 15px
}

.portfolio-item.mini-portfolio .portfolio-item-information .portfolio-item-information__company {
  font-size: 20px
}

@media only screen and (max-width:575px) {
  .portfolio-item.mini-portfolio .portfolio-item-information .portfolio-item-information__company {
    font-size: 24px
  }
}

.portfolio-item.mini-portfolio .portfolio-item-information .portfolio-item-category span {
  font-size: 16px
}

.portfolio-item-information {
  transition: top .15s ease-out;
  transition-delay: .2s;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  padding: 45px 50px;
  color: #fff
}

@media only screen and (max-width:1770px) {
  .portfolio-item-information {
    padding: 30px
  }
}

@media only screen and (max-width:991px) {
  .portfolio-item-information {
    top: 0
  }
}

.portfolio-item-information:before {
  background-color: rgba(0, 0, 0, .6);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transition: .3s
}

.portfolio-item-information__wrapper {
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

.portfolio-item-information__top {
  transform: translateY(-100%);
  opacity: 0
}

@media only screen and (max-width:991px) {
  .portfolio-item-information__top {
    transform: translateY(0);
    opacity: 1
  }
}

.portfolio-item-information__company {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 0
}

@media only screen and (max-width:1770px) {
  .portfolio-item-information__company {
    font-size: 20px
  }
}

.portfolio-item-information__who {
  font-size: 18px;
  font-weight: 400
}

@media only screen and (max-width:1770px) {
  .portfolio-item-information__who {
    font-size: 16px
  }
}

.portfolio-item-information__bottom {
  transform: translateY(100%);
  opacity: 0
}

@media only screen and (max-width:991px) {
  .portfolio-item-information__bottom {
    transform: translateY(0);
    opacity: 1
  }
}

.portfolio-text {
  padding-top: 60px
}

@media only screen and (max-width:450px) {
  .portfolio-text {
    padding-top: 30px
  }
}

.portfolio-text__title p {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 0
}

@media only screen and (max-width:450px) {
  .portfolio-text__title p {
    margin-bottom: 15px
  }
}

.portfolio-text__title strong {
  font-weight: 600
}

.portfolio-text__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  width: 100%;
  border-radius: 40px;
  padding-left: 25px;
  padding-right: 10px;
  color: #000;
  font-weight: 600;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px
}

.portfolio-text__more {
  display: none !important;
  font-size: 20px !important;
  -ms-flex-align: center;
  align-items: center;
  position: relative !important;
  padding: 0 20px !important
}

.portfolio-text__more .icon_arrow {
  top: 12px !important
}

.services {
  overflow: auto
}

.services__title {
  font-size: 58px
}

@media only screen and (max-width:1770px) {
  .services__title {
    font-size: 48px
  }
}

@media only screen and (max-width:1200px) {
  .services__title {
    font-size: 42px
  }
}

@media only screen and (max-width:991px) {
  .services__title {
    font-size: 38px
  }
}

@media only screen and (max-width:576px) {
  .services__title {
    font-size: 2rem
  }
}

.services a:hover {
  text-decoration: none !important
}

.services-item {
  background-color: #fff;
  position: relative;
  height: 480px;
  margin-bottom: 30px;
  border: 1px solid #8fbe00;
  color: #fff
}

.services-item .services-item__content-icon {
  fill: #fff
}

@media only screen and (max-width:1200px) {
  .services-item .services-item__content-icon {
    display: none
  }
}

@media only screen and (max-width:991px) {
  .services-item .services-item__content-icon {
    display: block
  }
}

@media only screen and (max-width:991px) {
  .services-item {
    height: auto;
    overflow: hidden
  }
}

.services-item .services-item__bg {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all .3s ease;
  position: absolute;
  top: 0;
  right: 0
}

@media only screen and (max-width:991px) {
  .services-item .services-item__bg {
    display: none
  }
}

.services-item .services-item__bg:before {
  background-color: rgba(143, 190, 0, .6);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.services-item .services-item__bg img {
  width: 100%
}

@media only screen and (max-width:1200px) {
  .services-item .services-item__bg img {
    width: auto;
    height: 100%
  }
}

.services-item__content {
  padding: 50px 55px;
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  overflow: hidden
}

@media only screen and (max-width:1200px) {
  .services-item__content {
    top: 10%;
    padding: 30px
  }
}

.services-item__content-icon {
  width: 65px;
  height: 65px;
  fill: #8fbe00;
  position: absolute;
  top: 50px;
  left: 55px;
  z-index: 2
}

@media only screen and (max-width:1200px) {
  .services-item__content-icon {
    top: 30px;
    left: 30px
  }
}

@media only screen and (max-width:991px) {
  .services-item__content-icon {
    display: none !important
  }
}

.services-item__content-icon.mobile-icon {
  display: none;
  position: static;
  fill: #8fbe00 !important;
  margin-right: 15px
}

@media only screen and (max-width:991px) {
  .services-item__content-icon.mobile-icon {
    display: block !important
  }
}

@media only screen and (max-width:576px) {
  .services-item__content-icon.mobile-icon {
    margin-bottom: 20px
  }
}

.services-item__content-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 34px
}

@media only screen and (max-width:1200px) {
  .services-item__content-title {
    font-size: 26px
  }
}

@media only screen and (max-width:991px) {
  .services-item__content-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000
  }
}

@media only screen and (max-width:576px) {
  .services-item__content-title {
    display: block;
    font-size: 22px;
    line-height: 28px;
    margin: 0
  }
}

.services-item__content-title a {
  color: inherit !important
}

@media only screen and (max-width:991px) {
  .services-item__content-title a {
    color: #212529 !important
  }
}

.services-item__content ul {
  padding: 0;
  height: 220px;
  list-style: none;
  overflow: hidden;
  margin: 0;
  transform: translateY(200%);
  transition: all .3s ease
}

@media only screen and (max-width:1200px) {
  .services-item__content ul {
    height: 260px;
    transform: translateY(0)
  }
}

@media only screen and (max-width:991px) {
  .services-item__content ul {
    height: auto !important
  }
}

.services-item__content ul li {
  margin-bottom: 10px
}

.services-item__content ul li:first-child {
  padding-top: 15px
}

.services-item__content ul a {
  color: #fff !important;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px dashed transparent;
  transition: all .3s ease
}

@media only screen and (max-width:991px) {
  .services-item__content ul a {
    color: #212529 !important
  }
}

.services-item__content ul a:hover {
  border-bottom: 1px dashed #fff
}

@media only screen and (max-width:991px) {
  .services-item__content ul a:hover {
    border-bottom: 1px dashed #212529
  }
}

@media only screen and (max-width:1200px) and (max-width:991px) {
  .services-item__content {
    position: static
  }
}

.services-item:hover .services-item__content ul {
  transform: translateY(0)
}

.hr {
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #ddd 50%, hsla(0, 0%, 100%, 0));
  width: 100%;
  height: 1px;
  margin: 45px 0
}

.bl-team {
  overflow: hidden
}

.bl-team,
.bl-team-list {
  height: 100vh;
  min-height: 480px;
  width: 100%
}

.bl-team-list {
  background-color: #202020;
  color: #fff;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  z-index: 60;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform .8s cubic-bezier(.4, 0, 1, 1)
}

.bl-team-list:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='812pt' height='228' viewBox='0 0 812 171' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23364800'%3E%3Cpath opacity='.4' d='M228.6 0h15.81c14.37 1.29 29.45 4.24 40.87 13.67 11.2 9.27 16.06 24.13 16.57 38.28.44 15.01-.16 30.04.32 45.05 4.58.34 9.39-.5 13.8 1.05 1.7 4.07.9 8.64 1.06 12.94-.28 8.67.39 17.37-.25 26.02-.15 3.45-4.4 2.87-6.79 3.04-12.03-.21-24.07.2-36.09-.2-7.5-.16-14.67-4.5-17.46-11.61-17.26 17.67-47.87 19.86-67.34 4.66-15.9-12.31-19.77-37-9.02-53.83 5.84-9.02 15.31-15.06 25.21-18.76 14.95-5.58 31-7.47 46.87-7.96-.53-3.48-.65-7.5-3.4-10.08-2.78-2.83-7-3.28-10.76-3.29-2.71.11-5.77.1-7.97 1.93-.68 3.17-.46 6.5-1.53 9.59-3.07.87-6.29.74-9.44.73-10.05-.15-20.1.01-30.14-.02-2.23.03-5.64-.25-5.69-3.2-.58-11.27-1.56-24.19 6.45-33.32C199.42 3.83 214.83 1.52 228.6 0m-16.16 5.56c-8.96 2.21-18.25 6.48-23.08 14.77-5.01 8.42-2.94 18.56-3.35 27.85 13.45.04 26.9-.03 40.35.04.1-2.71-.04-5.49.67-8.14 1.66-3.14 5.65-3.7 8.85-3.99 5.39-.3 11.66.25 15.49 4.54 3.53 3.99 3.54 9.61 3.74 14.62-10.46.25-20.94.96-31.23 2.96-13.29 2.58-27 7.06-36.8 16.85-14.12 13.97-13.11 39.3.98 52.92 9.84 9.77 24.5 13.24 37.99 11.7 12.89-1.29 25.1-8.23 32.55-18.88.22 3.41.34 7.11 2.6 9.9 3.32 4.63 9.27 6.31 14.73 6.28 12.69.06 25.38 0 38.07.02-.01-12.29.02-24.57-.02-36.85-4-.04-8.06.43-11.99-.43-2.78-.94-3.04-4.23-3.01-6.71 0-12.33.06-24.67 0-37 .02-12.39-2.6-25.5-10.81-35.19-8.91-10.65-22.87-15.33-36.26-16.94-13.12-1.47-26.58-1.38-39.47 1.68zM723.6 0h15.79c15.27 1.34 31.55 4.68 43.04 15.6 9.99 9.62 14.09 23.81 14.48 37.35.31 14.67-.17 29.35.25 44.02 4.95.3 10.23-.53 14.84 1.77v39.5c-3.5 2.53-7.99 1.69-12.01 1.8-11.03-.32-22.08.46-33.08-.4-6.85-.6-12.87-5.03-15.47-11.39-13.1 13.32-33.65 17.9-51.42 12.68-11.07-2.95-21.01-10.39-26.33-20.61-5.67-11.28-6.33-25.13-1.1-36.69 4.18-9.3 12.41-16.15 21.39-20.6 16.58-7.88 35.17-10.01 53.31-10.75-.63-4.35-1.37-9.66-5.87-11.73-4.97-2.07-11.1-2.32-16.02-.04-1.39 3.11-.63 6.79-1.9 9.98-5.72 1.41-11.68.46-17.49.68-8.03-.14-16.06.28-24.07-.1-1.8.08-3.7-1.09-3.71-3.04-.56-5.32-.29-10.69-.13-16.03.29-8.63 4.6-17.15 11.79-22.03 9.82-6.89 22.06-8.7 33.71-9.97m-26.36 9.13c-7.63 3.46-14.16 10.16-15.67 18.61-1.09 6.76-.39 13.63-.56 20.44 13.39-.08 26.79.2 40.17-.11.44-2.65.21-5.4.86-8.02 1.69-3.13 5.7-3.68 8.9-3.96 5.36-.3 11.59.27 15.41 4.51 3.54 4 3.57 9.63 3.76 14.65-11.47.26-22.98 1.12-34.22 3.56-12.47 2.74-25.23 7.34-34.27 16.73-13.81 14.24-12.44 39.53 1.91 52.9 9.87 9.45 24.33 12.77 37.65 11.23 12.84-1.32 24.99-8.26 32.42-18.87.25 3.2.26 6.67 2.24 9.39 3.24 5.01 9.52 6.87 15.22 6.8 12.64.05 25.29-.01 37.93.01 0-12.28.03-24.57-.01-36.85-4.01-.04-8.09.44-12.02-.44-2.34-.8-3-3.49-2.94-5.69-.12-7.99.04-15.98-.02-23.98-.12-10.69.69-21.6-2.17-32.04-2.45-9.69-8.18-18.65-16.51-24.31-11.17-7.7-25.03-10.06-38.34-10.61-13.41-.38-27.37.37-39.74 6.05zM3.11 3.36c3.58-.69 7.25-.31 10.87-.37 37.33.02 74.66 0 111.99.01 5.88.07 12.37.96 16.75 5.29 4.07 4.11 5.12 10.16 5.26 15.73.18 24.31-.25 48.63.21 72.93 3.91.27 7.84.07 11.74.41 1.9.07 3.47 1.74 3.24 3.68.24 10.99-.01 22.01.11 33.01.15 2.32-.31 5.62-3.25 5.77-12.31.48-24.66.01-36.98.2-6.61.05-14.05-.19-19.26-4.84-4.74-4.3-5.74-11.1-5.79-17.17-.13-23.99.25-47.98-.19-71.96-10.59-.52-21.2-.13-31.8-.23 0 29.4-.04 58.79.02 88.19-.13 1.68.08 3.6-1.01 5.02-1.43 1.09-3.35.87-5.03 1-12.68-.04-25.35-.04-38.03 0-1.81-.18-4.26.23-5.38-1.59-.93-2.7-.53-5.64-.61-8.45.07-28.06.02-56.12.02-84.19-4.4-.16-8.92.56-13.23-.49-2.25-.83-1.9-3.47-2.03-5.38C.75 29.59.76 19.26.72 8.92c.02-2.04 0-4.84 2.39-5.56m.65 2.65c-.01 12.27-.06 24.55.02 36.82 5.07-.01 10.14-.01 15.21 0 .02 31.39 0 62.78.01 94.17h43.99c.02-31.39-.01-62.78.02-94.17 11 .07 22-.17 32.99.09 3.28-.23 5.33 3.01 4.97 6 .08 23.01 0 46.03.03 69.04.01 5.1.63 10.78 4.39 14.59 3.8 3.8 9.5 4.42 14.61 4.45 13.42 0 26.83 0 40.25-.01 0-12.28.04-24.56-.03-36.83-4.01-.04-8.08.39-12.04-.38-2.92-.83-3.25-4.25-3.2-6.78.04-22.67.01-45.34.02-68-.02-5.1-.64-10.78-4.42-14.58-3.78-3.76-9.44-4.38-14.52-4.42-40.77 0-81.54-.01-122.3.01zM323.82 7.01c-.35-2.88 2.65-4.28 5.1-4 12.35-.05 24.72.02 37.08-.02 6.18.01 13.1.73 17.72 5.31 4.31 4.35 5.22 10.82 5.28 16.68.03 8.5-.02 17 0 25.5 11.33.03 22.67.03 34 .01.07-14.52-.13-29.05.07-43.56-.25-2.25 1.58-4.1 3.83-3.86 13.7-.18 27.41-.04 41.11-.06 2.46-.33 5.29 1.02 4.91 3.9.3 30.01-.21 60.04.26 90.05 4.14.32 8.33-.05 12.46.52 3.02.62 2.54 4.16 2.65 6.49-.15 10.68.12 21.37-.11 32.04.27 2.36-1.94 4.1-4.16 3.92-12.32.21-24.65-.02-36.97.09-6.29.02-13.31-.43-18.24-4.81-4.47-4.04-5.65-10.38-5.78-16.14-.1-9.02.01-18.04-.04-27.07H389c-.07 14.68.13 29.37-.07 44.05.26 2.26-1.57 4.12-3.83 3.88-12.7.23-25.42-.06-38.12.12-2.14-.09-4.39.16-6.42-.63-1.82-1.13-1.42-3.58-1.59-5.39.09-26.7-.04-53.4.07-80.1-.28-2.59.69-5.75-1.03-7.92-4.06-.62-8.28.4-12.26-.71-2.53-1.02-1.84-4.15-2.04-6.31.15-10.66-.12-21.33.11-31.98M326.76 6c-.02 12.28-.03 24.56.01 36.84 4 .05 8.08-.41 12.04.4 2.86.87 3.22 4.22 3.2 6.74C342 78.99 342 107.99 342 137h44c.01-16-.01-32 .01-48h39.98c.05 9.98-.04 19.96.03 29.94.06 4.79.85 10.05 4.37 13.61 3.78 3.79 9.47 4.42 14.57 4.45 13.42.01 26.85 0 40.29-.01.01-12.27.02-24.55-.01-36.83-3.74-.01-7.51.27-11.23-.2-2.02-.16-3.68-1.94-3.82-3.95-.37-2.96-.21-5.95-.21-8.93.04-27.03.01-54.05.02-81.08h-44c-.01 15.83 0 31.66 0 47.49-13.34.02-26.67.03-40-.01.01-8.17-.02-16.35.02-24.52-.03-5.74.31-12.06-3.14-16.99-3.29-4.74-9.47-5.9-14.86-5.95-13.76-.06-27.51 0-41.26-.02zM515.69 6.03c.31-2.98 4-3.02 6.27-3.06 30.01.06 60.02.02 90.03.03 7.85.14 16.48-.97 23.46 3.45 6.09 3.94 7.57 11.78 7.54 18.54-.17 24.45-.23 48.91-.48 73.37 4.68.6 9.85 1.19 13.37 4.7 4.35 4.43 5.32 10.97 5.38 16.92.02 14.33-.06 28.65.04 42.98-.06 2.18.03 4.47-.83 6.53-2.64 1.23-5.63.93-8.44.99-10.68-.18-21.36.13-32.03-.11-2 .19-3.69-1.37-3.81-3.32-.74-8.86.46-17.82-.54-26.66-1.2-.23-2.41-.37-3.62-.41-22.01.03-44.02.05-66.03-.01-1.47.15-4.19-.35-3.86 1.95-.5 8.04.17 16.11-.21 24.15.07 2.19-1.45 4.61-3.9 4.29-10.7.25-21.42-.06-32.12.12-2.82-.06-5.82.24-8.44-1.04-.76-2.04-.73-4.26-.77-6.41.1-14.34.02-28.69.04-43.03.06-5.95 1.01-12.5 5.38-16.92 4.01-3.95 9.98-4.38 15.3-4.73 11.68-14.77 12.12-34.58 12.32-52.55-4.39-.3-9.29 1.02-13.31-1.18-2.04-6.21-.44-13.1-.93-19.59.16-6.33-.34-12.69.19-19m2.82-.03c.01 12.29-.09 24.58.06 36.87 4.73-.08 9.46-.07 14.2.01-.14 13.09-.22 26.42-3.87 39.11-1.99 7.07-5.36 13.78-10.11 19.41-4.78.13-10.1.09-13.97 3.34-4.42 3.67-5.02 9.87-5.08 15.22.01 15.83-.01 31.65.02 47.47 13.08.03 26.16.02 39.24 0 .12-8.49-.23-16.99.12-25.48-.08-2.63 2.03-5.11 4.79-4.88 22-.21 44.03.05 66.04-.12 2.14.07 4.39-.13 6.46.57 2.4 1.17 2.55 4.15 2.6 6.47.04 7.82-.05 15.63-.01 23.45 13.08.01 26.17.02 39.25-.01.01-15.82 0-31.63.01-47.44-.08-5.16-.59-10.99-4.52-14.77-3.77-3.63-9.3-3.61-14.18-3.93.11-25.44.3-50.87.44-76.3-.01-5.08-.64-10.73-4.38-14.53-3.8-3.82-9.53-4.43-14.65-4.46H518.51z'/%3E%3Cpath opacity='.4' d='M574.02 42.83c6.25.22 12.58-.55 18.79.4 2.9.82 3.26 4.22 3.21 6.75-.04 17.15-.01 34.29-.03 51.44-11.86.02-23.71-.01-35.57.02 12.98-16.48 13.66-38.56 13.6-58.61m3.02 3c-.03 17.96-1.34 36.89-10.8 52.67 8.92-.13 17.83-.02 26.75-.07-.09-17.45.23-34.9-.17-52.34-5.25-.4-10.52-.32-15.78-.26zM237.22 82.36c6.03-1.35 12.24-1.41 18.39-1.38.2 6.15-1.3 12.46-5.35 17.23-5.14 6.62-14.28 10.95-22.56 8.12-6.05-2.02-9.23-9.92-5.8-15.42 3.36-5.15 9.62-7.23 15.32-8.55m-7.93 5.94c-2.84 1.57-5.94 4.04-5.82 7.63-.24 4.64 4.14 8.31 8.58 8.29 10.94.44 20.11-9.74 20.69-20.28-7.95.13-16.32.46-23.45 4.36zM730 82.9c6.7-1.85 13.7-1.97 20.6-1.92.21 6.17-1.3 12.49-5.37 17.26-5.13 6.6-14.25 10.9-22.51 8.1-6.04-2-9.24-9.85-5.85-15.36 2.85-4.55 8.16-6.71 13.13-8.08m-9.22 7.94c-4.72 3.97-1.65 12.12 4.12 13.07 11.65 2.22 22.31-8.76 22.83-19.97-9.23.2-19.63.5-26.95 6.9z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  width: 812px;
  height: 171px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.bl-team-list__active {
  transform: translateX(0)
}

.bl-team-list__active .team-slider__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width:576px) {
  .bl-team-list__active .team-slider__nav {
    bottom: 0;
    z-index: 10;
    right: 0;
    justify-content: flex-end;
  }
}

.about-content {
  position: relative
}

.about-content__title {
  font-family: Museo Cyrl, arial, sans-serif;
  font-size: 54px;
  font-weight: 700 !important
}

@media only screen and (max-width:450px) {
  .about-content__title {
    font-size: 40px
  }
}

.about-content__btn {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  border-radius: 40px !important;
  padding: 0 65px 0 25px !important;
  position: relative
}

.teeeeee {
  width: 100%;
  padding: 0 15px;
  position: relative;
  right: 64%;
  transition: right .8s cubic-bezier(.4, 0, 1, 1)
}

@media only screen and (min-width:2560px) {
  .teeeeee {
    right: 80%
  }
}

.teeeeee.index-team {
  width: 600px;
  overflow: hidden
}

.teeeeee.index-team.teeeeee__active {
  overflow: visible
}

@media only screen and (max-width:1200px) {
  .teeeeee.index-team {
    width: 500px
  }
}

@media screen and (max-height:768px) {
  .teeeeee.index-team {
    width: 450px
  }
}

@media only screen and (max-width:991px) {
  .teeeeee.index-team {
    width: 350px;
    right: -10%
  }
}

@media only screen and (max-width:450px) {
  .teeeeee.index-team {
    width: 250px;
    right: -10%
  }
}

.teeeeee__active {
  right: 0
}

.teeeeee__active .team-slide__info {
  animation: showNames .6s .8s forwards
}

.teeeeee__active .swiper-scrollbar {
  animation: showScrollbar .3s 1.7s forwards
}

@media only screen and (max-width:768px) {
  .teeeeee__active .swiper-scrollbar {
    animation: showScrollbar768 .3s 1.7s forwards
  }
}

.team-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  min-height: 480px
}

@media only screen and (max-width:768px) {
  .team-slider {
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 30px
  }
}

@media only screen and (max-width:475px) {
  .team-slider {
    height: auto;
    position: relative;
  }
}

.team-slider__back {
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 43px;
  left: 55px;
  transition: color .3s ease;
  z-index: 2
}

@media only screen and (max-width:576px) {
  .team-slider__back {
    left: 20px
  }
}

@media screen and (max-height:768px) {
  .team-slider__back {
    top: 30px
  }
}

.team-slider__back:hover {
  color: #8fbe00
}

.team-slider__nav {
  display: none;
  position: absolute;
  right: 0;
  bottom: 53px;
  left: 0;
  margin: auto
}

@media screen and (min-width:1200px) and (max-height:880px) {
  .team-slider__nav {
    bottom: 10px
  }
}

@media screen and (max-height:670px) {
  .team-slider__nav {
    bottom: 10px
  }
}

.team-slider__nav .promo-slider__prev {
  margin-right: 20px
}

.team-slider .swiper-scrollbar {
  background-color: #474747;
  top: -100px;
  right: 0 !important;
  left: 0 !important;
  margin: 0 auto !important;
  transition: top .3s ease
}

@media only screen and (max-width:768px) {
  .team-slider .swiper-scrollbar {
    display: none
  }
}

.team-slider .swiper-scrollbar-drag {
  background-color: #8fbe00
}

.team-slider .swiper-wrapper {
  height: auto !important
}

.bl-team.team-home {
  min-height: 100vh;
  padding: 4% 0
}

@media only screen and (max-width:768px) {
  .bl-team.team-home {
    padding: 40px 0;
    min-height: 800px;
    height: 100vh
  }
}

@media only screen and (max-width:500px) {
  .bl-team.team-home {
    height: auto;
    padding: 0 0 40px
  }
}

@media only screen and (max-width:992px) {
  .bl-team.team-home .team-slider .swiper-scrollbar {
    display: none
  }
}

@media only screen and (min-width:2560px) {
  .bl-team.team-home {
    min-height: 70vh;
    height: 70vh
  }

  .bl-team.team-home .bl-team-list {
    height: 70vh
  }
}

.icon_arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238fbe00' d='M160 115.4L180.7 96 352 256 180.7 416 160 396.7 310.5 256z'/%3E%3C/svg%3E");
  background-size: cover
}

.team-slide {
  transition: transform .6s ease
}

.team-slide__image {
  display: block;
  padding-bottom: 60px
}

.team-slide__image img {
  max-width: 100%
}

.team-slide__hands {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='137pt' height='125pt' viewBox='0 0 137 125' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238fbe00'%3E%3Cpath d='M55.31 10.45c-.42-3.07-1.84-7.42.75-9.78 6.9-.69 13.96-.1 20.93-.3 5.32-.29 10.77 1.76 14.34 5.77 4.07-1.73 9.29-1.35 12.34 2.19 2.49 2.6 3.19 6.5 2.26 9.93 5.76 1.08 9.62 7.41 7.8 13.03 4.46 1 8.17 4.97 8.23 9.64.29 1.68-.79 3.23-.57 4.86 7.17 1.31 9.81 11.37 4.77 16.41-8.8 8.87-17.61 17.72-26.44 26.56-6.86 6.8-16.18 11-25.81 11.72-1.05.03-2.02 1.07-1.76 2.16 3.98 2.09 8.52 1.98 12.8 2.19 5.24 4.83 10.09 10.08 15.16 15.09 2 1.47.44 5.15-2.01 4.66-1.51.06-2.27-1.47-3.27-2.32-4-4.07-8.08-8.05-12.08-12.13-5.24.18-10.56-1.03-15-3.88-6.06 5.79-11.8 11.92-17.8 17.76-2.27 2.26-6.01-1.52-3.77-3.82 7.99-8.09 16-16.16 24.03-24.21.94-1.06 2.49-.74 3.73-.94 8.21-.69 16.1-4.38 21.97-10.14 8.79-8.87 17.68-17.65 26.42-26.57 2.51-2.71.33-7.57-3.32-7.64-3.67-.21-5.06 3.91-7.92 5.34-2.27.88-4.52-2.02-3.17-4.02 2.52-2.82 5.44-5.28 7.91-8.15 2.65-3.64-1.91-8.93-5.9-6.79-3.32 2.41-5.76 5.88-8.98 8.43-2.4 1.16-5.02-2.02-3.3-4.1 3.31-3.58 6.97-6.84 10.25-10.45 2.93-3.67-1.89-9.32-5.97-6.84-3.98 3.22-7.22 7.31-11.06 10.72-2.25 1.6-5.34-1.43-3.77-3.71 4.24-4.72 9.18-8.83 13.26-13.69 2.61-4.07-3.16-9.14-6.84-6-6.11 5.98-12.16 12.05-18.11 18.18 5.37 6.3.11 17.03-8.19 16.49.25 5.73-4.81 10.57-10.44 10.54.25 5.69-4.84 10.53-10.45 10.44.52 7.59-8.6 12.98-15.1 9.11-8.8 8.93-17.67 17.79-26.53 26.66-2.31 2-5.82-1.5-3.8-3.79 8.65-8.99 17.81-17.53 26.25-26.68-3.13-3.36-7.77-6.27-8.05-11.32-.61-4.86 2.88-9.68 7.62-10.78-2.68-5.77 1.12-13.11 7.38-14.19-1.83-5.64 2.01-12.06 7.84-13.08-2.76-7.74 5.79-15.81 13.37-12.56m4.7-4.67c-.24 3.58 2.41 7.21 6.09 7.49 2.99.14 5.98-.07 8.97.11 2.28.88 2.36 4.35.01 5.23-3.31.04-6.65.33-9.95-.05 1.27 2.85 4.38 4.76 6.49 7.14 5.06-5.31 10.39-10.36 15.47-15.65-1.16-2.56-4.49-3.62-7.13-4.16-6.64-.29-13.3-.1-19.95-.11m-10.48 9.94c-2.7 1.18-3.54 5.1-1.49 7.24 5.3 5.36 10.6 10.73 15.94 16.05 1.59 1.9 4.72 2.2 6.57.5 1.89-1.52 2.23-4.6.62-6.44-5.26-5.49-10.72-10.79-16.08-16.2-1.33-1.54-3.72-2.17-5.56-1.15m-7.04 12.77c-3.12.75-4.53 5.01-2.37 7.42 4.81 4.82 9.48 9.81 14.47 14.43 3.81 2.82 9.18-2.31 6.57-6.25-4.26-4.82-9.04-9.18-13.52-13.8-1.22-1.47-3.24-2.42-5.15-1.8m-9.21 13.73c-2.35 1.55-2.72 5.26-.6 7.16 3.84 3.81 7.51 7.8 11.51 11.44 3.91 2.86 9.32-2.58 6.42-6.47-3.62-4-7.56-7.71-11.35-11.55-1.49-1.64-4.2-1.9-5.98-.58m-6.93 14.12c-2.23 1.52-2.6 5.05-.65 6.96 2.67 2.69 5.26 5.51 8.12 8 3.65 2.63 8.83-2.03 6.68-5.94-2.18-3.04-5.17-5.45-7.73-8.18-1.52-1.87-4.49-2.39-6.42-.84z'/%3E%3Cpath d='M119.47 75.62c3.11-1.98 5.94 3.52 2.43 4.9-3.07 1.41-5.33-3.39-2.43-4.9zM124.53 84.44c.58-1.62 2.34-3.14 4.12-2.2 2.98 2.43 5.32 5.61 8.35 8v1.46c-.16.01-.48.01-.64.02l-1.01 1.86-2.36.12c-2.95-2.9-6.7-5.45-8.46-9.26z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  width: 137px;
  height: 125px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

@media only screen and (max-width:1200px) {
  .team-slide__hands {
    width: 110px;
    height: 100px
  }
}

@media only screen and (max-width:991px) {
  .team-slide__hands {
    width: 90px;
    height: 80px;
    left: -46px
  }
}

@media only screen and (max-width:768px) {
  .team-slide__hands {
    display: none
  }
}

.team-slide__content {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 30px
}

@media only screen and (max-width:992px) {
  .team-slide__content {
    margin-top: 15px
  }
}

.team-slide__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  bottom: 0;
  right: -100%
}

@media only screen and (max-width:768px) {
  .team-slide__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.team-slide__info p {
  margin: 0
}

.team-slide__info-name {
  font-family: Museo Cyrl, arial, sans-serif;
  font-size: 22px
}

@media only screen and (max-width:992px) {
  .team-slide__info-name {
    font-size: 18px
  }
}

.team-slide__info-name span {
  color: #8fbe00
}

@media only screen and (max-width:768px) {
  .team-slide__info-name {
    width: 100%
  }
}

.team-slide__info-line {
  background-color: #8fbe00;
  width: 41px;
  height: 3px;
  border-radius: 2px;
  margin: 0 15px
}

@media only screen and (max-width:768px) {
  .team-slide__info-line {
    display: none
  }
}

.team-slide__info-position {
  font-size: 22px;
  font-weight: 300;
  font-style: italic
}

@media only screen and (max-width:992px) {
  .team-slide__info-position {
    font-size: 18px
  }
}

@media only screen and (max-width:768px) {
  .team-slide__info-position {
    width: 100%
  }
}

.team-slide__more {
  color: #252525;
  cursor: pointer;
  font-family: Museo Cyrl, arial, sans-serif;
  font-size: 22px;
  transition: color .3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 7px 0
}

@media only screen and (max-width:768px) {
  .team-slide__more {
    display: none
  }
}

.team-slide__more-line {
  background-color: #8fbe00;
  border-radius: 2px;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden
}

.team-slide__more .icon_arrow {
  width: 16px;
  height: 24px;
  position: absolute;
  top: 6px;
  right: 0
}

.team-slide__more:hover {
  color: #8fbe00
}

.team__btn {
  height: 45px;
  border-radius: 40px !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding: 0 85px 0 25px !important;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600 !important;
  margin-bottom: 50px;
  position: relative
}

.team__btn__icon {
  width: 20px;
  fill: #8fbe00;
  position: absolute;
  right: 10px
}

.team__btn:hover {
  background-color: #8fbe00;
  text-decoration: none;
  color: #fff
}

.team__btn:hover .team__btn__icon {
  fill: #fff !important
}

.btn-outline-light .btn-outline-light__icon {
  width: 24px;
  fill: #fff;
  position: absolute;
  right: 10px
}

.btn-outline-light:hover {
  background-color: #8fbe00;
  text-decoration: none;
  color: #fff
}

.btn-outline-light:hover .btn-outline-light__icon {
  fill: #212529 !important
}

.count {
  overflow: auto
}

.count-item__number {
  color: #8fbe00;
  font-size: 85px;
  font-weight: 300;
  line-height: 1
}

.count-item__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -.1px
}

.reviews-item {
  background-color: #fff;
  padding: 40px 25px
}

.reviews-item__image {
  display: block;
  width: 100px;
  margin: 0 auto 20px
}

@media only screen and (max-width:576px) {
  .reviews-item__image {
    margin: 0 0 20px
  }
}

.reviews-item__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px
}

.reviews-item__company {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 1rem
}

.reviews-item__text {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  line-height: 24px;
  padding: 0 40px;
  position: relative;
  margin-bottom: 20px
}

@media only screen and (max-width:576px) {
  .reviews-item__text {
    padding: 0
  }
}

.reviews-item__text:before {
  content: '"';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: .8;
  color: #8fbe00;
  height: 20px
}

@media only screen and (max-width:576px) {
  .reviews-item__text:before {
    display: none
  }
}

.reviews-item__text:after {
  content: '"';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: .8;
  color: #8fbe00;
  height: 20px
}

@media only screen and (max-width:576px) {
  .reviews-item__text:after {
    display: none
  }
}

.reviews-item__date {
  font-size: 15px;
  margin-bottom: 15px;
  display: block
}

.reviews-item__links {
  padding: 0 40px
}

@media only screen and (max-width:576px) {
  .reviews-item__links {
    padding: 0
  }
}

.reviews-item__link {
  color: #474747;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  border-bottom: 1px solid;
  display: inline-block;
  margin: 0 20px 15px 0
}

@media only screen and (max-width:400px) {
  .reviews-item__link {
    margin: 0 0 15px
  }
}

.reviews-item__link:hover {
  color: #8fbe00;
  text-decoration: none
}

.reviews-item__link_zoom {
  display: block
}

@media only screen and (max-width:576px) {
  .reviews-item__link_zoom {
    display: none
  }
}

.partners-item {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 155px;
  padding: 30px
}

.partners-item:hover {
  transition: box-shadow .15s ease-out;
  box-shadow: 1px 9px 30px rgba(0, 0, 0, .1)
}

.partners-item__image {
  max-width: 100%;
  max-height: 100%
}

.page-promo {
  position: relative;
  color: #fff;
  padding: 4% 0;
  background-position: top;
  background-attachment: fixed;
  background-size: cover
}

.page-promo:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6)
}

.page-promo.contacts {
  padding: 6% 0
}

.page-promo .container {
  position: relative
}

.page-promo .row {
  min-height: 200px
}

.page-promo .breadcrumb {
  padding: 0 0 20px !important
}

.page-promo h1 {
  font-size: 44px;
  font-weight: 300;
  margin-bottom: 20px
}

@media only screen and (max-width:991px) {
  .page-promo h1 {
    font-size: 30px
  }
}

@media only screen and (max-width:768px) {
  .page-promo h1 {
    font-size: 25px
  }
}

.company-text {
  overflow: hidden
}

.page-information {
  padding: 35px 15px 30px
}

.page-information__price,
.page-information h1 {
  font-size: 32px;
  font-weight: 300;
  margin: 0
}

.page-information__price {
  padding: 30px 0 15px
}

.page-information__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0
}

.page-information__btn {
  height: 45px;
  border-radius: 40px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 45px !important
}

.services-block {
  margin-bottom: 30px;
  box-shadow: 0 20px 50px rgba(0, 1, 0, .01)
}

.services-block__title {
  background-color: #8fbe00;
  border-top-right-radius: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 35px;
  padding-right: 50px;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: 600 !important;
  margin-bottom: 0 !important
}

@media only screen and (max-width:768px) {
  .services-block__title {
    font-size: 18px
  }
}

.services-block a:hover {
  text-decoration: none
}

.services-block__content {
  background-color: #fff
}

.services-block__item {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px 15px 35px 35px
}

@media only screen and (max-width:576px) {
  .services-block__item {
    padding: 20px
  }
}

.services-block__item_text {
  padding-right: 50px
}

@media only screen and (max-width:576px) {
  .services-block__item_text {
    padding-right: 0
  }
}

.services-block__item h3 {
  font-size: 21px;
  font-weight: 600;
  line-height: 22px
}

.services-block__item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.services-block__item a {
  color: inherit !important
}

.services-block__item .price-text {
  color: #8fbe00;
  font-weight: 600;
  font-size: 18px
}

.services-block__item:hover .btn-outline-primary {
  color: #fff !important;
  border-color: #fff !important
}

.services-block__item:hover .btn-outline-primary:hover {
  color: #8fbe00 !important;
  background-color: #fff !important
}

.services-block__item:hover .price-text {
  color: #fff
}

.services-block-items .services-block-items__item {
  color: #000;
  position: relative;
  background-color: #fff
}

.services-block-items .services-block-items__item:hover {
  background-color: #8fbe00;
  color: #fff;
  text-decoration: none
}

.services-block-items .services-block-items__item:not(:nth-last-child(-n+2)) {
  border-bottom: 1px solid #e7e7e7
}

.services-block-items .services-block-items__item:nth-child(odd) {
  border-right: 1px solid #e7e7e7
}

@media only screen and (max-width:991px) {
  .services-block-items .services-block-items__item:nth-child(odd) {
    border-right: none
  }
}

.services-block-items .services-block-items__item .services-block__circle {
  border: 1px solid #8fbe00;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width:576px) {
  .services-block-items .services-block-items__item .services-block__circle {
    display: none
  }
}

.services-block-items .services-block-items__item .services-block__circle:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%238fbe00'/%3E%3C/svg%3E");
  width: 12px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.services-block-items .services-block-items__item:hover .services-block__circle {
  border: 1px solid #fff
}

.services-block-items .services-block-items__item:hover .services-block__circle:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.services-block-items .services-block-items__item:hover .services-block__circle:not(:nth-last-child(-n+2)) .services-block__item {
  border-bottom: 1px solid #e7e7e7
}

.services-block-items .services-block-items__item:hover .services-block__circle:nth-child(2n) .services-block__item {
  border-left: 1px solid #e7e7e7
}

.advantages {
  overflow: auto
}

.advantages__title {
  font-size: 48px;
  font-weight: 300
}

.advantages-list-item__icon {
  width: 74px;
  height: 74px;
  fill: #8fbe00
}

.advantages-list-item__title {
  font-size: 18px;
  font-weight: 600
}

.advantages-list-item__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.b-blog-item {
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 6px;
  overflow: hidden;
  color: #000;
  display: block
}

.b-blog-item:hover {
  transition: box-shadow .15s ease-out;
  box-shadow: 1px 9px 30px rgba(0, 0, 0, .1);
  text-decoration: none;
  color: #000
}

.b-blog-item__infromation {
  padding: 25px 25px 20px
}

.b-blog-item__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 10px
}

.b-blog-item__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 15px
}

.b-blog-item__date {
  color: gray;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px
}

.stages-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width:991px) {
  .stages-wrapper {
    display: none;
    -ms-flex-pack: initial;
    justify-content: initial;
    overflow-x: scroll
  }
}

.work-item {
  position: relative;
  padding-top: 35px;
  text-align: center;
  max-width: 170px
}

.work-item:after {
  background-color: #8fbe00;
  width: 100%;
  height: 5px;
  content: "";
  position: absolute;
  top: 8px;
  left: 0
}

.work-item:before {
  background-color: #fff;
  border: 3px solid #8fbe00;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px
}

.work-item:first-child:after {
  left: 50%;
  width: 50%
}

.work-item:last-child:after {
  width: 50%
}

.work-item__content {
  padding: 0 10px
}

.work-item__count {
  color: #c6c6c6;
  font-size: 30px;
  font-weight: 900;
  line-height: 20px;
  margin-bottom: 15px
}

.work-item__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: color .3s ease
}

.work-item__title.active {
  color: #8fbe00;
  font-weight: 600
}

.work-item__title:hover {
  color: #8fbe00
}

.work-item__text {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px
}

.work-prototype-item {
  margin-bottom: 20px
}

.work-prototype-item img {
  display: block;
  margin: 0 auto
}

.b-text__content h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 25px
}

@media only screen and (max-width:525px) {
  .b-text__content h2 {
    line-height: 1.5
  }
}

.b-text__content p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 25px
}

.b-text__content strong {
  display: inline
}

.b-text__content img {
  height: auto
}

.b-text__content:last-child {
  margin-bottom: 0 !important
}

.b-text__content table p {
  margin-bottom: 0
}

.b-text__image {
  display: block
}

.b-collapse-content,
.b-text__image {
  margin-bottom: 30px
}

.b-collapse-content__item {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.b-collapse-content__item:not(:last-child) {
  border-bottom: 1px solid #e8e8e8
}

.b-collapse-content__header {
  position: relative;
  padding: 0 100px 0 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  width: 100%;
  cursor: pointer
}

@media only screen and (max-width:400px) {
  .b-collapse-content__header {
    padding: 0 65px 0 15px
  }
}

.b-collapse-content__header_active .b-collapse-content__arrow,
.b-collapse-content__header_active:before {
  transform: rotate(-90deg)
}

.b-collapse-content__arrow {
  width: 36px;
  height: 36px;
  border: 2px solid #8fbe00;
  border-radius: 60px;
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto
}

.b-collapse-content__arrow:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' stroke='%238fbe00' fill='%238fbe00'/%3E%3C/svg%3E");
  width: 12px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(90deg);
  transition: all 1.2s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (max-width:400px) {
  .b-collapse-content__arrow {
    right: 15px
  }
}

.b-collapse-content__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px
}

@media only screen and (max-width:400px) {
  .b-collapse-content__title {
    font-size: 18px
  }
}

.b-collapse-content__text {
  padding: 0 100px 0 30px;
  overflow: hidden;
  -ms-flex-order: 1;
  order: 1;
  transition: all .3s ease-out
}

@media only screen and (max-width:400px) {
  .b-collapse-content__text {
    padding: 0 15px
  }
}

.b-seotext {
  display: none
}

.b-seotext__content {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.01px;
  overflow: hidden;
  transition: all .3s ease-out
}

.b-seotext__link {
  color: #999;
  border-bottom: 1px dashed
}

.b-seotext__link:hover {
  color: #999;
  text-decoration: none
}

.b-seotextp-block {
  padding-bottom: 30px
}

.footer-top {
  background-color: #191614;
  overflow: hidden
}

.footer-top-order-container {
  position: relative
}

@media only screen and (max-width:1400px) {
  .footer-top-order-container {
    width: 1000px
  }
}

@media only screen and (max-width:1200px) {
  .footer-top-order-container {
    width: 845px
  }
}

@media only screen and (max-width:575px) {
  .footer-top-order-container {
    width: auto
  }
}

.footer-top-order-container:before {
  border-bottom: 2px dashed #fff;
  border-left: 2px dashed #fff;
  border-bottom-left-radius: 30px;
  width: 80px;
  height: 322px;
  content: "";
  position: absolute;
  top: -6px;
  left: -53px;
  transform: rotate(-7deg);
  z-index: 1
}

@media only screen and (max-width:576px) {
  .footer-top-order-container:before {
    display: none
  }
}

.footer-top-order-container:after {
  border-bottom: 2px dashed #fff;
  border-right: 2px dashed #fff;
  border-bottom-right-radius: 30px;
  width: 80px;
  height: 322px;
  content: "";
  position: absolute;
  top: -6px;
  right: -53px;
  transform: rotate(7deg);
  z-index: 1
}

@media only screen and (max-width:576px) {
  .footer-top-order-container:after {
    display: none
  }
}

.footer-top-order-container__form {
  position: relative;
  z-index: 2;
  display: block;
  padding-top: 60px;
  background-color: #191614;
  border-bottom: 2px dashed #fff
}

@media only screen and (max-width:576px) {
  .footer-top-order-container__form {
    border-bottom: 2px none
  }
}

.footer-socnets a {
  display: inline-block;
  margin-right: 18px
}

.b-sidebar {
  background-color: #fff;
  margin-bottom: 30px
}

.b-sidebar-services__link {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px;
  color: #000;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px
}

.b-sidebar-services__link:not(:last-child) {
  border-bottom: 1px solid #e8e8e8
}

.b-sidebar-services__link:hover {
  background-color: #8fbe00;
  color: #fff;
  text-decoration: none
}

.b-sidebar-consult {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.b-sidebar-consult__fixed {
  position: fixed
}

.b-sidebar-consult__stop {
  position: relative
}

.b-sidebar-consult__image {
  margin-bottom: 30px
}

.b-sidebar-consult__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0
}

.b-sidebar-consult__position {
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0
}

.b-sidebar-consult__text {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  margin: 15px 0 0
}

.b-sidebar-consult__phone {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 20px 0 0
}

.b-sidebar-consult__phone:hover {
  color: #8fbe00;
  text-decoration: none
}

.b-sidebar-consult__email {
  color: #474747;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px dashed;
  margin: 20px 0 0
}

.b-sidebar-consult__email:hover {
  color: #8fbe00;
  text-decoration: none
}

.b-sidebar-consult.manager-slider {
  width: 100%;
  overflow: hidden
}

.b-sidebar-consult.manager-slider .manager-slide {
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px
}

.b-sidebar-consult.manager-slider .manager-slide,
.tab-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.tab-buttons {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: between;
  justify-content: between;
  margin-top: 20px
}

.tab-buttons .btn {
  margin-bottom: 15px
}

.tab-buttons .btn-transparent:last-child {
  margin-right: 0
}

.tab-buttons .btn-transparent.active,
.tab-buttons .btn-transparent.active:hover {
  background-color: #fff;
  border: 1px solid #8fbe00 !important
}

.tab-buttons div.btn-transparent.active {
  padding-right: 40px !important;
  position: relative
}

.tab-buttons div.btn-transparent.active:after,
.tab-buttons div.btn-transparent.active:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 18px;
  height: 1px;
  background: #8fbe00
}

.tab-buttons div.btn-transparent.active:before {
  transform: rotate(45deg)
}

.tab-buttons div.btn-transparent.active:after {
  transform: rotate(-45deg)
}

.footer-form {
  color: #fff;
  height: 316px
}

@media only screen and (max-width:576px) {
  .footer-form {
    height: auto
  }
}

.footer-form__title {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0
}

.footer-form__text {
  font-size: 16px;
  font-weight: 300;
  font-style: italic
}

.site-info {
  background-color: #fff;
  padding: 30px 0
}

.site-info__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width:1200px) {
  .site-info__item {
    -ms-flex-pack: initial;
    justify-content: initial
  }
}

.site-info .breadcrumb {
  padding: 0 !important;
  margin: 0 !important
}

.site-info .work-logo {
  width: 200px
}

.site-info-done__title {
  font-size: 24px
}

.done-item,
.site-info-done__list {
  display: -ms-flexbox;
  display: flex
}

.done-item {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

.done-item__image {
  margin-right: 10px;
  max-width: 51px;
  max-height: 51px
}

.done-item__title {
  line-height: 21px;
  margin-bottom: 0
}

.site-info-textgroup__label {
  color: #888;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 4px
}

.site-info-textgroup__text {
  color: #000;
  font-size: 18px
}

.work-general {
  padding: 40px 0
}

.work-general__text {
  text-align: center;
  margin-bottom: 38px
}

.work-general__text-title {
  font-size: 24px;
  margin-bottom: 20px
}

.work-general__text-description {
  font-size: 24px;
  line-height: 33px;
  font-weight: 300
}

.work-general__page {
  text-align: center
}

.work-general__page-label {
  color: #999;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 20px
}

.work-general__page-image {
  background-color: #fff;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 7px 37px rgba(0, 0, 0, .15);
  display: block
}

.work-general__page-image img {
  width: 100%
}

.work-inner-pages {
  background: #fff
}

.work-inner-pages figure {
  margin-bottom: 30px
}

.mobile-version,
.work-inner-pages .work-general__page-image {
  box-shadow: none !important
}

.mobile-version {
  position: relative;
  background: transparent !important;
  margin-bottom: 30px
}

.mobile-version-border {
  display: block;
  opacity: .35
}

.mobile-version-img {
  position: absolute;
  background-size: cover;
  left: 2%;
  top: 12%;
  width: 96%;
  height: 78.3%
}

.mobile-version.tablet-version .mobile-version-img {
  left: 8.5%;
  top: 12%;
  width: 82%;
  height: 78.3%
}

.projects-nav {
  background: #fff;
  padding: 3.7% 0
}

.projects-nav .btn {
  height: 45px;
  border-radius: 40px !important;
  line-height: 30px;
  padding: .375rem 1rem;
  display: block;
  cursor: pointer
}

@media only screen and (max-width:1200px) {
  .projects-nav .btn {
    display: none
  }
}

.projects-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  color: #212529;
  font-size: 18px
}

.projects-arrow:hover {
  text-decoration: none
}

.projects-arrow:active,
.projects-arrow:visited {
  color: inherit
}

.projects-arrow.projects-prev {
  padding-left: 70px;
  background-image: url(/assets/img/arr-left.png);
  background-position: 0 15%
}

.projects-arrow.projects-next {
  padding-right: 70px;
  background-image: url(/assets/img/arr-right.png);
  background-position: 100% 15%;
  text-align: right;
  margin-left: auto;
  display: block
}

.projects-arrow strong {
  display: block;
  font-weight: 400;
  font-size: 1.3em
}

.projects-arrow:hover strong {
  color: #8fbe00
}

@media only screen and (max-width:991px) {
  .projects-arrow {
    font-size: 16px
  }
}

@media only screen and (max-width:768px) {
  .projects-arrow {
    width: 34px;
    height: 27px;
    background-position: 50% !important;
    padding: 0 !important
  }

  .projects-arrow i,
  .projects-arrow strong {
    display: none
  }
}

.work-slider {
  background-color: #fff;
  padding: 40px 0;
  position: relative;
  overflow: hidden
}

.work-slider-swiper {
  width: 770px;
  margin: 0 auto
}

@media only screen and (max-width:768px) {
  .work-slider-swiper {
    width: 100%
  }
}

.work-slider-swiper .swiper-slide {
  opacity: .25;
  transition: opacity .3s ease-out
}

.work-slider-swiper .swiper-slide-active {
  opacity: 1
}

.work-slider-swiper .swiper-pagination {
  margin-top: 40px;
  position: relative !important;
  bottom: 0 !important
}

.work-slider-swiper .swiper-pagination-bullet {
  background: none !important;
  border: 1px solid #8fbe00 !important;
  width: 12px;
  height: 12px;
  opacity: 1 !important;
  margin: 0 10px !important;
  outline: none
}

.work-slider-swiper .swiper-pagination-bullet-active {
  background-color: #8fbe00 !important
}

.contacts-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}

.contacts-list__item {
  margin-bottom: 30px
}

.contacts-list__item:not(:last-child) {
  margin-right: 70px
}

.contacts-list__item-label {
  color: #7a7a7a;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 5px
}

.contacts-list__item-value {
  color: #000;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0;
  max-width:300px;
}

.contacts-list__item-value:hover {
  text-decoration: none
}

.contacts-list__item-value_phone {
  font-size: 32px;
  line-height: 1
}

@media only screen and (max-width:450px) {
  .contacts-list__item-value_phone {
    font-size: 28px
  }
}

.contacts-director {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px
}

@media only screen and (max-width:768px) {
  .contacts-director {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.contacts-director__person {
  text-align: center;
  margin-right: 64px
}

@media only screen and (max-width:768px) {
  .contacts-director__person {
    width: 100%;
    margin-right: 0
  }
}

.contacts-director__person-image {
  border-radius: 50%;
  margin-bottom: 30px
}

.contacts-director__person-name {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 5px
}

.contacts-director__person-position {
  color: #777;
  font-size: 15px;
  line-height: 1
}

.contacts-director__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 90px
}

@media only screen and (max-width:1200px) {
  .contacts-director__text {
    padding-bottom: 0
  }
}

@media only screen and (max-width:768px) {
  .contacts-director__text {
    width: 100%
  }
}

.contacts-director__text p {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 0
}

@media only screen and (max-width:768px) {
  .contacts-director__text p {
    font-size: 22px;
    line-height: 28px
  }
}

.contacts-recall {
  background-color: #fff;
  border-radius: 6px;
  padding: 25px;
  margin-bottom: 40px
}

@media only screen and (max-width:450px) {
  .contacts-recall {
    padding: 15px
  }
}

.contacts-recall__title {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 20px
}

@media only screen and (max-width:450px) {
  .contacts-recall__title {
    font-size: 22px
  }
}

.contacts-recall__form {
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end
}

.contacts-recall__form,
.contacts-recall__form-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap
}

.contacts-recall__form-item {
  flex-wrap: wrap;
  margin-right: 30px;
  margin-bottom: 14px;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width:768px) {
  .contacts-recall__form-item {
    margin-right: 0;
    -ms-flex: 1 100%;
    flex: 1 100%
  }
}

.contacts-recall__form-label {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 14px;
  text-transform: uppercase
}

@media only screen and (max-width:450px) {
  .contacts-recall__form-label {
    font-size: 14px
  }
}

.contacts-recall__form-input {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  padding-left: 20px
}

.contacts-recall__form .btn {
  border-radius: 7px;
  width: 170px;
  height: 50px;
  margin-bottom: 14px
}

@media only screen and (max-width:768px) {
  .contacts-recall__form .btn {
    width: 100%
  }
}

.contacts-recall .privacy-text {
  color: #bfbfbf;
  line-height: 22px;
  margin-bottom: 0
}

@media only screen and (max-width:450px) {
  .contacts-recall .privacy-text {
    font-size: 14px
  }
}

.contacts-socials__title {
  font-size: 26px;
  margin-bottom: 20px
}

.contacts-socials__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.contacts-socials__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  margin-bottom: 30px
}

.contacts-socials__item:not(:last-child) {
  margin-right: 125px
}

@media only screen and (max-width:768px) {
  .contacts-socials__item:not(:last-child) {
    margin-right: 68px
  }
}

.contacts-socials__item-icon {
  width: 50px;
  height: 50px;
  margin-right: 18px
}

.contacts-socials__item-title {
  font-size: 22px;
  margin-bottom: 0
}

.contacts-map {
  background-color: #c3c3c3;
  border-radius: 4px;
  width: 100%;
  height: 500px
}

.map-marker {
  margin:-30px 0 0 -30px;
  padding:10px;
  border-radius:100%;
  background:#8fbe00;
  width:60px;
  height:60px;
}

.map-marker img {
  display:block;
  width:40px;
  height:40px;
}

.blog-list,
.contacts-map {
  margin-bottom: 30px
}

.blog-list__item {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding: 20px
}

@media only screen and (max-width:768px) {
  .blog-list__item {
    padding: 0
  }
}

@media only screen and (max-width:768px) {
  .blog-list__item__image {
    padding: 20px 35px
  }
}

.blog-list__item-image {
  border-radius: 6px
}

@media only screen and (max-width:768px) {
  .blog-list__item-content {
    padding: 0 20px
  }
}

.blog-list__item-title {
  font-size: 20px
}

.blog-list__item-title a {
  color: #000
}

.blog-list__item-introtext {
  font-size: 14px;
  line-height: 20px;
  height: 62px;
  overflow: hidden
}

.blog-list__item-date {
  color: #909090;
  font-size: 15px
}

.footer-form-wrapper label {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase
}

.footer-form-wrapper input {
  height: 50px;
  border: 1px solid #fff;
  background-color: hsla(0, 0%, 100%, .3);
  color: #fff
}

.footer-form-wrapper__btn {
  height: 50px
}

.footer-form-wrapper__bl {
  padding-top: 24px;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:576px) {
  .footer-form-wrapper__bl {
    padding-top: 0;
    padding-bottom: 20px
  }
}

.footer-form-wrapper .politics {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px
}

.footer-form-wrapper .politics .c-pointer:hover,
.footer-top-container {
  color: #fff
}

.footer-top-container__title {
  font-size: 48px;
  font-weight: 300 !important;
  margin: 70px 0 50px;
  line-height: 1
}

@media only screen and (max-width:1200px) {
  .footer-top-container__item:first-child {
    display: none
  }
}

.f-t-c-item__title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  padding-bottom: 24px;
  margin-bottom: 0
}

.f-t-c-item__link {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0
}

.f-t-c-item__link:hover {
  color: #8fbe00
}

.footer-top-container-city {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-right: 50px;
  margin-bottom: 40px;
  transition: color .3s ease
}

.footer-top-container-city:hover {
  color: #8fbe00
}

.footer-top-container-city__icon {
  display: block;
  width: 19px;
  height: 19px;
  fill: #8fbe00;
  margin-right: 6px
}

.f-t-c-phones__item {
  margin-bottom: 33px
}

.f-t-c-phones__value {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: .75px;
  color: #fff;
  line-height: 1
}

@media only screen and (max-width:1400px) {
  .f-t-c-phones__value {
    font-size: 24px
  }
}

@media only screen and (max-width:1200px) {
  .f-t-c-phones__value {
    font-size: 20px
  }
}

.f-t-c-phones__value:hover {
  color: #8fbe00;
  text-decoration: none
}

.f-t-c-phones__name {
  color: #8e8e8e;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: .38px
}

.footer-bottom {
  background-color: #000;
  color: #fff;
  padding: 13px 0
}

.footer-bottom .title {
  margin-right: 15px
}

.footer-bottom .privacy {
  cursor: pointer;
  border-bottom: 1px dashed;
  display:inline-block;
}

.footer-bottom p {
  margin: 0
}

.footer-bottom .dev {
  color: #8c8c8c
}

.footer-bottom .dev .panda {
  color: #8c8c8c;
  font-weight: 600
}

.footer-bottom .dev .panda:hover {
  color: #7ac700;
  text-decoration: none
}

#mobileMenu .modal-content {
  background: transparent;
  border: none
}

#mobileMenu .modal-header {
  border-bottom: none
}

#mobileMenu ul {
  font-size: 20px;
  line-height: 2
}

#mobileMenu a,
#mobileMenu a:active,
#mobileMenu a:visited {
  color: #000
}

.mobile-menu {
  width: 60%;
  background-color: #8fbe00;
  left: auto;
  right: 0;
  transform: translateX(100%);
  transition: .3s 0s
}

@media only screen and (max-width:575px) {
  .mobile-menu {
    width: 100%
  }
}

.mobile-menu.show {
  transform: translateX(0)
}

.mobile-menu__wrapper {
  background-color: #fff;
  border-radius: 7px;
  margin-left: 15px;
  padding: 15px;
  margin-bottom: 15px
}

@media only screen and (max-width:575px) {
  .mobile-menu__wrapper {
    margin-left: 0
  }
}

.mobile-menu__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.mobile-menu__main-link {
  font-size: 18px;
  font-weight: 600
}

.mobile-menu__main-icon {
  width: 30px;
  height: 30px;
  fill: #000;
  margin-right: 10px
}

.mobile-menu__socials {
  display: -ms-flexbox;
  display: flex
}

.mobile-menu__socials-item {
  margin-right: 15px
}

.mobile-menu__socials-item img {
  height: 22px
}

.content-text {
  padding-bottom: 20px
}

.content-text h2 {
  font-size: 30px
}

.content-text h3 {
  font-size: 28px
}

.content-text h4 {
  font-size: 26px
}

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

.pagination ul {
  margin-top: 20px
}

.pagination a,
.pagination span {
  display: block;
  padding: 8px 16px;
  background: #fff
}

.pagination a:hover {
  background: #8fbe00
}

.pagination a:active,
.pagination a:hover {
  color: #fff;
  text-decoration: none
}

.pagination a:visited {
  color: inherit;
  text-decoration: none
}

.pagination .active a {
  background: #8fbe00;
  color: #fff
}

.req {
  display: none !important
}

.modal-dialog.modal-document {
  max-width: 1100px
}

.modal .politics {
  font-size: 12px;
  color: gray
}

.politics a, .contacts-recall .privacy-text a, .privacy a {
    color:inherit;
}

.politics a, .contacts-recall .privacy-text a {
    text-decoration:underline;
}

.politics a:hover, .politics u:hover, .contacts-recall .privacy-text a:hover, .contacts-recall .privacy-text u:hover, .privacy a:hover {
    text-decoration:none;
}

#cityModal .city-list {
  column-count: 3;
  margin-bottom: 15px
}

#cityModal .city-list .city-item {
  display: inline-block;
  color: #8fbe00;
  margin-bottom: 5px;
  border-bottom: 1px dashed #8fbe00;
  text-decoration: none;
  transition: .3s 0s
}

#cityModal .city-list .city-item:hover {
  color: #8fbe00 !important;
  border-bottom: 1px solid #8fbe00
}

#cityModal .city-list .city-item:active {
  color: #8fbe00 !important
}

.gallery-slider {
  overflow: hidden
}

.portfolio .promo-slider__prev {
  margin-right: 20px
}

.wins-slider {
  overflow: hidden
}

.win-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  padding: 50px 20px;
  background: #fff;
  text-align: center;
  font-size: 14px
}

.win-item_title {
  text-transform: uppercase
}

.win-item img {
  display: inline-block;
  margin: auto;
  width: 70%
}

.win-item h3 {
  font-size: 24px
}

.win-item_text {
  margin: 30px 0;
  height: 64px;
  overflow: hidden
}

.all-sliders__next,
.all-sliders__prev {
  border: 1px solid #8fbe00 !important;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .3s ease;
  outline: none !important;
  box-shadow: none !important
}

.all-sliders__next:before,
.all-sliders__prev:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%238fbe00'/%3E%3C/svg%3E");
  width: 12px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: background-image .3s ease
}

.all-sliders__next:hover,
.all-sliders__prev:hover {
  background: #8fbe00
}

.all-sliders__next:hover:before,
.all-sliders__prev:hover:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.all-sliders__prev {
  margin-right: 20px
}

.all-sliders__prev:before {
  transform: rotate(180deg)
}

.abs-img {
  position: relative;
  display: block
}

.abs-img_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top;
  background-size: cover
}

.stages-slider-wrapper {
  padding: 0 51px;
  margin: 30px 0
}

@media only screen and (max-width:768px) {
  .stages-slider-wrapper {
    padding: 0
  }
}

.stage-slide {
  padding: 20px 30px;
  background: #fff
}

.stage-slide__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}

#stagesSlider .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 10
}

#stagesSlider .slick-arrow.all-sliders__prev {
  left: -51px;
  margin-right: 0
}

@media only screen and (max-width:768px) {
  #stagesSlider .slick-arrow.all-sliders__prev {
    left: -10px
  }
}

#stagesSlider .slick-arrow.all-sliders__next {
  right: -51px
}

@media only screen and (max-width:768px) {
  #stagesSlider .slick-arrow.all-sliders__next {
    right: -10px
  }
}

.all-sliders__next.slick-disabled,
.all-sliders__prev.slick-disabled {
  background: transparent !important;
  cursor: default
}

.all-sliders__next.slick-disabled:before,
.all-sliders__prev.slick-disabled:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%238fbe00'/%3E%3C/svg%3E") !important
}

@media only screen and (max-width:992px) {

  .offer-block,
  .offer-section h2 {
    text-align: center
  }
}

@media only screen and (max-width:992px) {
  .offer-block__image {
    display: none
  }
}

.offer-block__image img {
  display: block;
  width: 100%
}

.offer-block .btn {
  margin: 0 15px 15px 0
}

@media only screen and (max-width:992px) {
  .offer-block .btn {
    margin: 0 auto 15px
  }
}

.rounded10 {
  border-radius: 10px;
  overflow: hidden
}

.promo-banner {
  display: block;
  cursor: pointer
}

.promo-banner img {
  display: block;
  width: 100%
}

.modal .modal-content .modal-header .modal-title {
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.5
}

.modal .modal-content .modal-header .close {
  width: 50px;
  height: 50px;
  font-size: 50px;
  padding: 0;
  margin-bottom: 10px;
  color: #696969
}

.modal .modal-content form .modal-body .form-group label {
  display: inline-block;
  margin-bottom: .5rem
}

.modal .modal-content form .modal-body .form-group .controls .form-control {
  border: 1px solid #8fbe00
}

.modal .modal-content form .modal-body .form-group .controls .error_name {
  color: brown
}

.modal .modal-content form .modal-body .form-group.politics {
  font-size: 12px;
  color: gray
}

.modal .btn-modal {
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  border: none;
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(180deg, #6c9b00 38%, #8fbe00);
  overflow: hidden
}

.modal .btn-modal span {
  position: relative
}

.modal .btn-modal:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transition: all .25s ease
}

.modal .btn-modal:hover:before {
  transform: translateX(0);
  background: #8acd00
}

.modal .btn-modal_close {
  display: block;
  margin-left: auto
}

.back_to_top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #6b8715;
  color: #fff !important;
  cursor: pointer;
  border-radius: 2px;
  display: none;
  transition: all .5s ease-in
}

.back_to_top:hover {
  background: #e9ebec
}

@media screen and (max-width:991px) {
    .back_to_top {right:20px;bottom:20px;}
}

.article_decoration_first a {
  word-break: break-all
}

.icon-zoom {
  position: relative;
  transition: all .2s ease;
  cursor: pointer
}

.icon-zoom:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #8fbe00;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-image: url(/assets/img/svg/zoom.svg);
  z-index: 5;
  transition: all .2s ease;
  transform: translate(-50%, -50%)
}

.icon-zoom:hover {
  opacity: .8
}

.icon-zoom:hover:after {
  width: 70px;
  height: 70px;
  background-color: #9bcd02
}

#worksPagesModal .modal-header {
  padding: 0
}

#worksPagesModal .modal-header .close {
  position: fixed;
  top: 0;
  right: 20px;
  background: #2f2f2f;
  color: #fff;
  margin: 0;
  z-index: 1000
}

#worksPagesModal .modal-content {
  background: transparent;
  border: none
}

#worksPagesModal img {
  margin-bottom: 20px
}

.quiz-block {
  padding: 30px 35px;
  background: #fff;
  text-align: center;
  box-shadow: 0 5px 8px 2px rgba(0, 0, 0, .1);
  margin-bottom: 30px
}

.quiz-block h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px
}

.quiz-block-text {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 10px
}

.quiz-block-strong {
  font-size: 16px;
  font-weight: 700;
  padding-top: 15px;
  border-top: 1px solid #dcedcd;
  margin-bottom: 20px
}

.quiz-block-strong p {
  margin-bottom: 0
}

.quiz-block-strong .text-green {
  font-size: 20px
}

.quiz-block .btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 35px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #e63122;
  border-radius: 20px;
  outline: none !important;
  border: none !important;
  margin-bottom: 40px
}

.quiz-block .btn:focus,
.quiz-block .btn:hover {
  background-color: #a72419
}

#pandaSlider {
  opacity: 0
}

#pandaSlider.slick-initialized {
  opacity: 1
}

.panda-slider-section {
  position: relative;
  padding: 70px 0 86px;
  background: #fff;
  max-height: 704px;
  overflow: hidden
}

@media only screen and (max-width:991px) {
  .panda-slider-section {
    max-height: none
  }
}

@media only screen and (max-width:575px) {
  .panda-slider-section {
    padding: 70px 0 50px;
  }
}

.panda-slider-section:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 35%;
  background-image: url(/assets/img/home-slider-after.jpg);
  background-size: cover
}

@media only screen and (max-width:991px) {
  .panda-slider-section:before {
    width: 50%
  }
}

@media only screen and (max-width:575px) {
  .panda-slider-section:before {
    display: none
  }
}

.panda-slider-section .container {
  position: relative
}

.panda-slider-section .slick-dots {
  padding: 15px 0 0;
  list-style: none
}

.panda-slider-section .slick-dots li {
  display: inline-block;
  margin-right: 8px
}

.panda-slider-section .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  padding: 0;
  color: transparent;
  background: #eff5d9;
  overflow: hidden;
  border-radius: 100%;
  transition: all .2s ease
}

.panda-slider-section .slick-dots li.slick-active button,
.panda-slider-section .slick-dots li button:hover {
  background: #8fbe00
}

.panda-slide-content {
  padding-top: 15px
}

@media only screen and (max-width:991px) {
  .panda-slide-content {
    padding-top: 0;
    margin-bottom: 50px
  }
}

.panda-slide-title {
  font: 700 56px Museo Cyrl, arial, sans-serif;
  margin-bottom: 25px
}

@media screen and (max-width:1400px) {
  .panda-slide-title {
    font-size: 50px
  }
}

@media only screen and (max-width:1199px) {
  .panda-slide-title {
    font-size: 45px
  }
}

@media only screen and (max-width:991px) {
  .panda-slide-title {
    font-size: 40px
  }
}

@media only screen and (max-width:576px) {
  .panda-slide-title {
    font-size: 25px;
    font-size: 9vw !important
  }
}

@media screen and (max-height:600px) {
  .panda-slide-title {
    font-size: 35px
  }
}

.panda-slide-text {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  min-height: 86px;
  padding-top: 20px;
  margin-bottom: 25px
}

@media only screen and (max-width:991px) {
  .panda-slide-text {
    min-height: 0
  }
}

@media only screen and (max-width:575px) {
  .panda-slide-text {
    font-size: 20px
  }
}

.panda-slide-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background: #8fbe00
}

.panda-slide-image {
  text-align: center
}

@media only screen and (max-width:575px) {
  .panda-slide-image {
    display: none
  }
}

.panda-slide-image img {
  display: inline-block;
  max-width: 100%
}

.panda-slide .btn {
  height: 60px;
  line-height: 60px;
  border-radius: 30px !important;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px !important;
  padding: 0 45px !important;
  margin-right: 20px
}

.panda-slide-arrow {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: none;
  padding: 0;
  background: #eff5d9;
  border-radius: 100%;
  margin-right: 8px;
  transition: all .2s ease
}

@media only screen and (max-width:991px) {
  .panda-slide-arrow {
    display: none !important
  }
}

.panda-slide-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #8fbe00;
  border-bottom: 2px solid #8fbe00;
  transition: all .2s ease
}

.panda-slide-arrow:hover {
  background: #8fbe00
}

.panda-slide-arrow:hover:after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff
}

.panda-slide-prev:after {
  left: 26px;
  transform: rotate(135deg)
}

.panda-slide-next:after {
  left: 24px;
  transform: rotate(-45deg)
}

.seo-work-item {
  margin-bottom: 20px
}

.seo-work-item .item-img {
  padding: 25px 30px 20px
}

@media only screen and (max-width:767px) {
  .seo-work-item .item-img {
    padding: 20px;
    font-size: 14px
  }
}

.seo-work-item p {
  margin-bottom: 0
}

.seo-work-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px
}

@media only screen and (max-width:767px) {
  .seo-work-title {
    font-size: 20px
  }
}

.seo-work-content {
  padding: 25px 30px 20px;
  font-size: 14px
}

@media only screen and (max-width:767px) {
  .seo-work-content {
    padding: 20px
  }
}

.seo-work-number {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px
}

@media only screen and (max-width:991px) {
  .seo-work-number {
    margin-bottom: 20px
  }
}

.agree-cookie {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:white;
    padding:30px 0;
    font-size: 14px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    z-index:100;
}

.agree-cookie p {
    margin-bottom:0;
}

.agree-cookie .text-green {
    cursor:pointer;
    text-decoration:underline;
}

.agree-cookie .text-green:hover {
    text-decoration:none;
}

.with-checkbox {
    position:relative;
    padding-left:30px;
    min-height:20px;
}

.checkbox-styled {
    display:block;
    position: absolute;
    top:2px;
    left:0;
    width:20px;
    height:20px;
}

.checkbox-styled input {
    display:none;
}

.checkbox-styled label {
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    border-radius:5px;
    border:1px solid #bfbfbf;
    margin:0;
    cursor:pointer;
}

.checkbox-styled input:checked + label {
    background:#8fbe00;
    border-color:#8fbe00;
}

.checkbox-styled input:checked + label:after {
    content:"";
    display:block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 12px;
    height: 6px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform:rotate(-45deg);
}

.btn-primary.disabled, .btn-primary:disabled {
    background:#c5c5c5;
    border-color:#c5c5c5;
    color:#212529;
    cursor:default;
}

.modal .btn-modal:disabled:before {
    display:none;
}

.stop {  animation: colors 6s infinite;  }

.stop-1 { stop-color: #506a03; }

.stop-2 { stop-color: #506a03; animation-delay: 4s;  }

@keyframes colors {
    0% {
        stop-color: #506a03;
    }
    30% {
        stop-color: #c1c726;
    }
    60% {
        stop-color: #c1c726;
    }
    100% {
        stop-color: #506a03;
    }
}

.promo-bg-stuff__object {
    background-image: url("/assets/images/anton.png");
    width: 379px;
    height: 806px;
}

.about {
    background: url("/assets/images/bg-company.jpg") center/cover;
    width: 100%;
}

.animatable {
    visibility: hidden;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

.bounceIn {
    animation-name: bounceIn;
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes showNames {
    from {right: -100%;}
    to {right: 0%;}
}

@keyframes shineLine {
    from {transform: translateX(-100px)}
    to {transform: translateX(400px)}
}

@keyframes showScrollbar {
    from {top: -100px;}
    to {top: 43px;}
}

@keyframes showScrollbar768 {
    from {top: -100px;}
    to {top: 100px;}
}

@keyframes bounceIn {
    0% {opacity: 0;transform: scale(.3);}
    50% {transform: scale(1.05);}
    70% {transform: scale(.9);}
    100% {opacity: 1;transform: scale(1);}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    20% {opacity: 0;}
    100% {opacity: 1;}
}

@media screen and (max-width: 1199px) {
    .agree-cookie {
        padding:20px 0;
    }
}

@media screen and (max-width: 991px) {
    .agree-cookie {
        font-size:12px;
    }

    .agree-cookie .container {
        max-width:none;
    }
    
    .footer-bottom .privacy {
        margin-bottom:15px;
    }
}

@media screen and (max-width: 767px) {
    .agree-cookie .btn {
        margin-top:15px;
    }
}