/* Dropdown Button */

.dropbtn {

    background-color: #4CAF50;

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



/* Links inside the dropdown */

.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #f1f1f1}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-menu > .dropdown-menu{

    left: 100%;

}

.navbar-nav li:hover{

    color: #fff;

}





/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {

    background-color: #3e8e41;

}

.dropdown-menu{

    top: 90%;

}

.menuhea{

    background: #2b2b2b;

    border-top: 1px solid #000;

    padding-left:0px;

    padding-right: 0px;

    border-bottom: 2px solid #909090;

}

.xanh{

    background: #05af6b;

    width: 100%;

    height: 5px;

}

.nav-link {

    padding: 0rem 1rem;

    color: #fff!important;

}

.navbar-toggler{

    background: #fff;

}

.tienich li.phone a{

    color: #ff4800;

    font-size: 20px;

}

.tienich {

    width: 188px;

    float: right;

    padding-left: 0px;

    margin-top: 20px;

}

.tienich li{

    list-style: none;

}

.search{

    border-radius: 0px;

    padding: 2px 0px;

    border-right: none;

}

.bentrai{

    width: calc(100% - 188px);

    float: left;

}

.owl-nav{

    position: absolute;

    top: 45%;

    height: 0px;

    width: 100%;

}

.owl-prev{

    width: 20px;

    height:30px;

    background: url("../images/preview.png") no-repeat;

    float: left;

	display:none;

}

.owl-next{

    width: 20px;

    height:30px;

    background: url("../images/next.png") no-repeat;

    float:right;

	display:none;

}



.mainSlide{

    box-shadow: 0px 1px 5px #ccc;

}

.btn-primary{

    background: #05af6b;

}

.jumb{

    text-align: center;

    text-transform: uppercase;

    font-size: 25px;

}

.jumbo{

    font-size: 30px;

}

.aii{

    margin-top: 20px;

    width: 100%;

}

.slide2 div p{

    bottom: 0px;

    position: absolute;

    width: 100%;

    background: #05af6b;

    margin-bottom: 0px;

    color: #fff;

    font-size: 20px;

    padding: 10px;

    text-align: center;

}

.slide2 .owl-dots{

    text-align: center;

    width: fit-content;

    height: 40px;

    margin: 0px auto;

}

.slide2 .owl-dot{

    display: inline;

    float: left;

    margin: 5px;

}

.slide2 .owl-dot span{

    width: 10px!important;

    height: 10px!important;

    background: #9bdfc4;

    display: table;

    border-radius: 50%;

}

.slide2 .active span{

    background: #05af6b;

}

.newsLeft .title{

    font-size: 16px;

    margin: 5px 0px 15px 0px;

    font-weight: bold;

    text-align: left;

}

.newsLeft img{

    width: 100%;

}

.slideFooter{

    border-top: 1px solid #ccc;

    margin-top: 20px;

    padding-top: 20px;

}

.newsLeft a{

    color: #000;

    text-decoration: none;

}

.itemcontent2 a{

    color: #000;

    text-decoration: none;

}

.btn-primary{

    color: #fff!important;

    text-decoration: none;

}

a{

    text-decoration: none;

}

.slidfooter  img{

    width: 100%;

}

.slidfooter {

    text-align: center;

}

.footer1{

    width: 100%;

    color: #fff;

}

.footer{

    background: #161d28;

    border-top: 5px solid #161d28;

    width: 100%;

    margin-top: 40px;

}



.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #fff;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}



.navbar{

    border-radius: 0px;

    margin-bottom: 0px;

}

.navbar-default {

    background-color: #2b2b2b;

    border-color: transparent;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{

    background: transparent;

}

.navbar-default .navbar-nav>li>a:hover{

    color: #fff;

}



.navbar-default .navbar-nav>li{

    background: url("../images/cham.jpg") no-repeat left center;

    color: #05af6b;

    padding-left: 0px;

}



.navbar-default .navbar-nav>li>a{

    text-transform: uppercase;

}



.navbar-nav > li{

    padding-left: 0px;

}

.navbar-toggle{

    float: left;

    margin-left: 0px;

}





@media (max-width: 767px){

    .navbar-default .navbar-nav>li::before {

        line-height: 51px;

    }

    .dropdown{

        width: 100%;

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a{

        color: #fff!important;

    }

    .menuPC{

        display: none;

    }

    .leftprocuct{

        display: none;

    }

    .news-item .col-md-8, .news-item .col-md-9{

        margin-top: 10px;

    }

    .navbar-nav{

        margin: inherit;

    }

}

@media (min-width: 768px){

    .navbar-collapse{

        padding-left: 0px;

        padding-right: 0px;

    }

    .navbar-default .container{

        padding-left: 0px;

        padding-right: 0px;

    }

    .navbar-default .navbar-nav>li::before {

        line-height: 49px;

    }



    .menumobi{

        display: none;

    }

    #navbarCollapse{

        width: fit-content;

        margin: 0px auto;

    }

}

.navbar-collapse{

    max-height: 10000px;

}





@import url('https://fonts.googleapis.com/css?family=Roboto');

a:hover,

a:focus {

    text-decoration: none;

    outline: none;

}

body{font-family: 'Roboto', sans-serif;}

/*

1.1 Header Area

****************************************************/

/*Bootstrap Reset*/

.navbar-nav > li > a {

    padding-top: 0;

    padding-bottom: 0;

}

.mainmenu {

    background-color: transparent;

    border-color: transparent;

    margin-bottom: 0;

    border: 0px !important;

}

.navbar-nav > li:last-child > a {

    padding-right: 0px;

    margin-right: 0px;

}

.dropdown-menu {

    padding: 0px 0;

    margin: 0 0 0;

    border: 0px solid rgba(0,0,0,.15);

    border-radius: 0px;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;



}



/*=-====Main Menu=====*/

.navbar-nav .open .dropdown-menu > li > a {

    padding: 16px 15px 16px 25px;

}

.header_bottom { }

.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {



    font-size: 16px;

    text-transform: capitalize;

    padding: 16px 15px;

    font-family: 'Roboto', sans-serif;

}

.header_area .mainmenu .active a,

.header_area .mainmenu .active a:focus,

.header_area .mainmenu .active a:hover,

.header_area .mainmenu li a:hover,

.header_area .mainmenu li a:focus ,

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{

    outline: 0;

}

/*-----./ Main Menu-----*/



/*==========Sub Menu=v==========*/

.mainmenu .collapse ul > li:hover > a{background: #000;color: #fff;}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #05af6b; color: #fff;}

.mainmenu .collapse ul ul ul > li:hover > a{background: #05af6b;color: #fff;}



.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background: #000;color: #fff;}

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#05af6b;color: #fff;}

.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#05af6b;color: #fff;}



/******************************Drop-down menu work on hover**********************************/

.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}

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

    .mainmenu .collapse ul li{position:relative;}

    .mainmenu .collapse ul li:hover> ul{display:block}

    .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}

    /*******/

    .mainmenu .collapse ul ul li{position:relative}

    .mainmenu .collapse ul ul li:hover> ul{display:block}

    .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}

    /*******/

    .mainmenu .collapse ul ul ul li{position:relative}

    .mainmenu .collapse ul ul ul li:hover ul{display:block}

    .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none;z-index:1}



}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{

    background: #05af6b;

    color: #fff;

}

