.port-kmadhub img {
    width: 100%;
}
a.link-under { text-decoration: underline; margin-top: 60px;}
.content-area h3 {
    font-family: 'montserratblack';
    font-size: 23px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.content-area p {
    color: #fff;
}
.entry-tag a { color: #fff; }
.entry-tag a:hover { color: #00a950;}

/* Movement */
 @-webkit-keyframes fadeInUpSmall {
    from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUpSmall {
    from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall;}

@-webkit-keyframes fadeInLeftSmall {
    from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeftSmall {
    from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall;}

@-webkit-keyframes fadeInRightSmall {
    from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRightSmall {
    from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall;}

@-webkit-keyframes zoomInSmall {
    from { opacity: 0; -webkit-transform: scale3d(.92, .92, .92); transform: scale3d(.92, .92, .92);}
    50% { opacity: 1;}
}
@keyframes zoomInSmall {
    from { opacity: 0; -webkit-transform: scale3d(.92, .92, .92); transform: scale3d(.92, .92, .92);}
    50% { opacity: 1;}
}
.zoomInSmall { -webkit-animation-name: zoomInSmall; animation-name: zoomInSmall;}
/* End Movement */


.c-white {
    color: #fff !important;
}
.section-hl p {
    font-size: 18px;
}
.section-hl .entry-tag {
    font-size: 16px;
}
.hl-bg img {
    width: 100%;
}
.logo-wrap img{
    width: 430px;
    margin-bottom: 60px;
}
.section-img-hl {
    background-image: linear-gradient(to right, #10e665 , #6de02d);
    position: relative;
}
.section-img-hl .content-area {
    position: relative;
    padding: 150px 0;
}
.section-img {
    background-image: linear-gradient(to right, #10e665 , #6de02d);
    position: relative;
}
.section-img .content-area {
    position: relative;
    position: relative;
    padding: 100px 0;
}
.wrap-img-30 {
    width: 30%;
    float: left;
}
.wrap-img-70 {
    width: 70%;
    position: absolute;
    right: 0;
}
.img-hl-wrap .desktop-img {
    width: 100%;
}
.img-hl-wrap .mobile-img {
    width: 100%;
}
.hl-bg-02 {
    position: absolute;
    bottom: 0;
}
.bg-05 {
    position: absolute;
    bottom: -1px;
}
.img-wrap {
    width: 25%;
    display: inline-block;
    margin: 0 3%;
}
.img-wrap img {
    max-width: 100%;
    /* margin: 0 50px; */
}
.hl-img-desktop,
.hl-img-mobile {
    position: relative;
    display: inline-block;
}
.hl-img-desktop {
    width: 70%;
    max-width: 1045px;
}
.hl-img-mobile {
    width: 30%;
    max-width: 233px;
}
.screen {
    position: absolute;
}
.desktop-screen {
    width: 77% !important;
    top: 3%;
    left: 12%;
}
.mobile-screen {
    width: 76% !important;
    top: 7.5%;
    left: 11%;
    border-radius: 5px 5px 20px 20px;
}
.launch {
    margin-top: 60px;
}
.hidden-w767 {
    display: block;
}
.visible-w767 {
    display: none;
}

@media screen and (min-width: 2200px) {
    .entry-img.img-fixed-01 {
        margin-bottom: -5% !important;
    }
    .entry-img.img-fixed-04 {
        margin-bottom: 3%;
    }
}

@media screen and (min-width: 1620px) {
    .art-full .art-img.gif-file {
        padding-right: 10%;
    }
    .entry-img.img-fixed-01 {
        margin-top: 0;
        text-align: right;
        margin-bottom: -14%;
    }
    .entry-img.img-fixed-01 .object {
        width: 70%;
        right: 15%;
        left: auto;
    }
    .entry-img.img-fixed-02 {
        margin-top: -5%;
        text-align: right;
    }
    .entry-img.img-fixed-02 .object {
        width: 70%;
        right: 0;
        left: auto;
    }
    .entry-img.img-fixed-04 {
        margin-top: 4%;
    }
    .entry-img.img-fixed-04 .object {
        width: 70%;
        left: 15%;
    }
}
@media screen and (min-width: 1025px) {
    .ct-br {
        display: block;
    }
}

@media screen and ( max-width:1024px ) {
    h1 { font-size: 50px;}
    .section-hero .content-area { width: 40%;}
    .art-full .bx-content h2, .content-area h2 { font-size: 50px !important; }
}
@media screen and ( max-width:991px ) {
    .art-hl{height: auto; padding-top: 30px;}
    .hidden-w991 { display: none;}
    .visible-w991 { display: unset;}
    .dt-hl-half { padding-right: 0; }
    .sc-challenges { margin-top: 0; }
    .bg-cover-01 { padding-top: 50px; }
    .bg-cover-01 .video {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .bg-cover-02 {
        padding-top: 80px;
    }
    .entry-img.img-fixed-02 {
        margin-top: 5%;
        margin-bottom: 20%;
    }
    .entry-img.img-fixed-03 {
        margin-top: 10%;
        margin-bottom: 20%;
    }
    .entry-img.img-fixed-04 {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .hl-img-mobile {
        width: 20%;
        max-width: 233px;
    }
    .logo-wrap img {
        width: 250px;
        margin-bottom: 30px;
    }
    a.link-under {
        margin-top: 30px;
    }
    .launch {
        margin-top: 30px;
    }
    .section-img .content-area {
        padding: 50px 0;
    }
    .section-img-hl .content-area {
        padding: 100px 0;
    }
}
@media screen and ( max-width:767px ) {
    .section-hl p {
        font-size: 13px;
    }
    .hidden-w767 {
        display: none;
    }
    .visible-w767 {
        display: block;
    }
    .section-mg-top .container{
        margin-top: -5px;
    }
    .section-img {
        padding-top: 0;
    }
    .img-wrap {
        margin: 20px 10px;
    }
    .img-wrap img {
        margin-left: 5px;
    }
    .hl-img-desktop {
        width: 100%;
    }
    .hl-img-mobile {
        width: 36%;
        margin-top: 20px;
    }
    .mobile-screen {
        border-radius: 5px 5px 10px 10px;
    }
    .logo-wrap img {
        margin-bottom: 30px;
    }
    .section-img-hl .content-area {
        padding: 50px 0;
    }
    .section-img .content-area {
        padding: 20px 0;
    }
}