@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');

body {
    font-size: 18px;
    font-weight: 400;
    color:#000000;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Montserat", sans-serif;
}

p {
    font-family: "Montserrat";
    color:#000000;
}

a {
    color: #00bac6;
}

a:hover {
    color: #00bac6;
}

.footer-contact address a:hover {
    color: #00bac6;
}

#mainMenu nav > ul > li > a {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 400;
}

#mainMenu nav > ul > li > a:hover {
    color: #00bac6;
}

.list-icon.list-icon-colored li {
    font-family: "Montserrat";
    color:#000000;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}


.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
    color: #00bac6;
}

.heading-text.heading-section h2:before {
     background-color: #00bac6;
}

.colored{
    color: #00bac6;

}

.heading-text.heading-section p span.colored {
    font-weight: 400;
}

.heading-text.heading-section p span.bold {
    font-weight: 700;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: #00bac6;
}

.post-item a.item-link{
    color: #00bac6;
    margin-right: 50px;
}

.post-item a.item-link:hover {
    color: #00bac6;
    text-decoration: underline;
}

button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
    background-color: #00bac6;
    border-color: #00bac6;
}


.bg-overlay{
    background: #03121a;
    background: rgba(3, 8, 12, 1);
    opacity: .75;
}

.bg-overlay333{
    background: rgba(3, 8, 12, 1);
    background: #08151e;
    opacity: .5;
}


.heading-section h2{

    font-size: 55px;
    font-weight: 700;

}


.heading-text.heading-section p {
    font-size: 18px;
    font-weight: 400;
}

.main-advantages{
    padding-bottom: 0px;
}

.heading-text.heading-section p.advantages-marked{
    color: #40BFC5;
    font-weight: 700;
}

.post-item-wrap{

}

.main-activity{
    padding-top: 80px;
}


.main-portfolio h2{
    text-transform: uppercase;
}

.main-portfolio {
    padding-top: 80px;
    padding-bottom: 80px;
}

.main-portfolio .post-item {
}

.main-portfolio .post-item .post-image a{
    filter: grayscale(100%);
    transition: 1s;

}

.main-portfolio .post-item .post-image a:hover{
    filter: grayscale(0%);
    transition: 0.5s;
}

.main-portfolio .post-item .post-item-description{
    background: #ffffff;
    height:180px;
    text-align: right;
    margin-right: 0px;
    padding-right: 0px;
}

.main-portfolio .post-item.border > .post-item-wrap > .post-item-description {
    padding-top: 24px !important;
    padding-right:0px !important;
    padding-left:0px !important;
    width: 100% !important;
}

.main-portfolio .post-item .post-item-description h2, .main-portfolio .post-item .post-item-description h2 a {
    text-align: right;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
}

.main-portfolio .post-item.border .post-item-wrap {
    border: 1px solid #FFFFFF;
}

.post-item a.item-link {
    color: #000000;
    margin-right: 0px;
    font-size: 18px;
    font-weight: 100;
}

.main-portfolio .post-item a.item-link:hover {
    color: #000000;
}

.post-item a.item-link:hover {
    text-decoration: none;
}

.item-link {
    letter-spacing: 0;
}

.post-item a.item-link h2{
    color: #4F5665;
}


.footer-contact {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
}

.footer-contact .first-topic{
}

.footer-contact .second-topic{
    position: relative;
    top: -85px;
    left:330px;
}

.footer-contact h2, .footer-contact h2 a{
position: relative;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 60px
}

.footer-contact h2 a:hover{
	color:#000000;
}

.footer-contact h3, .footer-contact h3 a, .footer-contact h3 a:hover{
    color:#B9BDC2;
    font-size: 18px;
    line-height: 20px;
}

.footer-contact .heading-text.heading-section .second-topic:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #B9BDC2;
    bottom: 3px;
    left: -15px;
    right: 0;
}

.footer-contact .heading-text.heading-section .second-topic h3:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 35px;
    background-color: #B9BDC2;
    bottom: -30px;
    left: 0;
    right: 0;
}

.footer-contact li.active .second-topic h3{
    color:#1e2022;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    bottom: 20px;

}

.footer-contact li.active .second-topic{
    left:160px;
}



.footer-contact  .heading-text.heading-section  li.active .second-topic h3:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100px;
    background-color: #00bac6;
    bottom: -20px;
    left: 0;
    right: 0;
}

.footer-contact .heading-text.heading-section li.active .second-topic:before{
    bottom: 33px;

}


.footer-contact .heading-text.heading-section .first-topic h2{
    color: #B9BDC2;
    font-size: 18px;
    font-weight:500;
    line-height: 20px;
}

.footer-contact .heading-text.heading-section .first-topic li.active h2{
    color:#1e2022;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
}

.footer-contact .heading-text.heading-section .first-topic h2:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 35px;
    background-color: #B9BDC2;
    bottom: -30px;
    left: 0;
    right: 0;
}

.footer-contact .heading-text.heading-section .first-topic li.active h2:before {
    width: 100px;
    background-color: #00bac6;
}


.footer-contact address{
    margin-left:30px;
}

.footer-contact address i {
    margin-left:-30px;
    margin-right:10px;
    margin-top:0px;
    vertical-align: center;
    font-size: 24px;
    height:50px;
    color: #4F5665;
}

.footer-contact address, .footer-contact address a, .footer-contact address, .footer-contact address a:hover{
    color: #4F5665;
    margin-top: -20px;
}

