@font-face {
    font-family: SimSun;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SIMSUN.ttf");
}

body, p, ul, ul li, a, span, ul li a, h2, h3, h4, h5, h6{
    font-family: 'SimSun';
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    color: #000;
    position: relative;
}





/*Sticky Menu*/

.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 999999;
    box-shadow: 0 0px 1px 0px #ddd;
    background: rgb(0 0 0 / 60%);
}



/*****************************
Header Start Here
******************************/

/*Header start*/

header#Header {
    position: absolute;
    z-index: 9;
    width: 100%;
    background: rgb(0 0 0 / 30%);
    box-shadow: inset 0px 0px 2px 0px #ababab;
}

.header-main {
    width: 100%;
}

h2, h3, h4 {
    font-weight: bold;
    margin-bottom: 20px;
    color: #fdcc02;
}


.logo {
    padding-right: 20px;
}
.logo a img {
    max-height: 80px;
}

.main-menu nav.navbar {
    padding: 0px;
}



.main-menu nav li a {
    padding: 5px;
    line-height: 90px;
    text-decoration: none;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.05px;
}

.main-menu nav ul.navbar-nav>li {
    margin-right: 15px;
}

li.first-drop-menu>a {
    position: relative;
}

li.first-drop-menu>a::after {
    content: '\f107';
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    color: #fff;
    position: absolute;
    line-height: 90px;
    right: -5px;
    font-size: 12px;
}

.main-menu nav li a:hover,
li.first-drop-menu>a:hover::after  {
    color: #fdcc02;
}

button.navbar-toggler {
    background: #fff;
}

/*Dropdown Menu*/
li.first-drop-menu,
li.second-drop-menu {
    position: relative;
}

ul.first-dropped-menu,
ul.second-dropped-menu {
    position: absolute;
    top: 100%;
    left: 5px;
    display: none;
    z-index: 99;
    padding: 0px;
    background: #f1f1f1;
    width: max-content;
    max-width: 320px;
    min-width: min-content;
}

ul.first-dropped-menu li,
ul.second-dropped-menu li {
    margin-left: 0px;
    padding: 0px;
    display: block;
    transition: all 0.3s;
    box-shadow: 0px 1px 0px 0px #4b4b4b;
}

ul.first-dropped-menu li:last-child,
ul.second-dropped-menu li:last-child {
    box-shadow: 0px 1px 0px 0px transparent;
}

ul.first-dropped-menu li:hover,
ul.second-dropped-menu li:hover {
    padding-left: 10px;
}

ul.topbar-menu li.first-drop-menu ul.first-dropped-menu li:hover a {
    color: #a50000;
}

ul.first-dropped-menu li a:hover,
ul.second-dropped-menu li a:hover {
    font-weight: 700;
}

.topbar-menu li.first-drop-menu::after{
    color: #fff;
}

ul.first-dropped-menu li a,
ul.second-dropped-menu li a {
    padding: 5px 10px !important;
    display: inline-block;
    color: #333;
    line-height: 25px !important;
}

li.first-drop-menu:hover .first-dropped-menu,
li.second-drop-menu:hover .second-dropped-menu {
    display: block;
}

ul.second-dropped-menu.research {
    left: -321px;
    /*top: -13px;*/
    top: -3px;
}

ul.second-dropped-menu.research li a {
    line-height: 25px !important;
}

ul.second-dropped-menu {
    left: calc( 100% + 1px );
    top: 0px;
}

ul.first-dropped-menu.last-dropdown {
    right: -100% !important;
    left: unset;
}

/*Dropdown Menu End*/

.main-menu nav li a:last-child {
    padding-right: 0px;
}

.main-menu nav li:last-child {
    margin-right: 0px !important;
}


#Header.other-page-header {
    background: #333 !important;
}

/*****************************
    Header End Here
******************************/





a.btn.btn-courier {
    border: 2px solid #fff;
    color: #fff;
    margin-top: 25px;
    font-size: 1.2rem;
    background: rgb(0 0 0 / 60%);
}

a.btn.btn-courier:hover {
    color: #fff;
    background: #fdcc02;
    transition: all 0.3s;
    border: 2px solid #fdcc02;
}

/*Other pages*/

#page-content{
    padding-top: 120px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 45%, rgb(184 184 184) 85%);
}

#page-content .content-wrapper{
    padding: 50px 15px;
}

