@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.css");
#ContentBar{
        will-change: transform;
}
.fp-section{
        transform: translate3d(0,0,0);
}
@-webkit-keyframes zoomBg {
        0% {
                background-size: 100%
        }
        50% {
                background-size: 150%
        }
        100% {
                background-size: 100%
        }
}
@-o-keyframes zoomBg {
        0% {
                background-size: 100%
        }
        50% {
                background-size: 150%
        }
        100% {
                background-size: 100%
        }
}
@keyframes zoomBg {
        0% {
                background-size: 100%
        }
        50% {
                background-size: 150%
        }
        100% {
                background-size: 100%
        }
}
a {
        color: #424242;
        font: 10pt roboto;
        text-decoration: none;
}
img {
        border:none;
}
.MainStructure {
}
.MainStructure .TopBanner .layoutheader {
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
}
.MainStructure .TopBanner .layoutheader.scroll-header {
        background-color: #063c99;
        box-shadow: 0 1px 3px 0px rgba(0,0,0,.2);
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        transition: all .8s;
}
.MainStructure .TopBanner .layoutheader .row {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        transition: .3s all;
        background-color: transparent;
        position: relative;
        display: flex;
        align-items: center;
}
.MainStructure .TopBanner .layoutheader .row .container {
        width: 1270px;
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
}
.MainStructure .TopBanner .layoutheader .row .container .UIAdvertisement_Default {
        display: inline-block;
}
.MainStructure .TopBanner .layoutheader .row .container .UIDropdownMenu_Default {
        display: inline-block;
}
.MainStructure .TopBanner .layoutheader .row .container .UIAdvertisement_Default .logo {
        padding-bottom: 5px;
        padding-top: 0;
}
.MainStructure .TopBanner .layoutheader .row .container .UIAdvertisement_Default .logo img {
        height: 60px;
}
.MainStructure .layoutdichvu {
        background-image: url(https://danangport.com/wp-content/uploads/2023/08/servicebg.png);
}
.MainStructure .nguonluc {
        background-image: url(https://danangport.com/wp-content/uploads/2023/08/force-bg.png);
        height: 100%;
        padding-top: 150px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        animation: zoomBg 30s linear infinite;
}
.MainStructure .nguonluc .fp-tableCell {
        height: 100%;
}
.MainStructure .layoutfooter {
        background-image: url(https://danangport.com/wp-content/uploads/2023/08/news-bg.png);
}
.MainStructure .layoutfooter .fp-tableCell > div{
        display:flex;
        flex-direction:column;
        height:100%;
}
.MainStructure .UIAdvertisment_Default,
.MainStructure .UIGoldCustomer_Default{
        margin:auto;
}
.MainStructure .layoutfooter .UIFooter_Default{
        margin-top:auto;
}
.MainStructure .fp-tableCell {
        padding: 0;
}
@media (max-width:768px) {
        .MainStructure .nguonluc {
        		height: 100% !important;
                background-size: cover !important;
        }
        .MainStructure .nguonluc .fp-tableCell {
                height: 100% !important;
        }
        .MainStructure .container {
        		padding: 0;
        }
}