@import 'nib'
@import 'rupture'
files = 'bootstrap','slick','fancybox','nice-select'
for file in files
  @import file+'.css'
@import 'fonts/stylesheet.css'
@import 'default.css' //Для AjaxForm добавить параметр &frontend_css=``


/*Зачарование пикселей в ремы*/
rem() {
  remified = ()
  for arg in arguments {
    push(remified, unit(arg/16, 'rem'))
  }
  return remified
}

/*Изменение цвета аттрибута placeholder*/
placeholder(color)
  &::-webkit-input-placeholder
    color color
  &::-moz-placeholder
    color color
  &:-ms-input-placeholder
    color color
  &::placeholder
    color color

/*Адаптив*/
rupture.scale =       0    576px    767.98px    992px    1200px
rupture.scale-names =  'xs'     'sm'     'md'     'lg'      'xl'

html
  font-size 15px
  +below(lg)
    font-size 15px
  +below(md)
    font-size 14px
  +below(sm)
    font-size 13px
  +below(xs)
    font-size 12px

body
  font-family 'Open Sans'

a
  transition all 0.5s ease
  &:hover
    text-decoration none

/*Цвета*/
color1 = #ccc

/*Шрифты*/
font1 = sans-serif

/*Обнуление эффектов при наведении*/
*:hover, *:active, *:focus
  outline 0 !important
  -webkit-appearance none

.btn:focus
  box-shadow none

/*Примитивный параллакс*/
.parallax
  background-position 50% 50%
  background-repeat no-repeat
  background-attachment fixed
  background-size cover

/*Антиспам*/
.sendmessage
  position absolute
  size 1px
  left -99999px

.contacts_header_box
  z-index: 9;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -15px 70px 0 rgba(0,0,0,0.17);
  +below(md)
    top 0
    position relative

header
  top 0
  width 100%
  z-index 9
  position fixed
  +below(sm)
    position unset
  nav
    height 40px
  .menu_box
    width: 100%;
    opacity .95
    height: 40px;
    background-color: #000;
    a
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      position: relative;
      font-family: "Open Sans";
      border-bottom: 1px solid transparent;
      &:hover span
        padding-bottom 2px
        border-bottom 1px dashed #acacac
    .str
      color #464646
      &:last-child
        display none
  .contacts_header
    padding 15px
    font-size 15px
    font-weight 400
    line-height 22px
    +below(sm)
      padding 0
      max-width 100%
      flex-wrap wrap
      font-size 13px
      line-height 17px
    +below(374px)
      font-size 9px
    .right_header
      +below(sm)
        width 100%
        flex-wrap wrap
        padding 15px 0
        background-color #000
      .right_header_box
        +below(sm)
          width: 100%;
          margin: 0 auto;
          max-width: 540px;
    a
      color #000
      +below(sm)
        color #fff
    .item_header
      position relative
      padding-left 33px
      padding-right 25px
      +below(lg)
        padding-right 15px
      +below(sm)
        padding 0 5px
      &:before
        +below(sm)
          display none
    .city_header
      padding 0
      color #767676
      line-height 16px
      +below(sm)
        font-size 12px
      span
        color #000
        transition .3s
        font-weight bold
        border-bottom 1px solid #bebebe
        &:hover
          color #f24941
          border-bottom 1px solid transparent
    .address_header
      span
        color #000
        transition .5s
        /*border-bottom 1px dashed #c2c2c2*/
        +below(sm)
          color #fff
        &:hover
          border-bottom transparent
      &:before
        content '\e804'
        top 10px
        left 0
        color #e14942
        font-size 23px
        position absolute
        font-family "fontello"
    .email_header
      span
        transition all 0.5s ease
        border-bottom 1px dashed #c2c2c2
        &:hover
          border-bottom transparent
      &:before
        top 0
        content '\e802'
        @extend header .contacts_header .address_header:before
    .phone_header
      font-weight bold
      a
        font-size 19px
      .free_rf
        color #787878
        font-size 12px
        line-height 15px
        font-weight normal
      span
        font-weight bold
      &:before
        top 0
        content '\e801'
        @extend header .contacts_header .address_header:before
    .phone_header_msk
      &:before
        top 10px
    .callme_header
      color #fff
      cursor pointer
      transition .3s
      font-weight 600
      text-align center
      padding 12px 20px
      border-radius 30px
      background-color #f24941
      box-shadow 0 15px 55px -5px rgba(251,193,190,1)
      &:hover
        color #fff
        background-color #d34943
header .menu_box nav .str
  color #464646

