/*!
 * common css
 */

.btn-primary:hover {
    color: #fff;
    background-color: #c33914;
    border-color: #c33914;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #ea5830;
    border-color: #ea5830;

}


/*object-fit: contain;*/
.partner-logo-img{
    object-fit: contain;
    mix-blend-mode: luminosity;
}

.contactUs{
    background:#EFEFEF url("/img/mifi/com/points.png") no-repeat center;
    background-size: cover;
}

.bg-products-pc{
    background: url("/img/mifi/com/laptop-right.png") no-repeat center right ;
    background-size: 80%;
}
.nav-border-top{
    border-top: 1px solid #ea5830;
}
.nav-border-top-none{
    border-top: 1px solid rgba(255,255,255,0);
}

.dropdown-menu{
    background-color: #201f4f;
}
.dropdown-item{
    color: #ffffff;
}

.circle-xl{
    border-radius:50%;
    width: 40px;
    height: 40px;
    background-color: #ea5830;
}

.circle-md{
    border-radius:50%;
    width: 30px;
    height: 30px;
    background-color: #ea5830;
}

.circle-sm{
    border-radius:50%;
    width: 20px;
    height: 20px;
    background-color: #ea5830;
}



.bg-blue{
    background-color: #201f4f;
}
.bg-deepBlue{
    background-color: #18173e;
}
.bg-orange{
    background-color: #ea5830;
}

.font-blue{
    color: #201f4f;
}
.font-deepBlue{
    color: #18173e;
}
.font-orange{
    color: #ea5830;
}

.font-gold{
    color: #a97c50;
}

.font-color-Red{
    color: #760006;
}
.font-color-MidRed{
    color: #3d0101;
}
.font-color-DeepRed{
    color: #1f0000;
}



.bg-GradBlueToRed{
    background-color:  #161637; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to top right,#161637 17%, #f14e32 155%);

}

/**透明效果*/
.bg-GradBlueToRed2{
    background-image: linear-gradient(to top right,rgba(22, 22, 55,0.8) 40%, rgba(166, 28, 0,0.6) 140%);

}

/*body{*/
/*    font-family:"Helvetica Neue",Helvetica,Arial, sans-serif !important*/
/*}*/

.body-ug{
    font-family:UKIJTuzQ,"Helvetica Neue",Helvetica,Arial, sans-serif !important
}
.body-common{
    font-family:"Helvetica Neue",Helvetica,Arial, sans-serif !important
}



@font-face {
    font-family: mFont-NotoSerif;
    src: url('/fonts/uk/NotoSerif-Regular.ttf');
}
@font-face {
    font-family:mFont-NotoSans;
    src: url('/fonts/uk/NotoSans-Regular.ttf');
}
@font-face {
    font-family: mFont-Helvetica;
    src: url('/fonts/uk/Helvetica-Neue-2.ttf');
}
@font-face {
    font-family: UKIJTuzQ;
    src: url('/fonts/uk/UKIJTuzQ.ttf');
}


.font-fm-NotoSansSC{
   /* font-family: 'Noto Sans', sans-serif;*/
    font-family: mFont-NotoSans;
}



.font-fm-NotoSerifMy{
    /*font-family: 'Noto Serif', serif;*/
    font-family: mFont-NotoSerif;
}

.font-fm-Helvetica{
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: mFont-Helvetica;
}

.font-fm-OldFace{
    /*font-family: 'Libre Baskerville', serif;*/
    font-family: mFont-BaskervilleOldFace;
}

.font-60{
    font-size: calc(1rem + 1.45vw);
}
.font-50{
    font-size: calc(0.9rem + 1.27vw);
}
.font-42{
    font-size: calc(0.85rem + 1.15vw);
}
.font-32{
    font-size: calc(0.8rem + 0.833vw);
}
.font-24{
    font-size: calc(0.75rem + 0.625vw);
}
.font-18{
    font-size: calc(0.56rem + 0.47vw);
}
.font-12{
    font-size: calc(0.375rem + 0.32vw);
}



.logo-img{
    width:90px;
}

@media (min-width: 768px) {
    .logo-img{
        width:110px;
    }

    .circle-xl{
        border-radius:50%;
        width: 80px;
        height: 80px;
        background-color: #ea5830;
    }

    .circle-md{
        border-radius:50%;
        width: 60px;
        height: 60px;
        background-color: #ea5830;
    }

    .circle-sm{
        border-radius:50%;
        width: 30px;
        height: 30px;
        background-color: #ea5830;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
   .logo-img{
        width:120px;
    }

    .menu-border-bottom{
        border-bottom:2px solid #fff;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .font-60{
        font-size: calc(2rem + 1.45vw);
    }
    .font-50{
        font-size: calc(1.6rem + 1.27vw);
    }
    .font-42{
        font-size: calc(1.375rem + 1.15vw);
    }
    .font-32{
        font-size: calc(1rem + 0.833vw);
    }
    .font-24{
        font-size: calc(0.75rem + 0.625vw);
    }
    .font-18{
        font-size: calc(0.56rem + 0.47vw);
    }
    .font-12{
        font-size: calc(0.375rem + 0.32vw);
    }

    .logo-img{
        width:180px;
    }



}
@media screen and (min-width: 1900px) {

    .container{
        max-width: 1400px;
    }

}

@media screen and (min-width: 2500px) {

    .container{
        max-width: 2000px;
    }

}
