@font-face {
    font-family: book;
    src: url('fonts/Geomanist-Book.otf');
}

@font-face {
    font-family: regular;
    src: url('fonts/Geomanist-Regular.otf');
}

@font-face {
    font-family: bold;
    src: url('fonts/Geomanist-Bold.otf');
}

html {
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

body {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #f8f9fa;
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.container-fluid {
    max-width: 1600px;
}


/* NAVBAR */

.logo {
    background-image: url("../images/biayna-logo.svg");
    background-size: 100% 100%;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    width: 400px;
    height: 38px;
}

@media (max-width: 992px) {
    .logo {
        background-image: url("images/biayna-logo.svg");
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 280px;
        height: 28px;
    }
}

@media (max-width: 450px) {
    .logo {
        background-image: url("images/biayna-logo.svg");
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 245px;
        height: 25px;
        margin-left: 3px;
    }
}

#togglerButtonIcon {
    background-image: url("images/menu-drop.svg");
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    display: block;
}

#togglerButton:focus {
    outline: none;
}

.nav-link {
    padding-right: 22px !important;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-toggle {
    padding: 0 22px;
}

.dropdown-toggle:hover {
    text-decoration: none;
}

.mobile-dropdown-icon {
    font-size: 20px;
    float: right;
    font-weight: bolder;
    line-height: 125%;
}

.mobile-dropdown .nav-link {
    padding-left: 20px !important;
    border-bottom: 2px solid #dce4e7;
}

.mobile-dropdown .dropdown-menu {
    border: none;
    font-size: 0.8rem;
    padding: 0px;
}

.mobile-dropdown-item {
    background-color: #dce4e7;
    border-bottom: 2px solid #ffffff;
    padding-left: 30px !important;
}

.mobile-dropdown-item:hover {
    background-color: #dce4e7;
}

.dropdown-item {
    padding-left: 100px;
}

@media only screen and (min-width: 992px) {
    .dropdown-menu-center {
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        -webkit-transform: translateX(-50%) !important;
        -moz-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        -o-transform: translateX(-50%) !important;
    }
}

.dropdown-menu .navbarTransition {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transition-timing-function: ease-in;
    /* transform .6s ease-in-out,-webkit-transform .6s ease-in-out */
}

.navbarTransition {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transition-timing-function: ease-in;
}

#navbar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.navbar-shadow {
    box-shadow: 0 1px 7px #555;
}

#navbar a {
    color: black;
}

#navbar a:hover {
    color: #228e69;
}

#activeLink {
    color: #228e69 !important;
}


/* NAVBAR END */


/* Sub Menu */

#sub-nav {
    position: relative;
    background-color: black;
    margin-top: 70px;
}

.sub-nav {
    /*padding-left: 52px;*/
    padding-top: 11px;
}

.sub-nav-link {
    color: white;
    text-decoration: none;
}

.sub-nav-link:hover {
    color: #228e69;
    text-decoration: none;
}

.sub-nav-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: white;
}

.expertise-nav:hover {
    text-decoration: none;
    color: #228e69 !important;
}

.expertise-nav-item {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: white !important;
    padding-top: 11px;
    margin-left: 35px;
    cursor: pointer;
}

.expertise-nav-item:hover {
    text-decoration: none;
    color: #228e69 !important;
}

.active {
    color: #228e69 !important;
}


/* Sub Menu END*/


/* footer starts */

footer {
    padding: 18px 0;
    background-color: #1e1e1e;
}

footer .info {
    font-size: 14px;
    margin-top: 21px;
    margin-right: 150px;
}