.medium-text {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    text-transform: initial;
    color: #464646;
    line-height: 1.8rem;
    font-weight: 400;
}

.section-banner-image {
    overflow: hidden;
}

.section-banner-image img {
    max-width: 100%;
}

#page-content ul li {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 400;
}




/************ Viewport css start here **************/

/******* Slider css start here *********/

#Slider {
    width: 100vw;
    height: 100vh;
}

.express,
.ecommerce,
.air-shipment,
.sea-shipment,
.customer-portal,
.track-trace {
    width: 100vw;
    height: 100vh;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    /*transition: background 0.5s;*/
    /*transform: translate3d(0, 0px, 20px);*/
}

.express {
    background: url("../images/sliders/express.jpeg");
}

.ecommerce {
    background: url("../images/sliders/ecommerce.jpeg");
}

.air-shipment {
    background: url("../images/sliders/air.jpeg");
}

.sea-shipment {
    background: url("../images/sliders/sea.jpeg");
}

.customer-portal {
    background: url("../images/sliders/customer-portal.jpeg");
}

.track-trace {
    background: url("../images/sliders/tracandtrace.jpeg");
}

section#other-pages-features {
    padding: 50px;
    background: #fff;
}

.feature-content {
    cursor: pointer;
    margin: 10px 7px;
    width: 15%;
    text-align: center;
}

.feature-content img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: white;
    padding: 10px;
    filter: grayscale(100%);
    transition: ease-in-out;
}

.feature-content:hover img {
    filter: grayscale(0%);
}

.feature-content:hover h3 {
    color: #fdcc02;
    font-weight: 700;
}

.feature-content h3 {
    color: #474747;
    font-size: 0.9rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-weight: 400;
}

.slide{
    position: relative;
}

.slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: 100vh;
    background: rgb(0 0 0 / 40%);
}

.slide .container {
    z-index: 9 !important;
}

.slide .container h2 {
    font-size: 1.5rem;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    line-height: 2rem;
    font-weight: 600;
    margin: 0;
}

section#features .container {
    border-top: 1px solid #fdcc02;
    padding-top: 25px;
}

.word {
    margin: auto;
    color: white;
    font: 700 normal 2.5em 'tahoma';
    text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;
}





/******* Features css start here *********/

#features {
    position: fixed;
    bottom: 10px;
    text-align: center;
    width: 100vw;
}






























/* Footer Css */
footer#Footer {
    padding: 50px 0 0;
    background: rgb(0 0 0 / 80%);
    color: #fff;
}

.footer-single-box li {
    margin-bottom: 12px;
    list-style: none;
    line-height: 1.5rem;
}

.footer-single-box li a {
    color: #fff;
}

.footer-bottom {
    display: flex;
    align-items: center;
    padding: 25px;
    background: #1b1b1b;
}

.footer-bottom p {
    margin:0;
}

p.copyright-text a {
    color: #fff;
    padding-left: 5px;
}

.footer-single-box ul {
    padding-left: 0;
}

.footer-single-box li span {
    margin-left: 8px;
}





/************************  Responsive CSS  **************************/
@media only screen and (max-width: 767px) {
    .main-menu nav li a {
        line-height: 2;
    }

    .header-main div[class^="col-"] {
        padding: 20px;
    }

    .header-main div[class^="col-md-3"] {
        width: 30%;
    }

    .header-main div[class^="col-md-9"] {
        width: 65%;
        margin-left: 5%;
    }

    .main-menu nav li a {
        text-transform: capitalize;
        letter-spacing: 0;
    }

    li.first-drop-menu>a::after {
        line-height: 2 !important;
    }

    ul.first-dropped-menu, ul.second-dropped-menu {
        left: 0% !important;
        margin-left: 5px;
    }

    ul.navbar-nav {
        margin-top: 10px;
    }

    .slide .container h2 {
        font-size: 1.1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 2rem;
        font-weight: 400;
        margin: 0;
    }

    section#other-pages-features {
        padding: 50px 5px;
    }

    .feature-content h3 {
        height: 40px;
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 0.7rem;
        max-width: 100%;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feature-content {
        margin: 5px;
    }

    .feature-content img {
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    #page-content .content-wrapper {
        padding: 0 30px 30px;
    }

    #page-content ul li {
        font-size: 0.9rem;
        line-height: 1.8rem;
    }

    .medium-text {
        font-size: 1rem;
    }



}