.bl2h2{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 59px;
    letter-spacing: 1px;
    margin-top: 123px;
    font-size: 47px;
    overflow: hidden;
}



@media screen and (min-width: 720px){
    .bl2 .bl2h2:first-of-type:before {
        margin-left: -100%;
        left: -53px;
        background-color: #ed1c24;
    }

    .bl2 .bl2h2:first-of-type:after {
        background-color: #fec01d;
        margin-right: -100%;
        right: -57px;
    }
    .bl2 .bl2h2:first-of-type:after, .bl2 .bl2h2:first-of-type:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
        top: -5px;
    }
    .bl3h2{

        letter-spacing: 1px;
        font-weight: 700;
        font-size: 39px;
        padding-top: 65px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }

    .bl3 .bl3h3 {
        margin-top: 66px;
        font-size: 28px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }

    .bl3 .bl3h4 {
        font-weight: 300;
        margin-top: 17px;
        letter-spacing: 0.5px;
        text-align: center;
    }

    .bl5 .bl5h3 {

        text-align: center;
        text-transform: uppercase;
        margin-top: 85px;
        font-size: 46px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #fff;
    }


    .bl6 .bl6h2 {
        margin-top: 128px;
        font-size: 47px;
        overflow: hidden;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;

    }

    .bl6 .bl6h2:first-of-type:before {
        margin-left: -100%;
        left: -53px;
        background-color: #ed1c24;
        content: ' ';
        top: 30px;
    }

    .bl6 .bl6h2:first-of-type:after, .bl6 .bl6h2:first-of-type:before {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
        content: ' ';
    }

    .bl6 .bl6h2:first-of-type:after {
        background-color: #fec01d;
        margin-right: -100%;
        right: -193px;
        content: ' ';
        top: -34px;
    }

    .bl6 .bl6h2:first-of-type:after, .bl6 .bl6h2:first-of-type:before {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
        content: ' ';
    }

    .bl7 .bl7h2 {
        font-weight: 700;
        font-size: 46px;
        padding-top: 103px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;

    }

    .bl7 .bl7h3{
        margin-top: 19px;
        font-size: 19px;
        color: #fff;
        font-weight: 300;
        text-align: center;
    }


    .bl8 .bl8h2:first-of-type {
        margin-top: 103px;
        font-size: 47px;
        letter-spacing: .7px;
        font-weight: 700;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
    }
    .bl8 .bl8h2:first-of-type:before {
        margin-left: -100%;
        left: -45px;
        background-color: #ed1c24;
    }
    .bl8 .bl8h2:first-of-type:after, .bl8 .bl8h2:first-of-type:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
        top: -6px;
    }
    .bl8 .bl8h2:first-of-type:after {
        background-color: #fec01d;
        margin-right: -100%;
        right: -45px;
    }
    .bl8 .bl8h2:first-of-type:after, .bl8 .bl8h2:first-of-type:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
        top: -6px;
    }

}

@media screen and (max-width: 720px) {
    .bl2 .bl2h2.lines {
        padding-top: 160px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1.1px;
        font-size: 22px;
        line-height: 34px;
        overflow: hidden;
    }


    .bl2 .bl2h2.lines:before {
        margin-left: -100%;
        left: -40px;
        background-color: #ed1c24;
        top: 32px;
    }
    .bl2 .bl2h2.lines:after, .bl2 .bl2h2.lines:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
    }
    .bl2 .bl2h2.lines:after {
        background-color: #fec01d;
        margin-right: -100%;
        right: -17px;
        top: -36px;
    }
    .bl2 .bl2h2.lines:after, .bl2 .bl2h2.lines:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
    }

    .bl2 .-mob-slider-box .-mob-slider .-mob-slider-bl .bl2h3 {
        margin-top: 26px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1px;
        text-transform: uppercase;
    }

    .bl3 .-mob-slider-box2 .-mob-slider2 .-mob-slider-bl2 .bl3h3 {
        margin-top: 43px;
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        letter-spacing: -.1px;
        text-transform: uppercase;
    }
    .bl4 .-mob-slider-box3 .-mob-slider3 .-mob-slider-bl3 .bl4h3 {
        font-size: 16px;
        text-align: center;
        letter-spacing: .4px;
    }
    .bl4 .bl4h3.l1{
        margin-top: 114px;
    }

    .bl4 .bl4h3.l2{
        margin-top: 88px;
    }
    .bl5 .bl5h2{
        padding-top: 49px;
        text-align: center;
        font-size: 23px;
        letter-spacing: .5px;
        line-height: 34px;
        text-transform: uppercase;
    }
    .bl6 .bl6h2{
        text-align: center;
        margin-top: 41px;
        font-size: 33px;
        line-height: 48px;
        font-weight: 700;
        overflow: hidden;
        text-transform: uppercase;
    }


    .bl6 .bl6h2:first-of-type:before {
        margin-left: -100%;
        left: -25px;
        background-color: #ed1c24;
        top: 19px;
    }
    .bl6 .bl6h2:first-of-type:after, .bl6 h1:first-of-type:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
    }
    .bl6 .bl6h2:first-of-type:after {
        background-color: #fec01d;
        margin-right: -100%;
        right: -9px;
        top: -29px;
    }
    .bl6 .bl6h2:first-of-type:after, .bl6 .bl6h2:first-of-type:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        position: relative;
    }



}