.footer-contact form label{
    color: #4F5665;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 400;

}

.footer-contact form .btn-wrap{
    width:100%;
    text-align:right;
}

.footer-contact form .btn2{
    width:276px;
    height:54px;
    color:#ffffff;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #00bac6;
    border-color: #00bac6;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
}

.footer-contact form input, .footer-contact form textarea{
    border-radius: 0px;
    border: 0px solid #ffffff;
    border-bottom: 1px solid #4F5665;
}

.inspiro-slider.arrows-dark .flickity-button:hover, .carousel.arrows-dark .flickity-button:hover {
    background-color: #00bac6;
}

.portfolio-item.overlay-light .portfolio-description h3, .portfolio-item.overlay-light .grid-description h3, .grid-item.overlay-light .portfolio-description h3, .grid-item.overlay-light .grid-description h3 {
    color: #4F5665;
    font-size: 18px;
    font-weight: 700;
}

.portfolio-item.overlay-light .portfolio-description p, .portfolio-item.overlay-light .portfolio-description span, .portfolio-item.overlay-light .grid-description p, .portfolio-item.overlay-light .grid-description span, .grid-item.overlay-light .portfolio-description p, .grid-item.overlay-light .portfolio-description span, .grid-item.overlay-light .grid-description p, .grid-item.overlay-light .grid-description span {
    color: #40BFC5;
    font-size: 14px;
    font-weight: 400;
}

button.btn-close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-close {
    color:#000;
    width: 2em;
    height: 2em

    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.btn-close:hover {
    color: #40BFC5;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}


.modal-header{
    padding-top: 0px;
    height:40px;
}

.modal-body{
    padding-top: 10px;

}

.modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 14px;
    font-weight: 100;
    float: right;
}


.modal-header .btn-close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1148px;
    }
}

.modal {
    z-index: 1060;
}

.modal .activity-logo{
    float:right;
    margin-left: 30px;
}


.modal h3{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
}

.modal h4{
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -5px;
    line-height: 32px;
}

.modal p{
    font-size: 18px;
    font-weight: 400;
}

p.activity-description{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 88px;
}


#modal-4 .slider-description h3{
    font-size: 25px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 15px;
}
#modal-4 .slider-description h4{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 33px;
}
@media (max-width: 992px) {

    #modal-4 .slider-description h3{
        font-size: 18px;
        line-height: 23px;
    }

    #modal-4 .slider-description h4{
        font-size: 16px;
    }

}


.fotorama__html .slider-description{
    position: absolute;
    left:570px;
    top:170px;
    width:535px;
}

.team-members .team-member .team-desc h3{
    color: #00bac6;
}

.team-members .team-member .team-desc span{
    color: #000000;
}

.tabs__content {
    display: none;
}
.tabs__content.active {
    display: flex;
    transition: 1s;

}


.footer-contact .heading-section ul {
    list-style-type:none;
}

.header-video h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 30px;
    color: #fff;
}

h1 span.letter{
    color: #00bac6;
    font-size: 140px;
    font-weight: 600;
}

.team-members .team-member .team-image > img {
    border-radius: 6px;
}

.text-right{
    float:right;
}


a:not(.btn):not(.badge):hover {
    color: #00bac6;
}

.lead {
    font-family: "Montserrat";
    color:#000000;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;

}


#modal-3 .box-right, #modal-4 .box-right{
    padding-right:33px;
}

#modal-3 .box-services-a h3 {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

#modal-3 .box-services-a{
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;

}

.company-name{
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 700;
}

.box-services-a p{
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
}

.box-services-a .slider-description p{
    font-size: 18px;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #00bac6;
}

.item-link:hover {
    color: #00bac6;
}

.portfolio-item .portfolio-description-wrap{
    height:100%;

}

.portfolio-item .portfolio-description{
    height:100%;
    padding: 0px;
    top:45%;
}

.portfolio-item .portfolio-description .portfolio-description-inner{
    height:100%;
}


.portfolio-item:nth-child(2) .portfolio-description .portfolio-description-inner{
    padding-top:120px;
}

.portfolio-item:nth-child(3) .portfolio-description .portfolio-description-inner{
    margin-top:120px;
}

.portfolio-item .portfolio-description .portfolio-description-inner div{
    width: 100%;
    color: #00bac6;
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat";
}

.copyright-text{
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 400;
}

.twentytwenty-after{
    width:100%;
    height:100%;
}

.header-video-mobile{display: none;}

.header-video-fullscreen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100vh;
}

.footer-social{
    margin-left:-30px;
    margin-bottom: 10px;
}

.footer-social-wrap{
    margin-bottom: 40px;

}

.footer-social img{
    margin-right:10px;
}

.footer-social img.icon-tg{
    padding-right: 7px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 94%;
    }
}

@media (min-width: 1300px) {
    .modal-dialog {
        max-width: 1135px;
    }
}

.activity-image{
    float:right;
    height:220px;
}

@media (max-width: 800px) {
    #header #logo {
        text-align: left;
        margin-left: 30px;
    }

    .modal .activity-logo {
        float: left;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 150px;
        margin-bottom: 0px;
    }

    .box-services-a{
        margin-top: 30px;
    }

    .activity-image{
        float:left;
        height:100px;
    }

    .header-video-desktop{
        display: none;
    }

    .header-video-mobile{
        display: flex;
        height:100%;
        top:-80px;
    }


}