﻿#update{color: #00437a;color: #fdb813;color: #bcbdc1}
.productHome.bt:before, .cateProduct ul li a, .itemProduct.slide2 a.controls:hover, .itemProduct.slide2 a.controls.prev:hover, #banner .bannerHome a.controls i:hover,
.titleHead a.title, .registerHome .itemM .listReason .item .wrapperImg, .btn:hover, .btn:focus, #footer, .titleLeft, .slide2 a.controls:hover, .danhMuc span.name, .listCate .sectionNews .contain .itemNews2 .item a.btn:hover
 , .contact .itemM ul.info li .wrapperImg, .contact .itemM .form a.btn:hover, .contenProduct .nav-tabs .nav-item.active .nav-link, .boxCart .head, .btn.bgred:hover, 
.infoCustomer .form a.btn:hover, .guiThanhCong a.back:hover, .guiThanhCong i {background-color: #00437a}
.titleHead a.title:after {border-left: 23px solid #00437a}
.titleLeft:before {border-top: 9px solid #00437a}
a:hover, .danhMuc>ul>li>a, .danhMuc>ul>li>ul li a, .guiThanhCong p.title {color: #00437a}
.formSeacrh a.search, .cart i, .cateProduct a.name, .contact .itemM .form a.btn, .headProduct .itemM .number a.btn, .btn.bgred, .guiThanhCong a.back {background-color: #fdb813}
.red, .listCate .sectionNews .contain .newsRight .item a.name:hover, .listCate .sectionNews .contain .newsRight .item a.detail:hover, .sectionNews.project .itemProject .item a.right:hover, 
.sectionNews.project .itemProject .item a.right:hover i {color: #fdb813 !important}

.itemProduct .item .wrapper:hover {border: 1px solid #00437a}
.itemProduct .item a.name:hover, .head a.more:hover, .itemNews1 .item a.name:hover, .itemNews2 .item a.name:hover, .itemProject .item a.name:hover, .registerHome .itemM .listReason .item a.name:hover, 
 .breadcrums ul li a:hover, #CommonCuoiChiTietTin .left a:hover, .otherAbout .item .outer a.right:hover i, .sectionLeft .productLeft .item a.name:hover {color: #00437a}
.titleHead a.more:hover, .titleHead a.more:hover i, .blue, .otherAbout .item .outer a.right:hover, .sectionLeft .newsRight .item a.name:hover, .sectionLeft .newsRight .item a.name.active, .sectionLeft .newsRight .item a.name i
 , .sectionLeft .projectRight .item a.name:hover{color: #00437a !important}

.contact .itemM .form input:hover, .contact .itemM .form input:focus, .contact .itemM .form textarea:hover, .contact .itemM .form textarea:focus, .SplitPages .hientai, .SplitPages a:hover {border-color: #00437a;color: #00437a}

.boxCart .bottom .right .red {color: #00437a !important}
.navBar.home {z-index: 111}
.cateProduct .itemHover {background-color: #bcbdc1}
.cateProduct .itemHover li a {background-color: #bcbdc1}
.topHeader {background-color: #f1f1f1}
#header .hotLine {color: #333 !important}
#header .hotLine i {background-color: #00437a}
#header .hotLine a {font: 18px 'RobotoBold';color: red !important;display: inline-block;width: auto}
#header .hotLine span {display: inline-block;width: auto}
.logo {width: 80px}
#slogan {font: 24px 'RobotoBold';color: #00437a;text-transform: uppercase;display: inline-block}

@media (min-width: 1200px){
    #menu>ul>li.active>a, #menu>ul>li:hover>a {color: #00437a}
}
@media (max-width: 1199px){
    .topHeader .row .logo {margin-right: 20px}
    .topHeader .row .hotLine {width: auto}
    #slogan {font-size: 16px}
    .topHeader .row {display: flex;height: 90px;justify-content:flex-start;padding-top: 0}
    #header .hotLine {display: none}
}
@media (max-width: 767px){
    #slogan {display: none}
    .topHeader .row .logo {width: auto;max-width: calc(100% - 80px);margin-right: 0}
    .topHeader .row .logo img {max-height: 90px}
    .navBar #menu {top: -15px}
}