/*bl3*/
.bl3 { background: rgba(0,0,0,.08); }

.bl3 .icon {
    display: table;
    width: 106px;
    height: 100px;
    margin: -12px auto 16px;
    background-size: 150px 150px!important;
    background-position: center!important;
}
.bl3 .icon1 { background: url('../img/2/bl3_img1.png'); background: url('../img/2/bl3_img1.svg'); }
.bl3 .icon2 { background: url('../img/2/bl3_img2.png'); background: url('../img/2/bl3_img2.svg'); }
.bl3 .icon3 { background: url('../img/2/bl3_img3.png'); background: url('../img/2/bl3_img3.svg'); }
.bl3 .text {
    font-family: 'MuseoSansLight', sans-serif;
    font-size: 15px;
    color: #273645;
    text-align: center;
    line-height: 1.2;   
}
.bl3 .btn { margin: 32px auto 0px; }



/*bl4*/
.bl4 { background: url('../img/2/bl4_bg.jpg') center; }
.bl4 .container { position: relative; }
.bl4 .img {
    width: 1142px;
    height: 931px;
    background: url('../img/2/bl4_man.png');
    position: absolute;
    bottom: -100px;
    left: -280px;
    z-index: 3;
}
.bl4 .maintitle { padding-top: 0; color: #fff; }
.bl4 .maintitle:after { display: none; }
.bl4 .title {
    margin-bottom: 32px;
    font-family: 'MuseoSansLight', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}

/*bl5*/
.bl5 .container { position: relative; }
.bl5 .list li {
    margin-bottom: 16px;
    padding-left: 32px;
    font-family: 'MuseoSansMedium', sans-serif;
    font-size: 16px;
    color: #273645;
    line-height: 1.2;
    position: relative;
}
.bl5 .list li:before {
    width: 15px;
    height: 15px;
    background: url('../img/bl3_romb-s.png');
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE1IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSIyLjE5OCIgeT0iMi4xOTciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MiAtMC43MDcxIDAuNzA3MSAwLjcwNzIgLTMuMTA2NSA3LjUwMDEpIiBmaWxsPSIjRTUzQzU5IiB3aWR0aD0iMTAuNjA3IiBoZWlnaHQ9IjEwLjYwNyIvPjwvc3ZnPg==);
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
}
.bl5 .list li:last-child { margin-bottom: 0; }
.bl5 .imgbar { position: relative; }
.bl5 .img {
    width: 728px;
    height: 658px;
    background: url('../img/2/bl5_img.png');
    position: absolute;
    top: 0px;
    right: -36px;
}
.bl5 .btn { margin: 32px auto 0px; }


/*bl6*/
.bl6 { 
    background: url('../img/2/bl6_bg.jpg') center;
    background-size: cover;
}
.bl6 .maintitle { color: #fff; }
.bl6 .title {
    padding-top: 32px;
    margin-bottom: 15px;
    font-family: 'MuseoSansBold', sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.bl6 .title:before {
    width: 21px;
    height: 21px;
    margin-left: -10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEgMjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDIxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0U2M0M1OTt9LnN0MXtmaWxsOm5vbmU7fTwvc3R5bGU+PHJlY3QgeD0iMy4xIiB5PSIzLjEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTQuMzQ5MiAxMC41KSIgY2xhc3M9InN0MCIgd2lkdGg9IjE0LjgiIGhlaWdodD0iMTQuOCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxOC45IiB5MT0iNC4yIiB4Mj0iMTguOSIgeTI9IjQuMiIvPjwvc3ZnPg==);
    position: absolute;
    top: 0;
    left: 50%;
    content: "";    
}
.bl6 .text {
    font-family: 'MuseoSansLight', sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}
.bl6 .mb32 { margin-bottom: 32px; }


/*bl7*/
.bl7 .item {
    display: table;
    padding: 32px 24px 36px;
    margin: 0px auto;
    background: #fff;
    -webkit-box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.4);
}
.bl7 .item, .bl7 .item .shadow {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px; 
}
.bl7 .title {
    margin-bottom: 16px;
    font-family: 'MuseoSansExtraBold', sans-serif;
    font-size: 26px;
    color: #273645;
    text-align: center;
    text-transform: uppercase;
}
.bl7 .text {
    font-family: 'MuseoSansMedium', sans-serif;
    font-size: 16px;
    color: #273645;
    text-align: center;
    line-height: 1.3;
}
.bl7 .btn { width: 100%; }
.bl7 .btn-darkblue { margin-bottom: 8px; }
.bl7 .img {
    display: table;
    width: 150px;    
    margin: 19px auto 23px;
    background-size: 150px!important;
    background-position: center!important;
}
.bl7 .img1 { background-position: 0px -7px!important; height: 120px; background: url(../img/2/bl7_img1.png); background: url(../img/2/bl7_img1.svg); }
.bl7 .img2 { height: 140px; background: url(../img/2/bl7_img2.png); background: url(../img/2/bl7_img2.svg); }