.footer-menu {
    justify-content: center;
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu ul li a {
    color: #fff;
    font-size: 14px;
}

.footer-menu ul li {
    margin-bottom: 13px;
}

.footer-menu ul li:last-child {
    margin-bottom: 0;
}

.footer-contact-info {
    text-align: right;
}

.footer-contact-info p {
    font-size: 14px;
}

footer .social-links {
    margin-bottom: 24px;
}

.phone-mail-contacts {
    justify-content: flex-end;
}

.phone-mail-contacts a {
    cursor: pointer;
}

footer .phone-icon,
footer .mail-icon {
    margin-top: -1px;
}

.all-rights-reserved-text {
    font-size: 13px;
    margin-top: 20px;
}

footer hr {
    border-color: #434343;
}


/* footer ends */


/* MAIN FOOTER */


/*#main-footer {*/


/*    position: relative;*/


/*    background-color: black;*/


/*    width: 100%;*/


/*    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;*/


/*    font-size: 14px;*/


/*}*/


/*#main-footer a {*/


/*    color: white;*/


/*}*/


/*#main-footer a:hover {*/


/*    color: #228e69;*/


/*}*/


/*!*#footerArrowUp {*!*/


/*!*    background-image: url(images/Arrow-UP.png);*!*/


/*!*    background-repeat: no-repeat;*!*/


/*!*    background-position: right;*!*/


/*!*    width: 125px;*!*/


/*!*    padding: 8px 0px 8px 0px;*!*/


/*!*}*!*/


/*#footerArrowUp:hover {*/


/*    text-decoration: none;*/


/*}*/


/*#copyright {*/


/*    color: #999999;*/


/*}*/


/* MAIN FOOTER END*/


/* HOME SHOWCASE */

@-webkit-keyframes homeBgZoom {
    from {
        -webkit-transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.05, 1.05);
    }
}

@keyframes homeBgZoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.05, 1.05);
    }
}

#showcase {
    margin-top: 55px;
}

.showcase-container {
    position: relative;
    height: 100%;
}

.showcase-container-item {
    position: absolute;
    display: block;
    /* bottom: -500px; */
    opacity: 0;
    right: 0%;
    left: 0%;
    /* animation-name: showcase-animation;
  animation-duration: 9s;
  animation-delay: 0.5s;
  animation-timing-function: linear;*/
    bottom: 200px;
    opacity: 1;
}

@keyframes showcase-animation {
    from {
        opacity: 1;
        /* bottom: -500px; */
    }
    to {
        opacity: 0;
        /* bottom: 200px; */
    }
}

.slogan {
    width: 100%;
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: white;
    text-align: left;
    padding-left: 70px;
    text-shadow: 1px 1px black;
}

.slogan-items {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    padding-left: 30px;
    color: white;
    text-align: left;
    padding-left: 70px;
    text-shadow: 1px 1px black;
}

.carousel-image-1 {
    background: url("images/home-1-4kx700.jpg") no-repeat center;
    background-size: cover;
}

.carousel-image-2 {
    background: url("images/home-2-4kx700.jpg") no-repeat center;
    background-size: cover;
}

.showcase-carousel-item {
    -webkit-animation: homeBgZoom 20s;
    animation: homeBgZoom 20s;
    height: 700px;
    /* transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function: linear; */
}

@media (max-width: 1024px) {
    .carousel-image-1 {
        background: url("images/home-1-1024x300.jpg") no-repeat center;
        background-size: cover;
    }
    .carousel-image-2 {
        background: url("images/home-2-1024x300.jpg") no-repeat center;
        background-size: cover;
    }
    .showcase-carousel-item {
        -webkit-animation: homeBgZoom 20s;
        animation: homeBgZoom 20s;
        height: 300px;
        /* transition-property: opacity;
    transition-duration: 3s;
    transition-timing-function: linear; */
    }
    @keyframes showcase-animation {
        from {
            opacity: 1;
            /* bottom: -500px; */
        }
        to {
            opacity: 0;
            /* bottom: 40px; */
        }
    }
    .showcase-container-item {
        position: absolute;
        display: block;
        /* bottom: -500px; */
        opacity: 0;
        right: 0%;
        left: 0%;
        /* animation-name: showcase-animation;
    animation-duration: 9s;
    animation-delay: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: backwards; */
        top: 50px;
        opacity: 1;
    }
    .slogan {
        width: 100%;
        font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: white;
        text-align: left;
        padding-left: 60px;
        text-shadow: 1px 1px black;
    }
    .slogan-items {
        font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 24px;
        color: white;
        text-align: left;
        padding-left: 60px;
        text-shadow: 1px 1px black;
    }
}


/* HOME SHOWCASE END */


/* HOME CAROUSEL */

.home-carousel-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #228e69;
}

.home-carousel-body {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: black;
    line-height: 200%;
    width: 80%;
    padding-left: 8px;
}

.control-next-icon {
    display: block;
    width: 52px;
    height: 104px;
    background-image: url("images/Arrow-B_R.png");
}

@media (min-width: 1024px) {
    .control-prev-icon {
        display: block;
        width: 52px;
        height: 104px;
        background-image: url("images/Arrow-B_L.png");
    }
    .home-carousel-body {
        font-size: 18px;
        width: 100%;
        padding-left: 200px;
        padding-right: 200px;
        padding-bottom: 40px;
    }
}


