@font-face {
    font-family: Montserrat-Black; /* Гарнитура шрифта */
    src: url(../fonts/Montserrat-Black.otf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Montserrat-Medium; /* Гарнитура шрифта */
    src: url(../fonts/Montserrat-Medium.otf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Montserrat-Bold; /* Гарнитура шрифта */
    src: url(../fonts/Montserrat-Bold.otf); /* Путь к файлу со шрифтом */
}

body {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    background: #F3F3F3;
}

.all-content {
    display: flex;
}

.content {
    width: 75%;
    flex: 0 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    min-height: 100vh;
}

.content-404 img {
    width: 50%;
}

.text-404 {
    color: #424242;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 22px;
}

.mob-icon {
    width: 80%;
    padding: 1.6rem 0.5rem;
}

.content-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 570px;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-img-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}


.content-img-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-img-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}

.content-high-text {
    font-family: 'Montserrat-Black', sans-serif;
    font-weight: 900;
    font-size: 70px;
    line-height: 85px;
}
.content-low-text {
    font-family: 'Montserrat-Black', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
}

.gallery {
    margin: 1rem 0 4.5rem;
}

.gallery-block {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}

.gal-box {
    max-width: 80% !important;
}

.gal-box img {
    border: solid 8px #F3F3F3;
}


.gal-box:nth-child(odd) {
    justify-content: flex-start;
    display: flex;
    margin-bottom: -4rem;
}

.gal-box:nth-child(even) {
    justify-content: flex-end;
    display: flex;
    margin-bottom: -4rem;
}

.mfp-image-holder .mfp-content {
    max-width: 80% !important;
}

.header {
    height: 50px;
    background: #292929;
}

.navbar {
    background-color: #292929 !important;
}

.header-button .btn {
    height: 47px;
    border-radius: 4px;
    padding: 10px 18px;
    color: #565656;
}
.header .block .dropdown .btn{
    border-radius: 4px;
    padding: 10px 18px;
}

.header-button .dropdown-menu {
    min-width: unset !important;
    width: 3.5rem;
    padding: 5px 18px;
    background-color: #292929;
}

.nav-toggler {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 3.5rem;
}

.nav-toggler-icon {
    background-image: url(../img/navbar-toggler.svg) !important;
}

.header-button .dropdown-menu a{
    

}

.header .block .dropdown {
    background: #FFFFFF;
    margin-left: 0.5rem;
    color: #565656;
}

.header .block .dropdown .btn{
    padding: 10px 18px;
}


.left-content {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 25%;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1050px;
}