/*bl8*/
.bl8 .col-sm-3 { width: 20%; }
.bl8 .title {
    margin-bottom: 8px;
    font-family: 'MuseoSansMedium', sans-serif;
    font-size: 24px;
    color: #273645; 
    text-align: center;
}
.bl8 .title span {
    font-family: 'MuseoSansExtraBold', sans-serif;
    font-size: 48px;
    color: #e63c59; 
    text-align: center;
}
.bl8 .text {
    font-family: 'MuseoSansMedium', sans-serif;
    font-size: 16px;
    color: #273645; 
    text-align: center;
}


/*bl9*/ 
.bl9 {
    background: rgba(0,0,0,.08);
    overflow: hidden;
}
.bl9 .container { position: relative; height: 800px; }
.bl9 .img {
    width: 682px;
    height: 723px;
    background: url('../img/2/bl9_img.png') top;
    position: absolute;
    bottom: -100px;
    right: -100px;
}

.bl_contacts { margin-top: 0!important; }

/*modal-list*/
.modal-list li {
    margin-bottom: 16px;
    padding-left: 32px;
    font-family: 'MuseoSansMedium', sans-serif;
    font-size: 16px;
    color: #273645;
    line-height: 1.2;
    position: relative;
}
.modal-list li:before {
    width: 15px;
    height: 15px;
    background: url('../img/bl3_romb-s.png');
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE1IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSIyLjE5OCIgeT0iMi4xOTciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MiAtMC43MDcxIDAuNzA3MSAwLjcwNzIgLTMuMTA2NSA3LjUwMDEpIiBmaWxsPSIjRTUzQzU5IiB3aWR0aD0iMTAuNjA3IiBoZWlnaHQ9IjEwLjYwNyIvPjwvc3ZnPg==);
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
}


/*767*/
@media (max-width: 767px) {
    
    .bl4 { background-size: cover; }
    .bl4 .container { height: auto; }   
    .bl5 .list li:first-child { margin-top: -12px; }
    
    .bl6 .mb32-xs { margin-bottom: 32px; }
    .bl8 .col-xs-2-30 { width: 33.3%; margin-bottom: 24px; }
    .bl8 .col-xs-2-50 { width: 50%; }
    .bl9 .container { height: auto; }
    
}


/*600*/
@media (max-width: 600px) {
    
    .bl7 .col-xs-6 { width: 100%; }
    .bl7 .mb24-xs { margin-bottom: 24px; }

    
}


/*480*/
@media (max-width: 480px) {    
    
    .bl3 .col-xs-4 { width: 100%; margin-bottom: 32px; }
    .bl3 .mb0-xs { margin-bottom: 0; }
    .bl3 .icon2 { height: 84px; }
    .bl3 .icon3 { height: 78px; }
    
    .bl3 .icon { margin-bottom: 12px; }
    .bl5 .col-xs-6 { width: 100%; }
    
    .bl6 .col-xs-6 { width: 100%; margin-bottom: 24px; }
    .bl6 .col-xs-6:last-child { margin-bottom: 0; }
    
    .bl8 .col-xs-6 { width: 50%; margin-bottom: 24px; }
    .bl8 .col-xs-6 { width: 50%; margin-bottom: 24px; }
    .bl8 .col-xs-1-100 { width: 100%; margin-bottom: 0; }
    
}


/*768-991*/
@media (min-width: 768px) and (max-width: 991px) {
    
    .bl4 .img { left: -400px; }
    .bl4 .maintitle { font-size: 28px; }
    .bl9 .img { right: -264px; }
    
}


/*992-1199*/
@media (min-width: 992px) and (max-width: 1199px) {
    
    .bl4 .img { left: -320px; }
    .bl9 .img { right: -200px; }


}


/*1200+*/
@media (min-width: 1200px) {

}