*{
    /* //обнуляет границы текста */
    padding: 0;
    margin: 0;
    border: 0;
}
*,*:before, *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus, :active{outline: none;}
a:focus, a:active{outline: none;}

nav,footer,header,aside{display: block;}


html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    color: #252B42;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family: inherit;}

input::-ms-clear{display: none}
button{cursor: pointer;}
button::-moz-focus-inner {padding: 0;border: 0;}
a, a:visited{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: 400;}

/* //выше обнуляющий код */
.body{
    font-family: 'Exo 2', sans-serif;
}
.wrapper{
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Exo 2', sans-serif;
}

._container{
    padding: 0 15px;
    max-width: 1046px;
    margin: 0px auto;
    box-sizing: content-box;
    /* определяет как вычисляется общая ширина и высота элемента */
}

._ibg {
    position: relative;
}
._ibg img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    /* определяет, как содержимое заменяемого элемента, такого как <img> или <video>, должно заполнять контейнер относительно его высоты и ширины */
}
/* Блоки HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    font-family: 'Exo 2', sans-serif;
    background-color: #100b22;
}
.header_container {
    display: flex;
    min-height: 104px;
    align-items: center;
    border-bottom: 3px solid #82a6c9;
}
@media (max-width: 479px) {
    .header_container {
        min-height: 70px;
    }
}
.header_logo {
    font-size: 24px;
    font-weight: 700;
    color: inherit;
}
.header_menu {
    margin: 0px 0px 0px 133px;
}
@media (max-width: 992px) {
    /* запрос медиа. Для изменения  отступа пунктов меню от лого в зависимости от экрана. При экране до 992 пикселя - отступ 80 пикселей */
    .header_menu {
        margin: 0px 0px 0px 80px;
    }
}
@media (max-width: 767px) {
    /* запрос медиа. Для изменения отступа пунктов меню от лого взависимости от экрана. Приэкране до 767 пикселя - отступ50 пикселей */
    .header_menu {
        margin: 0px 0px 0px 50px;
    }
}
@media (max-width: 479px) {
    /* запрос медиа. Для изменения отступа пунктов меню от лого взависимости от экрана. Приэкране до 767 пикселя - отступ50 пикселей */
    .header_menu {
        margin: 0px 0px 0px 20px;
    }
}

.menu {
    padding: 5px 0;
}
.menu_list {
    display: flex;
    /* Выравнивание по горизонтали */
    flex-wrap: wrap;
    /* Это позволит ломать блоки(смещать их под друг друга) при уменьшении разрешения */
}
.menu_item {
}
.menu_item:not(:last-child){
    /* Псевдокласс :нот(:кто) обращается ко всему, кроме того, что написано в скобках */
    margin: 0px 21px 0px 0px;
    /* Отступы между блоками меню */
}
.menu_link {
    color: white;
    font-weight: 600;
    line-height: calc(24 / 14 * 100%);
    text-shadow: 0 0 10px white;

    /* Требуемую высоту букв делим на стандартную (заданную в обнуляйке) и умножаем на 100% */
}
.menu_link_main{
    color: black;
    font-weight: 800;
    line-height: calc(24 / 14 * 100%);
    text-shadow: 0 0 10px white;
    background-color: #82a6c9;
    border-radius: 20%;
}
.menu_link:hover{
    text-decoration: underline;
    text-decoration-color: black;
}
.img_logo{
    width: 150px;
}

/* Блоки PAGE ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.page{
    background-color: #100b22;
    flex: 1 1 auto;
    font-family: 'Exo 2', sans-serif;
}
.page__main-block {
}
.page__services {
    position: relative;
    z-index: 2;
    margin: -111px 0px 0px 0px;
}
.page__advantages {
}
.page__practice {
}
.page__whoweare {
}
.page__clients {
}
.page__getintouch {
}

/* Header block общий */

.header-block {

    text-align: center;
    letter-spacing: 0.2px;  
}
.header-block__title {
    color: #617d99;
    font-size: 40px;
    font-weight: 700;  
    line-height: 142%;
}
@media (max-width: 992px) {
    .header-block__title {
        font-size: 35px;
    }
}
@media (max-width: 767px) {
    .header-block__title {
        font-size: 30px;
    }
}
.header-block__title:not(:last-child) {
    margin: 0 0 10px 0;
}
.header-block__sub-title {
    font-size: 20px;
    line-height: 120%;
    font-weight: 600;
}

.header-block__sub-title{
    margin: 20px 0 0 0 ;
    font-size: 25px;
    line-height: 120%;
    /* background-color: #82a5c960; */
}
.header-block__sub-title_2{
    margin: 20px 0 0 0 ;
    font-size: 25px;
    line-height: 150%;
    background-color: #82a5c960;
}

