html {
    font-size: 14px;
    /* max-width: 1440px; */
    margin: auto;
}

body {    
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

*, *:before, *:after {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0;
}

/* Стили для Preloader */

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;  
    background: #fff;
    transition: all 0.5s;
    opacity: 1;
}
.preloader-remove {
    opacity: 0;
    z-index: -10;
}

.preloader-5 {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    margin: 30px auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #474972;
    animation: preloader-5-spin 2s linear infinite;
}
.preloader-5:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3D5869;
    animation: preloader-5-spin 3s linear infinite;
}
.preloader-5:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #A4915C;
    animation: preloader-5-spin 1.5s linear infinite;
}
@keyframes preloader-5-spin {
    0%   {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    z-index: 1000;
}
.preloader{
    width: 50px;
    height: 50px;
    border: 6px solid transparent;
    border-bottom: 6px solid #151361 ;
    border-left: 6px solid #151361 ;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: animate 1s infinite linear;
    z-index: 1000;
}
@keyframes animate{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
} */


.firstScreenImage {
    display: block;
    min-width: 100vh;
    height: 100vh;
}

.fSI {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.firstScreenBlock {
    position: absolute;
    top: 10rem;
    left: 10rem;
    width: 85%;
    text-align: center;
}

.image-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	/* opacity: 0.6; */
    animation: fs-animation 7s forwards;
}

@keyframes fs-animation {
    0%   { opacity: 0;}
    100% { opacity: 0.7;}
}

.first_w_screen {
    max-width: 1920px;
}

.firstScreenLogo {
    border: 0.5rem #eeba00;

}

.logo {
    width: auto;
    height: 26rem;
    margin-bottom: 3rem;
    filter: drop-shadow(8px 8px 8px #000);
    /* border: 0.2rem solid #fff; */
}

.logo_small {
    width: auto;
    height: 17rem;
    /* margin-bottom: 3rem; */
    /* border: 0.5rem double #eeba00; */
}

.logo_small_2 {
    width: 97%;
    height: auto;
    /* margin-bottom: 3rem; */
    /* border: 0.5rem double #eeba00; */
}

.logoPadd {
    padding: 0.7rem 0 0.7rem 0;
    margin-left: 2rem;
}

.firstScreenTitle {
    font-size: 4rem;
    font-weight: 600;
    color: #fff;
}

.lineBlock {
    width: 30%;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.wl {
    width: 100%;
    color: #fff;
    margin-bottom: 3rem;
}

.firstScreenText {
    /* width: 88%; */
    font-size:2.6rem;
    font-weight: 600;
    margin-bottom: none;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    margin-left: auto;
    margin-right: auto;
}

.headerInvisible {
    display: none;
}

.headerVisible {
    position: fixed;
    animation-name: fadeInUp;
    animation-duration: 1s;
    z-index: 77;
}

@keyframes fadeInUp {
    from {
      opacity: 0;
      top: -50px;
    }
    to {
      opacity: 1;
      top: 0;
    }
}

.blockNPL {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5rem 6rem 12rem 6rem;
}

.imgBlockNPL {
    flex-basis: 160rem;
}

.imgNPL {
    width: 100%;
    height: auto;
}

.aboutUsTitle {
    text-align: center;
}

.aboutUs {
    /* margin-top: 1rem; */
    font-size: 3.5rem;
    font-weight: normal;
    color: #000;
}

.aboutUs_st {
    margin-top: 1rem;
    margin-bottom: 5rem;
    font-size: 2.5rem;
    font-weight: normal;
    color: #337AB7;
}

.aboutUsW {
    margin-top: 3rem;
    font-size: 2.2rem;
    font-weight: normal;
    color: #fff;
}

.img_block_c {
    margin: 5rem auto;
    width: 50%;
    height: auto;
}

.img_block_l {
    margin: 10rem auto;
    width: 70%;
    height: auto;
}

.empty_block {
    height: 5rem;
    /* margin-top: 3rem; */
    background-color: red;
}

.empty_block_1 {
    height: 8rem;
}

.new_flex_img {
    display: flex;
    justify-content: space-between;
}

.img_nfi {
    margin: 3rem auto;
    width: 44%;
    height: auto;
    border: 3px solid #474972;
}

.img_nfi_1 {
    margin: 3rem auto;
    width: 29%;
    height: auto;
    border: 3px solid #A4915C;
}

.img_nfi_2 {
    margin: 3rem auto;
    width: 44%;
    height: auto;
    border: 3px solid #3D5869;
}

.img_nfi_3 {
    margin: 3rem auto;
    width: 40%;
    height: auto;
    border: 3px solid #554370;
}

.bold_bold {
    font-weight: 600;
}

.firstLet {
    color: #d48166;
    font-weight: 600;
}

.firstLet_1 {
    font-size: 1.8rem;
    color: #d48166;
    font-weight: 600;
}

.textNPL {
    margin: 0;
}

.paragraphNPLbold {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 1rem 5rem;
}

.paragraphNPL {
    margin: 0 6rem 0 6rem;
    font-size: 1.2rem;
    /* line-height: 2; */
}

.li_08 {
    margin: 0 0 0 8rem;
    font-size: 1.7rem;
}



/* ============================== Parallacs ==============================*/


/* .parall {
    height: 40rem;
}     */

/* .fix_bg {
    margin-top: 10rem;
} */

.parallImgBlock {
    /* position: relative;
    display: block; */
    width: 100%;
    max-width: 3840px;
    height: 40rem;
    /* margin-bottom: 10rem; */
    padding-top: 47rem;
    /* overflow: hidden; */
}

.parallImgBlockMob {
    width: 100%;
    max-width: 1040px;
    height: 10rem;
    margin-bottom: 10rem;
}

.parallImg {
    position: absolute;
    left: 0;
    top: -28rem;
    width: 100%;
}

.parallText {
    position: absolute;
    left: 6rem;
    top: 3rem;
    z-index: 10;
}

.titleBlockPar {
    margin-left: 30%;
    font-size: 2.2rem;
    font-weight: normal;
    color: #fff;
}

.benefit {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
    padding-right: 5rem;
    color: #fff;
}


/* =============================== Slider =============================== */

.color_1 {
    background-color: #474972;
    padding-bottom: 5rem;
}

.sliderBlock {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

.contSlider {
    margin-top: 3rem;
    width: auto;
    margin-right: 5.62rem;
    margin-left: 6.25rem;
}

.contSlider2 {
    margin-top: 5rem;
    margin-bottom: 5rem;
    /* padding: 5rem 0; */
    width: 53%;
    margin-right: auto;
    margin-left: auto;
}

.slideFl {
    display: flex;
    height: 100%;
}

/* .sldImg {
    height: 100%;
    width: auto;
    overflow: hidden;
} */

.slideTitle {
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
}

.slideTxt {    
    font-size: 1rem;
    color: #000;
    width: 30%;
    padding: 2rem 2rem 0rem 2rem;
    margin: 0;
    background-color: #eeba00;
    /* border-left: 0.1rem solid #1b1c3a;
    border-bottom: 0.1rem solid #1b1c3a;
    border-top: 0.1rem solid #1b1c3a; */
}

/* .orangeBorder {
    border-left: 0.1rem solid #eeba00;
    border-bottom: 0.1rem solid #eeba00;
    border-top: 0.1rem solid #eeba00;
} */

.robodogText {
    display: block;
    width: 100%;
    text-align: center;
}

.lineLine {
    width: 10%;
    margin-bottom: 3rem;
}

.roboText {
    margin: 0 15rem;    
    font-size: 1.2rem;
    line-height: 2;
}

.sliderBlock {
    display: block;
    margin-top: 5rem;
}

.slider {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
    height: 30rem;
    width: 75%;
}

.gallery{
    width: 33rem;
    text-align: center;
    margin: 0 auto; 
}
.photo{
    position: relative;
    height: 20rem;
}

.photo img{
    width: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    transition: opacity 1.5s;
}

.photo img.shown{
     opacity: 1;
}

.tabs{
    text-align: center;
    padding-top: 20px;
}

.tabLeft {
    margin-right: 5rem;
}

.tabRight {
    margin-left: 5rem;
}

.arrowLeft, .arrowRight {
    width: 1.2rem;
    margin-top: 6rem;
}

.arrowLeft:hover, .arrowRight:hover {
    opacity: 0.5;
}

.slider-link {
    /* padding-left: 3rem; */
    color: #337AB7;
    text-decoration: none;
    font-weight: 600;
}

.slider-link:hover, .slider-link:focus {
    color: #fff;
    text-decoration: none;
}

/*================================ PROJECTS BLOCK ===============================*/

.projects_block {
    width: 100%;
}

.project_flex {
    display: flex;
    justify-content: space-between;
    margin: 5rem 5.6rem 5rem 6rem;
}

.p_flex_title {
    color: #fff;
}

.p_flex_1 {
    color: #fff;
    width: 47%;
    height: auto;
    background-color: #474972;
    border: 1px solid #fff;
    /* box-shadow: 3px 3px 3px #000; */
    padding: 2rem;
}

.p_flex_2 {
    color: #fff;
    width: 47%;
    height: auto;
    background-color: #A4915C;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_3 {
    color: #fff;
    width: 47%;
    height: auto;
    background-color: #3D5869;
    border: 1px solid #fff;    
    padding: 2rem;
}

.p_flex_4 {
    color: #fff;
    width: 47%;
    height: auto;    
    background-color: #554370;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_img {
    border: 1px solid #fff;
}

.project_link {
    color: #fff;
    font-weight: 800;
    /* font-size: 1.4rem;
    font-weight: 400;
    width: 28%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-right: auto;
    margin-left: auto; */
    text-decoration: none;
}

.project_link:hover {
    color: #fff;
    opacity: 40%;
    text-decoration: none;
}

.title_tit {
    font-family: 'Montserrat', sans-serif; 
    font-size: 1.4rem; 
    color: #fff;
}

.title_tit:hover {
    color: #000;
    text-decoration: none;
    opacity: 40%;
}

.project_flex_2 {
    display: flex;
    justify-content: space-between;
    margin: 5rem 5.6rem 2rem 6rem;
}

.p_flex_title_2 {
    color: #fff;
}

.p_flex_12 {
    color: #fff;
    width: 30%;
    height: auto;
    background-color: #554370;
    border: 1px solid #fff;    
    /* box-shadow: 3px 3px 3px #000; */
    padding: 2rem;
    transition: 0.3s;
}

.p_flex_12:hover {
    /* filter: saturate(1.5) */
    /* filter: contrast(2); */
    /* color: #554370; */
    background-color: #453B54;
}

.p_flex_12 img {
    transition: 0.7s;
}

.p_flex_12:hover img {
    transform: scale(82%);
}

.p_flex_12 p {
    transition: 0.3s;
}

.p_flex_12:hover p {
    background-color: #453B54;
}

.p_flex_22 {
    color: #fff;
    width: 30%;
    height: auto;
    background-color: #3D5869;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_32 {
    color: #fff;
    width: 30%;
    height: auto;
    background-color: #554370;
    box-shadow: 1px 1px 8px #fff;
    /* border: 1px solid #fff;     */
    padding: 1rem;
}

.p_flex_42 {
    color: #fff;
    width: 30%;
    height: auto;    
    background-color: #3D5869;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_52 {
    color: #fff;
    width: 30%;
    height: auto;    
    background-color: #554370;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_62 {
    color: #fff;
    width: 30%;
    height: auto;    
    background-color: #3D5869;
    border: 1px solid #fff;
    padding: 2rem;
}

.p_flex_img_2 {
    border: 1px solid #fff;
}

.project_link_2 {
    color: #fff;
    font-weight: 800;
    /* font-size: 1.4rem;
    font-weight: 400;
    width: 28%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-right: auto;
    margin-left: auto; */
    text-decoration: none;
}

.pilot_list {
    color: #000;
    /* list-style-type: none; */
}

.pl_n {
    font-size: 1.2rem;
    font-weight: 600;
    color: #474972;
    margin-left: 8rem;
}

.pl_link {
    color: #474972;
    text-decoration: none;
}

.paragraph_mw {
    margin: 1rem 2rem 0 5rem;
    font-size: 1.2rem;
    /* line-height: 2; */
}

.curs_p {
    cursor: pointer;
    transition: 0.5s;
    /* padding-top: auto;
    padding-bottom: auto; */
}

.curs_p:hover{
    transform: scale(1.1);
}

/* .projectLogo {
    width: auto;
    height: 7rem;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s;
}

.projectLogo:hover {
    transform: scale(1.1);
} */

.pilots_main_block {
    margin: 0 5.8rem 0 6rem;
    padding-bottom: 5%;
}

.pilots_flex_block {
    display: flex;
    justify-content: space-between;
    /* margin: 0 1rem 0 1rem; */
}

.pilots_block {
    height: 20rem;
    width: 17rem;
    padding: 2px;
    margin-top: 2rem;
    background-color: #fff;
    /* border: 1px solid #3D5869; */
    text-align: center;
    /* border-radius: 1rem; */
    /* filter: contrast(150%); */
    transition: 0.5s;
}

.pilots_block:hover {
    transform: scale(1.07);
    /* filter: grayscale(100%); */
    filter: sepia(1);
    /* filter: contrast(75%); */
    /* filter: drop-shadow(0 0 50px #9F8FB7); */
    /* background-color: #D2C49F; */
}

/* .projectLogo {
    width: 75%;
    height: auto;
    margin-top: 13%;
} */

.pilots_link:hover {
    text-decoration: none;
    opacity: 71%;
}

.parallImgBlock {
    /* position: relative;
    display: block; */
    width: 100vw;
    /* max-width: 3840px; */
    height:70rem;
    /* height: auto; */
    /* margin-top: 8rem; */
    /* margin-bottom: 10rem; */
    /* padding-top: 10rem; */
    /* overflow: hidden; */
}

.parallImgBlock_1 {
    /* position: relative;
    display: block; */
    width: 100vw;
    /* max-width: 3840px; */
    height:30rem;
    /* height: auto; */
    /* margin-top: 8rem; */
    /* margin-bottom: 10rem; */
    /* padding-top: 10rem; */
    /* overflow: hidden; */
}

.n-year {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7rem;
    font-weight: 600;
}

.news_arch_flex {
    display: flex;
    justify-content: space-between;
    /* background-color: #000; */
    /* padding: 2rem 0; */
    margin-bottom: 5rem;
}

.news_arch_img_l {
    width: 30%;
    border: 3px solid #3D5869;
    /* padding: 1rem 0; */
    transition: 0.4s;
}

.news_arch_img_l:hover {
    transform: translate(4rem)scale(1.5);
}

.news_arch_img {
    width: 30%;
    border: 3px solid #3D5869;
    /* padding: 1rem 0; */
    transition: 0.4s;
}

.news_arch_img:hover {
    transform: scale(1.5);
}

.news_arch_img_r {
    width: 30%;
    border: 3px solid #3D5869;
    /* padding: 1rem 0; */
    transition: 0.4s;
}

.news_arch_img_r:hover {
    transform: translate(-4rem)scale(1.5);
}

.wFb_1 {
    transition: 0.3s;
}

.wFb_1:hover {
    transform: scale(1.05);
    border-color: #A4915C;
}

.wFb_1 img {
    transition: 0.3s;
}

.wFb_1:hover img {
    /* transform: scale(0.84); */
    transform: scale(1.1);
}


/* =============================== TEAM =============================== */


.teamBigBlock {
    padding: 1rem 0 1rem 0;
    margin-top: 15rem;
    background-color:#337AB7;
    color: #fff;
    /* width: 100%; */
}

.teamFlex {
    display: flex;
    justify-content: space-around;
    padding: 0 4rem;
}

.teamFoto {
    width: 12rem;
    height: auto;
    border-radius: 2rem;
}

.aPicture {
    height: 7rem;
    width: auto;
    margin-top: 3rem;
    /* margin-left: 10rem; */
    text-align: center;
}

.teamText {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* ============================ PARTNERS ============================== */

.partnersFlex {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partnersFlex_1 {
    margin-top: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.partnersLogo {
    width: auto;
    height: 5rem;
    margin: 3rem;
}

.partnersLogo_1 {
    width: 5rem;
    height: auto;
    margin: 2rem;
}

/* .projectLogo {
    width: auto;
    height: 7rem;
    margin: 3rem;
} */

/* =============================== NEWS =============================== */

.newsBigBlock {
    padding: 0 0 3rem 0;
    /* margin-top: 15rem; */
    color: #fff;
    background-color: #3D5869;
    /* border-top: 1px solid #337AB7;
    border-bottom: 1px solid #337AB7; */
    /* width: 100%; */
}

.newsFlexBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.newsFB {
    display: block;

    text-align: center;
    margin: 5rem 0 2rem 0;
}

.mainNews {
    /* width: 100%; */
    margin-right: 5.62rem;
    margin-left: 6.25rem;
}

.newsFlBl {
    width: 48%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    /* transition: 0.3s; */
}

/* .newsFlBl:hover {
    transform: scale(1.5);
    backdrop-filter: brightness(40%);
} */

.newsImgBl {
    /* background: url(../img/news_i_4.jpg) no-repeat;
    background-size: 100%; */
    display: block;
    width: auto;
    height: 9rem;
    transition: 0.3s;
    /* overflow: hidden; */
}

.newsImgBl:hover {
    transform: scale(2.0);
}

.imgNews {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #fff;
    /* transition: 0.3s; */
}

/* .imgNews:hover {
    transform: scale (2.0);
} */

.newsTxBl {
    width: 65%;
}

.textNews {
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 0;
    margin-left: 1rem;
    text-align: left;
}

.dateNews {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    text-align: left;
}

.iNews {
    width: 100%;
}

.n1 {
    margin: 0;
    padding-top: 1rem;
}

.pr_news_title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    width: 28%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
}

.pr_news_title:hover, .pr_news_title:focus {
    color: #fff;
    opacity: 40%;
    text-decoration: none;
}

.butt-block {
    margin-top: 7rem;
    margin-bottom: 3rem;
    margin-right: auto;
    margin-left: auto;
}



.pr_news_block {
    /* margin-right: 25rem;
    margin-left: 20rem; */
    /* background-color: #eeba00; */
    padding-left: 0;
    padding-right: 0;
}

.tpnd {
    font-size: 1.1rem;
    font-weight: 600;
    color: #3D5869;
}

.text_PNews {
    color: #000;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 0;
    text-align: left;
}

.modal_news {
    padding: 5rem;
}

.carr-link:hover {
    opacity: 40%;
}

/* ============================= Associations =========================*/

.associations {
    /* background-color: #f8f5ef; */
    margin-top: 3rem;
    /* margin-bottom: 4rem; */
}

.associations_title {
    color: #1d1e3a;
    /* background-color: #eeba00; */
    font-size: 1.4rem;
    font-weight: 400;
    width: 25%;
    padding-top: 2rem;
    padding-bottom: 1rem;
    /* margin-right: auto; */
    margin-left: 26rem;
}

.associations_block {
    /* margin-right: 25rem;
    margin-left: 20rem; */
    background-color: #eeba00;
    padding-left: 0;
    padding-right: 0;
}

/* .associations_title_bc {
    background-color: #eeba00;
} */
/* =============================== Project ============================*/

.pageProject {
    margin: 15rem 0 3rem 0;
}

.img_title {
   text-align: center;
}

.img_tit {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}

.img_tit_1 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}

.t_block {
    /* max-width: 1440px; */
    margin-right: auto;
    margin-left: auto;
    padding: 0 4rem 0 6.2rem;
}

.ppFB1 {
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    margin-bottom: 8rem;
    margin-right: 2rem;
    /* text-align: center; */
}

.ppFB1_m {
    display: block;
}

.ppIl {
    /* height: 20rem; */
    width: 25%;
    /* margin-right: 5rem; */
    border: 0.5rem solid #eebe00;
}

.ppI21 {
    height: auto;
    width: 75%;
    /* margin-right: 8rem; */
    /* border: 0.5rem solid #eebe00; */
}

.el1 {
    padding-top: 1rem;
}

.ppkktH {
    margin-top: 5rem;
    color: #eeba00;
}

.ppp1 {
    font-size: 1.3rem;
    padding-right: 2rem;
    color: #000;
}

.ppp1bold{
    font-weight: 600;
}

.ppp1_mb {
    margin-bottom: 12rem;
}

.spPP1 {
    font-weight: 600;
    color: #000;
}

.subtitlePP3 {
    font-family: Montserrat;
    font-size: 2.3rem;
    font-weight: 400;
    text-align: center;
    margin-top: 15rem;
    margin-bottom: 3rem;
    margin-right: auto;
    margin-left: auto;
    color: #000;
}

.subtitlePP3w {
    font-family: Montserrat;
    font-size: 2.3rem;
    font-weight: 400;
    text-align: center;
    padding-top: 3rem;
    margin-top: 15rem;
    margin-bottom: 3rem;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
}

.ppFB2 {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
    height: 13rem;
}

/* .ppFB2_l {
    justify-content: start;
}

.ppFB2_c {
    justify-content: center;
}

.ppFB2_r {
    justify-content: end;
}  */

.ppFB2_1 {
    display: block;
    background-color: #1d1e3a;
    width: 13rem;
    height: 13rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.ppI_1 {
    height: 100%;
    width: auto;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.fbFB2_2 {
    display: block;
    background-color: #eebe00;
    width: 75%;
    height: 13rem;
    margin-right: 3rem;
    margin-bottom: 0.5rem;
    padding: 1rem;
}

.subtitlePP5_1 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    padding-top: 0.5rem;
    /* padding-left: 2rem; */
    margin: 0 0 1.2rem 0;
    text-align: center;
    background-color: #eebe00;
}

.subtitlePP5_2 {
    height: 100%;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 200;
    padding-top: 0.7rem;
    padding-bottom: 1.2rem;
    margin: 0;
    /* padding-left: 2rem; */
    /* margin: 0 0 1.2rem 0; */
    text-align: center;
    vertical-align: middle;
    background-color: #1b1c3a;
}

.subtitlePP5 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* padding-left: 2rem; */
    /* margin: 0 0 1.2rem 0; */
    text-align: center;
    background-color: #eebe00;
}

.ppp2 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0;
    padding-left: 2rem;
}

.ppFB3 {
    display: flex;
    justify-content: center;
    color: #000;
}

.ppFB3_1 {
    width: 28%;
    height: auto;
    margin: 1rem;
    border: 0.1rem solid #1b1c3a;
}

.h6_bl {
    display: block;
    height: 29%;
    /* vertical-align :middle; */
}

.ppp3_bl {
    display: block;
    height: 71%;
    background-color: #eebe00;
}

.ppp3 {
    font-size: 1.3rem;
    padding: 1rem;
    margin: 0;
}

.ctbo {
    padding: 3rem;
    border: 0.15rem solid #eebe00;
    margin-right: 1.8rem;
}

.ctbb {
    padding: 3rem;
    border: 0.15rem solid #67a1e5;
    margin-right: 1.8rem;
}

.ppp3w {
    font-size: 1.2rem;
    font-weight: 600;
    font-style: italic;
    padding: 0rem 1.5rem 0 0;
    margin: 0;
    color: #fff;
}

.ppp3w2 {
    font-size: 1rem;
    font-weight: 600;
    padding: 2.5rem 1.5rem 0 0;
    margin: 0;
    color: #fff;
}
    

.ppp3wb {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.ppFB4 {
    /* display: flex;
    justify-content: space-around; */
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.ppFB4_1 {
    display: flex;
}

.ppFB4_2 {
    display: flex;
    justify-content: center;
    height: 15rem;
    width: 50%;
    margin: 1rem;
}

.ppFB4_3 {
   width: 40%;
   height: auto;
}

.subtitlePP5_3 {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    /* padding-left: 2rem; */
    /* margin: 0 0 1.2rem 0; */
    text-align: center;
    background-color: #eebe00;
}

.ppp4 {
    color: #000;
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 0;
}

.ppI_2 {
    max-width: 14rem;
    height: auto;
}

.ppFB4_4 {
    width: 70%;
    padding: 1rem 2rem;
}

.ppFB5 {
    display: flex;
    justify-content: space-between;
}

.ppFB5_1 {
    width: 55%;
}

.ppFB5_2 {
    width: 65%;
    text-align: center;
    margin-right: 2rem;
    margin-left: 2rem;
}

.ppI_BCC1 {
    width: 80rem;
    height: auto;
    overflow: hidden;
}

.ppI_BCC2 {
    height: 8rem;
    width: auto;
}

.ppp5 {
    color: #000;
    font-size: 1.3rem;
    text-align: left;
    padding-top: 3rem;
    padding-left: 2rem;
}

.ppFB6 {
    display: flex;
    justify-content: space-between;
}

.ppFB6_1 {
    width: 55%;
}

.ppFB6_2 {
    width: 65%;
    /* font-size: 1.3rem; */
    text-align: start;
    margin-right: 2rem;
    margin-left: 2rem;
}

.ppp6_1 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 3rem;
    margin-left: 2rem;
}

.ppUI_1 {
    font-size: 1.3rem;
    margin-left: 2rem;
}


.ppI_PW {
    width: auto;
    height: 25rem;
    overflow: hidden;
}

.ppFB7 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pbFB7_1, .ppFB7_2, .ppFB7_3, .ppFB7_4, .ppFB7_5 {
    display: flex;
    align-items: center;
    /* width: 25rem; */
    margin-bottom: 2rem;
}

.ppFB7_3 {
    margin-bottom: 5rem;
}

.ppFB7_4 {
    margin-top: 5rem;
}

/* .ppFB7_f1, .ppFB7_f3, .ppFB7_f5, .ppFB7_f7, .ppFB7_f9, .ppFB7_f11 {
    border: 0.1rem solid #1b1c3a;
} */

.arrowR_1 {
    max-width: 3rem;
    height: auto;
    margin: 0 1rem;
}

.ppFB7_txt {
    text-align: center;
    font-size: 1.1rem;
    padding: 0.3rem 0;
    color: #000;
    background-color: #eebe00;
}

.ppFB7_pb1 {
    width: 10rem;
}

.ppFB7_pb2 {
    width: 10rem;
}

.ppFB7_pb3 {
    width: 10rem;
}

.ppFB7_pb4 {
    width: 10rem;
}

.ppFB7_pb5 {
    width: 18rem;
}

.ppFB7_pb6 {
    width: 18rem;
}

.ppFB7_pb7 {
    width: 16rem;
}

.ppFB7_pb8 {
    width: 16rem;
}

.ppFB7_pb9 {
    width: 18rem;
}

.ppFB9 {
    text-align: center;
    padding-right: 2rem;
    /* margin-top: 10rem; */
    margin-bottom: 16rem;
}

.ppFB91 {
    text-align: center;
    padding-right: 2rem;
    margin-top: 10rem;
    /* margin-bottom: 10rem; */
}

/* ================================ Footer ============================*/

.secondFloor {
    /* display: flex; */
    /* justify-content: space-around; */
    /* max-width: 1440px; */
    margin-right: auto;
    margin-left: auto;
    height: 25rem;
    /* margin-top: 15rem; */
    /* background-color:rgba(71, 73, 114, 0.5); */
    /* background-image: url(../img_new/0205f_DD.webp); */
    /* background-size: 100%; */
}

.contactIt {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 3rem 0 0 0;
}

.contactIt_1 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    margin-top: 5rem;
}

.contactI {
    font-size: 3rem;
    margin: 4rem 0 1rem 0;
}

.contactsBlock {
    display: flex;
    max-width: 1440px;
    justify-content: space-between;
    padding: 2rem 0 0 0;
    color: #fff;
    /* margin-top: 37rem; */
    margin-right: auto;
    margin-left: auto;
    /* margin-right: 5.62rem;
    margin-left: 6.25rem; */
}

.cb1 {
    width: 20%;
    margin-top: 1rem;
    margin-left: 6.25rem;
}

.cb2 {
    font-size: 0.8rem;
    width: 53%;
    margin-top: 1rem;
    margin-left: 3rem;
    padding-right: 1rem;
    /* margin-right: 5.7rem; */
}

.cb2 p {
    margin: 0 0 0.3rem 0;
}

.cb3 {
    width: 25%;
    margin-top: 1rem;
    margin-right: 6.4rem;
    text-align: right;
}

.flp {
    padding: 0;
    margin: 1rem 0.5rem 0 0;
}

.footerLink{
    padding: 0;
    margin: 0;
}

.footerLink:hover, .footerLink:focus {
    opacity: 0.5;
}

.footerImg {
    width: 20%;
}

.fi {
    width: 100%;
}

.footerLineB {
    height: 4.5rem;
    text-align: center;
    background-color: #474972;
    color: #fff;
}

.productionW {
    padding-top: 1.8rem;
    font-size: 0.8rem;
    font-weight: 600;
    /* tab-size: 1rem; */
}

/* Стили для Header ===================================================*/

/* .logo {
    width: 22rem;
    height: auto;
    padding-left: 2rem;
} */

.logoMain {
    margin: auto;
}

.main-header {
    position: relative;
    margin-bottom: -0.5rem;
}

.menu-header {
    position: fixed;
    top: 0;

    /* max-width: 1440px; */
    width: 100%;       
    /* height: 5.62rem; */
    height: 4.5rem;
    background: #474972;
    border-bottom: 1px solid #fff;
    
    z-index: 2;
}

.main-menu {
    max-width: 1440px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;  
    margin-right: auto; 

    /* height: 5.62rem; */
    height: 4.5rem;

    /* background: #1d1e3a; */

    /* background: url(../img/menu-img.jpg); */
    /* background: linear-gradient(90deg, #445E68 0%, #205967 24.47%, #015060 51.62%, #003C4D 78.95%, #002F3F 100%); */
}

.logoSmall {
    height: 3.5rem;
    width: auto;
}
 
.main-menu-link {
    font-size: 1.25rem;
    font-weight: 600;
    color: #e6e2dd;
    text-decoration: none;
}

.main-menu-link-or {
    font-size: 1.25rem;
    font-weight: 600;
    color: #eeba00;;
    text-decoration: none;
}

.main-menu-link-f {
    font: 1.5rem impact;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.main-menu-link:hover, .main-menu-link:focus {
    color: #fff;
    opacity: 50%;
    text-decoration: none;
}

.main-menu-link-f:hover, .main-menu-link-f:focus {
    color: #fff;
    opacity: 50%;
    text-decoration: none;
}

.main-menu-link-or:hover, .main-menu-link-or:focus {
    color: #fff;
    text-decoration: none;
}

.firstLine {
    display: flex;
    width: 100%;
    /* margin: 8rem 6rem 0 6rem; */
    margin-top: 8rem;
    padding: 1.5rem 4rem 1.5rem 4rem;
    justify-content: space-between;
    background: url(../img/fon-img.png);
    /* align-items: center; */
}

.secondLine {
    display: flex;
    margin-top: 2rem;
    justify-content: space-around;
    align-items: top;
    /* background: #f8f5f5; */
}

.aboutCompany {
    padding-left: 6rem;
}

/* .mainNews {
    padding-right: 6rem;
} */

.titleLab {
    font-size: 2.7rem;
    font-weight: 800;
    margin-top: 0;
    padding-left: 5rem;
}

.textTitle {
    font-size: 1.5rem;
    padding-left: 5rem;}

.blueText {
    color: #054772;
}

.linesBlock {
    position: relative;
    width: 42%;
    padding-bottom: 4rem;
}

.progectTarget {
    padding: 0 3rem 0 3rem;
}

.titleBlock {
    font-size: 2.2rem;
    font-weight: 600;
    color: #054772;
}

.tB-black {
    color: #000;
}

.textBlock, .textBlock1 {
    font-size: 1.5rem;
}

.textBlock1 {
    margin-top: 0.2rem;
}

.blackLine {
    color: #000;
    margin-top: 2.5rem;
    margin-bottom: 0.3rem;
}

.orangeLine {
    width: 8%;
    /* margin-top: 1rem; */
    margin-right: auto;
    margin-left: auto;
}

.button-c {
    position: absolute;
    bottom: 0.1rem;
}

.mI-button {
    margin-left: 11rem;
    background-color:#054772;    
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.5rem 0.8rem;
    font: 1.2rem Montserrat;
    font-size: 1.2rem;
}

.mI-button:hover, .mI-button:focus {
    opacity: 0.5;
}

.linkBlue {
    font-weight: 600;
}

.linkFromText {
    color: #054772;
    text-decoration: none;
    margin-left: 3rem;
    margin-top: 0.2rem;
}

.linkFromText:hover, .linkFromText:focus {
    opacity: 0.5;
}

.roboDog {
    margin-bottom: 4rem;
    text-align: center;
}

.roboDogImg {
    width: 60%;
}

.footerLine {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem 0;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background: #f0f0f0;
}

/* ==================================================== стили для VACANCIES ===================================================== */

.v-page {
    margin: 8rem 6rem 0 6rem;
}

.page2Title {
    font-size: 3rem;
    font-family: Montserrat;
    margin-bottom: 3rem;
}

.v-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2A1648;
}

.v-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    padding-left: 1rem;
}

.emailBlock {
    margin-top: 3rem;
    margin-bottom: 1rem;
    text-align: center;
}

.emailLine {
    font-size: 1.1rem;
    font-weight: 400;
}

.emailBlue {
    /* color: #054772; */
    font-size: 1.2rem;
    font-weight: 600;
}

.history-back-block {
    position: relative;
}

.history-back-button {
    position: fixed;
    top: 10rem;
    right: 5.6rem;
    display: block;

    width: 12rem;
    height: 3rem;
    
    margin: 0 auto;
    border-radius: 5px;

    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #054772;
}

.history-back-button:hover {
    opacity: 0.5;
    /* filter: brightness(120%); */
}

.hbb-title {
    display: block;
    margin-top: 0.8rem;
}

/* ==================================================== стили для PROJECT ===================================================== */

.pj-page {
    margin: 8rem 6rem 0 6rem;
}

.pj-text {
    font-size: 1.3rem;
    margin-right: 4rem;
}

.pj-paragraphFirst {
    margin-top: 5.8rem;
}

/* ==================================================== стили для CONTACT ===================================================== */

.cc-page {
    margin: 8rem 6rem 0 6rem;
}

.ccLine {
    display: flex;
    justify-content: space-between;
    margin: 5rem 0;
}

.ccSubtitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: #054772;
    margin-bottom: 0.5rem;
}

.contact-line {
    font-size: 1.2rem;
}

/* ==================================================== стили для PARTNERS ===================================================== */

.pt-page {
    margin: 8rem 6rem 0 6rem;
}

.pt-line {
    display: flex;
    justify-content: space-around;
    height: auto;
    margin-top: 5rem;
}

.pt-line-end {
    margin-bottom: 5rem;
}

.pt-subtitle {
    font-size: 2rem;
    font-weight: 600;
    color: #054772;
    margin: 0;
}

.pt-img {
    width: 30%;
    height: auto;
}

.img-logo-1 {
    height: auto;
    width: 16rem;
    padding-top: 2rem;
    margin-left: 2rem;
}

.img-logo-1-1 {
    height: auto;
    width: 14rem;
    padding-top: 1rem;
    margin-left: 2rem;
}

.img-logo-2 {
    height: auto;
    width: 20rem;
}

.img-logo-3 {
    height: auto;
    width: 14rem;
    padding-top: 1.5rem;
}

.img-logo-4 {
    height: auto;
    width: 22rem;
    padding-top: 2rem;
}

.img-logo-5 {
    height: auto;
    width: 12rem;
}

.img-logo-6 {
    height: auto;
    width: 20rem;
    padding-top: 2rem;
}

.img-logo-7 {
    height: auto;
    width: 20rem;
    padding-top: 2rem;
}

.img-logo-8 {
    height: auto;
    width: 20rem;
    padding-top: 1rem;
}

.img-logo-9 {
    height: auto;
    width: 20rem;
    padding-top: 2rem;
}

.img-logo-10 {
    height: auto;
    width: 14rem;
    padding-top: 2rem;
}

.img-logo-11 {
    height: auto;
    width: 17rem;
    /* padding-top: 2rem; */
    margin-top: 2rem;
    margin-left: 1rem;
}

.img-logo-12 {
    height: auto;
    width: 12rem;
    padding-top: 2rem;
    margin-left: 3rem;
}

.img-logo-13 {
    height: auto;
    width: 14rem;
    padding-top: 3rem;
    margin-left: 3rem;
}

.pt-info {
    width: 60%;
    padding-top: 1rem;
}

.pt-text {
    font-size: 1.2rem;
}

.pt-link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #054772;
    text-decoration: none;
}

.pt-link:hover, .pt-link:focus {
    color: #eebe00;
    /* opacity: 50%; */
    text-decoration: none;
}

/* ==============================================*/

.production {
    font-size: 1.4rem;
    font-weight: 600;
}

.socialMedia {
    display: flex;
    justify-content: right;
}

.footer-link-i:hover {
    opacity: 0.4;
}

.icon-sm {
    width: 2.75rem;
    height: 2.75rem;
}

.main-menu-main-link {              /* В коде класса сейчас нет */
    font-size: 1.25rem;
    color: #EC9727;
    text-decoration: none;
    /*margin-right: 1.81rem;*/
}

.main-menu-main-link:hover, .main-menu-main-link:focus {
    color: #F5F8F8;
}
.main-menu-1 {
    margin-left: 6.25rem;
}

/* .main-menu-1:hover {
    filter: brightness(65%);
} */

.main-menu-2 {
    margin-right: 5.62rem;
}

.main-menu-2 .main-menu-link {
    margin-left: 1.81rem;
}

.main-menu-link-or {
    margin-left: 1.81rem;
}

.main-img {
    width: 100%;
}

.city-img {
    padding-top: 5.62rem;
    width: 100%;
}

.main-page-title {
    display: block;
    position: absolute;
    top: 12.5rem;
    left: 6.25rem;

    margin: 0;

    font-size: 3.75rem;
    font-weight: 300;
    color: #fff;
}    

.title-text-bold {
    font-weight: 800;
}

.main-page-title-2 {
    display: block;
    position: absolute;
    top: 25.19rem;
    left: 6.25rem;

    margin: 0;

    font-size: 1.87rem;
    font-weight: 600;
    color: #EC9727;
}

.header-button {
    display: block;
    position: absolute;
    top: 33rem;
    left: 6.25rem;

    width: 14.37rem;
    height: 3.25rem;
    text-align: center;
    background-color: #EC9727;
    padding-top: 0.9rem;

    font-size: 1.12rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.header-button:hover {
    color: #000;
    background-color: #fff;
    /*filter: brightness(75%);*/
}    

.header-flex-blocks {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 33.12rem;
    left: 6.25rem;
    right: 6.25rem;
}

/* .header-flex-block {
    display: flex;
    max-width: 390px;
    width: 26rem;
    height: 12.5rem;
    padding: 0 1rem;
    background-color: #fff;
    box-shadow: 0 0 2.5rem #00000026;
} */

.header-flex-block {
    display: flex;
    position: relative;
    max-width: 390px;
    width: 26rem;
    height: 12.5rem;
    padding: 0 2rem;
    background: rgba(0, 66, 82, 0.5);;
    box-shadow: 0 0 2.5rem #00000026;
    cursor: pointer;
}


.hfb-1:hover {
    background-color: #EC9727;
    transition: 0.5s;
}

.hidden-soon {                      /*===================================*/
    display: none;
    position: absolute;
    bottom: 0.8rem;
    right: 1rem;

    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #EC9727;
}

.hfb-2:hover, .hfb-3:hover {
    background-color: #004252;
    transition: 0.5s;
}

.hfb-2:hover p {
    display: block;
    transition: 0.5s;
}

.hfb-3:hover p {
    display: block;
    transition: 0.5s;
}

.hfb-1, .hfb-2, .hfb-3 {
    transition: 0.5s;
} 

.anchor-link {
    display: block;
    text-decoration: none;
    color: #000;
}

.loan-anchor-cl::before {
    content: "";
    display: block;
    height: 4rem;
    margin: -4rem 0 0;
}
.hfb-grey {
    color: #838282;
}

.icon-container {
    padding: 4rem 1rem;
}

.header-icon {
    width: 3.35rem;
    height: 3.35rem;
}

.header-icon-1 {
    width: 3.35rem;
    height: 2.35rem;
    padding-top: 0.7rem;
}

/* .hfb-title {
    font-size: 1.5rem;
    font-weight: 600;
} */

.hfb-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}

.z-txt {
    font-size: 1.5rem;
    color: #fff;
}

.hfb-title-1 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    opacity: 0.6;
}

