footer,footer a{color:#fff}
.h2-responsive a,.menuList,.slogan,.theme-price,.theme-title{font-weight:700}
body{font-family:'Noto Sans',sans-serif;margin:0;font-size:14px}
footer{padding:0 20px;width:100%;font-size:16px;background:#337ab7}
hr{border-top:1px solid #337ab7}
a{color:#337ab7}
a:hover{text-decoration:none;opacity:.7;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
pre{tab-size:8}
.navbar-toggle,.navbar-toggle:hover{margin-left:10px}
[data-toggle=collapse-side]{display:none}
@media screen and (max-width:768px) {
[data-toggle=collapse-side]{display:block}
.navbar{position:fixed;top:0;width:100%;z-index:999999}
.container-fuild{padding-top:50px}
.side-collapse-container{width:100%;position:relative;left:0}
.side-collapse{top:51px;bottom:0;left:0;width:200px;position:fixed;overflow:hidden;transition:.4s;z-index:999999}
.side-collapse.in{left:-200px}
}
.contentAjax{padding-top:20px;}
#carousel-example img,.item-product img{width:100%;height:220px;}
.item-gioithieu img{width:100%;height:140px;}
.navbar-right{position:absolute;top:8px;right:10px;z-index:99999;max-width:250px}
.h2-responsive{text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #337ab7;font-size:20px}
.divider-new{padding:0 20px 5px;font-size:20px}
h1{font-size:21px}
.text-danger{color:#F44336}
.text-yellow{color:#FFEB3B}
.navbar-default{background-color:#337ab7;border-color:#03559c}
.navbar-default .navbar-nav>li>a{color:#fff;font-size:16px;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default a.active{background:#2196F3;color:#fff}
.btn-default{color:#fff;background-color:#337ab7;border-color:#fff}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#337ab7}
.logoButton{height:46px;background:rgba(255,255,255,.7);padding:2px 4px 2px 2px;border-radius:3px;margin:1px 0 0 2px}
.navbar{border-radius:0;margin-bottom:0}
.logo{max-height:130px;margin-top: 20px;}
.slogan{color:#337ab7;font-size:18px;}
.slogan{margin-bottom:0;}
@media(min-width:992px) {
.slogan{height:130px;}
}
.container-fuild .row{margin:0}
.intro,.item-news,.item-product{margin-bottom:10px}
.panel-body{border:none}
.menuList{font-size:14px;line-height:45px}
.menuList .col-md-3 {padding-right: 0;padding-bottom: 20px;}
.menuList img {max-width: 100%;}
.panel-heading a{color:#aedaff}
.brand .panel-body{padding:0}
.brand .item-brand{padding-bottom:0;padding-top:10px}
.listItem .panel-body,.p-0{padding:10px 0}
.item-gioithieu img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.box .overbox,.box img{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.item-gioithieu{border:1px solid #337ab7;overflow:hidden;border-radius:5px;padding:10px;margin-bottom:20px}
.contentOverlay{position: absolute;top: 0;padding: 10px;background: rgba(255, 255, 255, 0.5);height: 100%;overflow-y: scroll;max-width: 400px;}
.content-intro img{width:100%;}
.box,.content-intro{position:relative}
.dropdown-menu{width:1024px;background:#2196F3;}
.dropdown-menu li{float:left;font-size:16px}
.dropdown-menu li a{color:#fff;background:0 0!important}
.box{overflow:hidden}
.box img{transition:all .3s ease-out}
.box .overbox{background-color:rgba(51,122,183,.3);position:absolute;top:0;left:0;color:#fff;z-index:100;transition:all .3s ease-out;opacity:0;width:100%;height:100%;padding:10px}
.box:hover .overbox{opacity:1}
.box .overtext{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;transform:translateY(40px);-webkit-transform:translateY(40px)}
.box .title{font-size:1.3em;text-transform:uppercase;opacity:0;transition-delay:.1s;transition-duration:.2s}
.box:focus .title,.box:hover .title{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.box .tagline{font-size:.8em;opacity:0;transition-delay:.2s;transition-duration:.2s}
.box:focus .tagline,.box:hover .tagline{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.infoHeader a{margin-bottom:10px;}
#lang{padding:3px; background: #337ab7; color:white;font-weight:bold;}
#lang a{color:white;}
.carousel-caption{text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.col-md-4.item-product h3 {font-size: 13px;margin-top: 0;height: 25px;}
@media(min-width:992px) {
    @-webkit-keyframes zoominout {
        0% {
            -webkit-transform: scale(1,1);
        }
        25% {
            -webkit-transform: scale(1.25,1.25);
        }
        50% {
            -webkit-transform: scale(1.5,1.5);
        }
        75% {
            -webkit-transform: scale(1.25,1.25);
        }
        100% {
            -webkit-transform: scale(1,1);
        }
    }
    .zoomInOut{
        animation : 2s linear 1s normal none infinite zoominout;
        font-family: Bradley Hand ITC;
    }
}
.intro .col-md-3{
    padding-bottom:0;
}
.flag img{width: 24px;}
.heightCol{height:240px;overflow-y: scroll}
.listMenuChild {font-size:13px;}
.item-brand img {
    height: 200px;
}