.h3 {
    margin: 20px 0 30px 0 ;
    font-size: 25px;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    background-color: #82a5c960;
}


/* Блоки столбцы SECTION ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.practice {
    
    padding: 25px 0 80px 0;
}
@media (max-width: 993px) {
    .practice {
        padding: 40px 0 80px 0;
    }
}
@media (max-width: 767px) {
    .practice {
        padding: 0px 0 40px 0;
    }
}
/* .practice__container {
    padding: 0 15px;
    max-width: 1046px;
    margin: 0px auto;
    box-sizing: content-box;  
} */
.practice__header {
    margin: 0px 0 45px 0;
}
@media (max-width: 767px) {
    .practice__header {
        padding: 0px 0 25px 0;
    }
}
.practice__body {
    margin: 0 20px -30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.practice__column {
    padding: 0 20px;
    flex: 0 1 50%;
    margin: 0 0 30px 0;
}
@media (max-width: 1040px) {
    .practice__column {
        flex: 0 1 50%;
    }
}
@media (max-width: 479px) {
    .practice__column {
        flex: 0 1 100%;
    }
}
.practice__item {
}
.item-practice {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.537);
}
.item-practice__link {
    color: inherit;
    display: inline-block;
}
.item-practice__link:hover{
    text-decoration: underline;
}
.item-practice__link:not(:last-child){
    margin: 0 0 15px 0;
}
.item-practice__title {
    letter-spacing: 0.1px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
}
.item-practice__text {
    color: #737373;
    line-height: 142%;
}
.item-practice__image {
    display: block;
    padding: 0 0 67% 0;
}
.item-practice__content{
    flex: 1 1 auto;
    padding: 30px;
}


.practice_main {
    margin: 0 0 70px 0;
    font-size: 18px;
    line-height: 142%;
}

.practice_main p {
    margin: -20px 0 30px 0;
    font-size: 18px;
    line-height: 142%;
    font-weight: 600;
}

.practice_main__title {
    position: relative;
    font-size: 20px;
    line-height: 170%;
    font-weight: 600;
    margin: 0 0 30px 0;
    padding: 0 0 0 45px;
}

.practice_main__title::before {
    display: inline-block;
    position:absolute;
    top: 2px;
    left: 0px;
    
    content: url(../sources/icon_gears.png);
}

.practice_main__ul {
    margin: 10px 0 10px 40px;
    
}

.practice_main__ul li {
    margin: 5px 0 5px 0;
    list-style-type: circle;
}

.practice_main__ul li:nth-child(odd) {
    background-color: #82a5c960;
}


.practice_main__title_dop {
    display: block;
    margin: 70px 0 70px 0;
    max-width: 100%;
    font-size:  35px;
    font-weight: 600;
    text-align: center;
}









/* Блоки ПОДВАЛ footer ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer {
    font-family: 'Exo 2', sans-serif;
}
.footer__top {
    background-color: #82a6c9;
    padding: 30px 0;

}
.footer__container {

}
.footer__column {
    flex: 0 1 16.6667%;
    padding: 20px 15px;
}
.footer__column:last-child {
    flex: 0 1 33.334%;
}
@media (max-width: 992px){
    .footer__column {
        flex: 0 1 25%;
    }
    .footer__column:last-child {
        flex: 1 1 100%;
    }
}
@media (max-width: 992px){
    .footer__column {
        flex: 0 1 50%;
    }
}
.footer__label {
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 20px 0;
}
.footer__menu {
}
.footer__row {
    flex-wrap: wrap;
    display: flex;
    margin: 0 -15px;
}



.menu-footer {
}
.menu-footer__list {
}
.menu-footer__item {
}
.menu-footer__item:not(:last-child) {
    margin: 0 0 10px 0;
}
.menu-footer__link {
    color: white;
    letter-spacing: 0.2px;
    line-height: 171%;
    display: inline-block;
}
.menu-footer__link:hover {
    text-decoration: underline;
}


.footer__contacts {
}
.contacts-footer {
    display: flex;
    flex-direction: column;
}
.contacts-footer:not(:last-child) {
    margin: 0 0 12px 0;
}
.contacts-footer__item {
    padding: 0 0 0 34px;
    color: #fff;
    line-height: 142%;
    display: flex;
    align-items: center;
    min-height: 30px;
}
.contacts-footer__item:hover {
    text-decoration: underline;
}
.contacts-footer__item_phone {
    background: url("../sources/icon_6.png") 0 0 no-repeat;
}
.contacts-footer__item_map {
    background: url("../sources/icon_7.png") left no-repeat;
}
.contacts-footer__item_mail {
    background: url("../sources/icon_8.png") 0 0 no-repeat;
}