/* HOME CAROUSEL END*/


/* RECENT PROJECTS */

.recent-projects {
    display: block;
    position: relative;
    margin: 50px auto 100px auto;
}

.recent-project-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: black;
    position: absolute;
    margin-top: -37px;
    padding-left: 2px;
}

.project-overlay {
    background-color: #000000;
    position: relative;
    display: none;
    height: 336px;
    width: 366px;
}

.project {
    background-repeat: no-repeat;
    position: relative;
    width: 366px;
    height: 336px;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }
    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

@media (max-width: 1023px) and (min-width: 767px) {
    .project {
        width: 336px;
    }
    .project-overlay {
        width: 336px;
    }
}

@keyframes project-hover-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.4;
    }
}

@keyframes project-animation {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 0;
    }
}

.project .project-overlay {
    display: block;
    animation: project-animation 0.5s ease-in-out;
    opacity: 0;
}

.project:hover .project-overlay {
    display: block;
    animation: project-hover-animation 0.5s ease-in-out;
    opacity: 0.4;
}

#commercial-project-link-1 {
    background-image: url("../projects/commercial/images/project-1-md-icon.jpg");
}

#commercial-project-link-2 {
    background-image: url("../projects/commercial/images/project-2-md-icon.jpg");
}

#custom-homes-project-link-1 {
    background-image: url("../projects/custom-homes/images/project-1-md-icon.jpg");
}

#custom-homes-project-link-2 {
    background-image: url("../projects/custom-homes/images/project-2-md-icon.jpg");
}

#custom-homes-project-link-3 {
    background-image: url("../projects/custom-homes/images/project-3-md-icon.jpg");
}

#institutional-project-link-1 {
    background-image: url("../projects/institutional/images/project-1-md-icon.jpg");
}

#institutional-project-link-2 {
    background-image: url("../projects/institutional/images/project-2-md-icon.jpg");
}

#multi-unit-project-link-1 {
    background-image: url("../projects/multi-unit/images/project-1-md-icon.jpg");
}

#seismic-retrofits-project-link-1 {
    background-image: url("../projects/seismic-retrofits/images/project-1-md-icon.jpg");
}

#seismic-retrofits-project-link-2 {
    background-image: url("../projects/seismic-retrofits/images/project-2-md-icon.jpg");
}

#seismic-retrofits-project-link-3 {
    background-image: url("../projects/seismic-retrofits/images/project-3-md-icon.jpg");
}

#seismic-retrofits-project-link-4 {
    background-image: url("../projects/seismic-retrofits/images/project-4-md-icon.jpg");
}

#seismic-retrofits-project-link-5 {
    background-image: url("../projects/seismic-retrofits/images/project-5-md-icon.jpg");
}

.overlayProjectCategoryName {
    background-color: white;
    opacity: 0.7;
    width: inherit;
    position: absolute;
    display: block;
    bottom: 0px;
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: black;
    padding: 5px 0px 7px 20px;
}


/* HOME CAROUSEL END*/

.expertise-sub-menu {
    position: relative;
    background-color: #dce4e7;
    padding-top: 50px;
    margin: 0;
}

@media (max-width: 991px) {
    .expertise-sub-menu {
        margin-top: 50px;
    }
}

.expertise-item {
    padding-bottom: 40px;
}

.expertise-item>ul {
    padding-inline-start: 12px !important;
}

.expertise-type-header {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    text-align: left;
    text-decoration: none;
    color: black;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 21px;
}

.expertise-structural-header {
    background-image: url("images/structural-design.jpg");
}

.expertise-civil-header {
    background-image: url("../images/multiunit-01.png");
}

.expertise-seismic-header {
    background-image: url("images/seismic-retrofits.jpg");
}

.expertise-construction-header {
    background-image: url("images/construction.jpg");
}

.expertise-consulting-header {
    background-image: url("images/consulting.jpg");
}

.expertise-type-header:hover .expertise-overlay {
    animation: expertise-overlay-hover-animation 0.5s ease-in-out;
    opacity: 0.4;
}

.expertise-type-header:hover,
.expertise-deep-link:hover {
    text-decoration: none;
}
.expertise-type-header:hover {
  color: #228e69;
  cursor: pointer;
}

.service__offered.order {
    width: 90%;
}