.bl8{
  position: relative;
  z-index: -1;
}

.map2gis{
  height: 600px;
}

.map2gis iframe{
  width: 100% !important;
  height: 600px;
  border none !important;
}

.works{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('../images/bg.jpg');
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 720px;
  width: 100%;
  padding: 50px 0 10px;
  position: relative;
}

.works__title{
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 59px;
  letter-spacing: 1px;
  font-size: 47px;
  overflow: hidden;
  padding-bottom: 40px;
}

.works__slide{
  width: 900px;
  height: 500px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.works__carousel{
  width: 900px !important;
  margin: 0 auto;
  position: relative;
}

.works .owl-prev span,
.works .owl-next span{
  width: 40px;
  height: 50px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.30);
  font-size: 32px;
  color: #fff;
}

.works .owl-prev{
  left: -35px;
}

.works .owl-next{
  right: -35px;
}

.works .owl-prev,
.works .owl-next{
  position: relative;
  top: -230px;
}

.works .owl-prev span:hover,
.works .owl-next span:hover{
  background-color: #fff;
  color: #000;
}

.works .owl-nav{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 450px;
  left: 0;
  width: 100%;
}

.works .owl-dots{
  position: absolute;
  top: 450px;
  width: 100%;
}

.owl-dot span{
  background: #fec01d !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 30px !important;
}

.owl-dot.active span{
  background: #fff !important;
}

.works__info{
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin: 30px 0 0;
}

.bottomRow{
  display: flex;
  justify-content: center;
}

.works__adres{
  margin-bottom: 30px;
}

.works__adres{
  position: relative;
  padding-left: 40px;
  font-size: 18px;
}

.works__adres::before{
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  top: -5px;
  background: url('../images/marker.png') no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
}

.works__type{
  margin-right: 50px;
}

.works__size{
  margin-bottom: 30px;
}

.works__size{
  position: relative;
  padding-left: 40px;
  font-size: 18px;
}

.works__size::before{
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  top: -5px;
  background: url('../images/icon-size.png') no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
}

.works__type{
  margin-bottom: 30px;
}

.works__type{
  position: relative;
  padding-left: 40px;
  font-size: 18px;
}

.works__type::before{
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  top: -5px;
  background: url('../images/icon-type.png') no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.politic{
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
}

.bl3 .politic__text{
  color: #fff;
}
.bl3 .fakeCheckbox{
  border-color: #fec01d;
}
.bl3 .fakeCheckbox__inner {
  background: #fec01d;
}
.bl7 .politic__text{
  color: #fff;
}
.bl7 .fakeCheckbox{
  border-color: #fec01d;
}
.bl7 .fakeCheckbox__inner {
  background: #fec01d;
}
.bl5 .politic__text{
  color: #fff;
}
.bl5 .fakeCheckbox{
  border-color: #fec01d;
}
.bl5 .fakeCheckbox__inner {
  background: #fec01d;
}

.bl7 .politic{
  margin-left: 45px;
}

.politic__text{
  color: #000;
  font-size: 12px;
}
.politic__text a{
  text-decoration: underline;
}

.bl1 p:last-of-type{
  margin-top: 50px;
}

.fakeCheckbox{
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: 2px solid #000;
  display: inline-flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
}

.fakeCheckbox__inner{
  opacity: 0;
  width: 6px;
  height: 6px;
  background-color: #000;
}

.fakeCheckbox__inner_active{
  opacity: 1;
}

.hidden{
  display: none;
}

.popup_body .politic{
  max-width: 470px;
}

.politicPopup{
  max-width: 700px;
}
.politicPopup h1{
  font-size: 32px;
}
.politicPopup h3{
  margin-top: 30px;
  margin-bottom: 15px;
}
.politicPopup .subtitle{
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}

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

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}


.body_mobile .works__slide{
  width: 100%;
  height: 200px;
}

.body_mobile .works__carousel{
  width: 100% !important;
}

.body_mobile .owl-nav{
  display: none;
}

.body_mobile .works .owl-dots{
  top: 160px;
}

.body_mobile .owl-dot span{
  width: 8px !important;
  height: 8px !important;
}

.body_mobile .works__title{
  font-size: 23px;
}
.body_mobile .owl-theme .owl-dots .owl-dot span{
  margin-right: 3px !important;
}

.body_mobile .works__adres{
  margin-left: 30px;
}

.body_mobile .works{
  min-height: 500px;
}

.adressFooter{
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
}

@media screen and (min-width: 720px){
  .bl8 .contacts {
      margin-left: 229px;
  }
}

.works__size{
  line-height: 1;
}

@media screen and (max-width: 720px){
    .bottomRow{
      width: 100% !important;
      -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important ;
      -ms-align-items: flex-start !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
    }
    .works__info{
      padding: 30px 30px 0;
      width: 100%;
      justify-content: flex-start;
      -ms-align-items: flex-start !important;
      align-items: flex-start !important;
    }
    .works__adres{
      margin-left: 0 !important;
      margin-bottom: 30px;
    }
}