body {background:#fff;}
header .right a {
    font-weight:500;
    color: #001b44;
    margin-left: 1.2rem;
    font-size: .9rem;
}
.fullPageTitle {height: calc(90vh);}

#landing-vid {height: calc(90vh - 90px);width: 100%;object-fit: cover;margin-top:90px}

#btnNav {
    display: none;
}
.headMenu {}
.headMenu .offer{
    padding: 5px 10px;
    background: #001b44;
    border-radius: 8px;
    color: #fff;
}

.privilege {margin-bottom: 30px;}
.privilege .item {position:relative;margin-bottom:30px;}
.privilege .item::after{content:"";position:absolute;width: 100%;height: 100%; background: rgba(0, 27, 68, 0.5);z-index: 1;left: 0;mix-blend-mode: multiply;}
.privilege .item .text {position: absolute;z-index: 2;bottom:10%;color:#fff; padding:0 40px;}
.privilege .item h2{}
.privilege .item h2 span{margin-left:20%;}


.docLink {
    background: #ED5E2A;
    border-radius: 10px;
    padding: 30px;
}
.docLink img {margin-right:30px;}

.docLink a {font-weight: 400;}

#catagoryGallery {padding:60px 0;}

.contactBox {border: 1px solid #051B44;}

#mekoFaq .card {
    border:none;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.10);
    margin-bottom: 20px;
}

.builderRow {
    padding:0;
    background: transparent;
}

.ulayout {
    padding-left: 0;
    padding-right: 0;
}
.ulayout.reverse .content > ul {margin-right: 0;}
.ulayout.vertical{padding: 0 4px;}

.landing {position:relative; margin-bottom: 60px;}
.landing img {width: 100%;}
.landingInfo {position:absolute;z-index:2;right:5%;top:50%;margin-top:-10%; width:40%;color: #fff;}

.landing .btnUsa {position: absolute; right:60px;bottom:60px;display: flex;}
.landing .btnUsa img {height:40px;}
.landing .btnUsa a {display: inline-block; background: rgba(255, 255, 255, 0.4);padding:5px 10px;}


.splide {
    position: relative;
    height: calc(100vh - 90px);
    width: 100vw;
    margin-bottom: 60px;
}

.splide .splide__track,
.splide .splide__list,
.splide .splide__slide {
    width: 100vw;
    height: 100%;
}
.splide .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.splide .splide__slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 10s ease-in;
}
.splide .splide__slide div {
    display: flex;
    flex-direction: column;
    position: absolute;
    color: #FFF;
    text-align: center;
    bottom: 4rem;
    z-index: 20;
}
.splide .splide__slide h3 {
    font-size: 3rem;
    margin-bottom: 1rem;
    transform: translateY(50px);
    opacity: 0;
    transition: opacity 1s, transform 1s ease;
    transition-delay: .1s;
}
.splide .splide__slide p {
    width: 100%;
    transform: translateY(50px);
    opacity: 0;
    transition: opacity 1s, transform 1s ease;
    transition-delay: .4s;
}
.splide .splide__slide a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF;
    border-radius: 2px;
    height: 3rem;
    padding: 0 3rem;
    letter-spacing: 1.4;
    margin: 0 auto;
    transform: translateY(50px);
    opacity: 0;
    transition: opacity 1s, transform 1s ease;
    transition-delay: .8s;
}
.splide .splide__slide.is-active img{
    transform: scale(1.1);
}
.splide .splide__slide.is-active h3,
.splide .splide__slide.is-active p,
.splide .splide__slide.is-active a {
    color: #FFF;
    transform: translateY(0);
    opacity: 1;
}
.splide .splide__slide::after {
    background-image: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.8) 100%);
    content: '';
    position: absolute;
    height: 45%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.splide .splide__pagination {
    bottom: 1rem;
}
.splide .splide__pagination li {
    display: flex;
}
.splide .splide_pagination_page {
    border: 1px solid #FFF;
    background: transparent;
    opacity: 1;
    margin: 0 .5rem;
}
.splide .splide_pagination_page.is-active {
    background: green;
    border-color: green;
    transform: none;
}

@media (max-width:767px){
    .landingInfo {position:absolute;z-index:2;right:0; left: 0;top:auto;bottom: 20px;width:100%;text-align: center;}	
    .landingInfo h2 {display:none;}
    .landingInfo p {display:none;}
    .btnWhiteLine {display: none;}
    .landing .btnUsa {bottom:30px;} 
    .landing .btnUsa img {height:26px;}
    
    .headMenu {display: none;}
    
    .overlay nav .offer{
        padding: 5px 10px;
        background: #001b44;
        border-radius: 8px;
        color: #fff;
        text-align: center;
    }
    
    .fullPageTitle {height: calc(60vh - 60px);}
    #landing-vid {height: calc(60vh - 60px);width: 100%;object-fit: cover;}
    
    #btnNav {
        display: flex;
    }
    
    .privilege .item .text {padding: 0 10px;bottom:10px;}
    .privilege .item h2 {font-size:1rem;}
    .privilege .item p {font-size:.7rem; line-height: 1.3;}
    
    .splide {
        position: relative;
        height: calc(60vh - 60px);
        width: 100vw;
        margin-bottom: 30px;
    }
    .splide .splide__slide h3 {
        font-size: 1.2rem;
    }
    .splide .splide__slide p {
        font-size: .8rem;
    }
    .splide .splide__slide a {
        height: 2.2rem;
    }
}