@font-face {
    font-family: Old-bold;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/SVN-HC Pacifico.otf');
}
@font-face {
    font-family: Thin-normal;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/SVN-CenturyGothic-Regular.otf');
}
@font-face {
    font-family: Bold-normal;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/SVN-CenturyGothic-Bold.otf');
}
@font-face {
    font-family: Pvc-Italic;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/PVC-Italic.ttf');
}
@font-face {
    font-family: PVC-BoldItalicr;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/PVC-BoldItalic.ttf');
}
@font-face {
    font-family: PVC-Bold;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/PVC-Bold.ttf');
}
@font-face {
    font-family: PVC;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/PVC.ttf');
}
@font-face {
    font-family: MyriadPro-Regular;
    src: url('/Content/DBPTrenKhong/assets/font/font-chu-de-1/MyriadPro-Regular.otf');
}

body {
    background-color: #72a1af75 !important;
    font-family: PVC-Bold !important;
    font-size: 1rem !important;
}

.navbar-area {
    font-family: PVC-Bold !important;
}
/*Mobile*/
@media only screen and (max-width: 991px) {
    .background-cloud {
        background-image: none;
    }

    .sticky .navbar .navbar-nav .nav-item a {
        color: #e2b43a;
    }

    .slider-item, .slider-item > h5 {
        font-size: 18px;
    }

    .slide-center > span {
        font-size: 18px !important;
    }

    .fix-img {
        margin-top: 15% !important;
    }

    .slider-text {
        font-size: 11px;
        line-height: 15px;
        padding: 5px;
        margin-bottom: -3% !important;
    }

    #modalFotorama2 .fotorama__stage {
        height: 329px !important;
    }


    #modalFotorama1 .slider-item, #modalFotorama2 .slider-item, #modalFotorama3 .slider-item {
        overflow-y: auto;
    }

    .footer {
        background-image: url(/Content/LamKinh/assets/img/background/may-01.png);
        background-position: 44% 133%;
        background-repeat: no-repeat;
        background-size: 139% 70%;
    }

    .feature .feature-box p {
        font-size: 15px;
        line-height: 17px;
    }
}

.logo {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 48%), 0 6px 20px 0 rgb(0 0 0 / 35%);
}

.navbar-area {
    background-color: #1a6981 !important;
}

    .navbar-area.sticky, .footer {
        background-color: rgb(13 115 145) !important;
    }

.card > h5, .card > h3 {
    color: #c4141e !important;
}

.fotorama__stage {
    height: 600px !important;
}

.modal-content {
    background-color: #17657c;
    border: 1px solid rgb(255 255 255 / 80%);
}
    .modal-content h5 {
        font-family: Old-bold !important;
        font-weight: 100;
    }


.background-cloud {
    background-image: url(/Content/DBPTrenKhong/assets/img/background/7.png), url(/Content/DBPTrenKhong/assets/img/background/7-1.png);
    background-repeat: no-repeat;
    background-size:8% 100%, 7% 62%;
    background-position: 100.5% 50%, 0% 50%;
}

.footer {
    background-image: url(/Content/DBPTrenKhong/assets/img/chu-de-1/12-14.png), url(/Content/DBPTrenKhong/assets/img/chu-de-1/12-14.png), url(/Content/DBPTrenKhong/assets/img/chu-de-1/12-14.png);
    background-position: 84% 75%, 57% 27%, 100% -1%;
    background-repeat: no-repeat;
    background-size: 19% 35%;
}

.feature .feature-box p {
    height: 60px !important;
}



@media (max-width: 980px) {
    .background-cloud,.footer {
        background: none;
    }
}

@media (max-width: 580px) {
    #fix-img img {
        height: 100px;
    }

    .set-padding-img {
        padding: 17%;
    }

    .mo-ta {
        padding: 45% 10%;
    }
    .slider-item > img {
        padding-top: 20%;
    }

    .btn-group-sm > .btn, .btn-sm {
        font-size: 0.5rem !important;
    }
    .feature .feature-box p {
        font-size: 0.5rem !important;
    }
}