.about__promo{margin-bottom: 40px;}
.about__promo__one{text-decoration: none; display: block; background: url(/i/img/about_us/background_1.png) center center no-repeat; background-size: cover; margin-bottom: 60px; border-radius: 7px; cursor: pointer; color: #6d6d6d; position: relative;}
.about__promo__one:hover{background-image: url(/i/img/about_us/background_2.png); color: #fff;}
.about__promo__one:hover .about__promo__one__flex__two__head{color: #fff;}
.about__promo__one[data-promoshow="hide"]{display: none;}
.about__promo__one:last-child{margin-bottom: 0px;}
.about__promo__one.reverse .about__promo__one__flex__one{-webkit-order: 1; -ms-flex-order: 1; order: 1;}
.about__promo__one__flex{}
.about__promo__one__flex__one{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.about__promo__one:hover .about__promo__one__flex__one{-webkit-filter: none !important; -moz-filter: none !important; -ms-filter: none !important; -o-filter: none !important; filter: none !important;}
.about__promo__one__flex__one__img{margin-top: -40px;}
.about__promo__one__flex__one__img img{display: block;}
.about__promo__one__flex__two{padding: 20px; padding-left: 40px;}
.about__promo__one__flex__two__head{color: #8b0000;}
.about__promo__one__flex__two__text{margin-top: 10px;}
.about__promo__more{display: block; white-space: normal; margin: -38px auto 0 auto;}



@media(max-width: 990px) {
    .about__promo__one{color: #000; overflow: hidden; margin-bottom: 20px;}
    .about__promo__one__flex{display: block !important;}
    .about__promo__one__flex__one__img{margin: 0px;}
    .about__promo__one__flex__one{position: absolute; bottom: 0px; z-index: 0;}
    .about__promo__one.reverse .about__promo__one__flex__one{right: 0px;}
    .about__promo__one__flex__one__img img{max-width: 100%; opacity: 0.1; max-height: 150px;}
    .about__promo__one__flex__two{padding: 20px; position: relative; z-index: 2;}
    .about__promo__one:hover .about__promo__one__flex__one__img img{opacity: 0.3;}
    .about__promo__one__flex__two__head{text-align: center;}
    .about__promo__one__flex__two__text{text-align: justify;}
    .about__promo__more{margin: 0 auto;}
}