.expertise-type-header .expertise-overlay {
    animation: expertise-overlay-animation 0.5s ease-in-out;
    opacity: 0;
}

.expertise-header {
    display: block;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    font-size: 17px;
    text-decoration: none;
}

@media (max-width: 992px) {
    .expertise-header {
        padding-top: 7%;
    }
}

@media (max-width: 576px) {
    .expertise-header {
        height: auto;
    }
    /* .previous-project,
    .next-project {
        font-size: 12px;
    } */
    .inline-section-style h4 {
        font-size: 18px;
    }
}

.expertise-overlay {
    background-color: #000000;
    background-size: contain;
    display: block;
    opacity: 0;
    width: 100%;
    padding-top: 100%;
}

@keyframes expertise-overlay-hover-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.4;
    }
}

@keyframes expertise-overlay-animation {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 0;
    }
}

.expertise-deep-link {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    color: black;
    list-style: square;
    padding: 3px 5px 3px 0px;
    /* box-shadow: 3px 3px 2px -2px #555; */
    margin-left: 5px;
    width: 100%;
}

.experitse-project-types-header {
    position: absolute;
    display: block;
    padding: 30px 0px 20px 20px;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: black;
    height: 80px;
}

.green-line {
    position: relative;
    display: block;
    /*width: 98%;*/
    height: 80px;
    padding-left: 150px;
}

.project-types-img {
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    width: 100%;
}

.project-types-col {
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

.project-type-name {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    color: black;
    font-size: 16px;
    padding: 10px 10px 20px 10px;
    text-align: center;
}

.project-type-link {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.project-type-link:hover {
    text-decoration: none;
}

.project-type-link:hover .project-type-name {
    color: #228e69;
}

.project-type-link-size {
    width: 105px;
    padding-bottom: 0px;
}

.expertise-category-bg {
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    margin: 3px 0px 20px 0;
    max-width: 100%;
    max-height: 100%;
    float: right;
}

.expertise-info {
    margin: 10px 0px 40px 0;
    padding-left: 0 !important;
    margin-left: auto;
}

.expertise-info-header {
    display: block;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    padding-bottom: 15px;
}


/* modal starts */

.modal {
    padding-right: 0!important;
}

.modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%)!important;
}

.modal-content {
    padding: 26px 25px 53px!important;
    border: none;
}

.modal-content .team-member {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 18px;
}

.modal-content .close {
    position: absolute;
    top: -5px;
    right: 0;
}

.modal-content .close:focus {
    outline: none;
}

.modal-body {
    margin-top: 30px;
}

.modal-body .mail-info {
    margin: 18px 0 16px;
}

.modal-body .mail-info p {
    font-size: 14px;
}

.modal-body .team-member-info {
    margin-left: 62px;
}

.modal-body .team-member-info h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 18px;
}

.modal-body .team-member-info p {
    margin-bottom: 18px;
}

.modal-body .team-member-info p:last-child {
    margin-bottom: 0;
}


/* modal ends */

.expertise-green-line {
    width: 100%;
    height: 20px;
}

.read-more,
.read-more:hover {
    color: #228e69;
    text-decoration: none;
}

.read-more-text {
    display: none;
}

.display-read-more-text {
    animation: fade-in 3s;
    opacity: 1;
    transition-duration: 2s;
    transition-timing-function: ease-out;
}

