.about-uslugi-item {
    color: #cecee0;
    font-size: 15px;
}
.about-menu {
    border-bottom: 1px solid #d5d5e1;
    padding-bottom: 19px;
    margin-top: 54px;
}
.about-menu ul {
	padding: 0;
	margin:0;
	font-size: 0;
}
.about-menu ul li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
    margin-right: 184px;
}
.about-menu ul li:last-child {
	margin-right:0;
}
.about-menu ul li a {
	color: #252654;
	font-size: 16px;
	font-weight: 500;
}
.about-menu ul li a:hover {
	color: #104b9b;
	text-decoration: none;
}
.about-text {
	padding-top: 48px;
	padding-bottom: 80px;
}
.about-text__left {
	float: left;
	width: 377px;
	box-sizing: border-box;
	padding-right: 40px;
}
.about-text__right {
	margin-left: 377px;
	max-width: 670px;
}
.about-text__left {
	color: #252654;	
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}
.about-uslugi {
	background: url(../images/about_uslugi.jpg) no-repeat;
	background-size: cover;
	padding-top: 56px;
	padding-bottom: 90px;
}
.about-uslugi__name {
	color: #f1f1f7;
	font-size: 42px;
	font-weight: 300;
	font-family: 'sf_pro_display';
}
.about-uslugi__list {
	margin-left: -40px;
	margin-right: -40px;
}
.about-uslugi-item {
	width: 33.3%;
	padding-left: 40px;
	padding-right: 40px;
}
.about-uslugi-item i {
	display: block;
	width: 100%;
	max-width: 320px;
	background: #797a9c;
	height: 1px;
    margin-top: 51px;
    margin-bottom: 23px;
}
.about-uslugi-item ul {
	padding: 0;
	margin:0;
 	font-family: 'sf_pro_text';
}
.about-uslugi-item ul li {
	list-style: none;
	color: #cecee0;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.19px;
	line-height: 28px;
}
.about-uslugi-item ul li::before {
	content: '—';
	display: inline;
	margin-right: 5px;
}
.about-rev {
	padding-top: 80px;
}
.about-rev-item {
	max-width: 670px;
	margin-bottom: 30px;
}
.about-rev__list {
	margin-top: 46px;
}
.about-rev-item__box {
	width: 100%;
	box-sizing: border-box;
	padding-left: 56px;
	padding-right: 56px;
	padding-top: 48px;
	padding-bottom: 48px;
	background: #fff;
}
.about-rev-item__img {
	width: 108px;
	float: left;
}
.about-rev-item__info {
	margin-left: 140px;
}
.about-rev-item__img img {
	box-shadow: 0 16px 24px -8px rgba(37, 38, 84, 0.22);
	display: block;
}
.about-rev-item__name {
	color: #2f2f3e;
	font-size: 24px;
    font-weight: 500;	
    padding-top: 11px;
}
.about-rev-item__job {
	color: #9090a5;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.17px;
    margin-top: 9px;
}
.about-rev-item__dow {
	background: url(../images/icon_rev.png) no-repeat;
	color: #252654;
	font-size: 16px;
	font-weight: 500;
	min-height: 29px;
    padding-left: 46px;
	display: block;	
    margin-top: 21px;
}

