.proItemBox .proItem div.textBox , .innerPageBox .owl-item .textBox{

     cursor: pointer; 

}



.productListRow .owl-item .textBox{

     cursor: pointer; 



}

/* --------------index --------------*/



body{
    background-color: #f0f1f2 !important;
}

header{
    background-color: #fff !important;
}

footer{
    background-color: #0a3965;
}

header nav {

    background-color: #f7f9fa !important;



}

header nav.level-BC-3{

    background-color: #f7f9fa !important;

}

.level-BC-2 {

    background-color: #0a3965 !important;

}





header nav ul.menu-main>li>a{

    color: #6c7073;

}



header nav li:hover {

    background-color: #0a3965 !important;

}

header nav li.active{

    background-color: #0a3965;

}

header nav ul.menu-main>li.active>a{

    color: #fff;

}

header nav ul.menu-main>li:hover>a{

    color: #fff;

}



header nav .navBtnBox a#right,header nav .navBtnBox a#left{

    background-color: #0a3965 !important;

}



.bannerOwlCarouselRow .item a {

    padding-bottom: 24.5%;

}



.m-top-12{

    margin-top: 12px;

}



.lookUpAdRow .lookUpAd{

    padding-bottom: 20%;

}





.productListRow .titleBox .leftBox:after {

    border-color: #0a3965 transparent transparent transparent !important;

    _border-color: #0a3965 #000000 #000000 #000000 !important;

}

.productListRow .owl-carousel.owl-drag .owl-item{

    background-color: #fff !important;



}

.announcementRow .announcementTitle{

    background-color: #0a3965 ;

}

.announcementRow .announcementBox a.more{

    background-color: #0a3965;

}

.announcementRow #announcementCarousel{

    border-top: 1px solid #0a3965;

    border-bottom: 1px solid #0a3965;

    /* background-color: #fff; */

}

.productListRow p.reciprocalBox span.num{

    color:  #0a3965 ;

}

.productListRow .contentBox .item .textBox h3{

    font-size: 1.25rem;

    color: #777777;

    font-weight: 300;

}

.productListRow span.offerPrice{

    color: #0a3965;

    font-weight: 500;

}

.productListRow span.offerPrice>span.price{

    font-weight: 500;

}

.recommendRow .contentBox a.secondaryPro{

    background-color: #fff;

}



.recommendRow .contentBox a.mainPro.level-BC-1{

    background-color: #fff!important;

}



.recommendRow .contentBox a.mainPro div.proIntro h3{

    border-left: 5px solid #0a3965!important;

    color: #0a3965 !important;

}



.recommendRow .contentBox a.secondaryPro .proIntro span.amount{

        color: #0a3965 !important;

}



.productBranchRow .productBox{

    background-color: #fff;

}

.productBranchRow .productBox a.mainProImg{

    background-color: #fff;

}



.productBranchNav.level-BC-3 {

    background-color: #0a3965 !important;

}

.productBranchRow .productBranchNav .btnBox .right{

    background-color: #0a3965 !important;

}

.productBranchRow .productBranchNav .btnBox .left{

    background-color: #0a3965 !important;

}



.productBranchRow h2.chText a{

    color: #0a3965;

}

.productBranchRow h2.chText:before, .productBranchRow h2.chText:after{

    background: #0a3965;

}



a.goTop{

    background-color: #0a3965;

    padding: 1.2rem 0.25rem;

}



#desktopDownMenu .mainMenu a.title{

    color: #fff;

}



.social-bar__mailbox {

    background-color: #ff4300;

}

.social-bar__phone {

    background-color: #ff7300;

}

/* --------------about --------------*/

.aboutUsBox ul.tabNavBox li.active a span{

    color: #0a3965;

    border-bottom: 3px solid #0a3965;

}

.aboutUsBox .tabRow .tabContent div.content.contact{

    background-color: #f0f1f2;

}