.read-more-transition {
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* CONTACT START */

.contact-body {
    position: relative;
    background-color: #dce4e7;
    height: 600px;
    padding-top: 40px;
    margin: 0 0 !important;
}

.contact-header {
    display: block;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

@media (min-width: 575px) {
    .modal-dialog {
        max-width: 750px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1020px;
        margin: 0 auto;
    }
}

@media (max-width: 1490px) {
    footer .info {
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    .modal-body .team-member-info {
        margin-left: 30px;
    }
}

@media (max-width: 767px) {
    .modal-dialog {
        max-width: 750px;
        margin: 0 50px;
    }
    .modal-body {
        flex-direction: column;
    }
    .modal-body .team-member-info {
        margin-left: 0;
        margin-top: 25px;
    }
    .modal-dialog {
        margin: 25px 20px;
        top: 0;
        transform: translateY(0)!important;
        -webkit-transform: translateY(0)!important;
        -moz-transform: translateY(0)!important;
        -ms-transform: translateY(0)!important;
        -o-transform: translateY(0)!important;
    }
    .footer-menu {
        justify-content: flex-start;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .expertise-deep-link {
        font-size: 16px;
    }
    .expertise-info {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 992px) {
    .contact-body {
        height: 450px;
    }
}

.address-label,
.follow-us {
    display: block;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-top: 10px;
}

.address {
    display: block;
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.directions {
    background-image: url("images/Arrow-RIGHT.png");
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    color: black;
    width: 170px;
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-right: 0 !important;
}

.contact-type {
    display: inline-block;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-top: 10px;
}

.contact-info {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-top: 10px;
}

.contact-info a {
    color: black;
}

.contact-info a:hover,
.directions:hover {
    color: #228e69;
    text-decoration: none;
}

.follow-us {
    padding-top: 40px;
    padding-bottom: 10px;
}

.facebook-link {
    background-image: url("images/facebook.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}

.linkedin-link {
    background: url("images/linkedin.svg");
    background-color: white;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}


/* CONTACT END */


/* CAREERS START */

.career-header {
    background: url("images/careers4kx700.jpg") no-repeat center;
    background-size: cover;
    height: 500px;
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    max-width: 100%;
    max-height: 100%;
}

.careers-header-slogan {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 50px;
    word-spacing: 3px;
    color: white;
    width: 1200px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 140px;
}

@media (max-width: 1177px) {
    .careers-header-slogan {
        font-size: 40px;
        width: 1000px;
    }
}

@media (max-width: 1024px) {
    .career-header {
        background: url("images/careers1024x300.jpg") no-repeat center;
        height: 300px;
    }
    .career-header-slogan {
        height: 300px;
        padding-top: 40px;
    }
}

@media (max-width: 991px) {
    .career-header {
        margin-top: 50px;
    }
}

.careers-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.careers-message-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
}

.careers-message {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 0 20px 0 20px;
}

.careers-message .job-posting {
    color: black;
}

.careers-message a {
    display: block;
}

.careers-message a:hover {
    color: #228e69;
    text-decoration: none;
}

.job-posting {
    background-image: url("images/Arrow-RIGHT.png");
    background-repeat: no-repeat;
    background-position: right;
    width: 235px;
}


/* CAREERS END */


/* JOB OPENINGS */

.job-opening-sub-menu {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #228e69;
    margin-left: 35px;
    padding-top: 6px;
}

.posting-body {
    padding-top: 60px;
}

@media (max-width: 995px) and (min-width: 767px) {
    .posting-body {
        padding-top: 90px;
    }
}

@media (min-width: 995px) {
    .posting-body {
        padding: 40px 70px 0px 70px;
    }
}

.posting-col {
    padding-right: 40px;
}

.job-opening-title-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-left: 20px;
}

.job-opening-title-message {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 20px;
}

.job-opening-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.job-opening-message {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.job-opening-message ul {
    list-style-position: none;
    padding-left: 10px;
}

.job-opening-message ul li {
    padding-bottom: 10px;
}

.apply {
    background: url("images/apply.jpg");
    display: block;
    width: 150px;
    height: 38px;
    margin-left: 20px;
    margin-bottom: 35px;
}


/* JOB OPENINGS END*/


/* ABOUT START */

.about-sub-menu {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-size: 16px;
    margin-left: 35px;
    padding-top: 11px;
}

.about-sub-menu.active {
    font-size: 17px;
    padding-top: 10px;
}

.top-banner {
    height: 411px;
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

.top-banner hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: solid 2px #228d69;
    padding: 0;
    width: 36px;
    margin: 0 auto 18px;
}

.about-header {
    background: url("../images/bg-about.png") no-repeat center;
    background-size: cover;
}

.top-banner .title {
    font-size: 35px;
    font-weight: 800;
}

.top-banner p {
    font-size: 21px;
    font-weight: 100;
}

.company-profile {
    padding: 80px 0;
}

.company-profile__info {
    padding: 20px 75px 38px 60px;
    border: solid 1px #d3d3d3;
    background-color: #ffffff;
}

.company-profile__info h2 {
    font-size: 30px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #1e1e1e;
}

.company-profile__info p {
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: 0.31px;
    text-align: left;
    color: #1e1e1e;
}

.company-profile-img-block {
    width: 40%;
}


/* our team starts */

.team-members-wrapper {
    padding: 58px 0;
}

.about-our-team {
    background: url("../images/top-banner-our-team.png") no-repeat center;
    background-size: cover;
    padding-bottom: 90px;
}

.team-members-wrapper .team-member {
    margin-left: 15px;
    margin-right: 15px;
}

.team-members-wrapper .team-member:first-child {
    margin-bottom: 45px;
}

.team-members-wrapper {
    margin: 0 15px;
}

.team-member-image {
    cursor: pointer;
}

.team-member-name {
    font-size: 20px;
    font-weight: 800;
    margin: 20px 0 5px;
}

.team-member-proffesion {
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 0;
}


/* our team ends */

@media (max-width: 1270px) {
    .team-members-wrapper .team-member:first-child {
        margin-bottom: 20px!important;
    }
    .team-members-wrapper .team-member {
        margin-bottom: 20px;
    }
}

.fs-22 {
    font-size: 22px;
}


/* navbar */

.nav-link {
    padding: 0 22px !important;
}

.dropdown-item {
    padding: 13px 16px;
    border-bottom: 1px solid #d3d3d3;
}

.dropdown-menu {
    left: auto;
    right: auto;
    padding: 0;
}

.dropdown-item:last-child {
    border: none;
}

.dropdown-item:hover {
    background-color: #228d69;
    color: #fff!important;
}


/* our values */

.our-values-wrapper {
    background-color: #f5f6fa;
    padding: 18px 0 67px;
    margin-bottom: 30px;
}

.our-values-wrapper .green-divider {
    margin-bottom: 65px;
}

.title {
    font-size: 30px;
}

.our-values-block .img-block {
    margin-right: 24px;
}

.our-values-block h3 {
    font-size: 20px;
    color: #1e1e1e;
    margin-bottom: 27px;
}

.up-button-block {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}


/* our values ends */

.text-green {
    color: #228d69;
}

.green-divider {
    display: block;
    height: 1px;
    border: 0;
    border-top: solid 2px #228d69;
    padding: 0;
    width: 36px;
    margin: 0;
}

.about-header-slogan {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    word-spacing: 3px;
    color: white;
    width: 1200px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    text-shadow: 1px 1px black;
}

@media (max-width: 1177px) {
    .about-header-slogan {
        font-size: 40px;
        width: 1000px;
    }
}

@media (max-width: 1024px) {
    .about-header {
        background: url("images/about1024x300.jpg") no-repeat center;
    }
    .about-header-slogan {
        height: 300px;
        padding-top: 40px;
    }
    .about-our-team {
        padding-bottom: 0;
    }
}

.about-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.about-message-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 7px;
    padding-left: 40px;
}

.about-message {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 0 40px 0 40px;
}

.about-message ul {
    list-style-position: none;
    padding-left: 18px;
}

.about-message ul li span {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    display: block;
}

.about-message ul li {
    list-style: square;
}

.about-biayna {
    position: relative;
    width: 100%;
    height: 100%;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    text-align: center;
}


/* ABOUT ENT */


/* MANAGEMENT START */

.management-header {
    background: url("images/management4kx700.jpg") no-repeat center;
    background-size: cover;
    height: 500px;
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    max-width: 100%;
    max-height: 100%;
}

.management-header-slogan {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    word-spacing: 3px;
    color: white;
    width: 1200px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 100px;
    text-shadow: 1px 1px black;
}

@media (max-width: 1177px) {
    .management-header-slogan {
        font-size: 36px;
        width: 1000px;
    }
}

@media (max-width: 1024px) {
    .management-header {
        background: url("images/management1024x300.jpg") no-repeat center;
        height: 300px;
    }
    .management-header-slogan {
        height: 300px;
        padding-top: 40px;
    }
}

@media (max-width: 991px) {
    .management-header {
        margin-top: 50px;
    }
}

.management-body {
    padding: 30px;
}

.mgmt-green-line {
    margin-top: 25px;
}


/* MANAGEMENT END */


/* CLIENTS START */

.our-clients-body {
    position: relative;
    background-color: #dce4e7;
    padding: 50px 20px 50px 20px;
    margin: 0!important;
}

@media (max-width: 992px) {
    .our-clients-body {
        padding: 90px 0 10px 0px;
    }
}

.our-clients-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 15px;
}

.our-clients {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 19px;
    padding-bottom: 15px;
}

.our-clients-image {
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    max-width: 100%;
    max-height: 100%;
}

.client-feedback-body {
    padding: 20px 30px 20px 30px;
}

.client-feedback-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.client-feedback {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: italic;
}


/* CLIENTS END */


/* PROJECTS START */

.project-sub-menu {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-size: 16px;
    margin-left: 35px;
    padding-top: 11px;
}

.project-sub-menu.active {
    font-size: 17px;
    padding-top: 10px;
}

.featured-projects {
    display: block;
    position: relative;
    margin: 0 auto 50px;
    padding-top: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.featured-project-header {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #228e69;
    position: absolute;
    margin-top: -37px;
    padding-left: 2px;
}

.project-highlight {
    padding: 20px 0;
}

.project-type,
.project-expertise {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 22px;
}

.project-location,
.project-budget {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 22px;
}

.project-short-description {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 30px 0px 30px 0px;
}

.project-expertise-type {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding-top: 5px;
}

.project-image {
    position: relative;
    display: block;
    animation: fade-in 2s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
}

.project-slideshow-indicator li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.project-slideshow-indicator .active {
    background-color: #228e69;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 0.2 !important;
}

@media (min-width: 992px) {
    .logo {
      margin-left: -25px;
    }
    .carousel-control-prev-icon {
        background-image: url("images/Arrow-B_L.png");
    }
    .carousel-control-next-icon {
        background-image: url("images/Arrow-B_R.png");
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 52px;
        height: 104px;
    }

}
.mt-34 {
  margin-top: 34px!important;
}
.project-nav {
    padding: 40px 0 0;
    text-align: left;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

@media (max-width: 992px) {
    /* header starts*/
    .nav-item {
        margin-bottom: 6px;
    }
    .nav-item:not(:last-child) {
        border-bottom: 2px solid rgb(220, 228, 231);
    }
    .nav-item:first-child {
        margin-top: 10px;
    }
    .nav-item.dropdown {
        position: relative;
    }
    .nav-item.dropdown::after {
        content: "+";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 23px;
        margin: auto;
        font-size: 20px;
        font-weight: bolder;
        pointer-events: none;
    }
    .nav-item.dropdown.show::after {
        content: "-";
        color: #228e69;
        font-size: 25px;
    }
    a.nav-link {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .navbar-toggler {
        padding-left: 0;
    }
    .dropdown-menu {
        border: none;
    }
    .dropdown-item {
        font-size: 14px;
        padding: 3px 16px 3px 30px;
        background-color: #dce4e7;
        text-transform: uppercase;
        font-size: 12.8px;
        font-weight: 400;
        border-bottom: 2px solid #ffffff;
    }
    /* header ends */
    /* about starts */
    .about-header p {
        padding: 0 20px;
    }
    .company-profile {
        flex-direction: column-reverse;
        padding: 0;
    }
    .company-profile-img-block {
        width: auto;
    }
    .company-profile-img-block img {
        width: 100%;
    }
    .our-values-block {
        margin-bottom: 25px;
    }
    .licenses-block {
        margin-bottom: 0;
    }
    .our-values-block h3 {
        margin-bottom: 12px;
    }
    /* about ends */
    /* footer starts */
    .footer-menu {
        justify-content: flex-end;
    }
    .footer-contact-info {
        text-align: left;
        margin-top: 18px;
    }
    .phone-mail-contacts {
        justify-content: flex-start;
    }
    /* footer ends */
    .project-nav {
        padding: 70px 13px 20px 13px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    /* about starts */
    .company-profile__info {
        padding: 20px 25px;
    }
    .company-profile__info h2 {
        font-size: 26px;
    }
    .our-values-wrapper {
        padding: 20px 0;
    }
    /* about ends */
    .footer-menu {
        justify-content: flex-start;
        margin-top: 10px;
    }
}

.next-project,
.previous-project {
    color: black;
    padding-right: 30px;
    background-repeat: no-repeat;
}

.next-project:hover,
.previous-project:hover {
    text-decoration: none;
    color: #228e69;
}

.next-project {
    background-image: url("images/Arrow-RIGHT.png");
    background-position: right;
}

.previous-project {
    background-image: url("images/Arrow-LEFT.png");
    background-position: left;
    padding-left: 30px;
}

.related-project-types-header {
    position: absolute;
    display: block;
    padding: 30px 0px 20px 0;
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: black;
    height: 80px;
}

.project-green-line {
    position: relative;
    display: block;
    width: 100%;
}


/* PROJECTS END */

.frequently-asked-questions-block h4 {
    font-size: 24px;
}

.frequently-asked-questions-block .green-line {
    width: 100%;
    padding-left: 335px;
}

.read-more-block h4 {
    font-size: 24px;
}

.read-more-block .green-line {
    width: 100%;
    padding-left: 130px;
}

.inspection-services-block .green-line {
    width: 100%;
    padding-left: 200px;
}

.book {
    font-family: 'book', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.bold {
    font-family: 'bold', Helvetica Neue, Helvetica, Arial, sans-serif;
}


/* Expertise */

.expertise-nav-list li {
    list-style: none;
}

expertise-nav-list li a {
    text-decoration: none;
    color: white;
}
.expertise-item-link:hover {
  text-decoration: none;
}

/* Structural Engineering */

.structural_enginering,
.multi-family {
    margin: 50px 0;
}

.structural_enginering h3 {
    font-size: 22px;
}

.structural_enginering-content {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.structure__types {
    list-style: square;
    padding: 0;
    margin-left: 15px;
}

.structure__types li p {
    margin-bottom: 0;
}

.multi__unit-content {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.text-black {
    color: #212529;
}

.align-baseline {
    align-items: baseline;
}

.service__offered {
    width: 75%;
}

.main-color {
    color: #228e69
}

.inline-section-style {
    padding: 40px 0 30px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.under__score-style {
    border-bottom: 2px solid #228e69;
    flex: 3;
}

.inline-section-style h4 {
    flex: 1;
}

.inline-section-style.readmore div {
    flex: 8;
}

.frequently__section {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.default-list {
    /*padding-left: 0;*/
    list-style: square;
}

.default-list li {
    margin-left: 15px;
}

.biayna-email {
    color: #228e69;
}

.option-first {
    font-weight: bolder;
    font-family: bold;
    margin-right: 10px;
}

@media (max-width: 1400px) {
    .under__score-style {
        flex: 2;
    }
    .inline-section-style.readmore div {
        flex: 6;
    }
}

@media (max-width: 992px) {
    .inline-section-style h4 {
        flex: 2;
    }
    .contact-header {
        padding-top: 45px;
    }
    .structural_enginering {
        margin: 85px 0 10px;
    }
    .multi-family {
        margin: 85px 0 50px;
    }
    .featured-projects {
        padding-top: 62px;
    }
}

@media (max-width: 700px) {
    .under__score-style {
        flex: 1.5;
    }
}


@media (max-width: 451px) {
  .ml-26 {
    margin-left: 26.5px;
  }
}

@media (max-width: 400px) {
    .featured-project-header {
        margin-left: 25px;
    }
}

@media only screen and(max-width: 992px) {
    .frequently-section {
        display: flex;
        flex-direction: column;
    }
}

.under__read-more {
    font-family: 'regular', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.propery-builders li {
    list-style: none;
}

.propery-builders li p span {
    padding-right: 10px;
}

.inline-section-style.inspection div {
    flex: 5;
}

.structure__types.decimal {
    margin-left: 0;
}

.structure__types.decimal li {
    list-style: none;
}

.structure__types.decimal li p span {
    font-weight: bold;
    padding-right: 10px;
}

@media only screen and (max-width: 992px) {
    .project__sm-menu {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .modal-body .team-member-image {
        width: 250px;
        height: 250px;
    }
    .prev-next-buttons {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .next-project,
    .previous-project {
        padding-right: 25px;
        font-size: 13.2px;
    }
    .previous-project {
        padding-left: 25px;
    }
    .mt-sm-3 {
        margin-top: 10px!important;
    }
    .service__offered ul {
        margin-bottom: 0;
    }
    .service__offered .structure__types.pt-3 {
        padding-top: 0!important;
    }
    .service__offered {
        margin-bottom: 10px;
        width: 100%;
    }
    /*#multiunit .green-line {*/
    /*  height: 55px;*/
    /*}*/
    .inline-section-style {
        padding: 8px 0 25px!important;
    }
    .read-more-block {
        margin-top: -23px;
    }
    .fs-sm-18 {
        font-size: 20px!important;
    }
    .d-sm-none {
        display: none;
    }
    .mt-sm-0 {
        margin-top: 0;
    }
    .related-project-types-header {
        font-size: 21px;
    }
}

.white--space {
    white-space: nowrap;
}

@media only screen and (max-width: 1130px) {
    .contact-info a {
        padding-left: 5px
    }
    .contact__type-space {
        padding-left: 20px
    }
}