.left-content .panel{
    position: absolute;
    background-color: #292929;
    padding: 2rem 0;
    margin-top: 48px;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.left-content .panel-text{
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    
}

.panel-close {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 14px;
    background: #292929;
}

.active {
    color: #3DB249 !important;
}

.left-content .panel-text a{
  
    text-decoration: none;
    color: #ffffff;
    padding: 1rem 4rem;
    background-color: #454545;
}

.panel-icon {
    background-color: #292929 !important;
    padding: 0rem 0rem !important;
}

.left-content .panel a:hover{
    color: #3DB249;
}





.green-colored {
    color: #3DB249;
    font-family: 'Montserrat-Bold', sans-serif;
}

.colored-border {
    background: #3DB249;
    height: 10px;
}

.high-text {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    font-family: 'Montserrat-Bold', sans-serif;
    letter-spacing: 4px;
    text-decoration: none;
    color: #3B3B3B;
}

.high-text span:hover{
    color: #22A7F2;
}


.flex-text {
    display: flex;
    flex-direction: column;
}

.our-text {
    padding: 4rem;
    background: #EFEFEF;
}

.our-text .first {
    border-right: solid 1px #BDBDBD;
}


.our-text .second {
    padding-left: 4rem;
}

.about-text {
    display: flex;
    flex-direction: column;
    padding: 4rem;
    gap: 3rem;
    font-weight: 400;
}

.about-text-2 {
    display: flex;
    flex-direction: column;
    padding: 4rem 3rem;
    gap: 3rem;
    font-weight: 400;
}

.about-text-block {
    color: #3B3B3B;
}

.contact-us-block {
    display: flex;
    padding: 4rem;
    gap: 3rem;
    font-weight: 400;
    margin: 1rem 0 2rem;
}

.contact-us-text {
    color: #3B3B3B;
    font-weight: 400;
    font-family: Arial;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.read-more-btn {
    color: #3DB249;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 10px 41px;
    border: solid 1px #3DB249;
}
.read-more-btn:hover {
    background: #3DB249;
    color: #fff;
}

.read-more-btn:focus {
    background: #014F41;
    color: #fff;
}

.read-more-btn-2 {
    color: #3DB249;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 10px 41px;
    border: solid 1px #3DB249;
}
.read-more-btn-2:hover {
    background: #3DB249;
    color: #fff;
}

.read-more-btn-2:focus {
    background: #014F41;
    color: #fff;
}

.content_source-2 {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.content_source-3 {
    display: flex;
    justify-content: center;
}



.background-grey {
    background: #EFEFEF;
}

.text-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;

}

footer {
    margin-top: auto;
}

footer .first{
    background-color: #292929;
    color: #939393;
    height: 155px;
    justify-content: center;
    align-items: center;
}

footer .first .first-text{
    color: #ffffff
}

footer .first .second-text{
    display: flex;
    flex-direction: column;
}

footer .first .third-text{
    display: flex;
    flex-direction: column;
}

footer .second{
    background-color: #454545;
    color: #fff;
    height: 70px;
    justify-content: center;
    align-items: center;
}

footer .second .first-text {
    color: rgba(255, 255, 255, 0.61) !important;
}


footer .second .second-text{
    display: flex;
    gap: 1.25rem;

}

/* who we are */

.link-block {
    background: #EFEFEF;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.link-block a {
    width: 105%;
}
.link-block span {
    padding: 1rem 0;
    width: 105%;
}
.link-block a:hover {
    color: #292929;
}
.split-link {
    display: flex;
    flex-direction: column;
}
.green-border {
    
}
.underlined-text {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 5rem;
    
}
.underlined-text span{ 
    color: #5F5F5F;
}

/* portfolio-safety */

.pdf-link-block {
    display: flex;
    flex-direction: column;
    margin: 1rem 0 7.5rem;
    padding: 0 2.5rem;
}
.pdf-link-block-2 {
    display: flex;
    flex-direction: column;
    margin: 1rem 0 1.5rem;
    padding: 0 2.5rem;
}
.pdf-block-start {
    padding: 4rem 0 0rem 2.5rem;
    font-family: 'Montserrat-Black', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #A3A3A3;
}
.pdf-block-start-2 {
    padding: 0rem 0 0rem 2.5rem;
    font-family: 'Montserrat-Black', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #A3A3A3;
}
.pdf-link-block a {
    padding: 3rem 0;
}
.pdf-link-block-2 a {
    padding: 3rem 0;
}
.pdf-link-block a:hover {
    color: #292929;
}
.pdf-link-block-2 a:hover {
    color: #292929;
}

.top-border {
    border-top: solid 1px #BDBDBD;
}



@media (max-width: 992px) {
    .left-content {
        width: 0;
    }

    .panel-items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0 1.5rem;
    }

    .panel-icon img {
        width: 80%;
    }

    .content {
        width: 100%;
    }
    
    .header {
        height: 50px;
        background: #454545;
    }

    .content_source-2 {
        display: flex;
        justify-content: center;
        margin-top: 5rem;
    }

  
    .left-content .panel-text {
        width: 100%;
    }

}


@media (max-width: 768px) {
    .our-text .second {
        padding-left: 0;
      }

      .read-more-btn-2 {
        padding: 20px 42px;
        width: 100%;
      }
      
      footer .second {
        padding: 5rem 0rem 9rem 1rem;
        gap: 2rem;
      }

      footer .first {
        padding: 3rem 0 3rem 1rem;
        height: auto;
        gap: 1rem;
      }

      footer .first .second-text {
        gap: 1rem;
      }

      footer .first .third-text {
        gap: 1rem;
      }

      .our-text .first {
        border-bottom: solid 1px #BDBDBD;
        border-right: none;
        padding: 0 0 3rem 0;
        margin-bottom: 3rem;
      }

      .read-more-btn {
        padding: 20px 42px;
        width: 100%;
      }
     
    .content-img {
        height: 220px;
    }
    .content-img-2 {
        height: 220px;
    }
    .content-img-3 {
        height: 220px;
    }
    .content-img-4 {
        height: 220px;
    }

      .content-high-text {
        font-size: 45px;
      }

      .content-low-text {
        font-size: 25px;
      }
}





@media (max-width: 468px) {
    
    .content-high-text {
        font-size: 25px;
      }

      .content-low-text {
        font-size: 18px;
      }
}


@media (min-width: 992px) {
    .navbar {
        display: none;
    }
    #closePanel {
        display: none;
    }

    .gallery-block {
        flex-direction: row;
    }
    .gal-box:nth-child(odd) {
        justify-content: center;
        display: flex;
        margin-bottom: 0;
    }
    .gal-box:nth-child(even) {
        justify-content: center;
        display: flex;
        margin-bottom: 0;
    }


    .read-more-btn-2 {
        padding: 20px 42px;
        width: 20%;
      }

      .gal-box {
        margin: 2rem 0;
      }

      .gal-box img {
        border: none;
        width: 100%;
        height: 100%;

      }
}


@media (min-width: 768px) { 
    .green-border {
        text-decoration: underline;
        text-decoration-color: green;
        line-height: inherit;
        text-underline-offset: 8px;

    }
    .read-more-btn-2 {
        padding: 20px 42px;
        width: 50%;
      }
}