body{margin:0 auto;background:#ccc}
.container-fluid{background:#fff}
p,
small,
strong,
a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
li,
ul{font-family:'Conv_Roboto-Regular'}
a{text-decoration:none}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}
.btn{border-radius:0}
#top{width:45px;height:45px;background-image:url(../images/icon/top.png);position:fixed;right:15px;bottom:120px;cursor:pointer;display:none;z-index:100;font-size:20px}
.navbar-wrapper{background:#094bc3;}
.navbar{margin-bottom:5px;}
.navbar,
.dropdown-menu{border:none;}
.nav>li{padding-top:5px}
.nav>li>a{padding:10px 12px;font-size:16px;color:#fff;}
.nav>li:hover{background:#ffc425;text-transform:.5s ease}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover{background:none!important}
.navbar-brand{color:#fff;}
.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.dropdown-menu>li:hover{background:none;font-size:16px}
.dropdown-menu>li>a{color:#fff;font-size:15px;padding-bottom:10px;padding-top:10px;border-bottom:1px dotted #ccc}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{background:none;color:#fff}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{color:orange;transition:.3s ease}
.navbar-toggle{color:#fff;}
.navbar-nav>li>.dropdown-menu{background:#094bc3;}
.navbar-toggle .icon-bar{color:#fff;background:#fff;}
.transition-timer-carousel .carousel-caption{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(4%,rgba(0,0,0,0.1)),color-stop(32%,rgba(0,0,0,0.5)),color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0); /* IE6-9 */width:100%;left:0px;right:0px;bottom:0px;text-align:left;padding-top:5px;padding-left:15%;padding-right:15%;}
.transition-timer-carousel .carousel-caption .carousel-caption-header{margin-top:10px;font-size:24px;}
@media (min-width:970px){
    .transition-timer-carousel .carousel-caption .carousel-caption-header{font-size:36px;}
}
.transition-timer-carousel .carousel-indicators{bottom:0px;margin-bottom:5px;}
.transition-timer-carousel .carousel-control{z-index:11;}
.transition-timer-carousel .transition-timer-carousel-progress-bar{height:5px;background-color:#5cb85c;width:0%;margin:-5px 0px 0px 0px;border:none;z-index:11;position:relative;}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{    /* We make the transition time shorter to avoid the slide transitioning
            before the timer bar is "full" - change the 4.25s here to fit your
            carousel's transition time */
-webkit-transition:width 4.25s linear;-moz-transition:width 4.25s linear;-o-transition:width 4.25s linear;transition:width 4.25s linear;}
.nav-side-menu{font-family:'Google Sans';font-size:12px;font-weight:200;background-color:#2e353d;height:100%;color:#e1ffff;}
.nav-side-menu .brand{line-height:40px;display:block;text-align:center;font-size:17px;}
.nav-side-menu .toggle-btn{display:none;}
.nav-side-menu ul,
.nav-side-menu li{list-style:none;padding:0px;margin:0px;line-height:35px;cursor:pointer;}
.nav-side-menu ul:not(collapsed) .arrow:before,
.nav-side-menu li:not(collapsed) .arrow:before{font-family:FontAwesome;content:"\f078";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;float:right;}
.nav-side-menu ul .active,
.nav-side-menu li .active{border-left:3px solid #d19b3d;background-color:#4f5b69;}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active{color:#d19b3d;}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a{color:#d19b3d;}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li{background-color:#181c20;border:none;line-height:28px;border-bottom:1px solid #23282e;margin-left:0px;}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover{background-color:#020203;}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before{font-family:FontAwesome;content:"\f105";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;}
.nav-side-menu li{border-bottom:1px dotted #ccc;}
.nav-side-menu li a{text-decoration:none;color:#000;font-size:15px;padding-top:15px;padding-bottom:15px}
.nav-side-menu li a:hover{text-decoration:none;color:#094bc3;transition:.3s ease}
.nav-side-menu li a i{padding-left:10px;width:20px;padding-right:20px;}
.menu-list{background:#fff;}
@media (max-width:767px){
    .nav-side-menu{position:relative;width:100%;margin-bottom:10px;}
    .nav-side-menu .toggle-btn{display:block;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10!important;padding:3px;background-color:#ffffff;color:#000;width:40px;text-align:center;}
    .brand{text-align:left!important;font-size:22px;padding-left:20px;line-height:50px!important;}
}
@media (min-width:767px){
    .nav-side-menu .menu-list .menu-content{display:block;}
}
.nen_chu{background:#094bc3;color:#fff;padding:10px;text-align:center;margin-top:15px;font-size:17px;font-family:'Google Sans'}
.red{color:red;}
.form-area{background-color:#FAFAFA;padding:10px 40px 60px;margin:10px 0px 60px;border:1px dotted #eee;border-top-left-radius:15px;border-bottom-right-radius:15px;}
hr{height:4px;margin-left:0px;margin-bottom:-3px;}
.hr-success{background-image:-webkit-linear-gradient(left,rgba(15,157,88,.8),rgba(15,157,88,.6),rgba(0,0,0,0));}
#blog-section{margin-bottom:80px;}
.content-title{padding:5px;background-color:#fff;}
.content-title h3 a{color:#34495E;text-decoration:none;transition:0.5s;}
.content-title h3 a:hover{color:#F39C12;}
.content-footer{background-color:#16A085;padding:10px;position:relative;}
.content-footer span a{color:#fff;display:inline-block;padding:6px 5px;text-decoration:none;transition:0.5s;}
.content-footer span a:hover{color:#F39C12;}
aside{margin-top:30px;}
aside .content-footer>img{width:40px;height:35px;border-radius:100%;margin-right:10px;border:2px solid #fff;}
.user-ditels{width:300px;top:-100px;height:100px;padding-bottom:99px;position:absolute;border:solid 2px #fff;background-color:#34495E;right:25px;display:none;z-index:1;}
@media (max-width:768px){
    .user-ditels{right:5px;}
}
.user-small-img{cursor:pointer;}
.content-footer:hover .user-ditels{display:block;}
.content-footer .user-ditels .user-img{width:100px;height:100px;float:left;}
.user-full-ditels h3{color:#fff;display:block;margin:0px;padding-top:10px;padding-right:28px;text-align:right;}
.user-full-ditels p{color:#fff;display:block;margin:0px;padding-right:20px;padding-top:5px;text-align:right;}
.social-icon{background-color:#fff;margin-top:10px;padding-right:20px;text-align:right;}
.social-icon>a{font-size:20px;text-decoration:none;padding:5px;}
.social-icon a:nth-of-type(1){color:#4E71A8;}
.social-icon a:nth-of-type(2){color:#3FA1DA;}
.social-icon a:nth-of-type(3){color:#E3411F;}
.social-icon a:nth-of-type(4){color:#CA3737;}
.social-icon a:nth-of-type(5){color:#3A3A3A;}

/*recent-post-col////////////////////*/
.widget-sidebar{background-color:#fff;}
.title-widget-sidebar{font-size:14pt;border-bottom:2px solid #e5ebef;margin-bottom:15px;padding-bottom:10px;margin-top:0px;}
.title-widget-sidebar:after{border-bottom:2px solid #f1c40f;width:150px;display:block;position:absolute;content:'';padding-bottom:10px;}
.recent-post{width:100%;height:80px;list-style-type:none;}
.post-img img{width:100px;height:70px;float:left;margin-right:15px;border:5px solid #16A085;transition:0.5s;}
.recent-post a{text-decoration:none;color:#34495E;transition:0.5s;}
.post-img,
.recent-post a:hover{color:#F39C12;}
.post-img img:hover{border:5px solid #F39C12;}

/*===============ARCHIVES////////////////////////////*/
button.accordion{background-color:#16A085;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s;}
button.accordion.active,
button.accordion:hover{background-color:#F39C12;color:#fff;}
button.accordion:after{content:'\002B';color:#fff;font-weight:bold;float:right;margin-left:5px;}
button.accordion.active:after{content:"\2212";}

/*categories//////////////////////*/
.categories-btn{background-color:#66ccff;margin-top:30px;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s;}
.categories-btn:after{content:'\25BA';color:#fff;font-weight:bold;float:right;margin-left:5px;}
.categories-btn:hover{background-color:#16A085;color:#fff;}
.form-control{border-radius:0px;}
.btn-warning{border-radius:0px;background-color:#F39C12;margin-top:15px;}
.input-group-addon{border-radius:0px;}
@media screen and (max-width:800px){
#left{padding-right:0px!important}
#rightside{padding-left:0px!important}
#mangxh{display:none}
#cuahang{display:none}
#hotline{display:none}
img{border:0;max-width:100%;height:auto!important;}
}
@media screen and (max-width:320px){
#transition-timer-carousel{display:none}
img{border:0;max-width:100%;height:auto!important;}
}
.vien_sp{border:1px solid #c1c1c1;padding:5px;margin-top:10px;margin-left:5px;}
#footer_css{background:#094bc3;padding-top:10px;margin-top:40px;padding-bottom:10px;color:#fff;}

/*Box for product*/
.box-product{max-width:300px;margin:auto;background:#fff;padding-bottom:10px;box-shadow:0px 0px 4px #7d7a7ad6}
.img-product{width:100%;border-bottom:1px solid #dddfe2;}
.wp-product{margin-bottom:30px;}
.img-product img{width:100%;}
.box-product .box-name-product h3{font-size:15px;text-align:center;min-height:40px;}
.box-product .box-name-product h3 a{color:#000;}
.box-product .box-name-product h3 a:hover{color:orange;text-decoration:none}
.overlay-product{position:relative;width:100%;overflow:hidden;}
.overlay-product img{width:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.overlay-product .over-lay{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.overlay-product .over-lay a{display:block;height:100%;position:relative;z-index:10;}
.overlay-product .over-lay:before{content:"";width:0;height:calc(100% - 20px);position:absolute;border-bottom:1px solid #FFF;border-top:1px solid #FFF;left:10px;top:10px;z-index:1;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;}
.overlay-product .over-lay:after{content:"";width:calc(100% - 20px);height:0;position:absolute;border-right:1px solid #FFF;border-left:1px solid #FFF;left:10px;top:10px;z-index:1;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;}
.overlay-product:hover .over-lay:before{width:calc(100% - 20px);}
.overlay-product:hover .over-lay:after{height:calc(100% - 20px);}
.overlay-product:hover .over-lay{opacity:1;}
.overlay-product:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.vtd:hover{color:#b0921d}
.v_phantrang{display:none}
.v_ct_xem{margin-bottom:30px;}
.hinh_kc{margin-bottom:5px}
.v_hinh_album{margin-bottom:20px;}
.clip_gh{max-height:350px;overflow:hidden;}
#TTGH{font-size:14px}

/*contact left side*/
#redessociales{width:65px;height:65px;border-radius:50%;z-index:99999;background:url(../images/icon/c1.png);position:fixed;bottom:20px;left:20px;}
.smedia{position:absolute;-webkit-transition:left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;-moz-transition:left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;-o-transition:left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;display:inline;opacity:0;width:46px;height:46px;z-index:100;margin:10px 0px 0px 20px;text-indent:-9999px;background:no-repeat;left:3px;}
#redessociales:hover .smedia{opacity:1;transform:translate(0px,0);-webkit-transform:translate(0px,0);-o-transform:translate(0px,0);-moz-transform:translate(0px,0);margin:10px 0px 0px 20px;position:absolute;}
#redessociales:hover .smedia:nth-child(1){position:absolute;left:65px;}
#redessociales:hover .smedia:nth-child(2){position:absolute;left:110px;}
#redessociales:hover .smedia:nth-child(3){position:absolute;left:155px;}
#redessociales:hover .smedia:nth-child(4){position:absolute;left:200px;}
#redessociales:hover .smedia:nth-child(5){position:absolute;left:245px;}
#redessociales:hover .smedia:nth-child(6){position:absolute;left:290px;}
.smedia.facebook{background:url(../images/icon/c2.png);}
.smedia.twitter{background:url(../images/icon/c3.png);}
.smedia.email{background:url(../images/icon/c4.png);}
.smedia.instagram{background:url(../images/icon/c5.png);}
.smedia.youtube{background:url(../images/icon/c6.png);}
.smedia.vimeo{background:url(../images/icon/c7.png);}
.smedia:hover{background-position:0 -46px;}
.header_css{padding-right:0;padding-left:0;background:#094bc3;padding-top:10px;color:#ffffff;padding-bottom:0}
.bq{background:#072865;color:#fff;padding-top:10px}
.pagination{border-radius:0}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-radius:0}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-radius:0}
.spdb{padding-top:10px;padding-bottom:5px;font-size:18px;padding-left:15px;color:#fff;background:#094bc3;font-family:'Google Sans'}
.v_gia{color:red;font-family:'Google Sans';font-weight:bold;font-size:16px}
.home3-sec-title:after{content:" ";position:relative;bottom:1px;display:table;margin:auto;width:100%;border-bottom:1px solid #094bc3;}
.home3-sec-title .ttwrap{display:inline-block;position:relative;text-transform:uppercase;font-size:20px;color:#ffffff;padding:9px 15px;background:#094bc3;font-family:'Google Sans'}
.home3-sec-title .ttwrap:after{content:" ";width:20px;right:-18px;height:100%;top:0;position:absolute;background:#094bc3;border-top-right-radius:10px;}
.home3-sec-title{position:relative;margin-top:0}
.bd_ft{width:150px;border-bottom:2px solid #fff;padding-bottom:5px}
.nd_tt{background:#094bc3;font-family:'Google Sans'}
.nd_tm{background:#094bc3;font-family:'Google Sans';padding-top:10px;padding-bottom:0px;color:#fff;font-size:17px}
.dropdown-menu{min-width:260px;}
label{max-width:100%;}
.gach_chan{border-bottom:1px solid #094BC3;width:100px}
.home_clip{font-size:20px;font-weight:bold;color:#094BC3;font-family:'Google Sans'}
.img_bogoc{border-radius:10px}
.hover11 figure img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover11 figure:hover img{opacity:.5}
.hover08 figure img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover08 figure:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.home_tin>a{font-size: 15px; text-align: justify;font-weight: bold;text-transform: uppercase;color:#012245;text-decoration: none;}
.home_tin>a:hover{color:red;transition: .5s ease;text-decoration: none;}
.nav>li:hover{background: none;color:orange;transition: .5s ease}
.nav>li>a:hover{color:#F7BD1F;transition: .3s ease}