#contactUs div.content.contact span.submitBtn{

    background-color: #0a3965;

}



/* --------------product --------------*/





.proBrandZone .titleBrandBox .leftBox:after {



    border-color: #0a3965 transparent transparent transparent !important;

}

.proItemBox .proItem>div{

    background-color: #fff;

}

.proItemBox .proItem div.textBox h3{

    font-size: 1.25rem;

    color: #777777;

    font-weight: 300;

}



.innerPageBox span.offerPrice{

    color: #0a3965;

    font-weight: 500;

}



.innerPageBox .owl-carousel.proImgCarousel.owl-drag .owl-item{

    background-color: #fff;

}

.proPreparationBox a.sayButton{

    background-color: #0a3965;

    color: #fff;

}



.productIntroBox .couponBox a{

    color: #fff;

    border-color: #777;

    background-color: #777;

}



.owl-carousel.suggest-owl-carousel .item h4{

    font-weight: 300;

}

/* -------------- productinfo --------------*/



#priceSelect.form-control{

    padding: 10px 0px;

    height: 45px;

}

.productIntroBox .couponBox a{



}

/* -------------- activity --------------*/

.liveList{

    background-color: #fff;

    margin-bottom: 5px;

    padding: 0px;

}

.liveStreamBox .contentBetween span.more span{

    background-color: #0a3965;

}



/* -------------- experience --------------*/

.activityGridItem .bgColor{

    background-color: #fff;

}

.activityGridItem .moreBox a{

    background-color: #0a3965;

}

.activityGridItem .content p{

    font-weight: 300;

}



/* -------------- tracking --------------*/

.memberInforBox .cartBox{

    background-color: #fff;

}

.memberContentBox div.pack{

    background-color: #fff;

}



.memberContentBox .orderBtnBox a{

    background-color: #f0f1f2;

}

.form-control{

    background-color: #f0f1f2;

}

.orderTable.table thead th{

    background-color: #f0f1f2;



}



/* -------------- tracking --------------*/

.memberInforBox .memberNumberBox{

    background-color: #fff;

}

.memberInforBox .memberNumberBox .photo{

    background-color: #f0f1f2;

}

#leftBox .icon-member{

    color: #0a3965;

}

.memberInforBox .memberMwnu ul li a{

    background-color: #fff;

}

.memberInforBox .cartBox:hover{

    background-color: #1f364c;

}

#leftBox .cartBox:hover .icon-shopping_cart{

    color: #fff;

}

.memberInforBox .cartBox:hover span.title{

    color: #fff;

}

.ui.selection.dropdown{

    background-color: #f0f1f2;

}

.form-control:disabled, .form-control[readonly]{

    background-color: #f0f1f2;

}

.form-control:focus{

    background-color: #f0f1f2;

    color: #000;

}

/* ----------------------------------*/



.directoryRow>ul {

    border-bottom: 1px solid #dedede;

}



header nav ul .menu-sub{

    background-color: #0a3965;

}

.productPublic .cardBox ul.navList li{

    background-color: #fff;

}

.tabBox .tabcontent{

    background-color: #fff;

}

.popularProBranch .recommendBox>div a{

    background-color: #0a3965;

    color: #fff;

}

@media (max-width: 991px){

    .header .logoImgBox {

        height: 60px;

    }

    #phoneMenu .menuTrigger{

        height: 60px;

    }

    #phoneMenu .wrapper header {

        margin: 0rem 0px;

        /* padding: 1rem 0px; */

    }  

}



.productPublic .cardBox ul.navList li:hover a{

    color: #fff;

}

.productPublic .cardBox ul.navList li:hover{

    background-color: #0a3965 !important;

}



@media (max-width: 1280px) {

}



@media (max-width: 1199px) {

}



@media screen and (min-width: 576px) and (max-width: 991px){

}



@media screen and (min-width: 768px) and (max-width: 1199px){

}