.z-txt-1 {
    font-size: 1.5rem;
    color: #fff;
    opacity: 0.6;
}

/* Стили для Main ======================================*/

/* extra new */

.four-m-blocks {
    margin: 11rem 0 5rem 0;
    text-align: center;
}

.m-block-1, .m-block-2, .m-block-3, .m-block-4 {
    width: 40%;
    margin-bottom: 2rem;
    margin-right: 1.5rem;
    padding-left: 1rem;
    border: 2px solid #004252;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
}

.m-block-1:hover, .m-block-2:hover, .m-block-3:hover, .m-block-4:hover {
    background-color: #E0E9EB;
}

.m-b-h {
    font-size: 2rem;
    font-weight: normal;
    color: #004252;
}



/* extra end */


.about-block {
    width: 100%;
    height: 24.5rem;
    background-color: #E0E9EB;

    padding: 2.5rem 6.25rem 1.5rem 6.25rem;
}

.title-about-block {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.text-about {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #004252;
}

.available-blocks {
    display: flex;
    justify-content: space-between;
}

.availabel-flex-block {
    width: 24rem;
    height: 11rem;
    color: #004252;
    background-color: #fff;
    padding: 1rem 2rem;
    box-shadow: 0 0 2.5rem #00000026;
}

.about-block-bold {
    font-weight: 600;
}

.about-button {
    display: block;
    margin: 2rem auto;
    width: 14.37rem;
    height: 3.25rem;
    text-align: center;
    background-color: #EC9727;
    padding-top: 0.9rem;

    font-size: 1.12rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.about-button:hover {
    background-color: #004252;
}

.block-about-check {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 10.9rem;
    /* background-color: #004252; */
    background: linear-gradient(90deg, #445E68 0%, #205967 24.47%, #015060 51.62%, #003C4D 78.95%, #002F3F 100%);
}

.bac-1-text {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #fff;    

    margin-top: 2.5rem;
}

.span-bac {
    color: #EC9727;
}

.bac-button {
    display: block;
    margin: 2rem auto;
    width: 15.6rem;
    height: 3.25rem;
    text-align: center;
    background-color: #fff;
    padding-top: 0.9rem;
    margin-top: 3.8rem;

    font-size: 1.12rem;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.bac-button:hover {
    background-color: #EC9727;
    color: #fff;
}

.block-four-items {
    display: flex;
    justify-content: space-around;
}

.cont-side-title {
    width: 27.4rem;
}

.side-title {
    font-size: 2.5rem;
    font-weight: 300;
}

.span-side-title {
    font-weight: 600;
    padding-left: 13.5rem;
}

.side-text {
    font-size: 1.4rem;
}

.bfi-img {
    width: 22.4rem;
    height: auto;
    margin-top: 3rem;
}

.bti-1, .bti-2, .bti-2-n, .bti-3 {
    margin: 2rem 0.5rem;
}

.bti-title {
    font-size: 1.5rem;
}

.bti-1 {
    width: 16.9rem;
    height: 25rem;

    padding: 1rem;

    box-shadow: 0 0 2.5rem #00000026;
}

.bti-2 {
    width: 16.9rem;
    height: 23.4rem;

    background-color: #EC9727;
    text-align: center;
}

.bti-2-n {
    width: 16.9rem;
    height: 23.4rem;

    background-color: #004252;
    text-align: center;
}

.bti-title-2 {
    font-size: 1.5rem;
    color: #fff;
}

.bti-text {
    font-size: 1.5rem;
}

.bti-text-2 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 3rem;
}

.bti-button {
    display: block;
    margin: 0 auto;
    width: 13rem;
    height: 5.25rem;
    text-align: center;
    background-color: #004252;
    padding-top: 0.9rem;
    margin-top: 5.8rem;

    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    line-height: 1.5rem;
}

.bti-button-n {
    display: block;
    margin: 0 auto;
    width: 13rem;
    height: 5.25rem;
    text-align: center;
    background-color: #EC9727;
    padding-top: 0.9rem;
    margin-top: 5.8rem;

    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    line-height: 1.5rem;
}

.bti-button:hover {
    background-color: #E0E9EB;
    color: #EC9727;
}

.bti-button-n:hover {
    background-color: #E0E9EB;
    color: #004252;
}


.bti-3 {
    width: 16.9rem;
    height: 25rem;

    padding: 1rem;

    box-shadow: 0 0 2.5rem #00000026;
}

.bti-img {
    width: 100%;
}

.block-three-items {
    display: flex;
    justify-content: space-around;
}

.lower-block {
    display: flex;    
    justify-content: center;
    width: 100%;
    height: 19.25rem;
    background-color: #E0E9EB;
}

.lower-item-1, .lower-item-2 {
    width: 32rem;
    display: flex;
    padding: 3.75rem 2rem;
}

.img-li {
    width: 5rem;
    height: 5.25rem;
    margin-top: 2rem;
    margin-right: 2rem;
}

.title-cli {
    font-size: 1.5rem;
}

.button-lower-block {
    display: block;
    width: 13rem;
    height: 3.25rem;
    text-align: center;
    background-color: #EC9727;
    padding-top: 0.9rem;
    margin-top: 1.5rem;

    font-size: 1.12rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.button-lower-block:hover {
    background-color: #004252;
}

.border-line {
    width: 100%;
    height: 2rem;
    background: linear-gradient(90deg, #445E68 0%, #205967 24.47%, #015060 51.62%, #003C4D 78.95%, #002F3F 100%);
}


/* Стили для Footer ===================================== */

.main-footer {
    display: flex;
    flex-basis: auto;
    justify-content: space-between;

    padding-top: 1.25rem;
    padding-bottom: 1.87rem;  

    /* background: #004252; */
    background: linear-gradient(90deg, #445E68 0%, #205967 24.47%, #015060 51.62%, #003C4D 78.95%, #002F3F 100%);
    color: #fff;
}

.footer-first-column {
    font-size: 1.25rem;
    margin-left: 6.25rem;
}

.footer-second-column {
    display: flex;
    justify-content: space-between;
    width: 18rem;
    font-size: 1.25rem;   
    text-align: center;
}    


.footer-third-column {
    font-size: 1.25rem;
    margin-right: 6.25rem;

    text-align: right;
}    

.footer-link {
    color: #fff;
    text-decoration: none;
}

.footer-link-i {
    margin: 0 1rem;
}

.footer-link-1 {
    font-size: 0.87rem;
    color: #fff;
    text-decoration: none;
}

.footer-link:hover, .footer-link-1:hover {
    color: #EC9727;
}

.p-small-1 {
    margin-top: 1rem;
    margin-bottom: 0.38rem;
}

.p-small-2 {
    margin-top: 0.38rem;
    margin-bottom: 1.88rem;
}

.polina {
    color: #EC9727;
    margin-top: 0.5rem;
    /* font-size: 0.87rem; */
}

/* Media =======================================*/

@media (max-width: 1440px)  {
    html {
        font-size: 15px;
    }
}
@media (max-width: 1366px)  {
    html {
        font-size: 14px;
    }
    .firstScreenBlock {
        position: absolute;
        top: 4rem;
        left: 9rem;
        width: 85%;
        text-align: center;
    }
    .logo {
        height: 20rem;
    }
    .firstScreenText {
        font-size: 24px;
    }
}
@media (max-width: 1280px) {
    html {
        font-size: 12px;
    }
}
@media (max-width: 1024px)  {
    html {
        font-size: 10px;
    }
}

@media (max-width: 800px)  {
    html {
        font-size: 8px;
    }
}