.logo
  background-image: url('logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 58px;
  width: 270px;
  display: block;
  +below(md)
    height 46px
    width 220px
  +below(sm)
    order 2
    margin 20px 0
    width 100%!important
    height 100!important
    background-position center

.first_screen
  margin-top 128px
  color #fff
  height 600px
  position relative
  background-size cover
  background-image url(img/first_screen.jpg)
  +below(lg)
    height 620px
  +below(md)
    height auto
    margin-top 0
    padding 50px 0 200px
  &:after
    content ''
    top 0
    left 0
    width 100%
    height 100%
    position absolute
    background-image url(img/pattern.png)
  &:before
    content ''
    top 0
    left 0
    width 100%
    height 100%
    position absolute
    background-color rgba(0, 0, 0, 0.5)
.first_screen_box
  z-index 2
  padding 0
  position relative
  height 100%
  h1
    font-size rem(54px)
    font-weight 400
    line-height rem(70px)
    +below(xs)
      font-size 30px
      line-height 36px
  .best_predl
    position relative
    padding 25px 0 40px
    .title_best_predl
      font-size 15px
      font-weight 600
      line-height 22px
    .text_best_predl
      font-size rem(38px)
      font-weight 300
      +below(xs)
        font-size 25px
      +below(375px)
        font-size 22px
      span
        color #ff5a52
        cursor pointer
        font-weight 400
        position relative
        border-bottom 1px dashed #ff5a52
        &:after
          content ''
          top 10px
          right -65px
          size 45px
          position absolute
          background-size cover
          background-image url(img/ok.png)
          +below(xs)
            top: 5px;
            width: 25px;
            height: 25px;
            right: -35px;
    .order_services
      font-size 16px
      font-weight 600
      line-height 22px
  .order_services
    color #fff
    cursor pointer
    padding 20px 75px
    border-radius 30px
    border 1px dashed #ff5a52
    background-color transparent
    &:hover
      color #fff
      background-color #0000008c

.customers_background
  margin-bottom -40px;
  padding-bottom: 40px;
  background-color #f3f3f3
  .customers
    /*top -185px
    position relative
    margin-bottom -115px*/
    .customers_box
      z-index 4
      position relative
      box-shadow: 0 15px 60px -19px rgba(232,232,232,1)
    .title_customers
      font-size 1.875rem
      font-weight 800
      line-height 1.875rem
      padding 3.125rem 0 1.875rem
    .item_customers
      height 100px
      width 12.5%
      background-color #fff
      border 1px solid #e0e1e4
      +below(md)
        width 25%
        padding 20px
      +below(xs)
        width 50%
      +below(374px)
        padding 5px
      img
        max-width 85%
.services
  padding-bottom 60px
  background-color #f3f3f3
  .title_services
    margin 0
    font-size rem(30px)
    font-weight 800
    line-height rem(30px)
    padding rem(50px 0 30px)
  .item_services
    height 100%
    +below(md)
      margin-bottom 20px
    .img_services
      img
        width 100%
        height 205px
        border-top-left-radius 5px
        border-top-right-radius 5px
    .info_services
      height 335px
      transition .3s
      padding 20px 30px
      position relative
      background-color #fff
      border-bottom-left-radius 5px
      border-bottom-right-radius 5px
      +below(lg)
        height 310px
        padding 20px 15px
      +below(xs)
        height auto
      &:hover
        box-shadow 0 5px 40px 0 rgba(0, 0, 0, 0.1)
      .caption_services
        font-size rem(20px)
        font-weight 700
        line-height rem(25px)
        margin-bottom 15px
      .text_services
        font-size 15px
        font-weight 400
        line-height 21px
        p
          margin-bottom 13px
          padding-bottom 13px
          border-bottom 1px solid #e8e8e8
          &:last-child
            margin-bottom 0
            padding-bottom 0
            border-bottom none
    .price
      bottom 20px
      font-size 20px
      font-weight bold
      position absolute
      +below(md)
        position unset
        margin-top 15px
    .calculate
      color #fff
      width 70%
      display block
      padding 15px 0
      cursor pointer
      font-size 14px
      font-weight 400
      line-height 20px
      border-radius 7px
      text-align center
      margin 20px auto 0
      background-color #db3b34
      +below(lg)
        width 85%
      &:hover
        color #fff
        background-color #d34943
      span
        font-weight 600
    .deadline
      color #767676
      font-size 14px
      margin-top 10px
      text-align center
.vantages
  overflow hidden
  background-color #f3f3f3
  .vantages_box
    padding rem(40px 15px)
    +below(sm)
      margin-top rem(30px)
      padding rem(30px 15px 55px)
    .item_vantages:last-child
      margin-bottom 0
    .item_vantages
      margin-bottom 20px
      +below(md)
        margin-bottom 40px
      .text_vantages_msk
        color #3f3f3f
        font-size 30px
        line-height 33px
        font-weight bold
        margin-bottom 15px
      .number_vantages
        +below(lg)
          img
            width 100%
      .text_info
        font-size 15px
        font-weight 400
        line-height 24px
        padding 0 15px
.about_company
  background-color #f3f3f3
  .title_about
    font-size rem(30px)
    font-weight 800
    line-height rem(24px)
    margin-bottom 30px
  .text_about
    font-size 15px
    font-weight 400
    line-height 24px
    margin-bottom 30px
    +below(md)
      margin-bottom 0
  .slideshow_box
    +below(md)
      margin 15px auto 30px
  .slideshow_about
    .img_about
      img
        width 100%
  .docs
    padding-bottom 0

.form_main
  margin 0
  color #000
  height auto
  padding rem(60px 0)
  @extend .first_screen
  background-image url("img/background_form.jpg")
  +below(767px)
    padding 40px 0
  .vantages_form
    z-index 1
    margin 0 -20px
    position relative
    padding 20px 15px
    border-radius 5px
    background-color #fff
    +below(xs)
      margin 0
      border-radius 5px 5px 0 0
    .img_vantages_form
      img
        width auto
        +below(md)
          margin-bottom 30px
    .content_vantages_form
      padding-left 15px
      +below(md)
        margin-bottom 30px
      .title_vantages_form
        font-size rem(22px)
        font-weight 400
        line-height rem(26px)
        margin-bottom 5px
      .text_vantages_form
        font-size 16px
        font-weight 300
        line-height 22px
        font-style normal

.form-main
  &__title
    z-index 1
    color #fff
    font-weight 800
    margin-bottom 20px
    font-size rem(33px)
    line-height rem(38px)
    +below(374px)
      font-size rem(29px)
    span
      font-weight normal
.form-manager
  z-index 1
  padding 0 0 10px
  position relative
  border-radius 7px
  background-color #fff
.form-manager-photo
  width 65%
  padding 15px 15px 5px
  border-right 1px solid #e8e8e8
  +below(xs)
    width 55%
    margin 0 auto
    border-right none
  &__img
    position relative
    &:after
      content ''
      size 35px
      right 20px
      bottom 10px
      position absolute
      background-size cover
      background-image url('img/checkmark.svg')
    img
      width 75%
      border-radius 50%
  &__title
    font-weight 600
    padding 10px 0 5px
    font-size rem(18px)
    line-height rem(23px)
  &__subtitle
    color #999
    font-weight 400
    font-size rem(15px)
    line-height rem(20px)
.form-manager-input
  padding 15px
  +below(374px)
    flex-wrap wrap
  &__left,&__right
    width 48%
    +below(374px)
      width 100%
  .block
    margin-bottom 15px
  .confid1
    +below(374px)
      display none
  .confid2
    display none
    margin-top 15px
    +below(374px)
      display block
  .confid
    color #999
    font-weight 400
    font-size 10px
    line-height 15px
    a
      color #999
      border-bottom 1px solid #d2d2d2
      &:hover
        border-bottom transparent
  .submit_form
    color #fff
    width 100%
    height 45px
    border none
    padding 0 50px
    cursor pointer
    border-radius 7px
    transition 0.5s ease all
    background-color #dc3b34
    &:hover
      background-color #f24841

.form-manager-input__label
  font-weight 400
  font-size rem(15px)
  line-height rem(20px)
.form-manager-input__input
  width 100%
  height 40px
  padding 0 15px
  border-radius 5px
  border 1px solid #d0d0d0
  background-color #f4f4f4
  &:focus
    background-color rgba(255, 0, 0, 0.08) !important
.form-manager-input__textarea
  resize none
  height 124px
  padding 8px 15px

.form
  z-index 1
  position relative
  padding rem(30px 0)
  background-color #fff
  border-radius 5px
  box-shadow inset 0 5px 85px -15px #c2c2c2
  .title_form
    font-size rem(26px)
    font-weight 400
    line-height 24px
    text-align center
    margin 15px 0 25px
  form
    margin 0 auto
    justify-content space-between
    .block_input
      +below(md)
        width 32%
      +below(767px)
        width 100%
    label
      width 100%
      color #777
      font-size 16px
      font-weight 400
      line-height 24px
    .input_form
      width 100%
      height 50px
      padding 0 15px
      border-radius 5px
      border 1px solid #dcdcdc
      +below(sm)
        margin-bottom 10px
      &:focus
        background-color rgba(255, 0, 0, 0.08) !important
    .submit_form
      color #fff
      padding 0 50px
      cursor pointer
      transition 0.5s ease all
      background-color #dc3b34
      +below(sm)
        margin-top 10px
      &:hover
        background-color #f24841
  .confid
    margin 15px auto 0
    color #989898
    font-size 12px
    font-weight 400
    line-height 24px
    a
      color #989898
      border-bottom 1px solid #dcdcdc
      &:hover
        border-bottom transparent
.title_team
  padding-top rem(20px)
  @extend .services .title_services
.our_team_slideshow
  position relative
  .our_team
    margin-bottom 25px
    .img_our_team
      img
        width 90%
        display block
        margin 0 auto
        border-radius 50%
        border 1px solid #e6e6e6
        +below(xs)
          width 70%
    .name_team
      margin-top 25px
      line-height 22px
      font-size 17px
      font-weight 400
      text-align center
    .profess
      color #000
      font-size 14px
      margin-top 7px
      font-weight 500
      line-height 20px
      text-align center
      span
        color #808080
        display block
        font-size 13px
        margin-top 7px
        font-weight 300
        line-height 20px
.question
  padding 1px 0 0
  background-color #f3f3f3
  .title_question
    @extend .services .title_services
  .item_question:last-child .question_box
    border-bottom transparent
  .item_question
    background-color #fff
    .question_box
      width 100%
      cursor pointer
      padding 30px 25px
      border-bottom 1px solid #e5e5e5
      +below(xs)
        padding 20px 25px
      .caption_question
        width 90%
        font-size 18px
        font-weight 600
        line-height 24px
        +below(sm)
          padding 0 20px
    .arrow_question
      size 30px
      transition .4s
      background-size cover
      transform rotate(-90deg)
      background-image url("img/arrow.png")
      +below(767px)
        padding 15px
    .text_question
      display none
      font-size 15px
      font-weight 400
      line-height 22px
      padding 15px 25px 0
  .item_question.active
    .arrow_question
      transform rotate(90deg)

.contacts_section
  height 590px
  position relative
  background-size cover
  background-image url(img/bg_contacts.jpg)
  +below(md)
    height 420px
  +below(sm)
    height auto
.contacts
  bottom 0
  width 100%
  position absolute
  +below(sm)
    position relative
  .container
    +below(sm)
      padding 0
.contacts_box
  height auto
  margin 0 auto
  +below(sm)
    padding 0
  .left_contacts
    width 50%
    z-index 1
    padding 0 50px
    color #cacaca
    font-size rem(46px)
    font-weight 800
    line-height rem(48px)
    background-color #fff
    +below(sm)
      width 100%
      padding 15px
      font-size 26px
    +below(375px)
      font-size 21px
      line-height 24px
  .right_contacts
    width 50%
    z-index 1
    color #fff
    padding 25px 50px
    background-color #e0342e
    +below(md)
      padding 25px
    +below(sm)
      width 100%
      padding 15px
    .item_contacts:last-child
      margin-bottom 0
    .item_contacts
      width 100%
      margin-bottom 30px
      +below(sm)
        width 100%
        text-align center
      .caption_contacts
        color #f6c2c1
        font-size 18px
        font-weight 700
        line-height 20px
        margin-bottom 7px
        font-family 'Raleway'
      .text_contacts
        color #fff
        font-size rem(21px)
        font-weight 700
        line-height rem(25px)
        font-family 'Noto Sans'
        +below(sm)
          font-size 17px
footer
  height 50px
  color #878787
  font-size 15px
  font-weight 400
  line-height 20px
  background-color #000
  font-family "Noto Sans"
  +below(sm)
    height auto
    padding 15px 0
  .footer_box
    height 50px
    +below(md)
      justify-content center
    a
      color #878787
      &:hover
        color #c3c3c3
    .str
      padding 0 15px
  .copyright
    +below(sm)
      width 100%
      text-align center
      margin-bottom 10px
  .politika
    +below(sm)
      width 100%
      text-align center
  .str
    +below(sm)
      display none

#services
  top -160px
  /*height 200px
  margin-bottom -200px*/
  position relative
#vantages
  top -120px
  position relative
#about_company
  top -200px
  position relative
#question
  top -160px
  position relative
#first_screen
  top -160px
  position relative

#docs
  top -160px
  position relative

.title_up
  font-size 20px
  font-weight bold
.form_up
  .block
    margin-bottom 15px
    label
      width 100%
    .input_up
      width 100%
      height 40px
      color #323232
      padding 0 15px
      background-color #f249410f
      border 1px solid #e1e1e1
      &:focus
        background-color rgba(255, 0, 0, 0.08) !important
    .bottom_up
      color #fff
      width 100%
      height 50px
      border none
      cursor pointer
      font-size 19px
      transition .5s
      background-color #f24941
      &:hover
        background-color #d34943
  .confid_up
    color #474747
    font-size 13px
    text-align center
    a
      color #474747
      border-bottom 1px solid #d2d2d2
      &:hover
        border-bottom transparent

.maps_works
  padding rem(50px 0)
  background-color #f3f3f3
  .title_maps
    font-size 1.875rem
    font-weight 800
    line-height 1.875rem
  .subtitle_maps
    color #313131
    z-index 2
    font-size rem(35px)
    font-weight 300
    line-height rem(40px)
    margin-top 10px
  .maps_city
    position relative
    .img_city
      img
        width 100%
        +below(767px)
          margin-bottom 0
    .text_city
      font-size 24px
      font-weight 300
      line-height 28px
      +below(767px)
        margin-bottom 0
      span
        color #d83b34
        font-weight 600
.button_call
  color #000
  box-shadow none
  padding 15px 50px
  border 1px dashed #f36b65
  background-color transparent
  +below(767px)
    top 0
    margin 20px 0
  @extend header .contacts_header .callme_header
  &:hover
    color #fff!important

.title_contacts
  padding 45px 15px 0
  color #fff
  font-size rem(38px)
  font-weight 300
  line-height 45px
  +below(md)
    padding 15px
.about_company
  .img_docs
    transition .5s
    margin-bottom 30px
    border 1px solid #d6d6d6
    box-shadow 15px 20px 30px -10px #d6d6d6
    &:hover
      box-shadow none
    img
      width 100%
.docs
  background-color #f3f3f3
  .title_docs
    font-size rem(36px)
    line-height 36px
    font-weight bold
    font-style normal
    padding rem(30px 0)
  .img_docs
    transition .5s
    margin-bottom 30px
    border 1px solid #d6d6d6
    box-shadow 15px 20px 30px -10px #d6d6d6
    +below(sm)
      margin-bottom 15px
    &:hover
      box-shadow none
    img
      width 100%
      border-radius 3px

.address_box
  width 330px
  padding 0 15px
  +below(lg)
    width auto
  a:last-child
    margin-top 10px
    &:before
      display none
.href_reestr
  display block
  font-size 14px
  text-align center

.vantages-company
  background #f3f3f3
  padding 20px 0 15px
  &__img
    img
      +below(xs)
        width 100%
        height 100%
  &__text
    font-weight 400
    font-size rem(30px)
    line-height rem(42px)
    +below(sm)
      font-size rem(22px)
      line-height rem(32px)
      padding-bottom 25px

.video-modal
  width 100%
  height 400px
  +below(md)
    height 270px
  +below(xs)
    height 210px

.presentation_download
  padding-left 35px
  position relative
  &:before
    content ''
    top -2px
    left 0
    size 25px
    position absolute
    background-size cover
    background-image url('img/docs.svg')
  span
    color #000
    transition .3s
    border-bottom 1px dashed #000
    &:hover
      border-bottom 1px dashed transparent

.video_about
  height 0
  position relative
  padding-bottom 285px
  +below(lg)
    padding-bottom 237px
  +below(767px)
    padding-bottom 174px
  +below(xs)
    padding-bottom 202px
  +below(375px)
    padding-bottom 150px

.video_about iframe
  top 0
  left 0
  width 100%
  height 100%
  position absolute

#phone_roistat
  font-size 19px
.gl-default
  +below(xs)
    width 320px!important
  +below(375px)
    width 255px!important

.objects
  background-color #f3f3f3
  .title_maps
    padding-top 0
    margin-bottom 25px
    +below(sm)
      padding-top 25px

.hint_city
  background #fff
  border 1px solid #bfbfbf
  border-radius 5px
  box-shadow 0 0 30px rgba(0,0,0,0.3)
  margin 20px 0 0
  position absolute
  width 187px
  z-index 10
  +below(sm)
    display none
  .hint_city_content
    font-size 14px
    line-height 22px
    display block
    min-height 25px
    padding 7px 20px 5px
  .hint_button
    text-align center
    margin 2px 0 10px
  .button_small
    height 24px
    cursor pointer
    border-top 1px solid #dddddd
    border-right 1px solid #c2c2c2
    border-bottom 1px solid #a3a3a3
    border-left 1px solid #c2c2c2
    box-shadow 0 1px 0 #dbdbdb
    font-size 13px
    line-height 24px
    white-space nowrap
    display inline-block
    padding 0 13px
    border-radius 5px
    background-color #f2f2f2
    background-image linear-gradient(to bottom, #ffffff, #dedede)
    color #303030
    text-shadow 0 1px #fff
    font-weight bold
    -webkit-user-select none
    -moz-user-select none
    -ms-user-select none
    user-select none
    text-decoration none
    &:hover
      color #f24941
  .cityselect
    font-size 13px
    line-height 24px
    margin 0 0 0 15px
  .corner
    position absolute
    top -14px
    left 0
    width 30px
    height 14px
    margin 0 42%
    &:before
      left 0
      top 0
      content ''
      display: block;
      position: absolute;
      border-style: solid;
      height: 0;
      width: 0;
      border-width 0 15px 14px 15px
      border-color #b3b2b2 rgba(255,255,255,0)
    &:after
      @extend .hint_city .corner:before
      left 1px
      top 1px
      content ''
      border-width 0 14px 13px 14px
      border-color #fff rgba(255,255,255,0)

.comparison
  position relative
  background-size cover
  padding rem(40px 0 60px)
  background-image url('img/comparison__bg.jpg')
  &:after
    content ''
    top 0
    left 0
    width 100%
    height 100%
    position absolute
    background-image url(img/pattern.png)
  .container
    z-index 1
    position relative
  &__title
    color #fff
    font-weight 800
    text-align center
    font-size rem(36px)
    line-height rem(41px)
    font-family 'Muller'
    margin-bottom 30px
  &__subtitle
    color #fff
    font-weight 400
    text-align center
    margin 15px 0 35px
    font-size rem(18px)
    line-height rem(24px)
  .comparison-block
    height 100%
    padding 20px
    border-radius 7px
    background-color #fff
    +below(767px)
      margin-bottom 20px
    &__title
      font-weight 600
      margin-bottom 25px
      font-size rem(22px)
      line-height rem(24px)
    .comparison-total
      &__title
        color #333
        font-weight 400
        font-size rem(16px)
        line-height rem(21px)
      &__text
        font-weight 600
        font-size rem(18px)
        line-height rem(24px)
        span
          font-size rem(22px)
      &__button
        padding 10px 20px
        background-color #83c550
        box-shadow 0 7px 55px -5px #83c550
        @extend header .contacts_header .callme_header
        +below(767px)
          width 100%
          margin-top 15px
    .comparison-item:last-child
      margin-bottom 0
      padding-bottom 0
      border-bottom none
    .comparison-item
      margin-bottom 15px
      padding-bottom 15px
      border-bottom 1px solid #d1d1d1
      &__img
        margin-right 10px
        img
          width 25px
      &__text
        font-weight 400
        font-size rem(15px)
        line-height rem(20px)

.uk-modal-dialog
  width 800px
  padding 20px 20px 0 20px
  +below(md)
    width 700px
  +below(767px)
    width 530px
  +below(xs)
    width 300px
    padding 15px 15px 0 15px
  +below(320px)
    width 250px

.gl-list-location
  cursor pointer
  transition .3s
  padding 3px 0
  display table
  &:hover
    color #f24941

#cboxClose
  top 0
  bottom auto

.our-team__info
  font-size 18px
  text-align center
  padding-bottom 40px
  span
    font-weight bold

.city-arrow
  position relative
  &:after
    content ''
    top 3px
    right -20px
    width 15px
    height 15px
    position absolute
    background-size cover
    background-image url('img/arrow_city.svg')

#cboxLoadedContent
  overflow hidden!important
  +below(sm)
    margin-bottom 0!important
.gl-change-list
  +below(sm)
    height 300px
    padding-bottom 15px
    overflow-y scroll!important

.form-modal__success
  padding 15px
  text-align center
  svg
    size 65px
    fill green
    margin-bottom 8px

.submenu-box
  height 100%
  cursor pointer
  position relative
  &:hover .submenu
    opacity 1
    visibility: visible;
  .submenu
    top 40px
    left 0
    z-index 1
    opacity 0
    width 200px
    visibility: hidden;
    position absolute
    transition 0.1s ease opacity
    a:last-child
      padding 12px 20px
      border-bottom 1px solid transparent
    a
      display block
      font-size 13px
      line-height 20px
      padding 12px 20px
      background-color #4b4b4b
      border-bottom 1px solid #000
      &:hover
        background-color #6a6a6a
    a:after
      display none

.button_show_all
	width 250px
	transition .3s
	margin 0 auto
	display block
	@extend .button_call

.develop
  padding 70px 0 10px
  background-color #f3f3f3
  +below(md)
    padding 25px 0 0
.develop-item:hover
  box-shadow:
          1px 1px 15px #d3d3d3,
          2px 2px 15px #d3d3d3,
          3px 3px 15px #d3d3d3,
          4px 4px 15px #d3d3d3,
          5px 5px 15px #d3d3d3;
  transform translate(-5px, -5px)
.develop-item
  padding 25px
  cursor pointer
  transition .3s
  margin-top rem(30px)
  background-color #fff
  +below(lg)
    height 240px
  +below(md)
    height 190px
    margin-bottom 15px
  +below(xs)
    height auto
  &__img
    svg
      size 75px
      fill #c15b52
      margin-bottom 35px
      +below(md)
        margin-bottom 15px
  &__content
    font-size rem(18px)
    font-weight 600

.develop-vantages
  padding 0 40px
  border-radius 7px
  +below(md)
    padding 20px 0 10px
  .col-12:last-child .develop-vantages-item
    +below(md)
      margin-bottom 0
  .develop-vantages-item
    height 100%
    +below(md)
      margin-bottom 40px
    &__img
      +below(md)
        width 92px
      svg
        fill #c15b52
        margin-right 25px
    .develop-vantages-item-content
      &__title
        font-weight 600
        font-size rem(18px)
        line-height rem(23px)
      &__subtitle
        color #666
        font-weight 400
        font-size rem(16px)
        line-height rem(21px)

.if-you
  padding-bottom rem(30px)
  background-color #f3f3f3
  &__title
    @extend .services .title_services

.if-you-item
  height 342px
  position relative
  border-radius 7
  background-color #fff
  margin-bottom rem(30px)
  +below(lg)
    height 370px
  +below(md)
    height auto
  &:after
    content ''
    width 20px
    height 40px
    background-color #c15b52
    border-bottom-right-radius 110px
    border-top-right-radius 110px
    position absolute
    left 0
    top 33px
  &__title
    font-weight 700
    font-size rem(20px)
    line-height rem(25px)
    padding 30px 30px 10px 30px
.if-you-point:first-child:after
  display none
.if-you-point
  width 100%
  cursor default
  transition .3s
  position relative
  padding 20px 30px
  &:hover
    box-shadow 0 0 80px 10px #e7e7e7
    svg
      fill #c15b52
  &:after
    top 0
    left 30px
    content ''
    width 90%
    height 1px
    position absolute
    background-color #dcdcdc
  &__img
    svg
      size 20px 15px
      fill #cccccc
      transition .3s
      margin-right 8px
  &__text
    font-weight 400
    font-size rem(15px)
    line-height rem(26px)

.working-us
  @extend .first_screen
  margin 0
  color #000
  height auto
  padding 60px 0
  background url('img/working-us.jpg') no-repeat 50% 50%/cover
  +below(md)
    padding 35px 0

.working-us-box
  z-index 1
  font-weight bold
  position relative
  padding 40px 60px
  background-color #fff
  +below(sm)
    padding 30px 15px 0 15px
  &__title
    color black
    font-size 26px
    font-weight 400
    line-height 24px
    text-align center
    margin-bottom 35px
  .working-us-item
    +below(sm)
      margin-bottom 30px
    &__img svg
      fill #c15b52
      size 84px 71px
    &__title
      font-weight 700
      margin 15px 0 5px
      font-size rem(20px)
      line-height rem(24px)
    &__text
      font-weight 400
      font-size rem(16px)
      line-height rem(20px)

.useful
  background-color #f3f3f3
  &__title
    padding 3.125rem 0 1.875rem
    @extend .services .title_services
.useful-item
  margin-bottom rem(30px)
  &__img
    img
      size 82px
      border-radius 7px
  &__text
    font-weight 400
    padding-left 15px
    font-size rem(15px)
    line-height rem(22px)

.contacts-vantages
  padding 70px 0
.contacts-vantages-item
  &__img svg
    size 60px
    fill #9fa0a2
  &__title
    color white
    font-weight 600
    margin-top 10px
    font-size rem(18px)
    line-height rem(23px)

.play-video
  +below(sm)
    margin-top 50px
  &__img
    size 90px
    background-size cover
    background-image url('img/play_video.svg')
    +below(md)
      size 50px
  .video-content
    padding-left 15px
    &__title
      color #e6d7c0
      font-weight 600
      font-size rem(21px)
      line-height rem(26px)
    &__subtitle
      color #897f6d
      font-weight 400
      font-size rem(16px)
      line-height rem(21px)

.first-screen
  margin-top 128px
  padding rem(50px 0 40px)
  background-color #dce2e4
  +below(md)
    margin-top 75px
  +below(sm)
    margin-top 0
  .container-first-screen
    height 405px
    background-size contain
    background-repeat no-repeat
    background-position 115% top
    background-image url('img/light.png')
    +below(lg)
      height 470px
    +below(md)
      height auto
.first-screen-left__title
  font-weight 800
  padding-bottom 15px
  font-size rem(35px)
  line-height rem(45px)
  +below(sm)
    font-size rem(36px)
    line-height rem(42px)
.first-screen-left__subtitle
  font-weight 400
  font-size rem(18px)
  line-height rem(24px)
  padding-bottom 25px
/*.first-screen-right
  color #666
  width 340px
  font-weight 600
  padding-top 40px
  font-size rem(16px)
  line-height rem(24px)
  background-size contain
  background-repeat no-repeat
  background-image url('img/maps-russia.png')
  +below(lg)
    width 300px
  +below(md)
    width 100%
    height 180px
    background-position center
  +below(sm)
    height 150px*/
.first-screen-info
  &__from
    cursor pointer
    font-weight 400
    font-size rem(36px)
    line-height rem(46px)
    span
      margin-right 10px
      position relative
      &:after
        left 0
        content ''
        width 100%
        height 1px
        bottom -5px
        transition .3s
        position absolute
        background url('img/border.png') repeat-x
    &:hover span:after
     opacity 0
  &__button
    width 320px
    margin-top 25px
    @extend header .contacts_header .callme_header
    +below(xs)
      width 100%
  label
    span
      color #828282
      font-style italic
.nice-select
  width 100%
  padding 0 10px
  margin-bottom 15px
  background rgba(242,73,65,0.059)

.form_up .block .textarea_up
  width 100%
  height 100px
  padding 10px
  font-style italic

.site-message
  position absolute
  left -10000px

.animated
  -webkit-animation-duration 0.3s
  animation-duration 0.3s
  -webkit-animation-fill-mode both
  animation-fill-mode both

@media (prefers-reduced-motion)
  .animated
    -webkit-animation unset !important
    animation unset !important
    -webkit-transition none !important
    transition none !important

@keyframes scroll-down_animation
  from
    transform translateY(0)
  to
    transform translateY(-120%)

.scroll-down_animation
  -webkit-animation-name scroll-down_animation
  animation-name scroll-down_animation

@keyframes scroll-up_animation
  from
    transform translateY(-120%)
  to
    transform translateY(0)

.scroll-up_animation
  -webkit-animation-name scroll-up_animation
  animation-name scroll-up_animation

.scroll-down
  top -120%

.scroll-up
  top 0

.industry-modal
  .modal-header
    border-bottom none
    padding-bottom 5px
    span
      color #666
      font-weight 400
      margin-right 10px
      font-size rem(16px)
      line-height rem(20px)
      border-bottom 1px solid #d0d0d0
  .modal-content
    padding 15px
.industry-img
  padding 30px 0
  border-top 1px solid #dcdcdc
  img
    width 48%
    height 100%
.industry-content
  font-weight 300
  font-size rem(15px)
  line-height rem(22px)
  &__img
    text-align center
    position relative
    img
      width 150px
      border-radius 50%
  &__experience
    width 120px
    left calc(50% - 60px)
    bottom -40px
    padding 7px 0
    color #fff3cd
    font-weight 600
    text-align center
    position absolute
    border-radius 30px
    font-size rem(12px)
    line-height rem(18px)
    background-color #339900
    span
      font-size rem(18px)
  &__fio
    font-weight 600
    margin 55px 0 5px
    text-align center
    font-size rem(18px)
    line-height rem(20px)
  &__profess
    color #999
    font-weight 400
    text-align center
    font-size rem(14px)
    line-height rem(20px)

.industry-vantages
  padding-top 30px
  margin-top 30px
  border-top 1px solid #dcdcdc

.industry-vantages-item
  +below(md)
    margin-bottom 25px
  &__title
    color #f24941
    font-weight 600

    margin-bottom 10px
    font-size rem(36px)
    line-height rem(20px)
    span
      font-size rem(24px)
  &__text
    color #333
    font-weight 300
    font-size rem(15px)
    line-height rem(20px)

/*.sales
  color #4f5151
  &__text
    color #505152
    font-weight 400
    font-size rem(45px)
    line-height rem(50px)
    +below(sm)
      font-size rem(30px)
      line-height rem(35px)
  &__svg
    size 45px
    margin 0 0 10px 30px
    svg
      size 45px
      +below(sm)
        font-size rem(25px)
        line-height rem(25px)
  &__signature
    font-weight 400
    font-size rem(18px)
    line-height rem(23px)
*/

/*.qq-clear-button
  display none!important
.qq-upload-button
  display flex!important
  align-items center
  border none!important
  width 96px!important
  height 96px
  transition .3s
  background-color #ef655f!important
  &:hover
    background-color #f24941!important
.qq-upload-list span
  color #000
.qq-upload-list li a
  color #d6d6d6
#file-uploader-image
  margin-bottom 15px
.title_upload
  margin-bottom 10px

.block span
  color #a3a3a3
  font-style italic*/

.develop
  &__title
    font-weight 600
    text-align center
    font-size rem(34px)
    line-height rem(39px)
    padding-top rem(50px)
  &__subtitle
    font-weight 400
    text-align center
    font-size rem(28px)
    line-height rem(33px)
    margin rem(5px 0 40px)
  .vantages-box
    margin rem(30px 0)
    padding-bottom 30px
    border-bottom 1px solid #dddddd
    +below(md)
      padding-bottom rem(15px)
  .develop-images
    &__item:nth-child(2),&__item:nth-child(3)
      +below(xs)
        display none
    &__item
      padding 0 15px
      width 33.3333%
      +below(xs)
        width 100%
      img
        width 100%

.vantages-item
  +below(md)
    margin-bottom rem(15px)
  &__img
    size 80px
    border-radius 50%
    margin-right 20px
    background-color #cc3333
    svg
      fill #fff
  &__text
    font-size 16px
    font-weight bold

.develop-content
  &__title
    font-size rem(24px)
    font-weight 700
    margin-bottom 15px
  &__content
    column-count 3
    +below(md)
      column-count 1

.theOrder
  margin-bottom rem(40px)
  &__title
    font-size rem(24px)
    font-weight 700
    margin-bottom 15px
  &__line
    height 32px
    width 855px
    margin 10px 0  0 20px
    background-size contain
    background-repeat no-repeat
    background-image url('img/theOrder__line.svg')
    +below(lg)
      width 715px
    +below(md)
      display none

.theOrder-item
  padding 0
  width 25%
  +below(md)
    width 50%
    margin-bottom rem(25px)
  +below(xs)
    width 100%
  &__number
    size 50px
    color #fff
    font-weight 600
    border-radius 50%
    font-size rem(24px)
    background-color #cc3333
  &__text
    font-weight 600
    padding 0 7px
    font-size rem(15px)
    line-height rem(21px)

.all-services
  width 100%
  margin rem(25px 0 0)
  &__line
    height 2px
    background-color #cccccc
    border-bottom 1px solid #ffffff
  &__button
    display flex
    transition .3s
    cursor pointer
    padding 11px 15px
    border-radius 30px
    border 1px dashed #cc3333
    &:hover
      color #fff
      background-color #cc3333
      svg
        fill #fff
    span
      font-weight 600
      font-size rem(16px)
      line-height rem(22px)
    svg
      size 20px
      fill #cccccc
      margin-left 15px
      transform rotate(90deg)

.services_hide
  display none
  margin-top 15px
  padding-top 35px
  border-top 1px solid #b0b0b0

.item_services_href
  cursor pointer
  .info_services .text_services
    position relative
    &:after
      content ''
      bottom 0
      width 100%
      height 100%
      position absolute
      box-shadow inset 0 -100px 150px 0 #fff

.click_view
  z-index 1
  color #727272
  font-size 14px
  margin-top -25px
  text-align center
  position relative


.services
  background-color #f3f3f3

.services-item-left
  width 50%
  &__caption
    font-weight 600
    font-size 1.125rem

.services-item:first-child
  border-radius 7px 7px 0 0

.services-item:last-child
  border-radius 0 0 7px 7px

.services-item
  padding 13px 30px
  background-color #fff
  border-bottom 1px solid #e8e8e8
  +below(xs)
    flex-wrap wrap
    padding 13px 15px
    text-align center
  &__caption
    color #000
    font-weight 600
    font-size 15px
  &__price
    width 160px
    font-size 15px
    font-weight 600
    +below(xs)
      width 100%
      margin 15px 0
      text-align center
    +below(374px)
      font-size 14px
    span
      font-size 1.11rem

.services-item-right
  .services-item-button
    color #000
    transition .3s
    padding 7px 15px
    border-radius 30px
    border 1px dashed #ec7675
    +below(374px)
      margin 0 auto 15px
    &__svg svg
      size 17px
      fill #ff4c4c
      margin-left 30px
      +below(md)
        display none
    &__text
      font-weight 400
      font-size 0.938rem
      line-height 1.25rem
      +below(sm)
        text-align center
    &:hover
      color #fff
      background-color #ff4c4c
      .services-item-button__svg svg
        fill #fff

.services-item-right
  .services-item-moreinfo
    color #000
    transition .3s
    padding 5px 15px
    margin-left 15px
    border-radius 30px
    border 1px dashed #bac0c8
    +below(md)
      display none!important
    +below(xs)
      display flex!important
    +below(374px)
      width 100%
      border none
      margin-left 0
    &__text
      margin 0 auto
    &__svg svg
      size 15px
      fill #bac0c8
      margin-left 12px
      +below(374px)
        display none
    &:hover
      color #fff
      background-color #bac0c8
      .services-item-moreinfo__svg svg
        fill #fff

.services-item-left
  width 35%
  +below(md)
    width 45%
  +below(xs)
    width 100%

.services-item-right
  width 55%
  +below(md)
    width 52%
  +below(xs)
    width 100%
    flex-wrap wrap

/* services2 */
/*.services-item
  height 270px
  padding 20px
  cursor pointer
  position relative
  border-radius 7px
  background-color #fff
  &:after
    position absolute
    content ''
    left 0
    bottom 0
    width 100%
    height 50%
    box-shadow inset 0 -100px 150px 0 #fff
  &__title
    font-weight 700
    margin-bottom 20px
    font-size rem(20px)
    line-height rem(25px)
  &__svg
    position absolute
    bottom 15px
    left calc(50% - 20px)
    z-index 1

.services-item-bg
  height 310px
  padding 0 60px
  cursor default
  border-radius 7px
  background url('img/services.jpg') center/cover no-repeat
  &:after
    display none
.services-title
  color #fff
  h2
    font-weight 700
    font-size rem(36px)
  span
    font-weight 300
    font-size rem(36px)
    line-height rem(41px)
.services-list
  height 170px
  overflow hidden
  &__item
    color #333
    font-weight 400
    border-radius 7px
    margin-bottom 10px
    padding-bottom 10px
    font-size rem(14px)
    line-height rem(18px)
    border-bottom 1px solid #ededed
.services-information
  position relative
  z-index 1
  width 97%
  color #fff
  cursor pointer
  margin 0 auto 20px
  &__item
    width 50%
    padding 8px 0
    text-align center
  &__price
    font-weight 400
    font-size rem(18px)
    background-color #cc3836
    border-bottom-left-radius 7px
    span
     font-weight 600
  &__moreinfo
    font-weight 600
    font-size rem(16px)
    background-color #a5acb5
    border-bottom-right-radius 7px
*/

.moreinfo-modal
  .modal-title
    width 90%
    font-weight 700
    font-size 24px
    line-height 29px
  .modal-subtitle
    width 90%
    color #818181
    padding-top 10px
  .circle-inside
    padding 0
    li
      list-style none
      margin-bottom 10px
      padding-bottom 10px
      border-bottom 1px solid #e8e8e8
      &:last-child
        border-bottom 1px solid transparent
  &__signature
    color #a6adb6
    font-weight 600
    margin-bottom 25px
    font-size rem(16px)
    line-height rem(22px)
.moreinfo-information
  margin-bottom 15px
  &__button
    margin-right 30px
    @extend header .contacts_header .callme_header
    +below(xs)
      margin-bottom 15px
  &__price
    font-size 28px
    line-height 20px
    font-weight 400
    margin-right 5px
    +below(xs)
      margin-bottom 20px
    span
      font-weight 600
  &__deadlines
    font-size 28px
    line-height 20px
    font-weight 400
    margin-right 30px
    span
      font-weight 600

.if-you-button
  color #fff!important
  width 400px
  border-radius 7px
  margin 70px 0 30px
  background-color #cc3836
  @extend .first-screen-info__button
  +below(sm)
    margin 30px 0 5px
  +below(xs)
    width 100%