.about-rev-item__dow:visited {
	color: #252654;
}
.about-rev-item__dow:hover {
    color: #104b9b;
    text-decoration: none;
}
.about-rev-item__dow span {
	position: relative;
	top: 2px;
}
.about-rev-item__text {
	margin-top: 32px;
	color: #646478;
	font-size: 15px;
	letter-spacing: -0.19px;
	line-height: 28px;
}
.about-rev-items {
	font-size:0;
	margin-left: -15px;
	margin-right: -15px;
}
.about-rev-item {
	width: 50%;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	vertical-align: top;
}
.about-rev__name {
	color: #2f2f3e;
	font-size: 42px;
	font-weight: 300;
	font-family: 'sf_pro_display';
}
.about-dow {
	margin-top: 50px;
}
.about-dow__name {
	color: #2f2f3e;
	font-size: 42px;
	font-weight: 300;
	font-family: 'sf_pro_display';
	margin-bottom: 46px;
}
.about-dow-list {
	margin-left: -15px;
	margin-right: -15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-dow-item {
	width: 25%;	
	padding-left: 15px;
	padding-right: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.about-dow-item__box {
	background: #fff;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-top: 48px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	transition: all .5s ease-in-out;
}
.about-dow-item__box:hover {
	text-decoration: none;
	background: #252754;
	background-image: radial-gradient(circle 359px at 261.28% 1540.79%, #252754 0%, #272b7a 46%, #252654 100%);
}
.about-dow-item__icon {
	background: url(../images/about_icon.png) no-repeat;
	width: 48px;
	height: 68px;
	transition: all .5s ease-in-out;
}
.about-dow-item__name {
	color: #252654;	
	font-size: 16px;
	font-weight: 500;
	margin-top: 24px;
	transition: all .5s ease-in-out;
}
.about-dow-item__box:hover .about-dow-item__name {
	color: #fff;
}
.about-dow-item__box:hover .about-dow-item__icon {
	background: url(../images/about_icon2.png) no-repeat;
}
.about-dow-item__box:hover .about-dow-item__intro {
	opacity: 1;
}
.pro-head {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(37, 38, 84, 0.13);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    top: -80px;
}
.pro-head.fixed {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.pro-head ul {
    padding:0;
    margin:0;
    font-size:0;
    text-align: justify;
}
.pro-head ul li {
    list-style:none;
    display: inline-block;
    position: relative;
    
}
.pro-head ul li a {
    color: #2f2f3e;
    font-size: 24px;
    font-weight: 300;
    font-family: 'sf_pro_text';
    border-bottom: 3px solid #fff;
    padding-top: 20px;
    display: block;
    padding-bottom: 20px;
}
.pro-head ul li a.active {
    border-bottom: 3px solid #252654 !important;
}
.pro-head ul li a:hover {
    text-decoration:none;
}
.pro-head ul:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
}
.pro-head ul:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
.about-dow-item__intro {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.17px;
	transition: all .5s ease-in-out;
	opacity: 0;
}
@media (max-width:991px){
   
    .pro-head {
        display:none;
    }
}
@media (min-width:600px) and (max-width:991px){
    .about-menu {
        display:none;
    }
    .navbar-dark .navbar-toggler-icon {
        background-image: url(../img/menu-dark.svg);
    }
    .about-text__right {
        margin-left: 0;
        max-width: 100%;
    }
    .about-text__left {
        float: inherit;
        width: 100%;
        margin-bottom:20px;
    }
    .about-text__left br {
        display:none;
    }
    .about-uslugi-item {
        width:100%;
    }
    .about-uslugi-item i {
        margin-top:35px;
    }
    .about-rev-item__img {
        width: auto;
        float: inherit;
    }
    .about-rev-item__info {
        margin-left: 0;
        margin-top: 30px;
    }
    .about-rev-item__box {
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .about-rev-item__name {
        font-size:21px;
    }
    .about-rev-items {
        margin-left: -7px;
        margin-right: -7px;
    }
    .about-rev-item {
        padding-left:7px;
        padding-right:7px;
        margin-bottom:14px;
    }
    .about-dow-list {
        margin-left: -7px;
        margin-right: -7px;
    }
    .about-dow-item {
        width:50%;
        padding-left:7px;
        padding-right:7px;
        margin-bottom:14px;
    }
}
@media (max-width:767px){
    .navbar-dark .navbar-toggler-icon {
        background-image: url(../img/menu-dark.svg);
    }
    .about-menu {
        display:none;
    }
    .about-text__right {
        margin-left:0;
        margin-top:20px;
    }
    .about-text__left {
        float: inherit;
        width: auto;
    }
    .about-text {
        padding-top:25px;
        padding-bottom:40px;
    }
    .about-uslugi__name {
        font-size:24px;
    }
    .about-uslugi-item {
        width:100%;
    }
    .about-uslugi-item i {
        max-width:121px;
        margin-top:30px;
    }
    .about-uslugi {
        padding-bottom:50px;
    }
    .about-rev__name {
        font-size:32px;
    }
    .about-rev-item {
        width:100%;
    }
    .about-rev-item__img {
        display:none;
    }
    .about-rev-item__info {
        margin-left:0;
    }
    .about-rev-item__box {
        padding-top:35px;
        padding-left:32px;
        padding-right:20px;
        padding-bottom:20px;
    }
    .about-rev-item__name {
        font-size: 19px;
    }
    .about-dow__name {
        font-size:32px; 
        line-height: 32px;
        margin-bottom:32px;
    }
    .about-dow-item {
        width:100%;
        margin-bottom:15px;
    }
    .section-about {
        padding-bottom:80px;   
    }
}
@media (max-width:600px){
     .about-rev-item__box {
        min-height: auto !important;
    }
}