.site-wrapper {margin-bottom: -20px; } .site-wrapper .main>.container {min-height: 658px; } @media (max-width: 767px) {.banner-wrap .banner-img {height: auto; position: unset; } .banner-wrap .banner-img img {left: unset; width: 100%; height: auto; position: unset; margin-left: 0; } .banner-wrap .swiper-container .swiper-pagination  {display: none; } } .customer-main>.container {background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .slider-customer-of-us.owl-carousel {overflow: hidden; } .slider-customer-of-us.owl-carousel .owl-stage-outer {z-index: 1; } .slider-customer-of-us.owl-carousel .owl-nav {width: 100%; padding: 0; margin: 0; } .slider-customer-of-us.owl-carousel .owl-nav div {background-color: #646464; width: 30px; height: 30px; text-align: center; } .slider-customer-of-us.owl-carousel .owl-nav div i {color: rgba(255, 255, 255, 0.5); font-size: 20px; line-height: 30px; } .slider-customer-of-us.owl-carousel .owl-nav div.owl-prev {position: absolute; top: 50%; left: -60px; transition: all .5s; -ms-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .slider-customer-of-us.owl-carousel .owl-nav div.owl-next {position: absolute; top: 50%; right: -60px; transition: all .5s; -ms-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .slider-customer-of-us.owl-carousel:hover .owl-nav {z-index: 2; } .slider-customer-of-us.owl-carousel:hover .owl-nav div {background-color: #323232; } .slider-customer-of-us.owl-carousel:hover .owl-nav div i {color: white; } .slider-customer-of-us.owl-carousel:hover .owl-nav div.owl-prev {left: 30px; z-index: 2; } .slider-customer-of-us.owl-carousel:hover .owl-nav div.owl-next {right: 30px; z-index: 2; } .title-customer-of-us {color: #323232; font-size: 36px; text-transform: uppercase; text-align: center; margin-bottom: 15px; font-weight: 700; } .title-customer-of-us-read-more {padding-top: 15px; padding-bottom: 30px; } li.visible-lg-block.translation-links a{height: 20px; width: 30px; display: inline-block; } li.visible-lg-block.translation-links {margin-top: 6px; } a.gg-changeTrans.en {background-image: url('../public_html/images/flag/flag.png'); background-position: -60px 0; } a.gg-changeTrans.cn {background-image: url('../public_html/images/flag/flag.png'); background-position: -30px 0; } a.gg-changeTrans.fr {background-image: url('../public_html/images/flag/flag.png'); background-position: -90px 0; } a.gg-changeTrans.gm {background-image: url('../public_html/images/flag/flag.png'); background-position: -120px 0; } a.gg-changeTrans.jp {background-image: url('../public_html/images/flag/flag.png'); background-position: -150px 0; } a.gg-changeTrans.kr {background-image: url('../public_html/images/flag/flag.png'); background-position: -180px 0; } a.gg-changeTrans.ru {background-image: url('../public_html/images/flag/flag.png'); background-position: -210px 0; }







/*menu*/



.navbar .navbar-nav>li>a{



    padding-left: 11px;



    padding-right: 11px;



}



@media (max-width: 1260px) and (min-width: 1006px){



    .navbar .navbar-nav>li>a{



        padding-left: 10px;



        padding-right: 10px;



    }



}



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



    .navbar .navbar-brand img{



        width: 100px !important;



    }



    .navbar .navbar-nav>li>a{



        padding-left: 5px;



        padding-right: 5px;



        font-size: 11px;



    }



}







/*select in customer page*/



.js-validate-form .select-bg select{



    position: relative;



    background-color: transparent;



    z-index: 1;



    width: 100%;







    /* for Firefox */



    -moz-appearance: none;



    /* for Chrome */



    -webkit-appearance: none;



}



.js-validate-form .select-bg select::-ms-expand {



  display: none;



}















/*award -- giải thưởng*/



@media (min-width: 768px){



    .category-award .nav-sol:before {



        background-color: rgba(0, 182, 188, 0.5) !important;



      border-radius: 0 !important;



    }



    .category-award .nav-sol:after {



        background-color: rgba(46, 104, 104, 0.82) !important;



      border-radius: 0 !important;



    }



}



@media (min-width: 1006px){



    .category-award .main>.container .container {



        width: 970px;



    }



}



@media (min-width: 1260px){



    .category-award .main>.container .container{



        width: 1170px;



    }



}



.row-award .tab-pane.active {



    display: -ms-flexbox;



    display: flex;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



}



.row-award .tab-pane img {



    max-width: 100%;



}







.fixedsticky{



    z-index: 51 !important;



}







.nav-sol.nav-sol-home ul li:nth-child(1) a{



    background: #2962ff



}



.nav-sol.nav-sol-home ul li:nth-child(2) a{



    background: #0e4dfc



}



.nav-sol.nav-sol-home ul li:nth-child(3) a{



    background: #0040ef



}



.nav-sol.nav-sol-home ul li:nth-child(4) a{



    padding-left: 0;



    background: #002da9



}



.nav-sol.nav-sol-home ul li a:after{



    display: none!important;



}



.nav-sol.nav-sol-home ul li:last-child a:after{



    display: none;



}







@media (min-width: 768px) {



    .nav-sol.nav-sol-home ul li{



        width: 25%;



    }



    .nav-sol ul li a span{



        top: 5px;



        line-height: 18px;



    }



}



@media (min-width: 992px){



    .nav-sol.nav-sol-home ul li a{



        font-size: 13px;



    }



    .nav-sol.nav-sol-home ul li a:after{



        content: "";



        width: 100px;



        height: 46px;



        position: absolute;



        right: -50px;



        background-repeat: none; 



    }



    .nav-sol.nav-sol-home ul li:first-child{



        z-index: 40;



    }



    .nav-sol.nav-sol-home ul li:first-child a{



/*        background-color: #00c1b7;*/



    }



    .nav-sol.nav-sol-home ul li:first-child a:after{



        background-image: url("../public_html/images/nav-sol-home-small-1.png");



    }



    .nav-sol.nav-sol-home ul li:nth-child(2){



        z-index: 30;



    }



    .nav-sol.nav-sol-home ul li:nth-child(2) a{



/*        background-color: #009385;*/



    }



    .nav-sol.nav-sol-home ul li:nth-child(2) a:after{



        background-image: url("../public_html/images/nav-sol-home-small-2.png");



    }



    .nav-sol.nav-sol-home ul li:nth-child(3){



        z-index: 20;



    }



    .nav-sol.nav-sol-home ul li:nth-child(3) a{



/*        background-color: #006859;*/



    }



    .nav-sol.nav-sol-home ul li:nth-child(3) a:after{



        background-image: url("../public_html/images/nav-sol-home-small-3.png");



    }



    .nav-sol.nav-sol-home ul li:nth-child(4){



        z-index: 10;



    }



    .nav-sol.nav-sol-home ul li:nth-child(4) a{



/*        background-color: #00423d;*/



    }



    .nav-sol.nav-sol-home ul li:nth-child(4) a:before{



        display: none;



    }



}







@media (max-width: 992px){



    .nav-sol.nav-sol-home ul li a:after, .nav-sol.nav-sol-home ul li a:before{



        display: none;



    }



}



@media (max-width: 768px) {



    .nav-sol.nav-sol-home ul li{



        width: 25%;



    }



}