*{
    margin:0 auto;
    box-sizing:border-box
}
/*Font face*/
@font-face { font-family:'Roboto-Medium';src:url('../fonts/cn-Roboto-Medium.woff') format('woff'),url('../fonts/cn-Roboto-Medium.ttf') format('truetype'),url('../fonts/cn-Roboto-Medium.eot') format('embedded-opentype');} @font-face{font-family:'Roboto-Regular';src:local('Roboto-Regular'),url('../fonts/cn-Roboto-Regular.woff2') format('woff2'),url('../fonts/cn-Roboto-Regular.woff') format('woff'),url('../fonts/cn-Roboto-Regular.ttf') format('truetype'),url('../fonts/cn-Roboto-Regular.eot') format('embedded-opentype');unicode-range:U+0000-1EF9,U+2013-204A} @font-face{font-family:'Roboto-Bold';src:local('Roboto-Bold'),local('Roboto-Bold'),url('../fonts/cn-Roboto-Bold.woff2') format('woff2'),url('../fonts/cn-Roboto-Bold.woff') format('woff'),url('../fonts/cn-Roboto-Bold.ttf') format('truetype'),url('../fonts/cn-Roboto-Bold.eot') format('embedded-opentype');}
html{
    background:#fff
}
body{
    font-family: "Roboto", tahoma, sans-serif;
    max-width:1920px;position:relative;
}
a{
    text-decoration:none
}
:focus{
    outline:0
}
a,a:focus{
    color:#000
}
.menumobile,a.iconmenu,.cart-mobile{
    display:none!important
}
img{
    border:none;max-width:100%;
}
ul{
    list-style:none;
    padding:0
}
.b-12,.b-rol,.row{
    width:100%
}
.gradient{
    background: #ec008c;
    background: -webkit-linear-gradient(to right, #fc6767, #ec008c);
    background: linear-gradient(to right, #fc6767, #ec008c);
}
.hotline,.icon-menu{
    display:none
}
.row-main{
	width:1180px;
}
.b-rol{
    float:left
}
.b-padding{
    padding:0 20px
}
.b-padding-left {
	padding-left:20px;
}
.b-padding-right {
	padding-right:20px;
}
.b-right {float:right;padding-left:20px;}
.b-col{
    background:#fff
}
.b-11{
    width:91.66%
}
.b-10{
    width:83.33%
}
.b-9{
    width:74.97%
}
.b-8{
    width:66.6%
}
.b-7{
    width:58.31%
}
.b-6{
    width:50%
}
.b-5{
    width:41.63%
}
.b-4{
    width:33.33%
}
.b-3{
    width:25%
}
.b-2{
    width:16.66%
}
.b-1{
    width:8.33%
}
.red{
    color:#ea2d2e
}
.blue{
    color:#08c
}
.see-more {float: right;
    font-size: 16px;}
.see-more:after  {content: "";
    background: url(../images/arrow.png) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    float: right;
    margin-top: 3px;}
.fixed {position:fixed;z-index:999;left:0}
.soft-blue{ color:#09c; }
.bg-red {background:#d80200;}
.float-right {float:right}
.fix{
    clear:both
}
.wrap{
    width:1180px
}
.icon-16 {font-size:16px;}
.icon-20 {font-size:20px;}
.icon-24 {font-size:24px;}
.icon-32 {font-size:32px;}
.icon-48 {font-size:48px;}
/* Menu */

.menu-top {float:left;padding:0;background:#fff;}
.menu-top .main-logo{width:120px;float:left;height:1px;margin:0 auto;left:0;right:0;}
.menu-top .logo{float:left;padding:10px 20px;}
.menu-top .logo img{height:45px;}
.menu-top .hotline-pc {background:#fff;padding:5px 20px;border-radius:10px;margin:0 20px;}
.menu-top .icon-social {font-size: 20px;margin-left: 10px;cursor: pointer;}
.menu-full {float:left;width:100%;margin-top:10px;}
#menu {background:#fff}
.menu ul{padding:0;margin:0;font-family: "Roboto-Bold", tahoma, sans-serif;float: right;}
.menu ul li{float:left;padding:22px 12px;position:relative;color:#000;text-transform:uppercase;font-size:18px;}
.menu ul li a,.menu ul li span{color:#000;position:relative;}
.menu ul li:hover a:before{content:"";border-bottom:4px solid #bc0404;width:100%;position:absolute;bottom:-23px;left:0px;} 
.menu ul li:hover span:before{content:"";border-bottom:4px solid #bc0404;width:100%;position:absolute;bottom:-23px;left:0px;} 
.menu ul li.active ul{display:block;}
.menu ul li ul {width:220px;position:absolute;background:#fff;border-top:none;top:58px;left:0;z-index:9999;display:none;    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);} 
.menu ul li i {font-size:14px;font-weight:300}
.menu ul li:hover ul {display:block;}
.menu ul li:hover ul li a:before{content:"";border-bottom:0px;} 
.menu ul li ul li{width:100%;padding:7px 10px 7px 15px;text-transform:none;font-size:15px;}
.menu ul li ul li:hover{background: #f9f9f9;cursor:pointer;}

.menu ul li ul li a{color:#000}
.menu ul li ul li:hover a{color:#4294b7}
.menu ul li ul li:hover:before{color:#4294b7!important}
.menu .nav-right{float:right;}

#menuproduct {width:270px;float:left;cursor:pointer;}
#menuproduct li {float:left;margin-top:-3px;text-transform:none;font-weight:400;}
#menuproduct li i{float:left;margin-top:-3px;}
#menuproduct ul li.menu_product:before{content:"";}
#menuproduct li span{float:left;}
#menuproduct li:before {
    content: "\f105";color:#000;
    font-family: "FontAwesome";
    margin-right: 10px;
}
.menu-mobile {display:none}
.search-form {border-radius:5px;margin-top:15px;background:#4294b7;margin-bottom:5px;position:relative;}
.search-form input[type="text"]{width:80%;padding:15px 20px;border:none;border-radius:3px;border:1px solid #ccc;float:left;}
.search-form button{width:20%;padding:15px 10px;border:none;background:#4294b7;color:#fff;}
.search-form  .ketqua {position:absolute;width:100%;z-index:100;background:#fff;padding:10px;text-align:left;top:43px;border:1px solid #ccc;border-top:none;}
.search-form  .ketqua p{padding:5px 10px;cursor:pointer;}
.search-form  .ketqua p:hover{background:#f9f9f9}
.search-form  .ketqua p:before{content: "\f105";color:#000;margin-right:10px;
    font-family: "FontAwesome";}
.menu-top .top-button {padding:23px 0px 0 10px;font-size:12px;float:right;}
.menu-top .top-button:hover span:before,.menu-top .top-button:hover a:before {border:none}
.menu-top .top-button p{padding-top:5px;}
.menu-top .top-cart {color:#000;padding:0px 0px 8px 10px;border-radius:3px;text-align:center;cursor:pointer;font-size:18px;float:right}
.menu-top .top-cart span{background:#4294b7;color:#fff;cursor:pointer;padding:4px 10px;margin-left:3px;border-radius:3px;}
.menu-top .top-cart  i{font-size:32px;margin-top:-5px!important}
.slider-trangchu {}
.main-slider {}
.entry .share .icon {width:24px;height:24px;float:right;background-position:center center;background-repeat:no-repeat;margin-left:20px;cursor:pointer	}
.entry .facebook {background-image:url('../images/f.png');}
.entry .google {background-image:url('../images/g.png');}
.entry .twiter {background-image:url('../images/t.png');}
.entry .email {background-image:url('../images/e.png');}
.sub-main {background:url('../images/bg-review.jpg') center center}
.lien-he {padding:50px 0;min-height:450px;}
.the-contact {position:fixed;right:10px;bottom:20px;z-index:99999999999999;}
.the-contact .list-contact { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);min-width:200px;background:#fff;margin-bottom:100px;border-radius:5px;position:relative;display:none}
.the-contact .list-contact:before {content:"";border:10px solid transparent;border-top:10px solid #fff;position:absolute;right:30px;bottom:-20px;}
.the-contact .list-contact p{padding:10px 20px;cursor:pointer;}
.the-contact .list-contact p.whatsapp:before {content:"\f232";font-family:"FontAwesome";margin-right:10px;color:#4294b7}
.the-contact .list-contact p.viber:before {content:"\f409";font-family:"FontAwesome";margin-right:10px;color:#f00}
.the-contact .list-contact p.thecall:before {content:"\f2a0";font-family:"FontAwesome";margin-right:10px;color:#4294b7}
.the-contact .list-contact p.phone:before {content:"\f590";font-family:"FontAwesome";margin-right:10px;color:#4294b7}
.the-contact .list-contact p.chat:before {content:"\f4b6";font-family:"FontAwesome";margin-right:10px;color:#4294b7}
.the-contact .list-contact p.messenger:before {content:"\f39f";font-family:"FontAwesome";margin-right:10px;color:#08c}
.the-contact .list-contact p.zalo:before {content:"Z";margin-right:10px;background:#08c;color:#fff;padding:2px 5px;border-radius:3px;font-size:10px;}
.the-contact .list-contact p:hover{background:#4294b7;color:#fff;}
.the-contact .list-contact p:hover a{color:#fff;}
.the-contact .list-contact p:hover:before {color:#fff;}
.the-contact .icon-contact {background:#4294b7;border-radius:50%;width:80px;height:80px;color:#fff;text-align:center;line-height: 80px;right:0;position:absolute;bottom:0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);cursor:pointer}
.footer{
    width:100%;
    float:left;
	background: #4294b7;
	line-height:18px;
    padding:50px 0;position:relative;
	color:#fff;
	text-align:center;
	background:url('../images/bg-footer.png') center center no-repeat #4294b7;
	background-size: cover;font-family: "Roboto", tahoma, sans-serif;
}

.footer .nav li{font-weight:300;text-transform:none;font-size:16px;}
.footer .row-main{position:relative;z-index:2}
.footer .chi-nhanh {text-align:left;padding:0 10px;}
.footer .chi-nhanh h3{margin-bottom:10px;}
.footer p{margin-bottom:10px;font-size:13px;color:#ccc;}
.footer a{color:#fff}
.footer ul {margin-bottom:10px;}
.footer ul li{display:inline-block;padding:5px 10px;}
.footer h3{font-family: "Roboto-Bold", tahoma, sans-serif;text-transform:uppercase;
    font-size:20px;font-weight:600;margin-bottom:20px;margin-top:10px;
}
.footer h4{
    font-size:14px;text-transform:uppercase;margin-bottom:10px;
}
.footer .footer-info{padding-right:10px;}
.footer .footer-info strong{color:#fff;font-size:16px;font-weight:300;}
.footer .social{padding-top:10px;}
.footer .social i{padding-left:0px;padding-right:15px;margin-left:0;}
.footer .info{
    padding:10px 0
}
.footer .info .address{
    width:31%;
    float:left;
    padding:5px 1%
}
.footer .info .address h3{
    color:#feb444
}
.footer .info .address .name{
    padding:5px 0
}
.footer .info .left{
    width:1030px;
    float:left;
    padding:0 10px;
    clear:both;
    font-size:12px
}
.footer .info .left img{
    float:left;
    height:60px;
    margin-right:10px
}
.footer .info .right{
    width:400px;
    float:right;
    text-align:right;
    padding:0 10px
}
.footer .left{
    font-size:14px
}
.backToTop {position:fixed;right:10px;top:60%;background:#4294b7;cursor: pointer;
    border-radius: 2px;width:38px;height:38px;display:none;z-index: 99999;}
.backToTop:after {content: "";
    position: absolute;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 15px;
    left: 14px;}