.menumobi{

    background: #fff;

}



.buttonMenu:focus{

    background: transparent!important;

}

.buttonMenu{

    padding: 0px;

}

.navbar-default .navbar-toggle{

    border-color:#fff !important;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 28px;

    height: 4px;

    /* border-radius: 1px; */

}

.navbar-toggle {

    position: relative;

    float: left;

    margin-right: 15px;

    padding: 9px 10px;

    margin-top: 1px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 0px;

}

.phantrang{

    text-align: center;

}

.phantrang ul li.active{

    background: #000;

}

.phantrang ul li a{

    color: #fff

}

.phantrang ul li{

    display: inline;

    padding: 3px 11px;

    background: #414141;

}

.title-global h2 {

    font-size: 32px;

    margin: 0;

    line-height: 20px;

    color: #e88800;

    text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.3);

    text-align: left;

    padding: 7px 0px;

    margin: 0;

    font-family: 'Myriad Pro Semibold' !important;

}

.title-global {

    position: relative;

    margin-bottom: 10px;

    font-weight: bold;

    border-bottom: 1px solid #CACACA;

}

.wrap-box-news .news-item h2 {

    margin: 0;

    font-size: 19px;

    line-height: 21px;

    margin-bottom: 5px;

    font-weight: bold;

}

.box_containerlienhe .date {

    font-size: 12px;

    font-style: italic;

}

.wrap-box-news .news-item a {

    color: #05af6b;

}

.wrap-box-news .news-item {

    margin-bottom: 10px;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 10px;

}

.box_containerlienhe {

    padding: 15px;

}

.news-content {

}



.other-news {

    border-top: 1px solid #BDBDBD;

}



.news-content .other-news .other-link .image .wrap {

    height: 160px;

    overflow: hidden;

}

.news-content .other-news .other-link .image {

    height: 170px;

    overflow: hidden;

}

.other-news a, .other-news {

    color: #e88800;

}

.fix-row {

    margin-left: -7px;

    margin-right: -7px;

}

.tinkhachro li{

    list-style: none;

}

.other-news a, .other-news {

    color: #e88800;

}

.news-content .other-news .other-link h2 {

    margin: 0;

    line-height: 20px;

    font-size: 20px;

    text-align: justify;

    margin-top: 10px;

}

.title-6 {

    text-align: center;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: bold;

    color: #0078C0;

}

.box_containerlienhe .box_contact_r input, .box_containerlienhe .box_contact_r textarea {

    margin: 7px;

    padding: 7px 7px;

    border: 1px solid #ccc;

    border-radius: 2px;

    color: #8A8383;

}

.ta_noidung{

    width: 100%

}

.buton button{

    margin: 7px;

}

#left-nav {

    width: 100%;

    margin-left: 5px;

    float: left;

    background: #0078C0;

    padding: 13px;

}

#left-nav ul {

    list-style: none;

    text-align: right;

}

#left-nav ul li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.45);

    padding: 5px 0;

}

#left-nav ul li h2 {

    margin: 0;

    font-size: 18px;

    line-height: 22px;

    text-transform: uppercase;

}

#left-nav ul li a {

    color: #fff;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    text-transform: capitalize;

}

#left-nav ul li.child {

    position: relative;

    padding-right: 15px;

}

#left-nav ul li.child:before {

    position: absolute;

    content: "-";

    right: 0;

    top: 0;

    color: #fff;

    font-size: 16px;

    top: 4px;

}



.contromenu {

    float: right;

    position: absolute;

    right: 20px;

    top: 13px;

    font-size: 20px;

    color: #fff;

}

.has-sub{

    position: relative;

}

.glyphicon{

  padding-right: 8px !important;

}